fix: move SetThemeScript and themeHelper from styled to react

package.json

@@ -12,7 +12,7 @@
     "storybook:experimental-vite": "USE_VITE=1 storybook dev -p 6006",
     "storybook:build": "storybook build",
     "storybook:build-vite": "USE_VITE=1 storybook build",
-    "build": "yarn workspaces foreach -vpt -j unlimited run build",
+    "build": "yarn workspaces foreach -vp --topological-dev -j unlimited run build",
     "clean": "yarn workspaces foreach -vp run clean",
     "test": "vitest",
     "test:image-snapshot": "TEST_RUNNER=vrt concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"http-server storybook-static --port 6006 --silent\" \"wait-on tcp:127.0.0.1:6006 && test-storybook ${*}\"",

packages/styled/src/SetThemeScript.tsx → packages/react/src/core/SetThemeScript.tsx

@@ -2,7 +2,7 @@ import {
   assertKeyString,
   DEFAULT_ROOT_ATTRIBUTE,
   LOCAL_STORAGE_KEY,
-} from './helper'
+} from './themeHelper'
 
 interface Props {
   localStorageKey: string

packages/react/src/index.ts

@@ -4,6 +4,17 @@ export {
   CharcoalProvider,
   type CharcoalProviderProps,
 } from './core/CharcoalProvider'
+export { makeSetThemeScriptCode, SetThemeScript } from './core/SetThemeScript'
+export {
+  getThemeSync,
+  themeSetter,
+  themeSelector,
+  prefersColorScheme,
+  useTheme,
+  useThemeSetter,
+  useLocalStorage,
+  useMedia,
+} from './core/themeHelper'
 export { default as Button, type ButtonProps } from './components/Button'
 export {
   default as Clickable,

packages/styled/package.json

@@ -21,6 +21,7 @@
     "test": "vitest run --passWithNoTests"
   },
   "devDependencies": {
+    "@charcoal-ui/react": "^4.2.1",
     "@types/react": "^18.3.3",
     "@types/react-test-renderer": "^18.3.0",
     "@types/styled-components": "^5.1.21",
@@ -44,6 +45,7 @@
     "warning": "^4.0.3"
   },
   "peerDependencies": {
+    "@charcoal-ui/react": "^4.2.1",
     "react": ">=17.0.0",
     "styled-components": ">=5.1.1"
   },

packages/styled/src/index.ts

@@ -14,10 +14,11 @@ export {
   useThemeSetter,
   useLocalStorage,
   useMedia,
-} from './helper'
+  makeSetThemeScriptCode,
+  SetThemeScript,
+} from '@charcoal-ui/react'
 export { defineThemeVariables } from './util'
 export { removeHalfLeadingCss } from './utils/typographyCss'
-export * from './SetThemeScript'
 
 type Blank = null | undefined | false
 

yarn.lock

@@ -2248,6 +2248,7 @@ __metadata:
   resolution: "@charcoal-ui/styled@workspace:packages/styled"
   dependencies:
     "@charcoal-ui/foundation": ^4.2.1
+    "@charcoal-ui/react": ^4.2.1
     "@charcoal-ui/theme": ^4.2.1
     "@charcoal-ui/utils": ^4.2.1
     "@types/react": ^18.3.3
@@ -2267,6 +2268,7 @@ __metadata:
     vitest: ^2.0.2
     warning: ^4.0.3
   peerDependencies:
+    "@charcoal-ui/react": ^4.2.1
     react: ">=17.0.0"
     styled-components: ">=5.1.1"
   languageName: unknown