npm - @raystack/apsara - Versions diffs - 0.50.0 → 0.51.0 - Mend

@raystack/apsara 0.50.0 → 0.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (863) hide show

package/dist/components/theme-provider/theme.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.cjs","sources":["../../../components/theme-provider/theme.tsx"],"sourcesContent":["import React, {\n createContext,\n Fragment,\n memo,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\n\nimport type { ThemeProviderProps, UseThemeProps } from \"./types\";\n\nconst colorSchemes = [\"light\", \"dark\"];\nconst MEDIA = \"(prefers-color-scheme: dark)\";\nconst isServer = typeof window === \"undefined\";\nconst ThemeContext = createContext<UseThemeProps \| undefined>(undefined);\nconst defaultContext: UseThemeProps = { setTheme: (_) => {}, themes: [] };\n\nexport const useTheme = () => useContext(ThemeContext) ?? defaultContext;\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = (props) => {\n const context = useContext(ThemeContext);\n\n // Ignore nested context providers, just passthrough children\n if (context) return <Fragment>{props.children}</Fragment>;\n return <Theme {...props} />;\n};\n\nconst defaultThemes = [\"light\", \"dark\"];\n\nconst Theme: React.FC<ThemeProviderProps> = ({\n forcedTheme,\n disableTransitionOnChange = false,\n enableSystem = true,\n enableColorScheme = true,\n storageKey = \"theme\",\n themes = defaultThemes,\n defaultTheme = enableSystem ? \"system\" : \"light\",\n attribute = \"data-theme\",\n value,\n children,\n nonce,\n style = \"modern\",\n accentColor = \"indigo\",\n grayColor = \"gray\",\n}) => {\n const [theme, setThemeState] = useState(() =>\n getTheme(storageKey, defaultTheme)\n );\n const [resolvedTheme, setResolvedTheme] = useState(() =>\n getTheme(storageKey)\n );\n const attrs = !value ? themes : Object.values(value);\n\n const applyTheme = useCallback((theme: string) => {\n let resolved = theme;\n if (!resolved) return;\n\n // If theme is system, resolve it before setting theme\n if (theme === \"system\" && enableSystem) {\n resolved = getSystemTheme();\n }\n\n const name = value ? value[resolved] : resolved;\n const enable = disableTransitionOnChange ? disableAnimation() : null;\n const d = document.documentElement;\n\n if (attribute === \"class\") {\n d.classList.remove(...attrs);\n\n if (name) d.classList.add(name);\n } else {\n if (name) {\n d.setAttribute(attribute, name);\n } else {\n d.removeAttribute(attribute);\n }\n }\n\n d.setAttribute('data-style', style);\n d.setAttribute('data-accent-color', accentColor);\n d.setAttribute('data-gray-color', grayColor);\n\n if (enableColorScheme) {\n const fallback = colorSchemes.includes(defaultTheme)\n ? defaultTheme\n : null;\n const colorScheme = colorSchemes.includes(resolved) ? resolved : fallback;\n // @ts-ignore\n d.style.colorScheme = colorScheme;\n }\n\n enable?.();\n }, [style, accentColor, grayColor, attribute, attrs, value, enableSystem, enableColorScheme, defaultTheme]);\n\n const setTheme = useCallback(\n (theme: string) => {\n setThemeState(theme);\n\n // Save to storage\n try {\n localStorage.setItem(storageKey, theme);\n } catch (e) {\n // Unsupported\n }\n },\n [forcedTheme]\n );\n\n const handleMediaQuery = useCallback(\n (e: MediaQueryListEvent \| MediaQueryList) => {\n const resolved = getSystemTheme(e);\n setResolvedTheme(resolved);\n\n if (theme === \"system\" && enableSystem && !forcedTheme) {\n applyTheme(\"system\");\n }\n },\n [theme, forcedTheme]\n );\n\n // Always listen to System preference\n useEffect(() => {\n const media = window.matchMedia(MEDIA);\n\n media.addEventListener('change', handleMediaQuery);\n handleMediaQuery(media);\n\n return () => media.removeEventListener('change', handleMediaQuery);\n }, [handleMediaQuery]);\n\n // localStorage event handling\n useEffect(() => {\n const handleStorage = (e: StorageEvent) => {\n if (e.key !== storageKey) {\n return;\n }\n\n // If default theme set, use it if localstorage === null (happens on local storage manual deletion)\n const theme = e.newValue \|\| defaultTheme;\n setTheme(theme);\n };\n\n window.addEventListener(\"storage\", handleStorage);\n return () => window.removeEventListener(\"storage\", handleStorage);\n }, [setTheme]);\n\n // Whenever theme or forcedTheme changes, apply it\n useEffect(() => {\n // @ts-ignore\n applyTheme(forcedTheme ?? theme);\n }, [forcedTheme, theme]);\n\n const providerValue = useMemo(\n () => ({\n theme,\n setTheme,\n forcedTheme,\n resolvedTheme: theme === \"system\" ? resolvedTheme : theme,\n themes: enableSystem ? [...themes, \"system\"] : themes,\n systemTheme: (enableSystem ? resolvedTheme : undefined) as\n \| \"light\"\n \| \"dark\"\n \| undefined,\n style,\n accentColor,\n grayColor,\n }),\n [theme, setTheme, forcedTheme, resolvedTheme, enableSystem, themes, style, accentColor, grayColor]\n );\n\n return (\n <ThemeContext.Provider value={providerValue}>\n <ThemeScript\n {...{\n forcedTheme,\n disableTransitionOnChange,\n enableSystem,\n enableColorScheme,\n storageKey,\n themes,\n defaultTheme,\n attribute,\n value,\n children,\n attrs,\n nonce,\n style,\n accentColor,\n grayColor,\n }}\n />\n {children}\n </ThemeContext.Provider>\n );\n};\n\nconst ThemeScript = memo(\n ({\n forcedTheme,\n storageKey,\n attribute,\n enableSystem,\n enableColorScheme,\n defaultTheme,\n value,\n attrs,\n nonce,\n style,\n accentColor,\n grayColor,\n }: ThemeProviderProps & { attrs: string[]; defaultTheme: string }) => {\n const defaultSystem = defaultTheme === \"system\";\n\n // Code-golfing the amount of characters in the script\n const optimization = (() => {\n if (attribute === \"class\") {\n const removeClasses = `c.remove(${attrs\n .map((t: string) => `'${t}'`)\n .join(\",\")})`;\n\n return `var d=document.documentElement,c=d.classList;${removeClasses};`;\n } else {\n return `var d=document.documentElement,n='${attribute}',s='setAttribute';`;\n }\n })();\n\n const fallbackColorScheme = (() => {\n if (!enableColorScheme) {\n return \"\";\n }\n\n const fallback = colorSchemes.includes(defaultTheme)\n ? defaultTheme\n : null;\n\n if (fallback) {\n return `if(e==='light'\|\|e==='dark'\|\|!e)d.style.colorScheme=e\|\|'${defaultTheme}'`;\n } else {\n return `if(e==='light'\|\|e==='dark')d.style.colorScheme=e`;\n }\n })();\n\n const updateDOM = (\n name: string,\n literal: boolean = false,\n setColorScheme = true\n ) => {\n const resolvedName = value ? value[name] : name;\n const val = literal ? name + `\|\| ''` : `'${resolvedName}'`;\n let text = \"\";\n\n // MUCH faster to set colorScheme alongside HTML attribute/class\n // as it only incurs 1 style recalculation rather than 2\n // This can save over 250ms of work for pages with big DOM\n if (\n enableColorScheme &&\n setColorScheme &&\n !literal &&\n colorSchemes.includes(name)\n ) {\n text += `d.style.colorScheme = '${name}';`;\n }\n\n if (attribute === \"class\") {\n if (literal \|\| resolvedName) {\n text += `c.add(${val})`;\n } else {\n text += `null`;\n }\n } else {\n if (resolvedName) {\n text += `d[s](n,${val})`;\n }\n }\n\n return text;\n };\n\n const scriptSrc = (() => {\n if (forcedTheme) {\n return `!function(){${optimization}${updateDOM(forcedTheme)};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}()`;\n }\n\n if (enableSystem) {\n return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if('system'===e\|\|(!e&&${defaultSystem})){var t='${MEDIA}',m=window.matchMedia(t);if(m.media!==t\|\|m.matches){${updateDOM(\n \"dark\"\n )}}else{${updateDOM(\"light\")}}}else if(e){${\n value ? `var x=${JSON.stringify(value)};` : \"\"\n }${updateDOM(value ? `x[e]` : \"e\", true)}}${\n !defaultSystem\n ? `else{` + updateDOM(defaultTheme, false, false) + \"}\"\n : \"\"\n }${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(e){}}()`;\n }\n\n return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if(e){${\n value ? `var x=${JSON.stringify(value)};` : \"\"\n }${updateDOM(value ? `x[e]` : \"e\", true)}}else{${updateDOM(\n defaultTheme,\n false,\n false\n )};}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(t){}}();`;\n })();\n\n return (\n <script nonce={nonce} dangerouslySetInnerHTML={{ __html: scriptSrc }} />\n );\n },\n // Never re-render this component\n () => true\n);\n\n// Helpers\nconst getTheme = (key: string, fallback?: string) => {\n if (isServer) return undefined;\n let theme;\n try {\n theme = localStorage.getItem(key) \|\| undefined;\n } catch (e) {\n // Unsupported\n }\n return theme \|\| fallback;\n};\n\nconst disableAnimation = () => {\n const css = document.createElement(\"style\");\n css.appendChild(\n document.createTextNode(\n `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`\n )\n );\n document.head.appendChild(css);\n\n return () => {\n // Force restyle\n (() => window.getComputedStyle(document.body))();\n\n // Wait for next tick before removing\n setTimeout(() => {\n document.head.removeChild(css);\n }, 1);\n };\n};\n\nconst getSystemTheme = (e?: MediaQueryList \| MediaQueryListEvent) => {\n if (!e) e = window.matchMedia(MEDIA);\n const isDark = e.matches;\n const systemTheme = isDark ? \"dark\" : \"light\";\n return systemTheme;\n};\n"],"names":["createContext","useContext","_jsx","Fragment","useState","useCallback","useEffect","useMemo","_jsxs","memo"],"mappings":";;;;;AAaA,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AACvC,MAAM,KAAK,GAAG,8BAA8B,CAAC;AAC7C,MAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;AAC/C,MAAM,YAAY,GAAGA,mBAAa,CAA4B,SAAS,CAAC,CAAC;AACzE,MAAM,cAAc,GAAkB,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAI,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;AAEnE,MAAM,QAAQ,GAAG,MAAMC,gBAAU,CAAC,YAAY,CAAC,IAAI,eAAe;AAE5D,MAAA,aAAa,GAAiC,CAAC,KAAK,KAAI;AACnE,IAAA,MAAM,OAAO,GAAGA,gBAAU,CAAC,YAAY,CAAC,CAAC;;AAGzC,IAAA,IAAI,OAAO;AAAE,QAAA,OAAOC,eAACC,cAAQ,EAAA,EAAA,QAAA,EAAE,KAAK,CAAC,QAAQ,GAAY,CAAC;AAC1D,IAAA,OAAOD,cAAC,CAAA,KAAK,EAAK,EAAA,GAAA,KAAK,GAAI,CAAC;AAC9B,EAAE;AAEF,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAExC,MAAM,KAAK,GAAiC,CAAC,EAC3C,WAAW,EACX,yBAAyB,GAAG,KAAK,EACjC,YAAY,GAAG,IAAI,EACnB,iBAAiB,GAAG,IAAI,EACxB,UAAU,GAAG,OAAO,EACpB,MAAM,GAAG,aAAa,EACtB,YAAY,GAAG,YAAY,GAAG,QAAQ,GAAG,OAAO,EAChD,SAAS,GAAG,YAAY,EACxB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,QAAQ,EACtB,SAAS,GAAG,MAAM,GACnB,KAAI;AACH,IAAA,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,GAAGE,cAAQ,CAAC,MACtC,QAAQ,CAAC,UAAU,EAAE,YAAY,CAAC,CACnC,CAAC;AACF,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,MACjD,QAAQ,CAAC,UAAU,CAAC,CACrB,CAAC;AACF,IAAA,MAAM,KAAK,GAAG,CAAC,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAErD,IAAA,MAAM,UAAU,GAAGC,iBAAW,CAAC,CAAC,KAAa,KAAI;QAC/C,IAAI,QAAQ,GAAG,KAAK,CAAC;AACrB,QAAA,IAAI,CAAC,QAAQ;YAAE,OAAO;;AAGtB,QAAA,IAAI,KAAK,KAAK,QAAQ,IAAI,YAAY,EAAE;YACtC,QAAQ,GAAG,cAAc,EAAE,CAAC;SAC7B;AAED,QAAA,MAAM,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC;AAChD,QAAA,MAAM,MAAM,GAAG,yBAAyB,GAAG,gBAAgB,EAAE,GAAG,IAAI,CAAC;AACrE,QAAA,MAAM,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC;AAEnC,QAAA,IAAI,SAAS,KAAK,OAAO,EAAE;YACzB,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC;AAE7B,YAAA,IAAI,IAAI;AAAE,gBAAA,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;SACjC;aAAM;YACL,IAAI,IAAI,EAAE;AACR,gBAAA,CAAC,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;aACjC;iBAAM;AACL,gBAAA,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;aAC9B;SACF;AAED,QAAA,CAAC,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AACpC,QAAA,CAAC,CAAC,YAAY,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AACjD,QAAA,CAAC,CAAC,YAAY,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;QAE7C,IAAI,iBAAiB,EAAE;AACrB,YAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC;AAClD,kBAAE,YAAY;kBACZ,IAAI,CAAC;AACT,YAAA,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,QAAQ,CAAC;;AAE1E,YAAA,CAAC,CAAC,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;SACnC;QAED,MAAM,IAAI,CAAC;KACZ,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,YAAY,CAAC,CAAC,CAAC;AAE5G,IAAA,MAAM,QAAQ,GAAGA,iBAAW,CAC1B,CAAC,KAAa,KAAI;QAChB,aAAa,CAAC,KAAK,CAAC,CAAC;;AAGrB,QAAA,IAAI;AACF,YAAA,YAAY,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;SACzC;QAAC,OAAO,CAAC,EAAE;;SAEX;AACH,KAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;AAEF,IAAA,MAAM,gBAAgB,GAAGA,iBAAW,CAClC,CAAC,CAAuC,KAAI;AAC1C,QAAA,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;QACnC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAE3B,IAAI,KAAK,KAAK,QAAQ,IAAI,YAAY,IAAI,CAAC,WAAW,EAAE;YACtD,UAAU,CAAC,QAAQ,CAAC,CAAC;SACtB;AACH,KAAC,EACD,CAAC,KAAK,EAAE,WAAW,CAAC,CACrB,CAAC;;IAGFC,eAAS,CAAC,MAAK;QACb,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AAEvC,QAAA,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;QACnD,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAExB,OAAO,MAAM,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;AACrE,KAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;;IAGvBA,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,aAAa,GAAG,CAAC,CAAe,KAAI;AACxC,YAAA,IAAI,CAAC,CAAC,GAAG,KAAK,UAAU,EAAE;gBACxB,OAAO;aACR;;AAGD,YAAA,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,IAAI,YAAY,CAAC;YACzC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAClB,SAAC,CAAC;AAEF,QAAA,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAClD,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;AACpE,KAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;;IAGfA,eAAS,CAAC,MAAK;;AAEb,QAAA,UAAU,CAAC,WAAW,IAAI,KAAK,CAAC,CAAC;AACnC,KAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;AAEzB,IAAA,MAAM,aAAa,GAAGC,aAAO,CAC3B,OAAO;QACL,KAAK;QACL,QAAQ;QACR,WAAW;QACX,aAAa,EAAE,KAAK,KAAK,QAAQ,GAAG,aAAa,GAAG,KAAK;AACzD,QAAA,MAAM,EAAE,YAAY,GAAG,CAAC,GAAG,MAAM,EAAE,QAAQ,CAAC,GAAG,MAAM;QACrD,WAAW,GAAG,YAAY,GAAG,aAAa,GAAG,SAAS,CAGzC;QACb,KAAK;QACL,WAAW;QACX,SAAS;KACV,CAAC,EACF,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CACnG,CAAC;AAEF,IAAA,QACEC,eAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EAAA,CACzCN,cAAC,CAAA,WAAW,IAER,WAAW;gBACX,yBAAyB;gBACzB,YAAY;gBACZ,iBAAiB;gBACjB,UAAU;gBACV,MAAM;gBACN,YAAY;gBACZ,SAAS;gBACT,KAAK;gBACL,QAAQ;gBACR,KAAK;gBACL,KAAK;gBACL,KAAK;gBACL,WAAW;AACX,gBAAA,SAAS,EAEX,CAAA,EACD,QAAQ,CAAA,EAAA,CACa,EACxB;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAGO,UAAI,CACtB,CAAC,EACC,WAAW,EACX,UAAU,EACV,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,SAAS,GACsD,KAAI;AACnE,IAAA,MAAM,aAAa,GAAG,YAAY,KAAK,QAAQ,CAAC;;AAGhD,IAAA,MAAM,YAAY,GAAG,CAAC,MAAK;AACzB,QAAA,IAAI,SAAS,KAAK,OAAO,EAAE;YACzB,MAAM,aAAa,GAAG,CAAA,SAAA,EAAY,KAAK;iBACpC,GAAG,CAAC,CAAC,CAAS,KAAK,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA,CAAG,CAAC;AAC5B,iBAAA,IAAI,CAAC,GAAG,CAAC,CAAA,CAAA,CAAG,CAAC;YAEhB,OAAO,CAAA,6CAAA,EAAgD,aAAa,CAAA,CAAA,CAAG,CAAC;SACzE;aAAM;YACL,OAAO,CAAA,kCAAA,EAAqC,SAAS,CAAA,mBAAA,CAAqB,CAAC;SAC5E;KACF,GAAG,CAAC;AAEL,IAAA,MAAM,mBAAmB,GAAG,CAAC,MAAK;QAChC,IAAI,CAAC,iBAAiB,EAAE;AACtB,YAAA,OAAO,EAAE,CAAC;SACX;AAED,QAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC;AAClD,cAAE,YAAY;cACZ,IAAI,CAAC;QAET,IAAI,QAAQ,EAAE;YACZ,OAAO,CAAA,uDAAA,EAA0D,YAAY,CAAA,CAAA,CAAG,CAAC;SAClF;aAAM;AACL,YAAA,OAAO,kDAAkD,CAAC;SAC3D;KACF,GAAG,CAAC;AAEL,IAAA,MAAM,SAAS,GAAG,CAChB,IAAY,EACZ,OAAA,GAAmB,KAAK,EACxB,cAAc,GAAG,IAAI,KACnB;AACF,QAAA,MAAM,YAAY,GAAG,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AAChD,QAAA,MAAM,GAAG,GAAG,OAAO,GAAG,IAAI,GAAG,CAAA,KAAA,CAAO,GAAG,CAAI,CAAA,EAAA,YAAY,GAAG,CAAC;QAC3D,IAAI,IAAI,GAAG,EAAE,CAAC;;;;AAKd,QAAA,IACE,iBAAiB;YACjB,cAAc;AACd,YAAA,CAAC,OAAO;AACR,YAAA,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC3B;AACA,YAAA,IAAI,IAAI,CAAA,uBAAA,EAA0B,IAAI,CAAA,EAAA,CAAI,CAAC;SAC5C;AAED,QAAA,IAAI,SAAS,KAAK,OAAO,EAAE;AACzB,YAAA,IAAI,OAAO,IAAI,YAAY,EAAE;AAC3B,gBAAA,IAAI,IAAI,CAAA,MAAA,EAAS,GAAG,CAAA,CAAA,CAAG,CAAC;aACzB;iBAAM;gBACL,IAAI,IAAI,MAAM,CAAC;aAChB;SACF;aAAM;YACL,IAAI,YAAY,EAAE;AAChB,gBAAA,IAAI,IAAI,CAAA,OAAA,EAAU,GAAG,CAAA,CAAA,CAAG,CAAC;aAC1B;SACF;AAED,QAAA,OAAO,IAAI,CAAC;AACd,KAAC,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,CAAC,MAAK;QACtB,IAAI,WAAW,EAAE;AACf,YAAA,OAAO,CAAe,YAAA,EAAA,YAAY,CAAG,EAAA,SAAS,CAAC,WAAW,CAAC,CAAiC,8BAAA,EAAA,KAAK,CAA0C,uCAAA,EAAA,WAAW,CAAwC,qCAAA,EAAA,SAAS,QAAQ,CAAC;SACjN;QAED,IAAI,YAAY,EAAE;YAChB,OAAO,CAAA,gBAAA,EAAmB,YAAY,CAAA,4BAAA,EAA+B,UAAU,CAAA,yBAAA,EAA4B,aAAa,CAAa,UAAA,EAAA,KAAK,CAAuD,oDAAA,EAAA,SAAS,CACxM,MAAM,CACP,CAAS,MAAA,EAAA,SAAS,CAAC,OAAO,CAAC,CAAA,aAAA,EAC1B,KAAK,GAAG,CAAA,MAAA,EAAS,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA,CAAA,CAAG,GAAG,EAC9C,CAAA,EAAG,SAAS,CAAC,KAAK,GAAG,CAAA,IAAA,CAAM,GAAG,GAAG,EAAE,IAAI,CAAC,CACtC,CAAA,EAAA,CAAC,aAAa;AACZ,kBAAE,CAAA,KAAA,CAAO,GAAG,SAAS,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,GAAG;kBACrD,EACN,CAAA,EAAG,mBAAmB,CAAA,8BAAA,EAAiC,KAAK,CAAA,uCAAA,EAA0C,WAAW,CAAA,qCAAA,EAAwC,SAAS,CAAA,iBAAA,CAAmB,CAAC;SACvL;QAED,OAAO,CAAA,gBAAA,EAAmB,YAAY,CAAA,4BAAA,EAA+B,UAAU,CAAA,SAAA,EAC7E,KAAK,GAAG,CAAA,MAAA,EAAS,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA,CAAA,CAAG,GAAG,EAC9C,CAAG,EAAA,SAAS,CAAC,KAAK,GAAG,CAAM,IAAA,CAAA,GAAG,GAAG,EAAE,IAAI,CAAC,CAAA,MAAA,EAAS,SAAS,CACxD,YAAY,EACZ,KAAK,EACL,KAAK,CACN,CAAA,EAAA,EAAK,mBAAmB,CAAA,8BAAA,EAAiC,KAAK,CAAA,uCAAA,EAA0C,WAAW,CAAA,qCAAA,EAAwC,SAAS,CAAA,kBAAA,CAAoB,CAAC;KAC3L,GAAG,CAAC;AAEL,IAAA,QACEP,cAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAA,CAAI,EACxE;AACJ,CAAC;AACD;AACA,MAAM,IAAI,CACX,CAAC;AAEF;AACA,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,QAAiB,KAAI;AAClD,IAAA,IAAI,QAAQ;AAAE,QAAA,OAAO,SAAS,CAAC;AAC/B,IAAA,IAAI,KAAK,CAAC;AACV,IAAA,IAAI;QACF,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;KAChD;IAAC,OAAO,CAAC,EAAE;;KAEX;IACD,OAAO,KAAK,IAAI,QAAQ,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAK;IAC5B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC5C,GAAG,CAAC,WAAW,CACb,QAAQ,CAAC,cAAc,CACrB,CAAA,wJAAA,CAA0J,CAC3J,CACF,CAAC;AACF,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAE/B,IAAA,OAAO,MAAK;;AAEV,QAAA,CAAC,MAAM,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;;QAGjD,UAAU,CAAC,MAAK;AACd,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;SAChC,EAAE,CAAC,CAAC,CAAC;AACR,KAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,CAAwC,KAAI;AAClE,IAAA,IAAI,CAAC,CAAC;AAAE,QAAA,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AACrC,IAAA,MAAM,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC;IACzB,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAC9C,IAAA,OAAO,WAAW,CAAC;AACrB,CAAC;;;;;"}
1	+ {"version":3,"file":"theme.cjs","sources":["../../../components/theme-provider/theme.tsx"],"sourcesContent":["'use client';\n\nimport React, {\n createContext,\n Fragment,\n memo,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState\n} from 'react';\n\nimport type { ThemeProviderProps, UseThemeProps } from './types';\n\nconst colorSchemes = ['light', 'dark'];\nconst MEDIA = '(prefers-color-scheme: dark)';\nconst isServer = typeof window === 'undefined';\nconst ThemeContext = createContext<UseThemeProps \| undefined>(undefined);\nconst defaultContext: UseThemeProps = { setTheme: _ => {}, themes: [] };\n\nexport const useTheme = () => useContext(ThemeContext) ?? defaultContext;\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = props => {\n const context = useContext(ThemeContext);\n\n // Ignore nested context providers, just passthrough children\n if (context) return <Fragment>{props.children}</Fragment>;\n return <Theme {...props} />;\n};\n\nconst defaultThemes = ['light', 'dark'];\n\nconst Theme: React.FC<ThemeProviderProps> = ({\n forcedTheme,\n disableTransitionOnChange = false,\n enableSystem = true,\n enableColorScheme = true,\n storageKey = 'theme',\n themes = defaultThemes,\n defaultTheme = enableSystem ? 'system' : 'light',\n attribute = 'data-theme',\n value,\n children,\n nonce,\n style = 'modern',\n accentColor = 'indigo',\n grayColor = 'gray'\n}) => {\n const [theme, setThemeState] = useState(() =>\n getTheme(storageKey, defaultTheme)\n );\n const [resolvedTheme, setResolvedTheme] = useState(() =>\n getTheme(storageKey)\n );\n const attrs = !value ? themes : Object.values(value);\n\n const applyTheme = useCallback(\n (theme: string) => {\n let resolved = theme;\n if (!resolved) return;\n\n // If theme is system, resolve it before setting theme\n if (theme === 'system' && enableSystem) {\n resolved = getSystemTheme();\n }\n\n const name = value ? value[resolved] : resolved;\n const enable = disableTransitionOnChange ? disableAnimation() : null;\n const d = document.documentElement;\n\n if (attribute === 'class') {\n d.classList.remove(...attrs);\n\n if (name) d.classList.add(name);\n } else {\n if (name) {\n d.setAttribute(attribute, name);\n } else {\n d.removeAttribute(attribute);\n }\n }\n\n d.setAttribute('data-style', style);\n d.setAttribute('data-accent-color', accentColor);\n d.setAttribute('data-gray-color', grayColor);\n\n if (enableColorScheme) {\n const fallback = colorSchemes.includes(defaultTheme)\n ? defaultTheme\n : null;\n const colorScheme = colorSchemes.includes(resolved)\n ? resolved\n : fallback;\n // @ts-ignore\n d.style.colorScheme = colorScheme;\n }\n\n enable?.();\n },\n [\n style,\n accentColor,\n grayColor,\n attribute,\n attrs,\n value,\n enableSystem,\n enableColorScheme,\n defaultTheme\n ]\n );\n\n const setTheme = useCallback(\n (theme: string) => {\n setThemeState(theme);\n\n // Save to storage\n try {\n localStorage.setItem(storageKey, theme);\n } catch (e) {\n // Unsupported\n }\n },\n [forcedTheme]\n );\n\n const handleMediaQuery = useCallback(\n (e: MediaQueryListEvent \| MediaQueryList) => {\n const resolved = getSystemTheme(e);\n setResolvedTheme(resolved);\n\n if (theme === 'system' && enableSystem && !forcedTheme) {\n applyTheme('system');\n }\n },\n [theme, forcedTheme]\n );\n\n // Always listen to System preference\n useEffect(() => {\n const media = window.matchMedia(MEDIA);\n\n media.addEventListener('change', handleMediaQuery);\n handleMediaQuery(media);\n\n return () => media.removeEventListener('change', handleMediaQuery);\n }, [handleMediaQuery]);\n\n // localStorage event handling\n useEffect(() => {\n const handleStorage = (e: StorageEvent) => {\n if (e.key !== storageKey) {\n return;\n }\n\n // If default theme set, use it if localstorage === null (happens on local storage manual deletion)\n const theme = e.newValue \|\| defaultTheme;\n setTheme(theme);\n };\n\n window.addEventListener('storage', handleStorage);\n return () => window.removeEventListener('storage', handleStorage);\n }, [setTheme]);\n\n // Whenever theme or forcedTheme changes, apply it\n useEffect(() => {\n // @ts-ignore\n applyTheme(forcedTheme ?? theme);\n }, [forcedTheme, theme]);\n\n const providerValue = useMemo(\n () => ({\n theme,\n setTheme,\n forcedTheme,\n resolvedTheme: theme === 'system' ? resolvedTheme : theme,\n themes: enableSystem ? [...themes, 'system'] : themes,\n systemTheme: (enableSystem ? resolvedTheme : undefined) as\n \| 'light'\n \| 'dark'\n \| undefined,\n style,\n accentColor,\n grayColor\n }),\n [\n theme,\n setTheme,\n forcedTheme,\n resolvedTheme,\n enableSystem,\n themes,\n style,\n accentColor,\n grayColor\n ]\n );\n\n return (\n <ThemeContext.Provider value={providerValue}>\n <ThemeScript\n {...{\n forcedTheme,\n disableTransitionOnChange,\n enableSystem,\n enableColorScheme,\n storageKey,\n themes,\n defaultTheme,\n attribute,\n value,\n children,\n attrs,\n nonce,\n style,\n accentColor,\n grayColor\n }}\n />\n {children}\n </ThemeContext.Provider>\n );\n};\n\nconst ThemeScript = memo(\n ({\n forcedTheme,\n storageKey,\n attribute,\n enableSystem,\n enableColorScheme,\n defaultTheme,\n value,\n attrs,\n nonce,\n style,\n accentColor,\n grayColor\n }: ThemeProviderProps & { attrs: string[]; defaultTheme: string }) => {\n const defaultSystem = defaultTheme === 'system';\n\n // Code-golfing the amount of characters in the script\n const optimization = (() => {\n if (attribute === 'class') {\n const removeClasses = `c.remove(${attrs\n .map((t: string) => `'${t}'`)\n .join(',')})`;\n\n return `var d=document.documentElement,c=d.classList;${removeClasses};`;\n } else {\n return `var d=document.documentElement,n='${attribute}',s='setAttribute';`;\n }\n })();\n\n const fallbackColorScheme = (() => {\n if (!enableColorScheme) {\n return '';\n }\n\n const fallback = colorSchemes.includes(defaultTheme)\n ? defaultTheme\n : null;\n\n if (fallback) {\n return `if(e==='light'\|\|e==='dark'\|\|!e)d.style.colorScheme=e\|\|'${defaultTheme}'`;\n } else {\n return `if(e==='light'\|\|e==='dark')d.style.colorScheme=e`;\n }\n })();\n\n const updateDOM = (\n name: string,\n literal: boolean = false,\n setColorScheme = true\n ) => {\n const resolvedName = value ? value[name] : name;\n const val = literal ? name + `\|\| ''` : `'${resolvedName}'`;\n let text = '';\n\n // MUCH faster to set colorScheme alongside HTML attribute/class\n // as it only incurs 1 style recalculation rather than 2\n // This can save over 250ms of work for pages with big DOM\n if (\n enableColorScheme &&\n setColorScheme &&\n !literal &&\n colorSchemes.includes(name)\n ) {\n text += `d.style.colorScheme = '${name}';`;\n }\n\n if (attribute === 'class') {\n if (literal \|\| resolvedName) {\n text += `c.add(${val})`;\n } else {\n text += `null`;\n }\n } else {\n if (resolvedName) {\n text += `d[s](n,${val})`;\n }\n }\n\n return text;\n };\n\n const scriptSrc = (() => {\n if (forcedTheme) {\n return `!function(){${optimization}${updateDOM(forcedTheme)};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}()`;\n }\n\n if (enableSystem) {\n return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if('system'===e\|\|(!e&&${defaultSystem})){var t='${MEDIA}',m=window.matchMedia(t);if(m.media!==t\|\|m.matches){${updateDOM(\n 'dark'\n )}}else{${updateDOM('light')}}}else if(e){${\n value ? `var x=${JSON.stringify(value)};` : ''\n }${updateDOM(value ? `x[e]` : 'e', true)}}${\n !defaultSystem\n ? `else{` + updateDOM(defaultTheme, false, false) + '}'\n : ''\n }${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(e){}}()`;\n }\n\n return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if(e){${\n value ? `var x=${JSON.stringify(value)};` : ''\n }${updateDOM(value ? `x[e]` : 'e', true)}}else{${updateDOM(\n defaultTheme,\n false,\n false\n )};}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(t){}}();`;\n })();\n\n return (\n <script nonce={nonce} dangerouslySetInnerHTML={{ __html: scriptSrc }} />\n );\n },\n // Never re-render this component\n () => true\n);\n\n// Helpers\nconst getTheme = (key: string, fallback?: string) => {\n if (isServer) return undefined;\n let theme;\n try {\n theme = localStorage.getItem(key) \|\| undefined;\n } catch (e) {\n // Unsupported\n }\n return theme \|\| fallback;\n};\n\nconst disableAnimation = () => {\n const css = document.createElement('style');\n css.appendChild(\n document.createTextNode(\n `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`\n )\n );\n document.head.appendChild(css);\n\n return () => {\n // Force restyle\n (() => window.getComputedStyle(document.body))();\n\n // Wait for next tick before removing\n setTimeout(() => {\n document.head.removeChild(css);\n }, 1);\n };\n};\n\nconst getSystemTheme = (e?: MediaQueryList \| MediaQueryListEvent) => {\n if (!e) e = window.matchMedia(MEDIA);\n const isDark = e.matches;\n const systemTheme = isDark ? 'dark' : 'light';\n return systemTheme;\n};\n"],"names":[],"mappings":";;;;;;AAeA;AACA;AACA;AACA;AACA;AAEO;AAEM;AACX;;AAGA;AAAa;AACb;AACF;AAEA;AAEA;AAgBE;AAGA;AAGA;AAEA;;AAGI;;;AAGA;;;AAIA;AACA;AACA;AAEA;;AAGE;AAAU;;;;AAGR;;;AAEA;;;AAIJ;AACA;AACA;;AAGE;AACE;;AAEF;AACE;;;AAGF;;;AAIJ;;;;;;;;;;AAWC;AAGH;;;AAKI;AACE;;;;;AAIJ;AAIF;AAEI;;;;;AAMF;;;;AAQA;;;AAIF;;;AAIE;AACE;;;;AAKA;;AAEF;AAEA;;AAEF;;;;AAKE;AACF;AAEA;;;;;AAMI;;;;;AAQD;;;;;;;;;;AAWA;AAGH;;;;;;;;;;;;;;AAkBQ;AAMV;AAEA;AAeI;;AAGA;AACE;;;AAGK;;;;;;;AAQP;;AAEI;;AAGF;AACE;;;;;;AAMA;;;AAIJ;AAKE;AACA;;;;;AAMA;;AAGE;AACA;AAEA;;AAGF;AACE;AACE;;;;;;;;AAMA;;;AAIJ;AACF;AAEA;;AAEI;;;;AAUI;;;;;AAcR;AAGF;AACA;AACA;AAGF;AACA;AACE;AAAc;AACd;AACA;;;;;;;AAMF;AAEA;;;AAOE;AAEA;;AAEE;;;AAIE;;AAEJ;AACF;AAEA;AACE;AAAQ;AACR;;AAEA;AACF;;;"}

package/dist/components/theme-provider/theme.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import React from "react";
-import type { ThemeProviderProps, UseThemeProps } from "./types";
+import React from 'react';
+import type { ThemeProviderProps, UseThemeProps } from './types';
 export declare const useTheme: () => UseThemeProps;
 export declare const ThemeProvider: React.FC<ThemeProviderProps>;
 //# sourceMappingURL=theme.d.ts.map

package/dist/components/theme-provider/theme.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../components/theme-provider/theme.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQjE,eAAO,MAAM,QAAQ,qBAAmD,CAAC;AAEzE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAC"}
1	+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../components/theme-provider/theme.tsx"],"names":[],"mappings":"AAEA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQjE,eAAO,MAAM,QAAQ,qBAAmD,CAAC;AAEzE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAC"}

package/dist/components/theme-provider/theme.js CHANGED Viewed

@@ -1,21 +1,22 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { createContext, memo, useContext, Fragment, useState, useCallback, useEffect, useMemo } from 'react';
-const colorSchemes = ["light", "dark"];
-const MEDIA = "(prefers-color-scheme: dark)";
-const isServer = typeof window === "undefined";
+const colorSchemes = ['light', 'dark'];
+const MEDIA = '(prefers-color-scheme: dark)';
+const isServer = typeof window === 'undefined';
 const ThemeContext = createContext(undefined);
-const defaultContext = { setTheme: (_) => { }, themes: [] };
+const defaultContext = { setTheme: _ => { }, themes: [] };
 const useTheme = () => useContext(ThemeContext) ?? defaultContext;
-const ThemeProvider = (props) => {
+const ThemeProvider = props => {
     const context = useContext(ThemeContext);
     // Ignore nested context providers, just passthrough children
     if (context)
         return jsx(Fragment, { children: props.children });
     return jsx(Theme, { ...props });
 };
-const defaultThemes = ["light", "dark"];
-const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem = true, enableColorScheme = true, storageKey = "theme", themes = defaultThemes, defaultTheme = enableSystem ? "system" : "light", attribute = "data-theme", value, children, nonce, style = "modern", accentColor = "indigo", grayColor = "gray", }) => {
+const defaultThemes = ['light', 'dark'];
+const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem = true, enableColorScheme = true, storageKey = 'theme', themes = defaultThemes, defaultTheme = enableSystem ? 'system' : 'light', attribute = 'data-theme', value, children, nonce, style = 'modern', accentColor = 'indigo', grayColor = 'gray' }) => {
     const [theme, setThemeState] = useState(() => getTheme(storageKey, defaultTheme));
     const [resolvedTheme, setResolvedTheme] = useState(() => getTheme(storageKey));
     const attrs = !value ? themes : Object.values(value);
@@ -24,13 +25,13 @@ const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem =
         if (!resolved)
             return;
         // If theme is system, resolve it before setting theme
-        if (theme === "system" && enableSystem) {
+        if (theme === 'system' && enableSystem) {
             resolved = getSystemTheme();
         }
         const name = value ? value[resolved] : resolved;
         const enable = disableTransitionOnChange ? disableAnimation() : null;
         const d = document.documentElement;
-        if (attribute === "class") {
+        if (attribute === 'class') {
             d.classList.remove(...attrs);
             if (name)
                 d.classList.add(name);
@@ -50,12 +51,24 @@ const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem =
             const fallback = colorSchemes.includes(defaultTheme)
                 ? defaultTheme
                 : null;
-            const colorScheme = colorSchemes.includes(resolved) ? resolved : fallback;
+            const colorScheme = colorSchemes.includes(resolved)
+                ? resolved
+                : fallback;
             // @ts-ignore
             d.style.colorScheme = colorScheme;
         }
         enable?.();
-    }, [style, accentColor, grayColor, attribute, attrs, value, enableSystem, enableColorScheme, defaultTheme]);
+    }, [
+        style,
+        accentColor,
+        grayColor,
+        attribute,
+        attrs,
+        value,
+        enableSystem,
+        enableColorScheme,
+        defaultTheme
+    ]);
     const setTheme = useCallback((theme) => {
         setThemeState(theme);
         // Save to storage
@@ -69,8 +82,8 @@ const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem =
     const handleMediaQuery = useCallback((e) => {
         const resolved = getSystemTheme(e);
         setResolvedTheme(resolved);
-        if (theme === "system" && enableSystem && !forcedTheme) {
-            applyTheme("system");
+        if (theme === 'system' && enableSystem && !forcedTheme) {
+            applyTheme('system');
         }
     }, [theme, forcedTheme]);
     // Always listen to System preference
@@ -90,8 +103,8 @@ const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem =
             const theme = e.newValue || defaultTheme;
             setTheme(theme);
         };
-        window.addEventListener("storage", handleStorage);
-        return () => window.removeEventListener("storage", handleStorage);
+        window.addEventListener('storage', handleStorage);
+        return () => window.removeEventListener('storage', handleStorage);
     }, [setTheme]);
     // Whenever theme or forcedTheme changes, apply it
     useEffect(() => {
@@ -102,13 +115,23 @@ const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem =
         theme,
         setTheme,
         forcedTheme,
-        resolvedTheme: theme === "system" ? resolvedTheme : theme,
-        themes: enableSystem ? [...themes, "system"] : themes,
+        resolvedTheme: theme === 'system' ? resolvedTheme : theme,
+        themes: enableSystem ? [...themes, 'system'] : themes,
         systemTheme: (enableSystem ? resolvedTheme : undefined),
         style,
         accentColor,
-        grayColor,
-    }), [theme, setTheme, forcedTheme, resolvedTheme, enableSystem, themes, style, accentColor, grayColor]);
+        grayColor
+    }), [
+        theme,
+        setTheme,
+        forcedTheme,
+        resolvedTheme,
+        enableSystem,
+        themes,
+        style,
+        accentColor,
+        grayColor
+    ]);
     return (jsxs(ThemeContext.Provider, { value: providerValue, children: [jsx(ThemeScript, { forcedTheme,
                 disableTransitionOnChange,
                 enableSystem,
@@ -125,14 +148,14 @@ const Theme = ({ forcedTheme, disableTransitionOnChange = false, enableSystem =
                 accentColor,
                 grayColor }), children] }));
 };
-const ThemeScript = memo(({ forcedTheme, storageKey, attribute, enableSystem, enableColorScheme, defaultTheme, value, attrs, nonce, style, accentColor, grayColor, }) => {
-    const defaultSystem = defaultTheme === "system";
+const ThemeScript = memo(({ forcedTheme, storageKey, attribute, enableSystem, enableColorScheme, defaultTheme, value, attrs, nonce, style, accentColor, grayColor }) => {
+    const defaultSystem = defaultTheme === 'system';
     // Code-golfing the amount of characters in the script
     const optimization = (() => {
-        if (attribute === "class") {
+        if (attribute === 'class') {
             const removeClasses = `c.remove(${attrs
                 .map((t) => `'${t}'`)
-                .join(",")})`;
+                .join(',')})`;
             return `var d=document.documentElement,c=d.classList;${removeClasses};`;
         }
         else {
@@ -141,7 +164,7 @@ const ThemeScript = memo(({ forcedTheme, storageKey, attribute, enableSystem, en
     })();
     const fallbackColorScheme = (() => {
         if (!enableColorScheme) {
-            return "";
+            return '';
         }
         const fallback = colorSchemes.includes(defaultTheme)
             ? defaultTheme
@@ -156,7 +179,7 @@ const ThemeScript = memo(({ forcedTheme, storageKey, attribute, enableSystem, en
     const updateDOM = (name, literal = false, setColorScheme = true) => {
         const resolvedName = value ? value[name] : name;
         const val = literal ? name + `|| ''` : `'${resolvedName}'`;
-        let text = "";
+        let text = '';
         // MUCH faster to set colorScheme alongside HTML attribute/class
         // as it only incurs 1 style recalculation rather than 2
         // This can save over 250ms of work for pages with big DOM
@@ -166,7 +189,7 @@ const ThemeScript = memo(({ forcedTheme, storageKey, attribute, enableSystem, en
             colorSchemes.includes(name)) {
             text += `d.style.colorScheme = '${name}';`;
         }
-        if (attribute === "class") {
+        if (attribute === 'class') {
             if (literal || resolvedName) {
                 text += `c.add(${val})`;
             }
@@ -186,11 +209,11 @@ const ThemeScript = memo(({ forcedTheme, storageKey, attribute, enableSystem, en
             return `!function(){${optimization}${updateDOM(forcedTheme)};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}()`;
         }
         if (enableSystem) {
-            return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if('system'===e||(!e&&${defaultSystem})){var t='${MEDIA}',m=window.matchMedia(t);if(m.media!==t||m.matches){${updateDOM("dark")}}else{${updateDOM("light")}}}else if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? `x[e]` : "e", true)}}${!defaultSystem
-                ? `else{` + updateDOM(defaultTheme, false, false) + "}"
-                : ""}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(e){}}()`;
+            return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if('system'===e||(!e&&${defaultSystem})){var t='${MEDIA}',m=window.matchMedia(t);if(m.media!==t||m.matches){${updateDOM('dark')}}else{${updateDOM('light')}}}else if(e){${value ? `var x=${JSON.stringify(value)};` : ''}${updateDOM(value ? `x[e]` : 'e', true)}}${!defaultSystem
+                ? `else{` + updateDOM(defaultTheme, false, false) + '}'
+                : ''}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(e){}}()`;
         }
-        return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if(e){${value ? `var x=${JSON.stringify(value)};` : ""}${updateDOM(value ? `x[e]` : "e", true)}}else{${updateDOM(defaultTheme, false, false)};}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(t){}}();`;
+        return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if(e){${value ? `var x=${JSON.stringify(value)};` : ''}${updateDOM(value ? `x[e]` : 'e', true)}}else{${updateDOM(defaultTheme, false, false)};}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(t){}}();`;
     })();
     return (jsx("script", { nonce: nonce, dangerouslySetInnerHTML: { __html: scriptSrc } }));
 },
@@ -210,7 +233,7 @@ const getTheme = (key, fallback) => {
     return theme || fallback;
 };
 const disableAnimation = () => {
-    const css = document.createElement("style");
+    const css = document.createElement('style');
     css.appendChild(document.createTextNode(`*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`));
     document.head.appendChild(css);
     return () => {
@@ -226,7 +249,7 @@ const getSystemTheme = (e) => {
     if (!e)
         e = window.matchMedia(MEDIA);
     const isDark = e.matches;
-    const systemTheme = isDark ? "dark" : "light";
+    const systemTheme = isDark ? 'dark' : 'light';
     return systemTheme;
 };

package/dist/components/theme-provider/theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.js","sources":["../../../components/theme-provider/theme.tsx"],"sourcesContent":["import React, {\n createContext,\n Fragment,\n memo,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\n\nimport type { ThemeProviderProps, UseThemeProps } from \"./types\";\n\nconst colorSchemes = [\"light\", \"dark\"];\nconst MEDIA = \"(prefers-color-scheme: dark)\";\nconst isServer = typeof window === \"undefined\";\nconst ThemeContext = createContext<UseThemeProps \| undefined>(undefined);\nconst defaultContext: UseThemeProps = { setTheme: (_) => {}, themes: [] };\n\nexport const useTheme = () => useContext(ThemeContext) ?? defaultContext;\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = (props) => {\n const context = useContext(ThemeContext);\n\n // Ignore nested context providers, just passthrough children\n if (context) return <Fragment>{props.children}</Fragment>;\n return <Theme {...props} />;\n};\n\nconst defaultThemes = [\"light\", \"dark\"];\n\nconst Theme: React.FC<ThemeProviderProps> = ({\n forcedTheme,\n disableTransitionOnChange = false,\n enableSystem = true,\n enableColorScheme = true,\n storageKey = \"theme\",\n themes = defaultThemes,\n defaultTheme = enableSystem ? \"system\" : \"light\",\n attribute = \"data-theme\",\n value,\n children,\n nonce,\n style = \"modern\",\n accentColor = \"indigo\",\n grayColor = \"gray\",\n}) => {\n const [theme, setThemeState] = useState(() =>\n getTheme(storageKey, defaultTheme)\n );\n const [resolvedTheme, setResolvedTheme] = useState(() =>\n getTheme(storageKey)\n );\n const attrs = !value ? themes : Object.values(value);\n\n const applyTheme = useCallback((theme: string) => {\n let resolved = theme;\n if (!resolved) return;\n\n // If theme is system, resolve it before setting theme\n if (theme === \"system\" && enableSystem) {\n resolved = getSystemTheme();\n }\n\n const name = value ? value[resolved] : resolved;\n const enable = disableTransitionOnChange ? disableAnimation() : null;\n const d = document.documentElement;\n\n if (attribute === \"class\") {\n d.classList.remove(...attrs);\n\n if (name) d.classList.add(name);\n } else {\n if (name) {\n d.setAttribute(attribute, name);\n } else {\n d.removeAttribute(attribute);\n }\n }\n\n d.setAttribute('data-style', style);\n d.setAttribute('data-accent-color', accentColor);\n d.setAttribute('data-gray-color', grayColor);\n\n if (enableColorScheme) {\n const fallback = colorSchemes.includes(defaultTheme)\n ? defaultTheme\n : null;\n const colorScheme = colorSchemes.includes(resolved) ? resolved : fallback;\n // @ts-ignore\n d.style.colorScheme = colorScheme;\n }\n\n enable?.();\n }, [style, accentColor, grayColor, attribute, attrs, value, enableSystem, enableColorScheme, defaultTheme]);\n\n const setTheme = useCallback(\n (theme: string) => {\n setThemeState(theme);\n\n // Save to storage\n try {\n localStorage.setItem(storageKey, theme);\n } catch (e) {\n // Unsupported\n }\n },\n [forcedTheme]\n );\n\n const handleMediaQuery = useCallback(\n (e: MediaQueryListEvent \| MediaQueryList) => {\n const resolved = getSystemTheme(e);\n setResolvedTheme(resolved);\n\n if (theme === \"system\" && enableSystem && !forcedTheme) {\n applyTheme(\"system\");\n }\n },\n [theme, forcedTheme]\n );\n\n // Always listen to System preference\n useEffect(() => {\n const media = window.matchMedia(MEDIA);\n\n media.addEventListener('change', handleMediaQuery);\n handleMediaQuery(media);\n\n return () => media.removeEventListener('change', handleMediaQuery);\n }, [handleMediaQuery]);\n\n // localStorage event handling\n useEffect(() => {\n const handleStorage = (e: StorageEvent) => {\n if (e.key !== storageKey) {\n return;\n }\n\n // If default theme set, use it if localstorage === null (happens on local storage manual deletion)\n const theme = e.newValue \|\| defaultTheme;\n setTheme(theme);\n };\n\n window.addEventListener(\"storage\", handleStorage);\n return () => window.removeEventListener(\"storage\", handleStorage);\n }, [setTheme]);\n\n // Whenever theme or forcedTheme changes, apply it\n useEffect(() => {\n // @ts-ignore\n applyTheme(forcedTheme ?? theme);\n }, [forcedTheme, theme]);\n\n const providerValue = useMemo(\n () => ({\n theme,\n setTheme,\n forcedTheme,\n resolvedTheme: theme === \"system\" ? resolvedTheme : theme,\n themes: enableSystem ? [...themes, \"system\"] : themes,\n systemTheme: (enableSystem ? resolvedTheme : undefined) as\n \| \"light\"\n \| \"dark\"\n \| undefined,\n style,\n accentColor,\n grayColor,\n }),\n [theme, setTheme, forcedTheme, resolvedTheme, enableSystem, themes, style, accentColor, grayColor]\n );\n\n return (\n <ThemeContext.Provider value={providerValue}>\n <ThemeScript\n {...{\n forcedTheme,\n disableTransitionOnChange,\n enableSystem,\n enableColorScheme,\n storageKey,\n themes,\n defaultTheme,\n attribute,\n value,\n children,\n attrs,\n nonce,\n style,\n accentColor,\n grayColor,\n }}\n />\n {children}\n </ThemeContext.Provider>\n );\n};\n\nconst ThemeScript = memo(\n ({\n forcedTheme,\n storageKey,\n attribute,\n enableSystem,\n enableColorScheme,\n defaultTheme,\n value,\n attrs,\n nonce,\n style,\n accentColor,\n grayColor,\n }: ThemeProviderProps & { attrs: string[]; defaultTheme: string }) => {\n const defaultSystem = defaultTheme === \"system\";\n\n // Code-golfing the amount of characters in the script\n const optimization = (() => {\n if (attribute === \"class\") {\n const removeClasses = `c.remove(${attrs\n .map((t: string) => `'${t}'`)\n .join(\",\")})`;\n\n return `var d=document.documentElement,c=d.classList;${removeClasses};`;\n } else {\n return `var d=document.documentElement,n='${attribute}',s='setAttribute';`;\n }\n })();\n\n const fallbackColorScheme = (() => {\n if (!enableColorScheme) {\n return \"\";\n }\n\n const fallback = colorSchemes.includes(defaultTheme)\n ? defaultTheme\n : null;\n\n if (fallback) {\n return `if(e==='light'\|\|e==='dark'\|\|!e)d.style.colorScheme=e\|\|'${defaultTheme}'`;\n } else {\n return `if(e==='light'\|\|e==='dark')d.style.colorScheme=e`;\n }\n })();\n\n const updateDOM = (\n name: string,\n literal: boolean = false,\n setColorScheme = true\n ) => {\n const resolvedName = value ? value[name] : name;\n const val = literal ? name + `\|\| ''` : `'${resolvedName}'`;\n let text = \"\";\n\n // MUCH faster to set colorScheme alongside HTML attribute/class\n // as it only incurs 1 style recalculation rather than 2\n // This can save over 250ms of work for pages with big DOM\n if (\n enableColorScheme &&\n setColorScheme &&\n !literal &&\n colorSchemes.includes(name)\n ) {\n text += `d.style.colorScheme = '${name}';`;\n }\n\n if (attribute === \"class\") {\n if (literal \|\| resolvedName) {\n text += `c.add(${val})`;\n } else {\n text += `null`;\n }\n } else {\n if (resolvedName) {\n text += `d[s](n,${val})`;\n }\n }\n\n return text;\n };\n\n const scriptSrc = (() => {\n if (forcedTheme) {\n return `!function(){${optimization}${updateDOM(forcedTheme)};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}()`;\n }\n\n if (enableSystem) {\n return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if('system'===e\|\|(!e&&${defaultSystem})){var t='${MEDIA}',m=window.matchMedia(t);if(m.media!==t\|\|m.matches){${updateDOM(\n \"dark\"\n )}}else{${updateDOM(\"light\")}}}else if(e){${\n value ? `var x=${JSON.stringify(value)};` : \"\"\n }${updateDOM(value ? `x[e]` : \"e\", true)}}${\n !defaultSystem\n ? `else{` + updateDOM(defaultTheme, false, false) + \"}\"\n : \"\"\n }${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(e){}}()`;\n }\n\n return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if(e){${\n value ? `var x=${JSON.stringify(value)};` : \"\"\n }${updateDOM(value ? `x[e]` : \"e\", true)}}else{${updateDOM(\n defaultTheme,\n false,\n false\n )};}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(t){}}();`;\n })();\n\n return (\n <script nonce={nonce} dangerouslySetInnerHTML={{ __html: scriptSrc }} />\n );\n },\n // Never re-render this component\n () => true\n);\n\n// Helpers\nconst getTheme = (key: string, fallback?: string) => {\n if (isServer) return undefined;\n let theme;\n try {\n theme = localStorage.getItem(key) \|\| undefined;\n } catch (e) {\n // Unsupported\n }\n return theme \|\| fallback;\n};\n\nconst disableAnimation = () => {\n const css = document.createElement(\"style\");\n css.appendChild(\n document.createTextNode(\n `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`\n )\n );\n document.head.appendChild(css);\n\n return () => {\n // Force restyle\n (() => window.getComputedStyle(document.body))();\n\n // Wait for next tick before removing\n setTimeout(() => {\n document.head.removeChild(css);\n }, 1);\n };\n};\n\nconst getSystemTheme = (e?: MediaQueryList \| MediaQueryListEvent) => {\n if (!e) e = window.matchMedia(MEDIA);\n const isDark = e.matches;\n const systemTheme = isDark ? \"dark\" : \"light\";\n return systemTheme;\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
1	+ {"version":3,"file":"theme.js","sources":["../../../components/theme-provider/theme.tsx"],"sourcesContent":["'use client';\n\nimport React, {\n createContext,\n Fragment,\n memo,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState\n} from 'react';\n\nimport type { ThemeProviderProps, UseThemeProps } from './types';\n\nconst colorSchemes = ['light', 'dark'];\nconst MEDIA = '(prefers-color-scheme: dark)';\nconst isServer = typeof window === 'undefined';\nconst ThemeContext = createContext<UseThemeProps \| undefined>(undefined);\nconst defaultContext: UseThemeProps = { setTheme: _ => {}, themes: [] };\n\nexport const useTheme = () => useContext(ThemeContext) ?? defaultContext;\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = props => {\n const context = useContext(ThemeContext);\n\n // Ignore nested context providers, just passthrough children\n if (context) return <Fragment>{props.children}</Fragment>;\n return <Theme {...props} />;\n};\n\nconst defaultThemes = ['light', 'dark'];\n\nconst Theme: React.FC<ThemeProviderProps> = ({\n forcedTheme,\n disableTransitionOnChange = false,\n enableSystem = true,\n enableColorScheme = true,\n storageKey = 'theme',\n themes = defaultThemes,\n defaultTheme = enableSystem ? 'system' : 'light',\n attribute = 'data-theme',\n value,\n children,\n nonce,\n style = 'modern',\n accentColor = 'indigo',\n grayColor = 'gray'\n}) => {\n const [theme, setThemeState] = useState(() =>\n getTheme(storageKey, defaultTheme)\n );\n const [resolvedTheme, setResolvedTheme] = useState(() =>\n getTheme(storageKey)\n );\n const attrs = !value ? themes : Object.values(value);\n\n const applyTheme = useCallback(\n (theme: string) => {\n let resolved = theme;\n if (!resolved) return;\n\n // If theme is system, resolve it before setting theme\n if (theme === 'system' && enableSystem) {\n resolved = getSystemTheme();\n }\n\n const name = value ? value[resolved] : resolved;\n const enable = disableTransitionOnChange ? disableAnimation() : null;\n const d = document.documentElement;\n\n if (attribute === 'class') {\n d.classList.remove(...attrs);\n\n if (name) d.classList.add(name);\n } else {\n if (name) {\n d.setAttribute(attribute, name);\n } else {\n d.removeAttribute(attribute);\n }\n }\n\n d.setAttribute('data-style', style);\n d.setAttribute('data-accent-color', accentColor);\n d.setAttribute('data-gray-color', grayColor);\n\n if (enableColorScheme) {\n const fallback = colorSchemes.includes(defaultTheme)\n ? defaultTheme\n : null;\n const colorScheme = colorSchemes.includes(resolved)\n ? resolved\n : fallback;\n // @ts-ignore\n d.style.colorScheme = colorScheme;\n }\n\n enable?.();\n },\n [\n style,\n accentColor,\n grayColor,\n attribute,\n attrs,\n value,\n enableSystem,\n enableColorScheme,\n defaultTheme\n ]\n );\n\n const setTheme = useCallback(\n (theme: string) => {\n setThemeState(theme);\n\n // Save to storage\n try {\n localStorage.setItem(storageKey, theme);\n } catch (e) {\n // Unsupported\n }\n },\n [forcedTheme]\n );\n\n const handleMediaQuery = useCallback(\n (e: MediaQueryListEvent \| MediaQueryList) => {\n const resolved = getSystemTheme(e);\n setResolvedTheme(resolved);\n\n if (theme === 'system' && enableSystem && !forcedTheme) {\n applyTheme('system');\n }\n },\n [theme, forcedTheme]\n );\n\n // Always listen to System preference\n useEffect(() => {\n const media = window.matchMedia(MEDIA);\n\n media.addEventListener('change', handleMediaQuery);\n handleMediaQuery(media);\n\n return () => media.removeEventListener('change', handleMediaQuery);\n }, [handleMediaQuery]);\n\n // localStorage event handling\n useEffect(() => {\n const handleStorage = (e: StorageEvent) => {\n if (e.key !== storageKey) {\n return;\n }\n\n // If default theme set, use it if localstorage === null (happens on local storage manual deletion)\n const theme = e.newValue \|\| defaultTheme;\n setTheme(theme);\n };\n\n window.addEventListener('storage', handleStorage);\n return () => window.removeEventListener('storage', handleStorage);\n }, [setTheme]);\n\n // Whenever theme or forcedTheme changes, apply it\n useEffect(() => {\n // @ts-ignore\n applyTheme(forcedTheme ?? theme);\n }, [forcedTheme, theme]);\n\n const providerValue = useMemo(\n () => ({\n theme,\n setTheme,\n forcedTheme,\n resolvedTheme: theme === 'system' ? resolvedTheme : theme,\n themes: enableSystem ? [...themes, 'system'] : themes,\n systemTheme: (enableSystem ? resolvedTheme : undefined) as\n \| 'light'\n \| 'dark'\n \| undefined,\n style,\n accentColor,\n grayColor\n }),\n [\n theme,\n setTheme,\n forcedTheme,\n resolvedTheme,\n enableSystem,\n themes,\n style,\n accentColor,\n grayColor\n ]\n );\n\n return (\n <ThemeContext.Provider value={providerValue}>\n <ThemeScript\n {...{\n forcedTheme,\n disableTransitionOnChange,\n enableSystem,\n enableColorScheme,\n storageKey,\n themes,\n defaultTheme,\n attribute,\n value,\n children,\n attrs,\n nonce,\n style,\n accentColor,\n grayColor\n }}\n />\n {children}\n </ThemeContext.Provider>\n );\n};\n\nconst ThemeScript = memo(\n ({\n forcedTheme,\n storageKey,\n attribute,\n enableSystem,\n enableColorScheme,\n defaultTheme,\n value,\n attrs,\n nonce,\n style,\n accentColor,\n grayColor\n }: ThemeProviderProps & { attrs: string[]; defaultTheme: string }) => {\n const defaultSystem = defaultTheme === 'system';\n\n // Code-golfing the amount of characters in the script\n const optimization = (() => {\n if (attribute === 'class') {\n const removeClasses = `c.remove(${attrs\n .map((t: string) => `'${t}'`)\n .join(',')})`;\n\n return `var d=document.documentElement,c=d.classList;${removeClasses};`;\n } else {\n return `var d=document.documentElement,n='${attribute}',s='setAttribute';`;\n }\n })();\n\n const fallbackColorScheme = (() => {\n if (!enableColorScheme) {\n return '';\n }\n\n const fallback = colorSchemes.includes(defaultTheme)\n ? defaultTheme\n : null;\n\n if (fallback) {\n return `if(e==='light'\|\|e==='dark'\|\|!e)d.style.colorScheme=e\|\|'${defaultTheme}'`;\n } else {\n return `if(e==='light'\|\|e==='dark')d.style.colorScheme=e`;\n }\n })();\n\n const updateDOM = (\n name: string,\n literal: boolean = false,\n setColorScheme = true\n ) => {\n const resolvedName = value ? value[name] : name;\n const val = literal ? name + `\|\| ''` : `'${resolvedName}'`;\n let text = '';\n\n // MUCH faster to set colorScheme alongside HTML attribute/class\n // as it only incurs 1 style recalculation rather than 2\n // This can save over 250ms of work for pages with big DOM\n if (\n enableColorScheme &&\n setColorScheme &&\n !literal &&\n colorSchemes.includes(name)\n ) {\n text += `d.style.colorScheme = '${name}';`;\n }\n\n if (attribute === 'class') {\n if (literal \|\| resolvedName) {\n text += `c.add(${val})`;\n } else {\n text += `null`;\n }\n } else {\n if (resolvedName) {\n text += `d[s](n,${val})`;\n }\n }\n\n return text;\n };\n\n const scriptSrc = (() => {\n if (forcedTheme) {\n return `!function(){${optimization}${updateDOM(forcedTheme)};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}()`;\n }\n\n if (enableSystem) {\n return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if('system'===e\|\|(!e&&${defaultSystem})){var t='${MEDIA}',m=window.matchMedia(t);if(m.media!==t\|\|m.matches){${updateDOM(\n 'dark'\n )}}else{${updateDOM('light')}}}else if(e){${\n value ? `var x=${JSON.stringify(value)};` : ''\n }${updateDOM(value ? `x[e]` : 'e', true)}}${\n !defaultSystem\n ? `else{` + updateDOM(defaultTheme, false, false) + '}'\n : ''\n }${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(e){}}()`;\n }\n\n return `!function(){try{${optimization}var e=localStorage.getItem('${storageKey}');if(e){${\n value ? `var x=${JSON.stringify(value)};` : ''\n }${updateDOM(value ? `x[e]` : 'e', true)}}else{${updateDOM(\n defaultTheme,\n false,\n false\n )};}${fallbackColorScheme};d.setAttribute('data-style','${style}');d.setAttribute('data-accent-color','${accentColor}');d.setAttribute('data-gray-color','${grayColor}');}catch(t){}}();`;\n })();\n\n return (\n <script nonce={nonce} dangerouslySetInnerHTML={{ __html: scriptSrc }} />\n );\n },\n // Never re-render this component\n () => true\n);\n\n// Helpers\nconst getTheme = (key: string, fallback?: string) => {\n if (isServer) return undefined;\n let theme;\n try {\n theme = localStorage.getItem(key) \|\| undefined;\n } catch (e) {\n // Unsupported\n }\n return theme \|\| fallback;\n};\n\nconst disableAnimation = () => {\n const css = document.createElement('style');\n css.appendChild(\n document.createTextNode(\n `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`\n )\n );\n document.head.appendChild(css);\n\n return () => {\n // Force restyle\n (() => window.getComputedStyle(document.body))();\n\n // Wait for next tick before removing\n setTimeout(() => {\n document.head.removeChild(css);\n }, 1);\n };\n};\n\nconst getSystemTheme = (e?: MediaQueryList \| MediaQueryListEvent) => {\n if (!e) e = window.matchMedia(MEDIA);\n const isDark = e.matches;\n const systemTheme = isDark ? 'dark' : 'light';\n return systemTheme;\n};\n"],"names":[],"mappings":";;;;AAeA;AACA;AACA;AACA;AACA;AAEO;AAEM;AACX;;AAGA;AAAa;AACb;AACF;AAEA;AAEA;AAgBE;AAGA;AAGA;AAEA;;AAGI;;;AAGA;;;AAIA;AACA;AACA;AAEA;;AAGE;AAAU;;;;AAGR;;;AAEA;;;AAIJ;AACA;AACA;;AAGE;AACE;;AAEF;AACE;;;AAGF;;;AAIJ;;;;;;;;;;AAWC;AAGH;;;AAKI;AACE;;;;;AAIJ;AAIF;AAEI;;;;;AAMF;;;;AAQA;;;AAIF;;;AAIE;AACE;;;;AAKA;;AAEF;AAEA;;AAEF;;;;AAKE;AACF;AAEA;;;;;AAMI;;;;;AAQD;;;;;;;;;;AAWA;AAGH;;;;;;;;;;;;;;AAkBQ;AAMV;AAEA;AAeI;;AAGA;AACE;;;AAGK;;;;;;;AAQP;;AAEI;;AAGF;AACE;;;;;;AAMA;;;AAIJ;AAKE;AACA;;;;;AAMA;;AAGE;AACA;AAEA;;AAGF;AACE;AACE;;;;;;;;AAMA;;;AAIJ;AACF;AAEA;;AAEI;;;;AAUI;;;;;AAcR;AAGF;AACA;AACA;AAGF;AACA;AACE;AAAc;AACd;AACA;;;;;;;AAMF;AAEA;;;AAOE;AAEA;;AAEE;;;AAIE;;AAEJ;AACF;AAEA;AACE;AAAQ;AACR;;AAEA;AACF;;"}

package/dist/components/toast/toast.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');
@@ -8,13 +9,13 @@ var toast_module = require('./toast.module.css.cjs');
 const ToastContainer = (props) => {
     const { resolvedTheme } = theme.useTheme();
-    return (jsxRuntime.jsx(index.Toaster, { theme: resolvedTheme, className: toast_module.default["raystack-toast"], ...props }));
+    return (jsxRuntime.jsx(index.Toaster, { theme: resolvedTheme, className: toast_module.default['raystack-toast'], ...props }));
 };
 const toast = Object.assign((message, options) => {
-    index.toast(jsxRuntime.jsx("div", { className: toast_module.default["toast-wrapper"], children: message }), options);
+    index.toast(jsxRuntime.jsx("div", { className: toast_module.default['toast-wrapper'], children: message }), options);
 }, index.toast);
-toast.displayName = "toast";
-ToastContainer.displayName = "ToastContainer";
+toast.displayName = 'toast';
+ToastContainer.displayName = 'ToastContainer';
 exports.ToastContainer = ToastContainer;
 exports.toast = toast;

package/dist/components/toast/toast.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toast.cjs","sources":["../../../components/toast/toast.tsx"],"sourcesContent":["~~import~~ { ReactNode } from \"react\";\nimport { ~~toast as sonnerToast,~~Toaster, type ToasterProps } from \"sonner\";\n\nimport { useTheme } from \"../theme-provider\";\nimport { UseThemeProps } from \"../theme-provider/types\";\nimport styles from \"./toast.module.css\";\n\ninterface ToastContainerProps extends ToasterProps {}\n\nconst ToastContainer = (props: ToastContainerProps) => {\n const { resolvedTheme } = useTheme();\n \n return (\n <Toaster \n theme={resolvedTheme as UseThemeProps['systemTheme']} \n className={styles[\"raystack-toast\"]}\n {...props} \n />\n );\n};\n\nconst toast: typeof sonnerToast = Object.assign(\n (message: string \| ReactNode, options?: ToasterProps) => {\n sonnerToast(\n <div className={styles[\"toast-wrapper\"]}~~>\n~~ {message}\n </div>,\n options\n );\n },\n sonnerToast\n);\n\n(toast as typeof toast & { displayName: string }).displayName = \"toast\";\n\nToastContainer.displayName = \"ToastContainer\";\n\nexport { toast,ToastContainer };\n"],"names":[~~"useTheme","_jsx","Toaster","styles","sonnerToast"~~],"mappings":"~~;;;;;;;;AASA,MAAM,cAAc,GAAG,CAAC,KAA0B,KAAI~~;~~AACpD,IAAA,MAAM,EAAE,aAAa,EAAE,GAAGA,cAAQ,EAAE,CAAC~~;~~AAErC,IAAA,QACEC,cAAC,CAAAC,aAAO,IACN,KAAK,EAAE,aAA6C,EACpD,SAAS,EAAEC,oBAAM,CAAC,gBAAgB,CAAC,KAC/B,KAAK,EAAA,CACT,EACF~~;~~AACJ,EAAE~~;~~AAEI,MAAA,KAAK,GAAuB,MAAM,CAAC,MAAM,CAC7C,CAAC,OAA2B,EAAE,OAAsB,KAAI~~;~~AACtD,IAAAC,WAAW,CACTH,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,oBAAM,CAAC,eAAe,CAAC,EAAA,QAAA,EACpC,OAAO,EAAA,CACJ,EACN,OAAO,CACR,CAAC~~;~~AACJ,CAAC,EACDC,WAAW,EACX~~;AAED~~,KAAgD,CAAC,WAAW,GAAG,OAAO,CAAC;AAExE,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;;~~"}
1	+ {"version":3,"file":"toast.cjs","sources":["../../../components/toast/toast.tsx"],"sourcesContent":["'use client';\n\nimport { ReactNode } from 'react';\nimport { Toaster, type ToasterProps, toast as sonnerToast } from 'sonner';\n\nimport { useTheme } from '../theme-provider';\nimport { UseThemeProps } from '../theme-provider/types';\nimport styles from './toast.module.css';\n\ninterface ToastContainerProps extends ToasterProps {}\n\nconst ToastContainer = (props: ToastContainerProps) => {\n const { resolvedTheme } = useTheme();\n\n return (\n <Toaster\n theme={resolvedTheme as UseThemeProps['systemTheme']}\n className={styles['raystack-toast']}\n {...props}\n />\n );\n};\n\nconst toast: typeof sonnerToast = Object.assign(\n (message: string \| ReactNode, options?: ToasterProps) => {\n sonnerToast(\n <div className={styles['toast-wrapper']}>{message}</div>,\n options\n );\n },\n sonnerToast\n);\n\n(toast as typeof toast & { displayName: string }).displayName = 'toast';\n\nToastContainer.displayName = 'ToastContainer';\n\nexport { toast, ToastContainer };\n"],"names":[],"mappings":";;;;;;;;;AAWA;AACE;AAEA;AAOF;AAEM;AAEF;AAIF;AAID;AAED;;;"}

package/dist/components/toast/toast.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { toast as sonnerToast, type ToasterProps } from "sonner";
+import { type ToasterProps, toast as sonnerToast } from 'sonner';
 interface ToastContainerProps extends ToasterProps {
 }
 declare const ToastContainer: {

package/dist/components/toast/toast.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../components/toast/toast.tsx"],"names":[],"mappings":"~~AACA~~,OAAO,EAAE,KAAK,IAAI,WAAW,~~EAAU,KAAK,YAAY,~~EAAE,MAAM,QAAQ,CAAC;~~AAMzE~~,UAAU,mBAAoB,SAAQ,YAAY;CAAG;AAErD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;CAUjD,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,OAAO,~~WAUnB~~,CAAC;AAMF,OAAO,EAAE,KAAK,~~EAAC~~,cAAc,EAAE,CAAC"}
1	+ {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../components/toast/toast.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAW,KAAK,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,QAAQ,CAAC;AAM1E,UAAU,mBAAoB,SAAQ,YAAY;CAAG;AAErD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;CAUjD,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,OAAO,WAQnB,CAAC;AAMF,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/toast/toast.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { toast as toast$1, Toaster } from '../../node_modules/.pnpm/sonner@2.0.7_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/sonner/dist/index.js';
 import '../theme-provider/switcher.js';
@@ -6,13 +7,13 @@ import styles from './toast.module.css.js';
 const ToastContainer = (props) => {
     const { resolvedTheme } = useTheme();
-    return (jsx(Toaster, { theme: resolvedTheme, className: styles["raystack-toast"], ...props }));
+    return (jsx(Toaster, { theme: resolvedTheme, className: styles['raystack-toast'], ...props }));
 };
 const toast = Object.assign((message, options) => {
-    toast$1(jsx("div", { className: styles["toast-wrapper"], children: message }), options);
+    toast$1(jsx("div", { className: styles['toast-wrapper'], children: message }), options);
 }, toast$1);
-toast.displayName = "toast";
-ToastContainer.displayName = "ToastContainer";
+toast.displayName = 'toast';
+ToastContainer.displayName = 'ToastContainer';
 export { ToastContainer, toast };
 //# sourceMappingURL=toast.js.map

package/dist/components/toast/toast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toast.js","sources":["../../../components/toast/toast.tsx"],"sourcesContent":["~~import~~ { ReactNode } from \"react\";\nimport { ~~toast as sonnerToast,~~Toaster, type ToasterProps } from \"sonner\";\n\nimport { useTheme } from \"../theme-provider\";\nimport { UseThemeProps } from \"../theme-provider/types\";\nimport styles from \"./toast.module.css\";\n\ninterface ToastContainerProps extends ToasterProps {}\n\nconst ToastContainer = (props: ToastContainerProps) => {\n const { resolvedTheme } = useTheme();\n \n return (\n <Toaster \n theme={resolvedTheme as UseThemeProps['systemTheme']} \n className={styles[\"raystack-toast\"]}\n {...props} \n />\n );\n};\n\nconst toast: typeof sonnerToast = Object.assign(\n (message: string \| ReactNode, options?: ToasterProps) => {\n sonnerToast(\n <div className={styles[\"toast-wrapper\"]}~~>\n~~ {message}\n </div>,\n options\n );\n },\n sonnerToast\n);\n\n(toast as typeof toast & { displayName: string }).displayName = \"toast\";\n\nToastContainer.displayName = \"ToastContainer\";\n\nexport { toast,ToastContainer };\n"],"names":[~~"_jsx","sonnerToast"~~],"mappings":"~~;;;;;;AASA,MAAM,cAAc,GAAG,CAAC,KAA0B,KAAI~~;~~AACpD,IAAA,MAAM,EAAE,aAAa,EAAE,GAAG,QAAQ,EAAE,CAAC~~;~~AAErC,IAAA,QACEA,GAAC,CAAA,OAAO,IACN,KAAK,EAAE,aAA6C,EACpD,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,KAC/B,KAAK,EAAA,CACT,EACF~~;~~AACJ,EAAE~~;~~AAEI,MAAA,KAAK,GAAuB,MAAM,CAAC,MAAM,CAC7C,CAAC,OAA2B,EAAE,OAAsB,KAAI~~;~~AACtD,IAAAC,OAAW,CACTD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAAA,QAAA,EACpC,OAAO,EAAA,CACJ,EACN,OAAO,CACR,CAAC~~;~~AACJ,CAAC,EACDC,OAAW,EACX~~;AAED~~,KAAgD,CAAC,WAAW,GAAG,OAAO,CAAC;AAExE,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;~~"}
1	+ {"version":3,"file":"toast.js","sources":["../../../components/toast/toast.tsx"],"sourcesContent":["'use client';\n\nimport { ReactNode } from 'react';\nimport { Toaster, type ToasterProps, toast as sonnerToast } from 'sonner';\n\nimport { useTheme } from '../theme-provider';\nimport { UseThemeProps } from '../theme-provider/types';\nimport styles from './toast.module.css';\n\ninterface ToastContainerProps extends ToasterProps {}\n\nconst ToastContainer = (props: ToastContainerProps) => {\n const { resolvedTheme } = useTheme();\n\n return (\n <Toaster\n theme={resolvedTheme as UseThemeProps['systemTheme']}\n className={styles['raystack-toast']}\n {...props}\n />\n );\n};\n\nconst toast: typeof sonnerToast = Object.assign(\n (message: string \| ReactNode, options?: ToasterProps) => {\n sonnerToast(\n <div className={styles['toast-wrapper']}>{message}</div>,\n options\n );\n },\n sonnerToast\n);\n\n(toast as typeof toast & { displayName: string }).displayName = 'toast';\n\nToastContainer.displayName = 'ToastContainer';\n\nexport { toast, ToastContainer };\n"],"names":[],"mappings":";;;;;;;AAWA;AACE;AAEA;AAOF;AAEM;AAEF;AAIF;AAID;AAED;;"}

package/dist/components/tooltip/tooltip-provider.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');

package/dist/components/tooltip/tooltip-provider.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip-provider.cjs","sources":["../../../components/tooltip/tooltip-provider.tsx"],"sourcesContent":["~~import~~ { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { createContext, useContext } from 'react';\n\ninterface TooltipProviderContextValue\n extends Omit<TooltipPrimitive.TooltipProviderProps, 'children'> {}\n\nconst TooltipProviderContext = createContext<\n TooltipProviderContextValue \| undefined\n>(undefined);\n\nexport const useTooltipProvider = () => {\n return useContext(TooltipProviderContext);\n};\n\nexport interface TooltipProviderProps\n extends TooltipPrimitive.TooltipProviderProps {}\n\nexport const TooltipProvider = ({\n delayDuration = 200,\n skipDelayDuration = 200,\n ...props\n}: TooltipProviderProps) => {\n return (\n <TooltipProviderContext.Provider\n value={{ delayDuration, skipDelayDuration, ...props }}\n >\n <TooltipPrimitive.Provider\n delayDuration={delayDuration}\n skipDelayDuration={skipDelayDuration}\n {...props}\n />\n </TooltipProviderContext.Provider>\n );\n};\n"],"names":[~~"createContext","useContext","_jsx","TooltipPrimitive.Provider"~~],"mappings":"~~;;;;;;AAMA,MAAM,sBAAsB,GAAGA,mBAAa,CAE1C,SAAS,CAAC,CAAC~~;~~AAEN,MAAM,kBAAkB,GAAG,MAAK~~;~~AACrC,IAAA,OAAOC,gBAAU,CAAC,sBAAsB,CAAC,CAAC~~;~~AAC5C,EAAE~~;~~AAKW,MAAA,eAAe,GAAG,CAAC,EAC9B,aAAa,GAAG,GAAG,EACnB,iBAAiB,GAAG,GAAG,EACvB,GAAG,KAAK,EACa,KAAI~~;AACzB,IAAA,QACEC,cAAA,CAAC,sBAAsB,CAAC,QAAQ,EAC9B,EAAA,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAE,EAAA,QAAA,EAErDA,cAAC,CAAAC,cAAyB,EACxB,EAAA,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EAChC,GAAA,KAAK,EACT,CAAA,EAAA,CAC8B,EAClC;~~AACJ;;;;;~~"}
1	+ {"version":3,"file":"tooltip-provider.cjs","sources":["../../../components/tooltip/tooltip-provider.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { createContext, useContext } from 'react';\n\ninterface TooltipProviderContextValue\n extends Omit<TooltipPrimitive.TooltipProviderProps, 'children'> {}\n\nconst TooltipProviderContext = createContext<\n TooltipProviderContextValue \| undefined\n>(undefined);\n\nexport const useTooltipProvider = () => {\n return useContext(TooltipProviderContext);\n};\n\nexport interface TooltipProviderProps\n extends TooltipPrimitive.TooltipProviderProps {}\n\nexport const TooltipProvider = ({\n delayDuration = 200,\n skipDelayDuration = 200,\n ...props\n}: TooltipProviderProps) => {\n return (\n <TooltipProviderContext.Provider\n value={{ delayDuration, skipDelayDuration, ...props }}\n >\n <TooltipPrimitive.Provider\n delayDuration={delayDuration}\n skipDelayDuration={skipDelayDuration}\n {...props}\n />\n </TooltipProviderContext.Provider>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAQA;AAIO;AACL;AACF;AAKa;AAKX;AAWF;;;"}

package/dist/components/tooltip/tooltip-provider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip-provider.d.ts","sourceRoot":"","sources":["../../../components/tooltip/tooltip-provider.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGvD,UAAU,2BACR,SAAQ,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,UAAU,CAAC;CAAG;AAMpE,eAAO,MAAM,kBAAkB,+CAE9B,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,gBAAgB,CAAC,oBAAoB;CAAG;AAElD,eAAO,MAAM,eAAe,mDAIzB,oBAAoB,4CAYtB,CAAC"}
1	+ {"version":3,"file":"tooltip-provider.d.ts","sourceRoot":"","sources":["../../../components/tooltip/tooltip-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAGvD,UAAU,2BACR,SAAQ,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,UAAU,CAAC;CAAG;AAMpE,eAAO,MAAM,kBAAkB,+CAE9B,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,gBAAgB,CAAC,oBAAoB;CAAG;AAElD,eAAO,MAAM,eAAe,mDAIzB,oBAAoB,4CAYtB,CAAC"}

package/dist/components/tooltip/tooltip-provider.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext } from 'react';
 import { Provider } from '../../node_modules/.pnpm/@radix-ui_react-tooltip@1.2.7_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1._dc3knlq5xr3bsp42ltsj4iesx4/node_modules/@radix-ui/react-tooltip/dist/index.js';

package/dist/components/tooltip/tooltip-provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip-provider.js","sources":["../../../components/tooltip/tooltip-provider.tsx"],"sourcesContent":["~~import~~ { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { createContext, useContext } from 'react';\n\ninterface TooltipProviderContextValue\n extends Omit<TooltipPrimitive.TooltipProviderProps, 'children'> {}\n\nconst TooltipProviderContext = createContext<\n TooltipProviderContextValue \| undefined\n>(undefined);\n\nexport const useTooltipProvider = () => {\n return useContext(TooltipProviderContext);\n};\n\nexport interface TooltipProviderProps\n extends TooltipPrimitive.TooltipProviderProps {}\n\nexport const TooltipProvider = ({\n delayDuration = 200,\n skipDelayDuration = 200,\n ...props\n}: TooltipProviderProps) => {\n return (\n <TooltipProviderContext.Provider\n value={{ delayDuration, skipDelayDuration, ...props }}\n >\n <TooltipPrimitive.Provider\n delayDuration={delayDuration}\n skipDelayDuration={skipDelayDuration}\n {...props}\n />\n </TooltipProviderContext.Provider>\n );\n};\n"],"names":[~~"_jsx","TooltipPrimitive.Provider"~~],"mappings":"~~;;;;AAMA,MAAM,sBAAsB,GAAG,aAAa,CAE1C,SAAS,CAAC,CAAC~~;~~AAEN,MAAM,kBAAkB,GAAG,MAAK~~;~~AACrC,IAAA,OAAO,UAAU,CAAC,sBAAsB,CAAC,CAAC~~;~~AAC5C,EAAE~~;~~AAKW,MAAA,eAAe,GAAG,CAAC,EAC9B,aAAa,GAAG,GAAG,EACnB,iBAAiB,GAAG,GAAG,EACvB,GAAG,KAAK,EACa,KAAI~~;AACzB,IAAA,QACEA,GAAA,CAAC,sBAAsB,CAAC,QAAQ,EAC9B,EAAA,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAE,EAAA,QAAA,EAErDA,GAAC,CAAAC,QAAyB,EACxB,EAAA,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,EAChC,GAAA,KAAK,EACT,CAAA,EAAA,CAC8B,EAClC;~~AACJ;;;;~~"}
1	+ {"version":3,"file":"tooltip-provider.js","sources":["../../../components/tooltip/tooltip-provider.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { createContext, useContext } from 'react';\n\ninterface TooltipProviderContextValue\n extends Omit<TooltipPrimitive.TooltipProviderProps, 'children'> {}\n\nconst TooltipProviderContext = createContext<\n TooltipProviderContextValue \| undefined\n>(undefined);\n\nexport const useTooltipProvider = () => {\n return useContext(TooltipProviderContext);\n};\n\nexport interface TooltipProviderProps\n extends TooltipPrimitive.TooltipProviderProps {}\n\nexport const TooltipProvider = ({\n delayDuration = 200,\n skipDelayDuration = 200,\n ...props\n}: TooltipProviderProps) => {\n return (\n <TooltipProviderContext.Provider\n value={{ delayDuration, skipDelayDuration, ...props }}\n >\n <TooltipPrimitive.Provider\n delayDuration={delayDuration}\n skipDelayDuration={skipDelayDuration}\n {...props}\n />\n </TooltipProviderContext.Provider>\n );\n};\n"],"names":[],"mappings":";;;;;AAQA;AAIO;AACL;AACF;AAKa;AAKX;AAWF;;"}

package/dist/components/tooltip/tooltip-root.cjs CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 'use strict';
 var jsxRuntime = require('react/jsx-runtime');

package/dist/components/tooltip/tooltip-root.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip-root.cjs","sources":["../../../components/tooltip/tooltip-root.tsx"],"sourcesContent":["~~import~~ { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { CSSProperties, ReactNode, useId, useMemo } from 'react';\nimport { useMouse } from '~/hooks';\nimport { Text } from '../text';\nimport { TooltipProvider, useTooltipProvider } from './tooltip-provider';\nimport styles from './tooltip.module.css';\nimport { getTransformForPlacement } from './utils';\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles['side-top'],\n right: styles['side-right'],\n bottom: styles['side-bottom'],\n left: styles['side-left'],\n 'top-left': styles['side-top-left'],\n 'top-right': styles['side-top-right'],\n 'bottom-left': styles['side-bottom-left'],\n 'bottom-right': styles['side-bottom-right']\n }\n },\n defaultVariants: {\n side: 'top'\n }\n});\n\nexport interface TooltipProps\n extends TooltipPrimitive.TooltipProps,\n Omit<TooltipPrimitive.TooltipContentProps, 'side' \| 'align'>,\n VariantProps<typeof tooltip> {\n disabled?: boolean;\n message: ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n triggerStyle?: CSSProperties;\n contentStyle?: CSSProperties;\n 'aria-label'?: string;\n asChild?: boolean;\n id?: string;\n showArrow?: boolean;\n followCursor?: boolean;\n}\ntype TooltipSide = NonNullable<TooltipPrimitive.TooltipContentProps['side']>;\ntype TooltipAlign = NonNullable<TooltipPrimitive.TooltipContentProps['align']>;\n\nexport const TooltipBase = ({\n children,\n message,\n disabled,\n side = 'top',\n classNames,\n triggerStyle,\n contentStyle,\n 'aria-label': ariaLabel,\n asChild = true,\n showArrow = true,\n id,\n followCursor = false,\n sideOffset = 4,\n alignOffset = 0,\n open,\n defaultOpen,\n delayDuration = 200,\n onOpenChange,\n disableHoverableContent,\n ...props\n}: TooltipProps) => {\n const generatedId = useId();\n const tooltipId = id ?? generatedId;\n const {\n ref,\n value: mouseValue,\n reset\n } = useMouse<HTMLDivElement>({\n resetOnExit: false,\n enabled: followCursor\n });\n\n const computedSide = useMemo(\n () => (side?.split('-')[0] \|\| 'top') as TooltipSide,\n [side]\n );\n const computedAlign = useMemo(\n () =>\n (side?.includes('-')\n ? side.split('-')[1] === 'left'\n ? 'start'\n : 'end'\n : 'center') as TooltipAlign,\n [side]\n );\n\n if (disabled) return children;\n\n return (\n <TooltipPrimitive.Root\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n delayDuration={delayDuration}\n disableHoverableContent={disableHoverableContent}\n >\n <TooltipPrimitive.Trigger\n aria-describedby={tooltipId}\n asChild={asChild}\n onFocus={followCursor ? reset : undefined}\n >\n <div\n ref={ref}\n className={cx(styles.trigger, classNames?.trigger)}\n style={triggerStyle}\n >\n {children}\n </div>\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n id={tooltipId}\n role='tooltip'\n aria-label={\n ariaLabel \|\| (typeof message === 'string' ? message : undefined)\n }\n side={computedSide}\n align={computedAlign}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={tooltip({ side, className: classNames?.content })}\n data-follow-cursor={followCursor}\n style={{\n ...contentStyle,\n pointerEvents: followCursor ? 'none' : undefined,\n transform:\n followCursor && mouseValue\n ? getTransformForPlacement(\n computedSide,\n computedAlign,\n mouseValue\n )\n : undefined\n }}\n {...props}\n >\n {typeof message === 'string' ? <Text>{message}</Text> : message}\n {showArrow && (\n <TooltipPrimitive.Arrow\n className={cx(styles.arrow, classNames?.arrow)}\n width={7}\n height={7}\n />\n )}\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n );\n};\n\nexport const TooltipRoot = (props: TooltipProps) => {\n const provider = useTooltipProvider();\n\n // If already inside a provider, just return the tooltip\n if (provider) return <TooltipBase {...props} />;\n\n // If not inside a provider, wrap with our own provider\n return (\n <TooltipProvider>\n <TooltipBase {...props} />\n </TooltipProvider>\n );\n};\n\nTooltipRoot.displayName = 'TooltipRoot';\n"],"names":["cva","styles","useId","useMouse","useMemo","_jsxs","TooltipPrimitive.Root","_jsx","TooltipPrimitive.Trigger","cx","TooltipPrimitive.Portal","TooltipPrimitive.Content","getTransformForPlacement","Text","TooltipPrimitive.Arrow","useTooltipProvider","TooltipProvider"],"mappings":"~~;;;;;;;;;;;;AASA,MAAM,OAAO,GAAGA,WAAG,CAACC,sBAAM,CAAC,OAAO,EAAE~~;~~AAClC,IAAA,QAAQ,EAAE~~;~~AACR,QAAA,IAAI,EAAE~~;~~AACJ,YAAA,GAAG,EAAEA,sBAAM,CAAC,UAAU,CAAC~~;~~AACvB,YAAA,KAAK,EAAEA,sBAAM,CAAC,YAAY,CAAC~~;~~AAC3B,YAAA,MAAM,EAAEA,sBAAM,CAAC,aAAa,CAAC~~;~~AAC7B,YAAA,IAAI,EAAEA,sBAAM,CAAC,WAAW,CAAC~~;~~AACzB,YAAA,UAAU,EAAEA,sBAAM,CAAC,eAAe,CAAC~~;~~AACnC,YAAA,WAAW,EAAEA,sBAAM,CAAC,gBAAgB,CAAC~~;~~AACrC,YAAA,aAAa,EAAEA,sBAAM,CAAC,kBAAkB,CAAC~~;~~AACzC,YAAA,cAAc,EAAEA,sBAAM,CAAC,mBAAmB,CAAC~~;~~AAC5C,SAAA~~;AACF~~,KAAA~~;AACD~~,IAAA,eAAe,EAAE~~;~~AACf,QAAA,IAAI,EAAE,KAAK~~;~~AACZ,KAAA~~;AACF~~,CAAA,CAAC,CAAC~~;AAwBI,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,YAAY,EAAE,SAAS,EACvB,OAAO,GAAG,IAAI,EACd,SAAS,GAAG,IAAI,EAChB,EAAE,EACF,YAAY,GAAG,KAAK,EACpB,UAAU,GAAG,CAAC,EACd,WAAW,GAAG,CAAC,EACf,IAAI,EACJ,WAAW,EACX,aAAa,GAAG,GAAG,EACnB,YAAY,EACZ,uBAAuB,EACvB,GAAG,KAAK,EACK,KAAI;~~AACjB,IAAA,MAAM,WAAW,GAAGC,WAAK,EAAE,CAAC~~;~~AAC5B,IAAA,MAAM,SAAS,GAAG,EAAE,IAAI,WAAW,CAAC~~;~~IACpC,MAAM,EACJ,GAAG,EACH,KAAK,EAAE,UAAU,EACjB,KAAK,EACN,GAAGC,iBAAQ,CAAiB~~;~~AAC3B,QAAA,WAAW,EAAE,KAAK~~;~~AAClB,QAAA,OAAO,EAAE,YAAY~~;~~AACtB,KAAA,CAAC,CAAC~~;~~IAEH,MAAM,YAAY,GAAGC,aAAO,CAC1B,OAAO,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAgB,EACnD,CAAC,IAAI,CAAC,CACP,CAAC~~;~~AACF,IAAA,MAAM,aAAa,GAAGA,aAAO,CAC3B,OACG,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC~~;~~UAChB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM~~;AAC7B,cAAE,OAAO;AACT,cAAE,KAAK;UACP,QAAQ,CAAiB,EAC/B,CAAC,IAAI,CAAC,CACP,CAAC;AAEF,IAAA,IAAI,QAAQ;AAAE,QAAA,OAAO,QAAQ,CAAC;AAE9B,IAAA,QACEC,eAAA,CAACC,UAAqB,EACpB,EAAA,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,uBAAuB,EAAE,uBAAuB,EAEhD,QAAA,EAAA,CAAAC,cAAA,CAACC,aAAwB,EACL,EAAA,kBAAA,EAAA,SAAS,EAC3B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,GAAG,KAAK,GAAG,SAAS,EAEzC,QAAA,EAAAD,cAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAEE,UAAE,CAACR,sBAAM,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,EAClD,KAAK,EAAE,YAAY,EAElB,QAAA,EAAA,QAAQ,EACL,CAAA,EAAA,CACmB,EAC3BM,cAAA,CAACG,YAAuB,EACtB,EAAA,QAAA,EAAAL,eAAA,CAACM,aAAwB,EAAA,EACvB,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,SAAS,EAEZ,YAAA,EAAA,SAAS,KAAK,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,EAElE,IAAI,EAAE,YAAY,EAClB,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAA,oBAAA,EACxC,YAAY,EAChC,KAAK,EAAE;AACL,wBAAA,GAAG,YAAY;wBACf,aAAa,EAAE,YAAY,GAAG,MAAM,GAAG,SAAS;wBAChD,SAAS,EACP,YAAY,IAAI,UAAU;8BACtBC,8BAAwB,CACtB,YAAY,EACZ,aAAa,EACb,UAAU,CACX;AACH,8BAAE,SAAS;qBAChB,EACG,GAAA,KAAK,EAER,QAAA,EAAA,CAAA,OAAO,OAAO,KAAK,QAAQ,GAAGL,cAAA,CAACM,SAAI,EAAA,EAAA,QAAA,EAAE,OAAO,EAAQ,CAAA,GAAG,OAAO,EAC9D,SAAS,KACRN,cAAC,CAAAO,WAAsB,IACrB,SAAS,EAAEL,UAAE,CAACR,sBAAM,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,EAC9C,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,CAAA,CACH,CACwB,EAAA,CAAA,EAAA,CACH,CACJ,EAAA,CAAA,EACxB;AACJ,EAAE;AAEW,MAAA,WAAW,GAAG,CAAC,KAAmB,KAAI;AACjD,IAAA,MAAM,QAAQ,GAAGc,kCAAkB,EAAE,CAAC;;~~AAGtC,IAAA,IAAI,QAAQ~~;~~AAAE,QAAA,OAAOR,cAAC,CAAA,WAAW,EAAK,EAAA,GAAA,KAAK,GAAI,CAAC;;IAGhD,QACEA,cAAC,CAAAS,+BAAe,EACd,EAAA,QAAA,EAAAT,cAAA,CAAC,WAAW,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI,EACV,CAAA,EAClB~~;~~AACJ,EAAE;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa;;;;;~~"}
1	+ {"version":3,"file":"tooltip-root.cjs","sources":["../../../components/tooltip/tooltip-root.tsx"],"sourcesContent":["'use client';\n\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { CSSProperties, ReactNode, useId, useMemo } from 'react';\nimport { useMouse } from '~/hooks';\nimport { Text } from '../text';\nimport { TooltipProvider, useTooltipProvider } from './tooltip-provider';\nimport styles from './tooltip.module.css';\nimport { getTransformForPlacement } from './utils';\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles['side-top'],\n right: styles['side-right'],\n bottom: styles['side-bottom'],\n left: styles['side-left'],\n 'top-left': styles['side-top-left'],\n 'top-right': styles['side-top-right'],\n 'bottom-left': styles['side-bottom-left'],\n 'bottom-right': styles['side-bottom-right']\n }\n },\n defaultVariants: {\n side: 'top'\n }\n});\n\nexport interface TooltipProps\n extends TooltipPrimitive.TooltipProps,\n Omit<TooltipPrimitive.TooltipContentProps, 'side' \| 'align'>,\n VariantProps<typeof tooltip> {\n disabled?: boolean;\n message: ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n triggerStyle?: CSSProperties;\n contentStyle?: CSSProperties;\n 'aria-label'?: string;\n asChild?: boolean;\n id?: string;\n showArrow?: boolean;\n followCursor?: boolean;\n}\ntype TooltipSide = NonNullable<TooltipPrimitive.TooltipContentProps['side']>;\ntype TooltipAlign = NonNullable<TooltipPrimitive.TooltipContentProps['align']>;\n\nexport const TooltipBase = ({\n children,\n message,\n disabled,\n side = 'top',\n classNames,\n triggerStyle,\n contentStyle,\n 'aria-label': ariaLabel,\n asChild = true,\n showArrow = true,\n id,\n followCursor = false,\n sideOffset = 4,\n alignOffset = 0,\n open,\n defaultOpen,\n delayDuration = 200,\n onOpenChange,\n disableHoverableContent,\n ...props\n}: TooltipProps) => {\n const generatedId = useId();\n const tooltipId = id ?? generatedId;\n const {\n ref,\n value: mouseValue,\n reset\n } = useMouse<HTMLDivElement>({\n resetOnExit: false,\n enabled: followCursor\n });\n\n const computedSide = useMemo(\n () => (side?.split('-')[0] \|\| 'top') as TooltipSide,\n [side]\n );\n const computedAlign = useMemo(\n () =>\n (side?.includes('-')\n ? side.split('-')[1] === 'left'\n ? 'start'\n : 'end'\n : 'center') as TooltipAlign,\n [side]\n );\n\n if (disabled) return children;\n\n return (\n <TooltipPrimitive.Root\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n delayDuration={delayDuration}\n disableHoverableContent={disableHoverableContent}\n >\n <TooltipPrimitive.Trigger\n aria-describedby={tooltipId}\n asChild={asChild}\n onFocus={followCursor ? reset : undefined}\n >\n <div\n ref={ref}\n className={cx(styles.trigger, classNames?.trigger)}\n style={triggerStyle}\n >\n {children}\n </div>\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n id={tooltipId}\n role='tooltip'\n aria-label={\n ariaLabel \|\| (typeof message === 'string' ? message : undefined)\n }\n side={computedSide}\n align={computedAlign}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={tooltip({ side, className: classNames?.content })}\n data-follow-cursor={followCursor}\n style={{\n ...contentStyle,\n pointerEvents: followCursor ? 'none' : undefined,\n transform:\n followCursor && mouseValue\n ? getTransformForPlacement(\n computedSide,\n computedAlign,\n mouseValue\n )\n : undefined\n }}\n {...props}\n >\n {typeof message === 'string' ? <Text>{message}</Text> : message}\n {showArrow && (\n <TooltipPrimitive.Arrow\n className={cx(styles.arrow, classNames?.arrow)}\n width={7}\n height={7}\n />\n )}\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n );\n};\n\nexport const TooltipRoot = (props: TooltipProps) => {\n const provider = useTooltipProvider();\n\n // If already inside a provider, just return the tooltip\n if (provider) return <TooltipBase {...props} />;\n\n // If not inside a provider, wrap with our own provider\n return (\n <TooltipProvider>\n <TooltipBase {...props} />\n </TooltipProvider>\n );\n};\n\nTooltipRoot.displayName = 'TooltipRoot';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAWA;AACE;AACE;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAwBM;AAsBL;AACA;;AAME;AACA;AACD;;AAMD;;AAIQ;AACA;;AAKR;AAAc;AAEd;AAmCU;;;;AASI;;AAgBhB;AAEa;AACX;;AAGA;AAAc;;;AAQhB;AAEA;;;"}

package/dist/components/tooltip/tooltip-root.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip-root.d.ts","sourceRoot":"","sources":["../../../components/tooltip/tooltip-root.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,EAAE,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAOjE,QAAA,MAAM,OAAO;;8EAgBX,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,gBAAgB,CAAC,YAAY,EACnC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,GAAG,OAAO,CAAC,EAC5D,YAAY,CAAC,OAAO,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAID,eAAO,MAAM,WAAW,6PAqBrB,YAAY,4UAwFd,CAAC;AAEF,eAAO,MAAM,WAAW;YAAW,YAAY;;CAY9C,CAAC"}
1	+ {"version":3,"file":"tooltip-root.d.ts","sourceRoot":"","sources":["../../../components/tooltip/tooltip-root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AAOjE,QAAA,MAAM,OAAO;;8EAgBX,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,gBAAgB,CAAC,YAAY,EACnC,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,MAAM,GAAG,OAAO,CAAC,EAC5D,YAAY,CAAC,OAAO,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAID,eAAO,MAAM,WAAW,6PAqBrB,YAAY,4UAwFd,CAAC;AAEF,eAAO,MAAM,WAAW;YAAW,YAAY;;CAY9C,CAAC"}

package/dist/components/tooltip/tooltip-root.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { useId, useMemo } from 'react';

package/dist/components/tooltip/tooltip-root.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip-root.js","sources":["../../../components/tooltip/tooltip-root.tsx"],"sourcesContent":["~~import~~ { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { CSSProperties, ReactNode, useId, useMemo } from 'react';\nimport { useMouse } from '~/hooks';\nimport { Text } from '../text';\nimport { TooltipProvider, useTooltipProvider } from './tooltip-provider';\nimport styles from './tooltip.module.css';\nimport { getTransformForPlacement } from './utils';\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles['side-top'],\n right: styles['side-right'],\n bottom: styles['side-bottom'],\n left: styles['side-left'],\n 'top-left': styles['side-top-left'],\n 'top-right': styles['side-top-right'],\n 'bottom-left': styles['side-bottom-left'],\n 'bottom-right': styles['side-bottom-right']\n }\n },\n defaultVariants: {\n side: 'top'\n }\n});\n\nexport interface TooltipProps\n extends TooltipPrimitive.TooltipProps,\n Omit<TooltipPrimitive.TooltipContentProps, 'side' \| 'align'>,\n VariantProps<typeof tooltip> {\n disabled?: boolean;\n message: ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n triggerStyle?: CSSProperties;\n contentStyle?: CSSProperties;\n 'aria-label'?: string;\n asChild?: boolean;\n id?: string;\n showArrow?: boolean;\n followCursor?: boolean;\n}\ntype TooltipSide = NonNullable<TooltipPrimitive.TooltipContentProps['side']>;\ntype TooltipAlign = NonNullable<TooltipPrimitive.TooltipContentProps['align']>;\n\nexport const TooltipBase = ({\n children,\n message,\n disabled,\n side = 'top',\n classNames,\n triggerStyle,\n contentStyle,\n 'aria-label': ariaLabel,\n asChild = true,\n showArrow = true,\n id,\n followCursor = false,\n sideOffset = 4,\n alignOffset = 0,\n open,\n defaultOpen,\n delayDuration = 200,\n onOpenChange,\n disableHoverableContent,\n ...props\n}: TooltipProps) => {\n const generatedId = useId();\n const tooltipId = id ?? generatedId;\n const {\n ref,\n value: mouseValue,\n reset\n } = useMouse<HTMLDivElement>({\n resetOnExit: false,\n enabled: followCursor\n });\n\n const computedSide = useMemo(\n () => (side?.split('-')[0] \|\| 'top') as TooltipSide,\n [side]\n );\n const computedAlign = useMemo(\n () =>\n (side?.includes('-')\n ? side.split('-')[1] === 'left'\n ? 'start'\n : 'end'\n : 'center') as TooltipAlign,\n [side]\n );\n\n if (disabled) return children;\n\n return (\n <TooltipPrimitive.Root\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n delayDuration={delayDuration}\n disableHoverableContent={disableHoverableContent}\n >\n <TooltipPrimitive.Trigger\n aria-describedby={tooltipId}\n asChild={asChild}\n onFocus={followCursor ? reset : undefined}\n >\n <div\n ref={ref}\n className={cx(styles.trigger, classNames?.trigger)}\n style={triggerStyle}\n >\n {children}\n </div>\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n id={tooltipId}\n role='tooltip'\n aria-label={\n ariaLabel \|\| (typeof message === 'string' ? message : undefined)\n }\n side={computedSide}\n align={computedAlign}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={tooltip({ side, className: classNames?.content })}\n data-follow-cursor={followCursor}\n style={{\n ...contentStyle,\n pointerEvents: followCursor ? 'none' : undefined,\n transform:\n followCursor && mouseValue\n ? getTransformForPlacement(\n computedSide,\n computedAlign,\n mouseValue\n )\n : undefined\n }}\n {...props}\n >\n {typeof message === 'string' ? <Text>{message}</Text> : message}\n {showArrow && (\n <TooltipPrimitive.Arrow\n className={cx(styles.arrow, classNames?.arrow)}\n width={7}\n height={7}\n />\n )}\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n );\n};\n\nexport const TooltipRoot = (props: TooltipProps) => {\n const provider = useTooltipProvider();\n\n // If already inside a provider, just return the tooltip\n if (provider) return <TooltipBase {...props} />;\n\n // If not inside a provider, wrap with our own provider\n return (\n <TooltipProvider>\n <TooltipBase {...props} />\n </TooltipProvider>\n );\n};\n\nTooltipRoot.displayName = 'TooltipRoot';\n"],"names":[~~"_jsxs","TooltipPrimitive.Root","_jsx","TooltipPrimitive.Trigger","TooltipPrimitive.Portal","TooltipPrimitive.Content","TooltipPrimitive.Arrow"~~],"mappings":"~~;;;;;;;;;;AASA,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE~~;~~AAClC,IAAA,QAAQ,EAAE~~;~~AACR,QAAA,IAAI,EAAE~~;~~AACJ,YAAA,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC~~;~~AACvB,YAAA,KAAK,EAAE,MAAM,CAAC,YAAY,CAAC~~;~~AAC3B,YAAA,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC~~;~~AAC7B,YAAA,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC~~;~~AACzB,YAAA,UAAU,EAAE,MAAM,CAAC,eAAe,CAAC~~;~~AACnC,YAAA,WAAW,EAAE,MAAM,CAAC,gBAAgB,CAAC~~;~~AACrC,YAAA,aAAa,EAAE,MAAM,CAAC,kBAAkB,CAAC~~;~~AACzC,YAAA,cAAc,EAAE,MAAM,CAAC,mBAAmB,CAAC~~;~~AAC5C,SAAA~~;AACF~~,KAAA~~;AACD~~,IAAA,eAAe,EAAE~~;~~AACf,QAAA,IAAI,EAAE,KAAK~~;~~AACZ,KAAA~~;AACF~~,CAAA,CAAC,CAAC~~;AAwBI,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,YAAY,EAAE,SAAS,EACvB,OAAO,GAAG,IAAI,EACd,SAAS,GAAG,IAAI,EAChB,EAAE,EACF,YAAY,GAAG,KAAK,EACpB,UAAU,GAAG,CAAC,EACd,WAAW,GAAG,CAAC,EACf,IAAI,EACJ,WAAW,EACX,aAAa,GAAG,GAAG,EACnB,YAAY,EACZ,uBAAuB,EACvB,GAAG,KAAK,EACK,KAAI;~~AACjB,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC~~;~~AAC5B,IAAA,MAAM,SAAS,GAAG,EAAE,IAAI,WAAW,CAAC~~;~~IACpC,MAAM,EACJ,GAAG,EACH,KAAK,EAAE,UAAU,EACjB,KAAK,EACN,GAAG,QAAQ,CAAiB~~;~~AAC3B,QAAA,WAAW,EAAE,KAAK~~;~~AAClB,QAAA,OAAO,EAAE,YAAY~~;~~AACtB,KAAA,CAAC,CAAC~~;~~IAEH,MAAM,YAAY,GAAG,OAAO,CAC1B,OAAO,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAgB,EACnD,CAAC,IAAI,CAAC,CACP,CAAC~~;~~AACF,IAAA,MAAM,aAAa,GAAG,OAAO,CAC3B,OACG,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC~~;~~UAChB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM~~;~~AAC7B,cAAE,OAAO~~;~~AACT,cAAE,KAAK~~;UACP,QAAQ,CAAiB,EAC/B,CAAC,IAAI,CAAC,CACP,CAAC;AAEF,IAAA,IAAI,QAAQ;AAAE,QAAA,OAAO,QAAQ,CAAC;AAE9B,IAAA,QACEA,IAAA,CAACC,KAAqB,EACpB,EAAA,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,uBAAuB,EAAE,uBAAuB,EAEhD,QAAA,EAAA,CAAAC,GAAA,CAACC,OAAwB,EACL,EAAA,kBAAA,EAAA,SAAS,EAC3B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,GAAG,KAAK,GAAG,SAAS,EAEzC,QAAA,EAAAD,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,OAAO,CAAC,EAClD,KAAK,EAAE,YAAY,EAElB,QAAA,EAAA,QAAQ,EACL,CAAA,EAAA,CACmB,EAC3BA,GAAA,CAACE,MAAuB,EACtB,EAAA,QAAA,EAAAJ,IAAA,CAACK,QAAwB,EAAA,EACvB,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,SAAS,EAEZ,YAAA,EAAA,SAAS,KAAK,OAAO,OAAO,KAAK,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC,EAElE,IAAI,EAAE,YAAY,EAClB,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAA,oBAAA,EACxC,YAAY,EAChC,KAAK,EAAE;AACL,wBAAA,GAAG,YAAY;wBACf,aAAa,EAAE,YAAY,GAAG,MAAM,GAAG,SAAS;wBAChD,SAAS,EACP,YAAY,IAAI,UAAU;8BACtB,wBAAwB,CACtB,YAAY,EACZ,aAAa,EACb,UAAU,CACX;AACH,8BAAE,SAAS;qBAChB,EACG,GAAA,KAAK,EAER,QAAA,EAAA,CAAA,OAAO,OAAO,KAAK,QAAQ,GAAGH,GAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAE,OAAO,EAAQ,CAAA,GAAG,OAAO,EAC9D,SAAS,KACRA,GAAC,CAAAI,MAAsB,IACrB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,EAC9C,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,CAAA,CACH,CACwB,EAAA,CAAA,EAAA,CACH,CACJ,EAAA,CAAA,EACxB;AACJ,EAAE;AAEW,MAAA,WAAW,GAAG,CAAC,KAAmB,KAAI;AACjD,IAAA,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;;AAGtC,IAAA,IAAI,QAAQ;AAAE,QAAA,OAAOJ,GAAC,CAAA,WAAW,EAAK,EAAA,GAAA,KAAK,GAAI,CAAC;;IAGhD,QACEA,GAAC,CAAA,eAAe,EACd,EAAA,QAAA,EAAAA,GAAA,CAAC,WAAW,EAAA,EAAA,GAAK,KAAK,EAAA,CAAI,EACV,CAAA,EAClB;AACJ,EAAE;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
1	+ {"version":3,"file":"tooltip-root.js","sources":["../../../components/tooltip/tooltip-root.tsx"],"sourcesContent":["'use client';\n\nimport { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { CSSProperties, ReactNode, useId, useMemo } from 'react';\nimport { useMouse } from '~/hooks';\nimport { Text } from '../text';\nimport { TooltipProvider, useTooltipProvider } from './tooltip-provider';\nimport styles from './tooltip.module.css';\nimport { getTransformForPlacement } from './utils';\n\nconst tooltip = cva(styles.content, {\n variants: {\n side: {\n top: styles['side-top'],\n right: styles['side-right'],\n bottom: styles['side-bottom'],\n left: styles['side-left'],\n 'top-left': styles['side-top-left'],\n 'top-right': styles['side-top-right'],\n 'bottom-left': styles['side-bottom-left'],\n 'bottom-right': styles['side-bottom-right']\n }\n },\n defaultVariants: {\n side: 'top'\n }\n});\n\nexport interface TooltipProps\n extends TooltipPrimitive.TooltipProps,\n Omit<TooltipPrimitive.TooltipContentProps, 'side' \| 'align'>,\n VariantProps<typeof tooltip> {\n disabled?: boolean;\n message: ReactNode;\n classNames?: {\n trigger?: string;\n content?: string;\n arrow?: string;\n };\n triggerStyle?: CSSProperties;\n contentStyle?: CSSProperties;\n 'aria-label'?: string;\n asChild?: boolean;\n id?: string;\n showArrow?: boolean;\n followCursor?: boolean;\n}\ntype TooltipSide = NonNullable<TooltipPrimitive.TooltipContentProps['side']>;\ntype TooltipAlign = NonNullable<TooltipPrimitive.TooltipContentProps['align']>;\n\nexport const TooltipBase = ({\n children,\n message,\n disabled,\n side = 'top',\n classNames,\n triggerStyle,\n contentStyle,\n 'aria-label': ariaLabel,\n asChild = true,\n showArrow = true,\n id,\n followCursor = false,\n sideOffset = 4,\n alignOffset = 0,\n open,\n defaultOpen,\n delayDuration = 200,\n onOpenChange,\n disableHoverableContent,\n ...props\n}: TooltipProps) => {\n const generatedId = useId();\n const tooltipId = id ?? generatedId;\n const {\n ref,\n value: mouseValue,\n reset\n } = useMouse<HTMLDivElement>({\n resetOnExit: false,\n enabled: followCursor\n });\n\n const computedSide = useMemo(\n () => (side?.split('-')[0] \|\| 'top') as TooltipSide,\n [side]\n );\n const computedAlign = useMemo(\n () =>\n (side?.includes('-')\n ? side.split('-')[1] === 'left'\n ? 'start'\n : 'end'\n : 'center') as TooltipAlign,\n [side]\n );\n\n if (disabled) return children;\n\n return (\n <TooltipPrimitive.Root\n open={open}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n delayDuration={delayDuration}\n disableHoverableContent={disableHoverableContent}\n >\n <TooltipPrimitive.Trigger\n aria-describedby={tooltipId}\n asChild={asChild}\n onFocus={followCursor ? reset : undefined}\n >\n <div\n ref={ref}\n className={cx(styles.trigger, classNames?.trigger)}\n style={triggerStyle}\n >\n {children}\n </div>\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n id={tooltipId}\n role='tooltip'\n aria-label={\n ariaLabel \|\| (typeof message === 'string' ? message : undefined)\n }\n side={computedSide}\n align={computedAlign}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={tooltip({ side, className: classNames?.content })}\n data-follow-cursor={followCursor}\n style={{\n ...contentStyle,\n pointerEvents: followCursor ? 'none' : undefined,\n transform:\n followCursor && mouseValue\n ? getTransformForPlacement(\n computedSide,\n computedAlign,\n mouseValue\n )\n : undefined\n }}\n {...props}\n >\n {typeof message === 'string' ? <Text>{message}</Text> : message}\n {showArrow && (\n <TooltipPrimitive.Arrow\n className={cx(styles.arrow, classNames?.arrow)}\n width={7}\n height={7}\n />\n )}\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n </TooltipPrimitive.Root>\n );\n};\n\nexport const TooltipRoot = (props: TooltipProps) => {\n const provider = useTooltipProvider();\n\n // If already inside a provider, just return the tooltip\n if (provider) return <TooltipBase {...props} />;\n\n // If not inside a provider, wrap with our own provider\n return (\n <TooltipProvider>\n <TooltipBase {...props} />\n </TooltipProvider>\n );\n};\n\nTooltipRoot.displayName = 'TooltipRoot';\n"],"names":[],"mappings":";;;;;;;;;;;AAWA;AACE;AACE;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAwBM;AAsBL;AACA;;AAME;AACA;AACD;;AAMD;;AAIQ;AACA;;AAKR;AAAc;AAEd;AAmCU;;;;AASI;;AAgBhB;AAEa;AACX;;AAGA;AAAc;;;AAQhB;AAEA;;"}