@accelint/design-toolkit 6.0.0 → 7.0.1

package/dist/providers/theme-provider.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {merge}from'lodash';import {createContext,useState,useEffect,useMemo,useContext}from'react';import {designTokens}from'../tokens/tokens.js';const k={mode:"dark",tokens:{...designTokens.dark,...designTokens.static},toggleMode:r=>{}},s=createContext(k);function P({children:r,defaultMode:m,onChange:d,overrides:n}){const[o,i]=useState(m??"dark");useEffect(()=>{if(document){const{documentElement:e}=document;e.classList.remove("dark","light"),e.classList.add(o);}},[o]);const T=useMemo(()=>{const e=merge(designTokens,n);return {...e[o],...e.static}},[o,n]);return jsx(s.Provider,{value:{mode:o,tokens:T,toggleMode:e=>{i(e),d?.(e);}},children:r})}function v(){return useContext(s)}export{P as ThemeProvider,v as useTheme};//# sourceMappingURL=theme-provider.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {assign}from'radashi';import {createContext,useState,useEffect,useMemo,useContext}from'react';import {designTokens}from'../tokens/tokens.js';const C={mode:"dark",tokens:{...designTokens.dark,...designTokens.static},toggleMode:n=>{}},s=createContext(C);function P({children:n,defaultMode:m,onChange:d,overrides:r}){const[o,i]=useState(m??"dark");useEffect(()=>{if(document){const{documentElement:e}=document;e.classList.remove("dark","light"),e.classList.add(o);}},[o]);const T=useMemo(()=>{const e=assign(designTokens,r);return {...e[o],...e.static}},[o,r]);return jsx(s.Provider,{value:{mode:o,tokens:T,toggleMode:e=>{i(e),d?.(e);}},children:n})}function v(){return useContext(s)}export{P as ThemeProvider,v as useTheme};//# sourceMappingURL=theme-provider.js.map
 //# sourceMappingURL=theme-provider.js.map

package/dist/providers/theme-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/providers/theme-provider.tsx"],"names":["designTokens","t","ThemeContext","createContext","defaultContextValue","l","useState","defaultMode","mode","c","overrides","tokensWithOverrides","u","setMode","onChange","h"],"mappings":"0MAyCA,MACE,CAAA,CAAA,CAAA,IAAM,CAAA,MACN,CAAA,MAAU,CAAGA,CAAAA,GAAaC,YAAA,CAAA,IAASD,IAAaC,YAAA,CAAA,MAChD,CAAA,CAAA,UAAuB,CAEvB,CACF,EACMC,CAAAA,CAAeC,CAAAA,CAAiCC,CAAmB,CAAAC,aASlE,CAAA,CAAA,CAAA,CAAA,oBAEL,CAAA,CAAA,CAAA,WACA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACqB,CACrB,SAAoB,CAAA,CAAIC,EAAoBC,CAAAA,CAAAA,QAAe,CAAA,CAAA,EAAA,MAEjD,YAAM,IACV,CAAA,GAAA,eACM,CAAA,eAAoB,YACZ,CAAA,CAAA,CAAA,SAAU,CAAA,MAAO,CAAA,cACjB,CAAA,CAAA,CAAA,CAAA,SAAU,CAAIC,GAElC,CAAA,CAAG,EAACA,CAAI,CAAC,CAAA,CAET,CAAA,CAAA,CAAA,CAAA,MAA2C,CAAA,CAAAC,OAAA,CAAM,IAC/C,CAAA,MAAkCT,CAAAA,CAAcU,KAAS,CAAAT,YACzD,CAAA,CAAA,CAAA,CAAA,OACKU,CAAAA,GAAwB,CAC3B,GAAGA,CAAAA,GAAoB,CAAA,CAAA,MAEvBH,CAAAA,CAAME,CAAS,CAAC,CAAA,CAEpB,WACgBE,GAAA,CAAA,CAAA,CAAA,eAEV,CAAA,CAAA,IACA,CAAA,CAAA,CAAA,MACA,CAAA,CAAA,CAAA,UAAiC,CAC/BC,CAAAA,EAAY,CAAA,CACZC,CAAAA,CAAAA,CAAAA,CAAWN,CAAI,GAEnB,CAEC,EAAA,CAAA,CAAA,CAAA,QAGP,CAEO,CAAA,CAAA,CAAA,CAAA,SACL,CAAA,EAAA,CAAA,OACFO,UAAA,CAAA,CAAA,CAAA","file":"theme-provider.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { merge } from 'lodash';\nimport {\n  createContext,\n  type PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { designTokens } from '../tokens/tokens';\nimport type { PartialDeep } from 'type-fest';\nimport type {\n  SemanticColorTokens,\n  StaticColorTokens,\n  ThemeTokens,\n} from '@/tokens/types';\n\nexport type ThemeMode = 'dark' | 'light';\ntype ContextColorTokens = SemanticColorTokens & StaticColorTokens;\n\ntype ThemeContextValue = {\n  mode: ThemeMode;\n  tokens: ContextColorTokens;\n  toggleMode: (mode: ThemeMode) => void;\n};\n/** provide default context value to avoid optional chaining and null checks on the client */\nconst defaultContextValue: ThemeContextValue = {\n  mode: 'dark',\n  tokens: { ...designTokens.dark, ...designTokens.static },\n  toggleMode: (_mode) => {\n    // no-op\n  },\n};\nconst ThemeContext = createContext<ThemeContextValue>(defaultContextValue);\n\ntype ThemeProviderProps = PropsWithChildren & {\n  defaultMode?: ThemeMode;\n  onChange?: (mode: ThemeMode) => void;\n  /** override existing values in the theme */\n  overrides?: PartialDeep<ThemeTokens>;\n};\n\nexport function ThemeProvider({\n  children,\n  defaultMode,\n  onChange,\n  overrides,\n}: ThemeProviderProps) {\n  const [mode, setMode] = useState<ThemeMode>(defaultMode ?? 'dark');\n\n  useEffect(() => {\n    if (document) {\n      const { documentElement } = document;\n      documentElement.classList.remove('dark', 'light');\n      documentElement.classList.add(mode);\n    }\n  }, [mode]);\n\n  const tokens: ContextColorTokens = useMemo(() => {\n    const tokensWithOverrides = merge(designTokens, overrides);\n    return {\n      ...tokensWithOverrides[mode],\n      ...tokensWithOverrides.static,\n    };\n  }, [mode, overrides]);\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        mode,\n        tokens,\n        toggleMode: (mode: ThemeMode) => {\n          setMode(mode);\n          onChange?.(mode);\n        },\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport function useTheme() {\n  return useContext(ThemeContext);\n}\n"]}
+{"version":3,"sources":["../../src/providers/theme-provider.tsx"],"names":["designTokens","t","ThemeContext","createContext","defaultContextValue","h","useState","defaultMode","mode","c","overrides","tokensWithOverrides","u","setMode","onChange","l"],"mappings":"4MAyCA,MACE,CAAA,CAAA,CAAA,IAAM,CAAA,MACN,CAAA,MAAU,CAAGA,CAAAA,GAAaC,YAAA,CAAA,IAASD,IAAaC,YAAA,CAAA,MAChD,CAAA,CAAA,UAAuB,CAEvB,CACF,EACMC,CAAAA,CAAeC,CAAAA,CAAiCC,CAAmB,CAAAC,aASlE,CAAA,CAAA,CAAA,CAAA,oBAEL,CAAA,CAAA,CAAA,WACA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,SACqB,CACrB,SAAoB,CAAA,CAAIC,EAAoBC,CAAAA,CAAAA,QAAe,CAAA,CAAA,EAAA,MAEjD,YAAM,IACV,CAAA,GAAA,eACM,CAAA,eAAoB,YACZ,CAAA,CAAA,CAAA,SAAU,CAAA,MAAO,CAAA,cACjB,CAAA,CAAA,CAAA,CAAA,SAAU,CAAIC,GAElC,CAAA,CAAG,EAACA,CAAI,CAAC,CAAA,CAET,CAAA,CAAA,CAAA,CAAA,MAA2C,CAAA,CAAAC,OAAA,CAAM,IAC/C,CAAA,MAAmCT,CAAAA,CAAcU,MAAwB,CAAAT,YACzE,CAAA,CAAA,CAAA,CAAA,OACKU,CAAAA,GAAwB,CAC3B,GAAGA,CAAAA,GAAoB,CAAA,CAAA,MAEvBH,CAAAA,CAAME,CAAS,CAAC,CAAA,CAEpB,WACgBE,GAAA,CAAA,CAAA,CAAA,eAEV,CAAA,CAAA,IACA,CAAA,CAAA,CAAA,MACA,CAAA,CAAA,CAAA,UAAiC,CAC/BC,CAAAA,EAAY,CAAA,CACZC,CAAAA,CAAAA,CAAAA,CAAWN,CAAI,GAEnB,CAEC,EAAA,CAAA,CAAA,CAAA,QAGP,CAEO,CAAA,CAAA,CAAA,CAAA,SACL,CAAA,EAAA,CAAA,OACFO,UAAA,CAAA,CAAA,CAAA","file":"theme-provider.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { assign } from 'radashi';\nimport {\n  createContext,\n  type PropsWithChildren,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { designTokens } from '../tokens/tokens';\nimport type { PartialDeep } from 'type-fest';\nimport type {\n  SemanticColorTokens,\n  StaticColorTokens,\n  ThemeTokens,\n} from '@/tokens/types';\n\nexport type ThemeMode = 'dark' | 'light';\ntype ContextColorTokens = SemanticColorTokens & StaticColorTokens;\n\ntype ThemeContextValue = {\n  mode: ThemeMode;\n  tokens: ContextColorTokens;\n  toggleMode: (mode: ThemeMode) => void;\n};\n/** provide default context value to avoid optional chaining and null checks on the client */\nconst defaultContextValue: ThemeContextValue = {\n  mode: 'dark',\n  tokens: { ...designTokens.dark, ...designTokens.static },\n  toggleMode: (_mode) => {\n    // no-op\n  },\n};\nconst ThemeContext = createContext<ThemeContextValue>(defaultContextValue);\n\ntype ThemeProviderProps = PropsWithChildren & {\n  defaultMode?: ThemeMode;\n  onChange?: (mode: ThemeMode) => void;\n  /** override existing values in the theme */\n  overrides?: PartialDeep<ThemeTokens>;\n};\n\nexport function ThemeProvider({\n  children,\n  defaultMode,\n  onChange,\n  overrides,\n}: ThemeProviderProps) {\n  const [mode, setMode] = useState<ThemeMode>(defaultMode ?? 'dark');\n\n  useEffect(() => {\n    if (document) {\n      const { documentElement } = document;\n      documentElement.classList.remove('dark', 'light');\n      documentElement.classList.add(mode);\n    }\n  }, [mode]);\n\n  const tokens: ContextColorTokens = useMemo(() => {\n    const tokensWithOverrides = assign(designTokens, overrides as ThemeTokens);\n    return {\n      ...tokensWithOverrides[mode],\n      ...tokensWithOverrides.static,\n    };\n  }, [mode, overrides]);\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        mode,\n        tokens,\n        toggleMode: (mode: ThemeMode) => {\n          setMode(mode);\n          onChange?.(mode);\n        },\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\nexport function useTheme() {\n  return useContext(ThemeContext);\n}\n"]}