npm - @choco-vanille/ui - Versions diffs - 1.3.1-dev.1 → 1.3.1-dev.3 - Mend

@choco-vanille/ui 1.3.1-dev.1 → 1.3.1-dev.3

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 (594) hide show

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

@@ -1,53 +1,57 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useMemo as e } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { useMemo as t } from "react";
 import "../overlay/tooltip/Tooltip.js";
 import x from "../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../ui-kit37.css';import '../../ui-kit.css';/* empty css                                      */
+import '../../ui-kit47.css';import '../../ui-kit.css';/* empty css                                      */
 /* empty css                                                   */
 import { ThemeContext as y } from "./ThemeProvider.context.js";
 import { useThemeProvider as A } from "./hooks/use-theme-provider/useThemeProvider.hook.js";
 import { THEME_TRANSITION_DURATION_VAR as E, THEME_TRANSITION_ATTRIBUTE as P } from "../../constants/theme.js";
 const R = ({
-  theme: p,
-  defaultTheme: a = "system",
-  scope: h = "document",
-  themeTransitionDuration: t = 100,
-  onThemeChange: l,
-  tokens: v,
-  style: i,
-  children: s,
+  theme: l,
+  defaultTheme: u = "system",
+  scope: e = "document",
+  themeTransitionDuration: r = 0,
+  onThemeChange: v,
+  tokens: c,
+  style: s,
+  children: T,
   ...f
 }) => {
-  const { activeTheme: T, resolvedTheme: o, setTheme: n, tokenStyles: c, isTransitioning: m } = A({
-    controlledTheme: p,
-    defaultTheme: a,
-    onThemeChange: l,
-    scope: h,
-    tokens: v,
-    themeTransitionDuration: t
-  }), d = e(
+  const { activeTheme: n, resolvedTheme: o, setTheme: d, tokenStyles: a, isTransitioning: m } = A({
+    controlledTheme: l,
+    defaultTheme: u,
+    onThemeChange: v,
+    scope: e,
+    tokens: c,
+    themeTransitionDuration: r
+  }), h = t(
     () => m ? {
-      [E]: `${Math.max(0, t)}ms`
+      [E]: `${Math.max(0, r)}ms`
     } : {},
-    [m, t]
-  ), I = e(
-    () => ({ ...c, ...i, ...d }),
-    [i, c, d]
-  ), N = e(
-    () => ({ theme: T, resolvedTheme: o, setTheme: n }),
-    [T, o, n]
-  ), u = e(
-    () => /* @__PURE__ */ r(x, { children: s }),
-    [s]
+    [m, r]
+  ), p = t(
+    () => ({
+      ...e === "subtree" ? a : {},
+      ...s,
+      ...e === "subtree" ? h : {}
+    }),
+    [e, s, a, h]
+  ), I = t(
+    () => ({ theme: n, resolvedTheme: o, setTheme: d }),
+    [n, o, d]
+  ), N = t(
+    () => /* @__PURE__ */ i(x, { children: T }),
+    [T]
   );
-  return /* @__PURE__ */ r(y.Provider, { value: N, children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ i(y.Provider, { value: I, children: /* @__PURE__ */ i(
     "div",
     {
-      "data-theme": o,
-      ...m ? { [P]: "" } : {},
-      style: I,
+      ...e === "subtree" ? { "data-theme": o } : {},
+      ...e === "subtree" && m ? { [P]: "" } : {},
+      style: p,
       ...f,
-      children: u
+      children: N
     }
   ) });
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/theme-provider/ThemeProvider.tsx"],"sourcesContent":["import { type CSSProperties, type FC, useMemo } from 'react'\r\nimport { TooltipProvider } from '@components/overlay/tooltip'\r\nimport { ThemeContext } from '@components/theme-provider/ThemeProvider.context.ts'\r\nimport type { ThemeProviderProps } from '@components/theme-provider/types/ThemeProvider.props.ts'\r\nimport { useThemeProvider } from '@components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.ts'\r\nimport {\r\n THEME_TRANSITION_ATTRIBUTE,\r\n THEME_TRANSITION_DURATION_VAR,\r\n} from '@constants/theme'\r\n\r\n/*\r\n `ThemeProvider` wraps a subtree and manages the active color-scheme.\r\n \r\n ### What it does\r\n * - Manages the active color scheme and runtime token overrides.\r\n * - Applies the theme to `<html>` by default so body-mounted portals inherit it.\r\n * - Applies the theme to its wrapper when `scope=\"subtree\"`.\r\n * - Temporarily forces all transitions to the configured theme duration.\r\n \r\n ### Controlled vs uncontrolled\r\n * - Uncontrolled (default): omit the `theme` prop. The component manages\r\n * its own state; use `defaultTheme` to set the initial value.\r\n * - Controlled: pass `theme` and handle `onThemeChange` in the parent.\r\n \r\n ### Placing in your app\r\n * Wrap your whole application to enable global theming:\r\n * ```tsx\r\n * <ThemeProvider defaultTheme=\"system\">\r\n * <App />\r\n * </ThemeProvider>\r\n * ```\r\n * Or scope it to a single subtree:\r\n * ```tsx\r\n * <ThemeProvider scope=\"subtree\" theme=\"dark\" tokens={{ primary: 'oklch(0.70 0.16 185)' }}>\r\n * <DarkWidget />\r\n * </ThemeProvider>\r\n * ```\r\n */\r\nconst ThemeProvider: FC<ThemeProviderProps> = ({\r\n theme: controlledTheme,\r\n defaultTheme = 'system',\r\n scope = 'document',\r\n themeTransitionDuration = ~~100~~,\r\n onThemeChange,\r\n tokens,\r\n style,\r\n children,\r\n ...divProps\r\n}) => {\r\n const { activeTheme, resolvedTheme, setTheme, tokenStyles, isTransitioning } =\r\n useThemeProvider({\r\n controlledTheme,\r\n defaultTheme,\r\n onThemeChange,\r\n scope,\r\n tokens,\r\n themeTransitionDuration,\r\n })\r\n const transitionStyle = useMemo<CSSProperties>(\r\n () =>\r\n isTransitioning\r\n ? ({\r\n [THEME_TRANSITION_DURATION_VAR]: `${Math.max(0, themeTransitionDuration)}ms`,\r\n } as CSSProperties)\r\n : {},\r\n [isTransitioning, themeTransitionDuration],\r\n )\r\n const containerStyle = useMemo(\r\n () => ({ ~~...~~tokenStyles, ...style, ~~...~~transitionStyle }),\r\n [style, tokenStyles, transitionStyle],\r\n )\r\n const contextValue = useMemo(\r\n () => ({ theme: activeTheme, resolvedTheme, setTheme }),\r\n [activeTheme, resolvedTheme, setTheme],\r\n )\r\n const content = useMemo(\r\n () => <TooltipProvider>{children}</TooltipProvider>,\r\n [children],\r\n )\r\n\r\n return (\r\n <ThemeContext.Provider value={contextValue}>\r\n <div\r\n data-theme={resolvedTheme}\r\n {...(isTransitioning ? { [THEME_TRANSITION_ATTRIBUTE]: '' } : {})}\r\n style={containerStyle}\r\n {...divProps}\r\n >\r\n {content}\r\n </div>\r\n </ThemeContext.Provider>\r\n )\r\n}\r\n\r\nThemeProvider.displayName = 'ThemeProvider'\r\n\r\nexport default ThemeProvider\r\n"],"names":["ThemeProvider","controlledTheme","defaultTheme","scope","themeTransitionDuration","onThemeChange","tokens","style","children","divProps","activeTheme","resolvedTheme","setTheme","tokenStyles","isTransitioning","useThemeProvider","transitionStyle","useMemo","THEME_TRANSITION_DURATION_VAR","containerStyle","contextValue","content","jsx","TooltipProvider","ThemeContext","THEME_TRANSITION_ATTRIBUTE"],"mappings":";;;;;;;;;AAsCA,MAAMA,IAAwC,CAAC;AAAA,EAC3C,OAAOC;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,OAAAC,IAAQ;AAAA,EACR,yBAAAC,IAA0B;AAAA,EAC1B,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,aAAAC,GAAa,eAAAC,GAAe,UAAAC,GAAU,aAAAC,GAAa,iBAAAC,EAAA,IAC3DC,EAAiB;AAAA,IACb,iBAAAd;AAAA,IACA,cAAAC;AAAA,IACA,eAAAG;AAAA,IACA,OAAAF;AAAA,IACA,QAAAG;AAAA,IACA,yBAAAF;AAAA,EAAA,CACH,GACKY,IAAkBC;AAAA,IACpB,MACIH,IACO;AAAA,MACC,CAACI,CAA6B,GAAG,GAAG,KAAK,IAAI,GAAGd,CAAuB,CAAC;AAAA,IAAA,IAE1E,CAAA;AAAA,IACV,CAACU,GAAiBV,CAAuB;AAAA,EAAA,GAEvCe,IAAiBF;AAAA,IACnB,OAAO,~~EAAE~~,~~GAAGJ~~,~~GAAa~~,GAAGN,~~GAAO~~,~~GAAGS~~,~~EAAA~~;AAAA,~~IACtC~~,~~CAACT~~,GAAOM,GAAaG,CAAe;AAAA,EAAA,~~GAElCI~~,IAAeH;AAAA,IACjB,OAAO,EAAE,OAAOP,GAAa,eAAAC,GAAe,UAAAC,EAAA;AAAA,IAC5C,CAACF,GAAaC,GAAeC,CAAQ;AAAA,EAAA,GAEnCS,IAAUJ;AAAA,IACZ,MAAM,gBAAAK,EAACC,GAAA,EAAiB,UAAAf,GAAS;AAAA,IACjC,CAACA,CAAQ;AAAA,EAAA;AAGb,SACI,gBAAAc,EAACE,EAAa,UAAb,EAAsB,OAAOJ,GAC1B,UAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,~~MACG~~,~~cAAYX~~;AAAA,~~MACX~~,~~GAAIG~~,~~IAAkB~~,EAAE,CAACW,CAA0B,GAAG,GAAA,~~IAAO~~,CAAA;AAAA,~~MAC9D~~,OAAON;AAAA,MACN,GAAGV;AAAA,MAEH,UAAAY;AAAA,IAAA;AAAA,EAAA,GAET;AAER;AAEArB,EAAc,cAAc;"}
1	+ {"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/theme-provider/ThemeProvider.tsx"],"sourcesContent":["import { type CSSProperties, type FC, useMemo } from 'react'\r\nimport { TooltipProvider } from '@components/overlay/tooltip'\r\nimport { ThemeContext } from '@components/theme-provider/ThemeProvider.context.ts'\r\nimport type { ThemeProviderProps } from '@components/theme-provider/types/ThemeProvider.props.ts'\r\nimport { useThemeProvider } from '@components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.ts'\r\nimport {\r\n THEME_TRANSITION_ATTRIBUTE,\r\n THEME_TRANSITION_DURATION_VAR,\r\n} from '@constants/theme'\r\n\r\n/*\r\n `ThemeProvider` wraps a subtree and manages the active color-scheme.\r\n \r\n ### What it does\r\n * - Manages the active color scheme and runtime token overrides.\r\n * - Applies the theme to `<html>` by default so body-mounted portals inherit it.\r\n * - Applies the theme to its wrapper when `scope=\"subtree\"`.\r\n * - Temporarily forces all transitions to the configured theme duration.\r\n \r\n ### Controlled vs uncontrolled\r\n * - Uncontrolled (default): omit the `theme` prop. The component manages\r\n * its own state; use `defaultTheme` to set the initial value.\r\n * - Controlled: pass `theme` and handle `onThemeChange` in the parent.\r\n \r\n ### Placing in your app\r\n * Wrap your whole application to enable global theming:\r\n * ```tsx\r\n * <ThemeProvider defaultTheme=\"system\">\r\n * <App />\r\n * </ThemeProvider>\r\n * ```\r\n * Or scope it to a single subtree:\r\n * ```tsx\r\n * <ThemeProvider scope=\"subtree\" theme=\"dark\" tokens={{ primary: 'oklch(0.70 0.16 185)' }}>\r\n * <DarkWidget />\r\n * </ThemeProvider>\r\n * ```\r\n */\r\nconst ThemeProvider: FC<ThemeProviderProps> = ({\r\n theme: controlledTheme,\r\n defaultTheme = 'system',\r\n scope = 'document',\r\n themeTransitionDuration = 0,\r\n onThemeChange,\r\n tokens,\r\n style,\r\n children,\r\n ...divProps\r\n}) => {\r\n const { activeTheme, resolvedTheme, setTheme, tokenStyles, isTransitioning } =\r\n useThemeProvider({\r\n controlledTheme,\r\n defaultTheme,\r\n onThemeChange,\r\n scope,\r\n tokens,\r\n themeTransitionDuration,\r\n })\r\n const transitionStyle = useMemo<CSSProperties>(\r\n () =>\r\n isTransitioning\r\n ? ({\r\n [THEME_TRANSITION_DURATION_VAR]: `${Math.max(0, themeTransitionDuration)}ms`,\r\n } as CSSProperties)\r\n : {},\r\n [isTransitioning, themeTransitionDuration],\r\n )\r\n const containerStyle = useMemo(\r\n () => ({\r\n ...(scope === 'subtree' ? tokenStyles : {}),\r\n ...style,\r\n ...(scope === 'subtree' ? transitionStyle : {}),\r\n }),\r\n [scope, style, tokenStyles, transitionStyle],\r\n )\r\n const contextValue = useMemo(\r\n () => ({ theme: activeTheme, resolvedTheme, setTheme }),\r\n [activeTheme, resolvedTheme, setTheme],\r\n )\r\n const content = useMemo(\r\n () => <TooltipProvider>{children}</TooltipProvider>,\r\n [children],\r\n )\r\n\r\n return (\r\n <ThemeContext.Provider value={contextValue}>\r\n <div\r\n {...(scope === 'subtree' ? { 'data-theme': resolvedTheme } : {})}\r\n {...(\r\n scope === 'subtree' && isTransitioning\r\n ? { [THEME_TRANSITION_ATTRIBUTE]: '' }\r\n : {}\r\n )}\r\n style={containerStyle}\r\n {...divProps}\r\n >\r\n {content}\r\n </div>\r\n </ThemeContext.Provider>\r\n )\r\n}\r\n\r\nThemeProvider.displayName = 'ThemeProvider'\r\n\r\nexport default ThemeProvider\r\n"],"names":["ThemeProvider","controlledTheme","defaultTheme","scope","themeTransitionDuration","onThemeChange","tokens","style","children","divProps","activeTheme","resolvedTheme","setTheme","tokenStyles","isTransitioning","useThemeProvider","transitionStyle","useMemo","THEME_TRANSITION_DURATION_VAR","containerStyle","contextValue","content","jsx","TooltipProvider","ThemeContext","THEME_TRANSITION_ATTRIBUTE"],"mappings":";;;;;;;;;AAsCA,MAAMA,IAAwC,CAAC;AAAA,EAC3C,OAAOC;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,OAAAC,IAAQ;AAAA,EACR,yBAAAC,IAA0B;AAAA,EAC1B,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,aAAAC,GAAa,eAAAC,GAAe,UAAAC,GAAU,aAAAC,GAAa,iBAAAC,EAAA,IAC3DC,EAAiB;AAAA,IACb,iBAAAd;AAAA,IACA,cAAAC;AAAA,IACA,eAAAG;AAAA,IACA,OAAAF;AAAA,IACA,QAAAG;AAAA,IACA,yBAAAF;AAAA,EAAA,CACH,GACKY,IAAkBC;AAAA,IACpB,MACIH,IACO;AAAA,MACC,CAACI,CAA6B,GAAG,GAAG,KAAK,IAAI,GAAGd,CAAuB,CAAC;AAAA,IAAA,IAE1E,CAAA;AAAA,IACV,CAACU,GAAiBV,CAAuB;AAAA,EAAA,GAEvCe,IAAiBF;AAAA,IACnB,OAAO;AAAA,MACH,GAAId,MAAU,YAAYU,IAAc,CAAA;AAAA,MACxC,GAAGN;AAAA,MACH,GAAIJ,MAAU,YAAYa,IAAkB,CAAA;AAAA,IAAC;AAAA,IAEjD,CAACb,GAAOI,GAAOM,GAAaG,CAAe;AAAA,EAAA,GAEzCI,IAAeH;AAAA,IACjB,OAAO,EAAE,OAAOP,GAAa,eAAAC,GAAe,UAAAC,EAAA;AAAA,IAC5C,CAACF,GAAaC,GAAeC,CAAQ;AAAA,EAAA,GAEnCS,IAAUJ;AAAA,IACZ,MAAM,gBAAAK,EAACC,GAAA,EAAiB,UAAAf,GAAS;AAAA,IACjC,CAACA,CAAQ;AAAA,EAAA;AAGb,SACI,gBAAAc,EAACE,EAAa,UAAb,EAAsB,OAAOJ,GAC1B,UAAA,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAInB,MAAU,YAAY,EAAE,cAAcQ,EAAA,IAAkB,CAAA;AAAA,MAC5D,GACGR,MAAU,aAAaW,IACjB,EAAE,CAACW,CAA0B,GAAG,GAAA,IAChC,CAAA;AAAA,MAEV,OAAON;AAAA,MACN,GAAGV;AAAA,MAEH,UAAAY;AAAA,IAAA;AAAA,EAAA,GAET;AAER;AAEArB,EAAc,cAAc;"}

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),d=require("../../../../utils/getSystemTheme.utils.cjs"),T=require("../../../../utils/resolveTheme.utils.cjs"),v=({controlledTheme:s,defaultTheme:c,onThemeChange:r})=>{const[m,i]=t.useState(c),a=s??m,[o,u]=t.useState(d.getSystemTheme);t.useEffect(()=>{const e=window.matchMedia("(prefers-color-scheme: dark)"),n=l=>{u(l.matches?"dark":"light")};return e.addEventListener("change",n),()=>e.removeEventListener("change",n)},[]);const h=t.useCallback(e=>{s===void 0&&i(e),r?.(e)},[s,r]);return{activeTheme:a,resolvedTheme:T.resolveTheme(a,o),setTheme:h}};exports.useThemeState=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),d=require("../../../../utils/getSystemTheme.utils.cjs"),T=require("../../../../utils/resolveTheme.utils.cjs"),v=({controlledTheme:r,defaultTheme:c,onThemeChange:n})=>{const[m,i]=s.useState(c),t=r??m,[u,o]=s.useState(d.getSystemTheme);s.useEffect(()=>{if(t!=="system")return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=l=>{o(l.matches?"dark":"light")};return e.addEventListener("change",a),()=>e.removeEventListener("change",a)},[t]);const h=s.useCallback(e=>{r===void 0&&i(e),n?.(e)},[r,n]);return{activeTheme:t,resolvedTheme:T.resolveTheme(t,u),setTheme:h}};exports.useThemeState=v;
 //# sourceMappingURL=useThemeState.hook.cjs.map

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useThemeState.hook.cjs","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\r\n\r\nimport type { ThemeValue } from '@components/theme-provider/types/ThemeProvider.props.ts'\r\nimport { getSystemTheme } from '@components/theme-provider/utils/getSystemTheme.utils.ts'\r\nimport { resolveTheme } from '@components/theme-provider/utils/resolveTheme.utils.ts'\r\nimport type {\r\n UseThemeStateOptions\r\n} from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/types'\r\n\r\n/*\r\n Resolves the controlled or uncontrolled mode and tracks the system preference.\r\n */\r\nexport const useThemeState = ({\r\n controlledTheme,\r\n defaultTheme,\r\n onThemeChange,\r\n}: UseThemeStateOptions) => {\r\n const [internalTheme, setInternalTheme] = useState<ThemeValue>(defaultTheme)\r\n const activeTheme = controlledTheme ?? internalTheme\r\n const [systemTheme, setSystemTheme] = useState<'light' \| 'dark'>(getSystemTheme)\r\n\r\n useEffect(() => {\r\n const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\r\n const handleChange = (event: MediaQueryListEvent) => {\r\n setSystemTheme(event.matches ? 'dark' : 'light')\r\n }\r\n\r\n mediaQuery.addEventListener('change', handleChange)\r\n return () => mediaQuery.removeEventListener('change', handleChange)\r\n }, [])\r\n\r\n const setTheme = useCallback((nextTheme: ThemeValue) => {\r\n if (controlledTheme === undefined) {\r\n setInternalTheme(nextTheme)\r\n }\r\n onThemeChange?.(nextTheme)\r\n }, [controlledTheme, onThemeChange])\r\n\r\n return {\r\n activeTheme,\r\n resolvedTheme: resolveTheme(activeTheme, systemTheme),\r\n setTheme,\r\n }\r\n}\r\n"],"names":["useThemeState","controlledTheme","defaultTheme","onThemeChange","internalTheme","setInternalTheme","useState","activeTheme","systemTheme","setSystemTheme","getSystemTheme","useEffect","mediaQuery","handleChange","event","setTheme","useCallback","nextTheme","resolveTheme"],"mappings":"uNAYaA,EAAgB,CAAC,CAC1B,gBAAAC,EACA,aAAAC,EACA,cAAAC,CACJ,IAA4B,CACxB,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SAAqBJ,CAAY,EACrEK,EAAcN,GAAmBG,EACjC,CAACI,EAAaC,CAAc,EAAIH,EAAAA,SAA2BI,EAAAA,cAAc,EAE/EC,EAAAA,UAAU,IAAM,CACZ,~~MAAMC~~,EAAa,OAAO,WAAW,8BAA8B,EAC7DC,EAAgBC,GAA+B,CACjDL,EAAeK,EAAM,QAAU,OAAS,OAAO,CACnD,EAEA,OAAAF,EAAW,iBAAiB,SAAUC,CAAY,EAC3C,IAAMD,EAAW,oBAAoB,SAAUC,CAAY,CACtE,EAAG,~~CAAA~~,~~CAAE~~,~~EAEL~~,~~MAAME~~,EAAWC,cAAaC,GAA0B,CAChDhB,IAAoB,QACpBI,EAAiBY,CAAS,EAE9Bd,IAAgBc,CAAS,CAC7B,EAAG,CAAChB,EAAiBE,CAAa,CAAC,EAEnC,MAAO,CACH,YAAAI,EACA,cAAeW,EAAAA,aAAaX,EAAaC,CAAW,EACpD,SAAAO,CAAA,CAER"}
1	+ {"version":3,"file":"useThemeState.hook.cjs","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\r\n\r\nimport type { ThemeValue } from '@components/theme-provider/types/ThemeProvider.props.ts'\r\nimport { getSystemTheme } from '@components/theme-provider/utils/getSystemTheme.utils.ts'\r\nimport { resolveTheme } from '@components/theme-provider/utils/resolveTheme.utils.ts'\r\nimport type {\r\n UseThemeStateOptions\r\n} from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/types'\r\n\r\n/*\r\n Resolves the controlled or uncontrolled mode and tracks the system preference.\r\n */\r\nexport const useThemeState = ({\r\n controlledTheme,\r\n defaultTheme,\r\n onThemeChange,\r\n}: UseThemeStateOptions) => {\r\n const [internalTheme, setInternalTheme] = useState<ThemeValue>(defaultTheme)\r\n const activeTheme = controlledTheme ?? internalTheme\r\n const [systemTheme, setSystemTheme] = useState<'light' \| 'dark'>(getSystemTheme)\r\n\r\n useEffect(() => {\r\n if (activeTheme !== 'system') {\r\n return\r\n }\r\n\r\n const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\r\n const handleChange = (event: MediaQueryListEvent) => {\r\n setSystemTheme(event.matches ? 'dark' : 'light')\r\n }\r\n\r\n mediaQuery.addEventListener('change', handleChange)\r\n return () => mediaQuery.removeEventListener('change', handleChange)\r\n }, [activeTheme])\r\n\r\n const setTheme = useCallback((nextTheme: ThemeValue) => {\r\n if (controlledTheme === undefined) {\r\n setInternalTheme(nextTheme)\r\n }\r\n onThemeChange?.(nextTheme)\r\n }, [controlledTheme, onThemeChange])\r\n\r\n return {\r\n activeTheme,\r\n resolvedTheme: resolveTheme(activeTheme, systemTheme),\r\n setTheme,\r\n }\r\n}\r\n"],"names":["useThemeState","controlledTheme","defaultTheme","onThemeChange","internalTheme","setInternalTheme","useState","activeTheme","systemTheme","setSystemTheme","getSystemTheme","useEffect","mediaQuery","handleChange","event","setTheme","useCallback","nextTheme","resolveTheme"],"mappings":"uNAYaA,EAAgB,CAAC,CAC1B,gBAAAC,EACA,aAAAC,EACA,cAAAC,CACJ,IAA4B,CACxB,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SAAqBJ,CAAY,EACrEK,EAAcN,GAAmBG,EACjC,CAACI,EAAaC,CAAc,EAAIH,EAAAA,SAA2BI,EAAAA,cAAc,EAE/EC,EAAAA,UAAU,IAAM,CACZ,GAAIJ,IAAgB,SAChB,OAGJ,MAAMK,EAAa,OAAO,WAAW,8BAA8B,EAC7DC,EAAgBC,GAA+B,CACjDL,EAAeK,EAAM,QAAU,OAAS,OAAO,CACnD,EAEA,OAAAF,EAAW,iBAAiB,SAAUC,CAAY,EAC3C,IAAMD,EAAW,oBAAoB,SAAUC,CAAY,CACtE,EAAG,CAACN,CAAW,CAAC,EAEhB,MAAMQ,EAAWC,cAAaC,GAA0B,CAChDhB,IAAoB,QACpBI,EAAiBY,CAAS,EAE9Bd,IAAgBc,CAAS,CAC7B,EAAG,CAAChB,EAAiBE,CAAa,CAAC,EAEnC,MAAO,CACH,YAAAI,EACA,cAAeW,EAAAA,aAAaX,EAAaC,CAAW,EACpD,SAAAO,CAAA,CAER"}

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.js CHANGED Viewed

@@ -1,24 +1,26 @@
-import { useState as a, useEffect as u, useCallback as v } from "react";
+import { useState as n, useEffect as u, useCallback as v } from "react";
 import { getSystemTheme as T } from "../../../../utils/getSystemTheme.utils.js";
 import { resolveTheme as l } from "../../../../utils/resolveTheme.utils.js";
 const S = ({
-  controlledTheme: t,
-  defaultTheme: n,
-  onThemeChange: s
+  controlledTheme: s,
+  defaultTheme: a,
+  onThemeChange: r
 }) => {
-  const [o, c] = a(n), r = t ?? o, [h, i] = a(T);
+  const [o, c] = n(a), t = s ?? o, [i, h] = n(T);
   u(() => {
+    if (t !== "system")
+      return;
     const e = window.matchMedia("(prefers-color-scheme: dark)"), m = (f) => {
-      i(f.matches ? "dark" : "light");
+      h(f.matches ? "dark" : "light");
     };
     return e.addEventListener("change", m), () => e.removeEventListener("change", m);
-  }, []);
+  }, [t]);
   const d = v((e) => {
-    t === void 0 && c(e), s?.(e);
-  }, [t, s]);
+    s === void 0 && c(e), r?.(e);
+  }, [s, r]);
   return {
-    activeTheme: r,
-    resolvedTheme: l(r, h),
+    activeTheme: t,
+    resolvedTheme: l(t, i),
     setTheme: d
   };
 };

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useThemeState.hook.js","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\r\n\r\nimport type { ThemeValue } from '@components/theme-provider/types/ThemeProvider.props.ts'\r\nimport { getSystemTheme } from '@components/theme-provider/utils/getSystemTheme.utils.ts'\r\nimport { resolveTheme } from '@components/theme-provider/utils/resolveTheme.utils.ts'\r\nimport type {\r\n UseThemeStateOptions\r\n} from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/types'\r\n\r\n/*\r\n Resolves the controlled or uncontrolled mode and tracks the system preference.\r\n */\r\nexport const useThemeState = ({\r\n controlledTheme,\r\n defaultTheme,\r\n onThemeChange,\r\n}: UseThemeStateOptions) => {\r\n const [internalTheme, setInternalTheme] = useState<ThemeValue>(defaultTheme)\r\n const activeTheme = controlledTheme ?? internalTheme\r\n const [systemTheme, setSystemTheme] = useState<'light' \| 'dark'>(getSystemTheme)\r\n\r\n useEffect(() => {\r\n const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\r\n const handleChange = (event: MediaQueryListEvent) => {\r\n setSystemTheme(event.matches ? 'dark' : 'light')\r\n }\r\n\r\n mediaQuery.addEventListener('change', handleChange)\r\n return () => mediaQuery.removeEventListener('change', handleChange)\r\n }, [])\r\n\r\n const setTheme = useCallback((nextTheme: ThemeValue) => {\r\n if (controlledTheme === undefined) {\r\n setInternalTheme(nextTheme)\r\n }\r\n onThemeChange?.(nextTheme)\r\n }, [controlledTheme, onThemeChange])\r\n\r\n return {\r\n activeTheme,\r\n resolvedTheme: resolveTheme(activeTheme, systemTheme),\r\n setTheme,\r\n }\r\n}\r\n"],"names":["useThemeState","controlledTheme","defaultTheme","onThemeChange","internalTheme","setInternalTheme","useState","activeTheme","systemTheme","setSystemTheme","getSystemTheme","useEffect","mediaQuery","handleChange","event","setTheme","useCallback","nextTheme","resolveTheme"],"mappings":";;;AAYO,MAAMA,IAAgB,CAAC;AAAA,EAC1B,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AACJ,MAA4B;AACxB,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAqBJ,CAAY,GACrEK,IAAcN,KAAmBG,GACjC,CAACI,GAAaC,CAAc,IAAIH,EAA2BI,CAAc;AAE/E,EAAAC,EAAU,MAAM;AACZ,~~UAAMC~~,IAAa,OAAO,WAAW,8BAA8B,GAC7DC,IAAe,CAACC,MAA+B;AACjD,MAAAL,EAAeK,EAAM,UAAU,SAAS,OAAO;AAAA,IACnD;AAEA,WAAAF,EAAW,iBAAiB,UAAUC,CAAY,GAC3C,MAAMD,EAAW,oBAAoB,UAAUC,CAAY;AAAA,EACtE,GAAG,~~CAAA~~,~~CAAE~~;~~AAEL~~,~~QAAME~~,IAAWC,EAAY,CAACC,MAA0B;AACpD,IAAIhB,MAAoB,UACpBI,EAAiBY,CAAS,GAE9Bd,IAAgBc,CAAS;AAAA,EAC7B,GAAG,CAAChB,GAAiBE,CAAa,CAAC;AAEnC,SAAO;AAAA,IACH,aAAAI;AAAA,IACA,eAAeW,EAAaX,GAAaC,CAAW;AAAA,IACpD,UAAAO;AAAA,EAAA;AAER;"}
1	+ {"version":3,"file":"useThemeState.hook.js","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\r\n\r\nimport type { ThemeValue } from '@components/theme-provider/types/ThemeProvider.props.ts'\r\nimport { getSystemTheme } from '@components/theme-provider/utils/getSystemTheme.utils.ts'\r\nimport { resolveTheme } from '@components/theme-provider/utils/resolveTheme.utils.ts'\r\nimport type {\r\n UseThemeStateOptions\r\n} from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/types'\r\n\r\n/*\r\n Resolves the controlled or uncontrolled mode and tracks the system preference.\r\n */\r\nexport const useThemeState = ({\r\n controlledTheme,\r\n defaultTheme,\r\n onThemeChange,\r\n}: UseThemeStateOptions) => {\r\n const [internalTheme, setInternalTheme] = useState<ThemeValue>(defaultTheme)\r\n const activeTheme = controlledTheme ?? internalTheme\r\n const [systemTheme, setSystemTheme] = useState<'light' \| 'dark'>(getSystemTheme)\r\n\r\n useEffect(() => {\r\n if (activeTheme !== 'system') {\r\n return\r\n }\r\n\r\n const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')\r\n const handleChange = (event: MediaQueryListEvent) => {\r\n setSystemTheme(event.matches ? 'dark' : 'light')\r\n }\r\n\r\n mediaQuery.addEventListener('change', handleChange)\r\n return () => mediaQuery.removeEventListener('change', handleChange)\r\n }, [activeTheme])\r\n\r\n const setTheme = useCallback((nextTheme: ThemeValue) => {\r\n if (controlledTheme === undefined) {\r\n setInternalTheme(nextTheme)\r\n }\r\n onThemeChange?.(nextTheme)\r\n }, [controlledTheme, onThemeChange])\r\n\r\n return {\r\n activeTheme,\r\n resolvedTheme: resolveTheme(activeTheme, systemTheme),\r\n setTheme,\r\n }\r\n}\r\n"],"names":["useThemeState","controlledTheme","defaultTheme","onThemeChange","internalTheme","setInternalTheme","useState","activeTheme","systemTheme","setSystemTheme","getSystemTheme","useEffect","mediaQuery","handleChange","event","setTheme","useCallback","nextTheme","resolveTheme"],"mappings":";;;AAYO,MAAMA,IAAgB,CAAC;AAAA,EAC1B,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AACJ,MAA4B;AACxB,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAqBJ,CAAY,GACrEK,IAAcN,KAAmBG,GACjC,CAACI,GAAaC,CAAc,IAAIH,EAA2BI,CAAc;AAE/E,EAAAC,EAAU,MAAM;AACZ,QAAIJ,MAAgB;AAChB;AAGJ,UAAMK,IAAa,OAAO,WAAW,8BAA8B,GAC7DC,IAAe,CAACC,MAA+B;AACjD,MAAAL,EAAeK,EAAM,UAAU,SAAS,OAAO;AAAA,IACnD;AAEA,WAAAF,EAAW,iBAAiB,UAAUC,CAAY,GAC3C,MAAMD,EAAW,oBAAoB,UAAUC,CAAY;AAAA,EACtE,GAAG,CAACN,CAAW,CAAC;AAEhB,QAAMQ,IAAWC,EAAY,CAACC,MAA0B;AACpD,IAAIhB,MAAoB,UACpBI,EAAiBY,CAAS,GAE9Bd,IAAgBc,CAAS;AAAA,EAC7B,GAAG,CAAChB,GAAiBE,CAAa,CAAC;AAEnC,SAAO;AAAA,IACH,aAAAI;AAAA,IACA,eAAeW,EAAaX,GAAaC,CAAW;AAAA,IACpD,UAAAO;AAAA,EAAA;AAER;"}

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=typeof window>"u"?n.useEffect:n.useLayoutEffect,a=(t,i)=>{const[u,o]=n.useState(t),e=u!==t;return c(()=>{if(!e)return;const s=Math.max(0,i);if(s===0){o(t);return}const r=window.setTimeout(()=>o(t),s);return()=>window.clearTimeout(r)},[i,e,t]),e};exports.useThemeTransition=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),c=typeof window>"u"?e.useEffect:e.useLayoutEffect,a=(t,r)=>{const n=e.useRef(t),[u,i]=e.useState(!1);return c(()=>{const s=Math.max(0,r);if(s===0){n.current=t,i(!1);return}if(n.current===t)return;n.current=t,i(!0);const o=window.setTimeout(()=>i(!1),s);return()=>window.clearTimeout(o)},[r,t]),u};exports.useThemeTransition=a;
 //# sourceMappingURL=useThemeTransition.hook.cjs.map

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useThemeTransition.hook.cjs","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useState } from 'react'\r\n\r\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect\r\n\r\n/*\r\n Starts a bounded transition window only when the resolved theme changes.\r\n */\r\nexport const useThemeTransition = (\r\n resolvedTheme: string,\r\n duration: number,\r\n) => {\r\n const ~~[settledTheme,~~ ~~setSettledTheme]~~ = ~~useState~~(resolvedTheme)\r\n const isTransitioning = ~~settledTheme !== resolvedTheme~~\r\n\r\n useIsomorphicLayoutEffect(() => {\r\n if (~~!isTransitioning~~) {\r\n ~~return~~\r\n }\r\n\r\n ~~const transitionDuration = Math.max(0, duration)~~\r\n\r\n if (~~transitionDuration~~ === 0) {\r\n ~~setSettledTheme(resolvedTheme)~~\r\n ~~return~~\r\n }\r\n\r\n const timeout = window.setTimeout(\r\n () => ~~setSettledTheme~~(~~resolvedTheme~~),\r\n transitionDuration,\r\n )\r\n~~\r\n~~ return () => window.clearTimeout(timeout)\r\n }, [duration, ~~isTransitioning,~~ resolvedTheme])\r\n\r\n return isTransitioning\r\n}\r\n"],"names":["useIsomorphicLayoutEffect","useEffect","useLayoutEffect","useThemeTransition","resolvedTheme","duration","~~settledTheme~~","~~setSettledTheme~~","~~useState~~","~~isTransitioning~~","transitionDuration","timeout"],"mappings":"yGAEMA,EAA4B,OAAO,OAAW,IAAcC,EAAAA,UAAYC,EAAAA,gBAKjEC,EAAqB,CAC9BC,EACAC,IACC,CACD,~~KAAM~~,~~CAACC~~,~~EAAcC~~,~~CAAe~~,~~EAAIC~~,~~EAAAA~~,~~SAASJ~~,~~CAAa~~,~~EACxDK~~,~~EAAkBH~~,~~IAAiBF~~,~~EAEzC~~,~~OAAAJ~~,EAA0B,IAAM,CAC5B,~~GAAI~~,~~CAACS,EACD,OAGJ,MAAMC,~~EAAqB,KAAK,IAAI,~~EAAGL~~,CAAQ,EAE/C,~~GAAIK~~,IAAuB,EAAG,~~CAC1BH~~,~~EAAgBH~~,~~CAAa~~,~~EAC7B~~,MACJ,CAEA,~~MAAMO~~,EAAU,OAAO,WACnB,~~IAAMJ~~,~~EAAgBH~~,~~CAAa~~,~~EACnCM~~,CAAA,~~EAGJ~~,MAAO,IAAM,OAAO,aAAaC,CAAO,CAC5C,EAAG,~~CAACN~~,~~EAAUI~~,~~EAAiBL,~~CAAa,CAAC,~~EAEtCK~~,CACX"}
1	+ {"version":3,"file":"useThemeTransition.hook.cjs","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from 'react'\r\n\r\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect\r\n\r\n/*\r\n Starts a bounded transition window only when the resolved theme changes.\r\n */\r\nexport const useThemeTransition = (\r\n resolvedTheme: string,\r\n duration: number,\r\n) => {\r\n const previousTheme = useRef(resolvedTheme)\r\n const [isTransitioning, setIsTransitioning] = useState(false)\r\n\r\n useIsomorphicLayoutEffect(() => {\r\n const transitionDuration = Math.max(0, duration)\r\n\r\n if (transitionDuration === 0) {\r\n previousTheme.current = resolvedTheme\r\n setIsTransitioning(false)\r\n return\r\n }\r\n\r\n if (previousTheme.current === resolvedTheme) {\r\n return\r\n }\r\n\r\n previousTheme.current = resolvedTheme\r\n\r\n setIsTransitioning(true)\r\n const timeout = window.setTimeout(\r\n () => setIsTransitioning(false),\r\n transitionDuration,\r\n )\r\n return () => window.clearTimeout(timeout)\r\n }, [duration, resolvedTheme])\r\n\r\n return isTransitioning\r\n}\r\n"],"names":["useIsomorphicLayoutEffect","useEffect","useLayoutEffect","useThemeTransition","resolvedTheme","duration","previousTheme","useRef","isTransitioning","setIsTransitioning","useState","transitionDuration","timeout"],"mappings":"yGAEMA,EAA4B,OAAO,OAAW,IAAcC,EAAAA,UAAYC,EAAAA,gBAKjEC,EAAqB,CAC9BC,EACAC,IACC,CACD,MAAMC,EAAgBC,EAAAA,OAAOH,CAAa,EACpC,CAACI,EAAiBC,CAAkB,EAAIC,EAAAA,SAAS,EAAK,EAE5D,OAAAV,EAA0B,IAAM,CAC5B,MAAMW,EAAqB,KAAK,IAAI,EAAGN,CAAQ,EAE/C,GAAIM,IAAuB,EAAG,CAC1BL,EAAc,QAAUF,EACxBK,EAAmB,EAAK,EACxB,MACJ,CAEA,GAAIH,EAAc,UAAYF,EAC1B,OAGJE,EAAc,QAAUF,EAExBK,EAAmB,EAAI,EACvB,MAAMG,EAAU,OAAO,WACnB,IAAMH,EAAmB,EAAK,EAC9BE,CAAA,EAEJ,MAAO,IAAM,OAAO,aAAaC,CAAO,CAC5C,EAAG,CAACP,EAAUD,CAAa,CAAC,EAErBI,CACX"}

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.js CHANGED Viewed

@@ -1,22 +1,23 @@
-import { useState as r, useEffect as c, useLayoutEffect as f } from "react";
-const a = typeof window > "u" ? c : f, w = (t, i) => {
-  const [s, o] = r(t), n = s !== t;
-  return a(() => {
-    if (!n)
-      return;
-    const e = Math.max(0, i);
-    if (e === 0) {
-      o(t);
+import { useRef as u, useState as f, useEffect as c, useLayoutEffect as a } from "react";
+const w = typeof window > "u" ? c : a, p = (t, e) => {
+  const n = u(t), [r, i] = f(!1);
+  return w(() => {
+    const o = Math.max(0, e);
+    if (o === 0) {
+      n.current = t, i(!1);
       return;
     }
-    const u = window.setTimeout(
-      () => o(t),
-      e
+    if (n.current === t)
+      return;
+    n.current = t, i(!0);
+    const s = window.setTimeout(
+      () => i(!1),
+      o
     );
-    return () => window.clearTimeout(u);
-  }, [i, n, t]), n;
+    return () => window.clearTimeout(s);
+  }, [e, t]), r;
 };
 export {
-  w as useThemeTransition
+  p as useThemeTransition
 };
 //# sourceMappingURL=useThemeTransition.hook.js.map

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useThemeTransition.hook.js","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useState } from 'react'\r\n\r\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect\r\n\r\n/*\r\n Starts a bounded transition window only when the resolved theme changes.\r\n */\r\nexport const useThemeTransition = (\r\n resolvedTheme: string,\r\n duration: number,\r\n) => {\r\n const ~~[settledTheme,~~ ~~setSettledTheme]~~ = ~~useState~~(resolvedTheme)\r\n const isTransitioning = ~~settledTheme !== resolvedTheme~~\r\n\r\n useIsomorphicLayoutEffect(() => {\r\n if (~~!isTransitioning~~) {\r\n ~~return~~\r\n }\r\n\r\n ~~const transitionDuration = Math.max(0, duration)~~\r\n\r\n if (~~transitionDuration~~ === 0) {\r\n ~~setSettledTheme(resolvedTheme)~~\r\n ~~return~~\r\n }\r\n\r\n const timeout = window.setTimeout(\r\n () => ~~setSettledTheme~~(~~resolvedTheme~~),\r\n transitionDuration,\r\n )\r\n~~\r\n~~ return () => window.clearTimeout(timeout)\r\n }, [duration, ~~isTransitioning,~~ resolvedTheme])\r\n\r\n return isTransitioning\r\n}\r\n"],"names":["useIsomorphicLayoutEffect","useEffect","useLayoutEffect","useThemeTransition","resolvedTheme","duration","~~settledTheme~~","~~setSettledTheme~~","~~useState~~","~~isTransitioning~~","transitionDuration","timeout"],"mappings":";AAEA,MAAMA,IAA4B,OAAO,SAAW,MAAcC,IAAYC,GAKjEC,IAAqB,CAC9BC,GACAC,MACC;AACD,~~QAAM~~,~~CAACC~~,~~GAAcC~~,~~CAAe~~,~~IAAIC~~,~~EAASJ~~,~~CAAa~~,~~GACxDK~~,~~IAAkBH~~,~~MAAiBF~~;~~AAEzC~~,~~SAAAJ~~,EAA0B,MAAM;AAC5B,~~QAAI~~,~~CAACS;AACD;AAGJ,UAAMC,~~IAAqB,KAAK,IAAI,~~GAAGL~~,CAAQ;AAE/C,~~QAAIK~~,MAAuB,GAAG;AAC1B,~~MAAAH~~,~~EAAgBH~~,~~CAAa~~;~~AAC7B~~;AAAA,IACJ;AAEA,~~UAAMO~~,IAAU,OAAO;AAAA,MACnB,~~MAAMJ~~,~~EAAgBH~~,~~CAAa~~;AAAA,~~MACnCM~~;AAAA,IAAA;~~AAGJ~~,WAAO,MAAM,OAAO,aAAaC,CAAO;AAAA,EAC5C,GAAG,~~CAACN~~,~~GAAUI~~,~~GAAiBL,~~CAAa,CAAC,~~GAEtCK~~;AACX;"}
1	+ {"version":3,"file":"useThemeTransition.hook.js","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from 'react'\r\n\r\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect\r\n\r\n/*\r\n Starts a bounded transition window only when the resolved theme changes.\r\n */\r\nexport const useThemeTransition = (\r\n resolvedTheme: string,\r\n duration: number,\r\n) => {\r\n const previousTheme = useRef(resolvedTheme)\r\n const [isTransitioning, setIsTransitioning] = useState(false)\r\n\r\n useIsomorphicLayoutEffect(() => {\r\n const transitionDuration = Math.max(0, duration)\r\n\r\n if (transitionDuration === 0) {\r\n previousTheme.current = resolvedTheme\r\n setIsTransitioning(false)\r\n return\r\n }\r\n\r\n if (previousTheme.current === resolvedTheme) {\r\n return\r\n }\r\n\r\n previousTheme.current = resolvedTheme\r\n\r\n setIsTransitioning(true)\r\n const timeout = window.setTimeout(\r\n () => setIsTransitioning(false),\r\n transitionDuration,\r\n )\r\n return () => window.clearTimeout(timeout)\r\n }, [duration, resolvedTheme])\r\n\r\n return isTransitioning\r\n}\r\n"],"names":["useIsomorphicLayoutEffect","useEffect","useLayoutEffect","useThemeTransition","resolvedTheme","duration","previousTheme","useRef","isTransitioning","setIsTransitioning","useState","transitionDuration","timeout"],"mappings":";AAEA,MAAMA,IAA4B,OAAO,SAAW,MAAcC,IAAYC,GAKjEC,IAAqB,CAC9BC,GACAC,MACC;AACD,QAAMC,IAAgBC,EAAOH,CAAa,GACpC,CAACI,GAAiBC,CAAkB,IAAIC,EAAS,EAAK;AAE5D,SAAAV,EAA0B,MAAM;AAC5B,UAAMW,IAAqB,KAAK,IAAI,GAAGN,CAAQ;AAE/C,QAAIM,MAAuB,GAAG;AAC1B,MAAAL,EAAc,UAAUF,GACxBK,EAAmB,EAAK;AACxB;AAAA,IACJ;AAEA,QAAIH,EAAc,YAAYF;AAC1B;AAGJ,IAAAE,EAAc,UAAUF,GAExBK,EAAmB,EAAI;AACvB,UAAMG,IAAU,OAAO;AAAA,MACnB,MAAMH,EAAmB,EAAK;AAAA,MAC9BE;AAAA,IAAA;AAEJ,WAAO,MAAM,OAAO,aAAaC,CAAO;AAAA,EAC5C,GAAG,CAACP,GAAUD,CAAa,CAAC,GAErBI;AACX;"}

package/dist/components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./helpers/use-theme-document-scope/useThemeDocumentScope.hook.cjs"),c=require("./helpers/use-theme-state/useThemeState.hook.cjs"),i=require("./helpers/use-theme-token-styles/useThemeTokenStyles.hook.cjs"),S=require("./helpers/use-theme-transition/useThemeTransition.hook.cjs"),l=({controlledTheme:r,defaultTheme:n,onThemeChange:u,scope:T,tokens:o,themeTransitionDuration:s})=>{const e=c.useThemeState({controlledTheme:r,defaultTheme:n,onThemeChange:u}),h=i.useThemeTokenStyles(o),t=S.useThemeTransition(e.resolvedTheme,s);return m.useThemeDocumentScope(T,e.resolvedTheme,o,t,s),{...e,isTransitioning:t,tokenStyles:h}};exports.useThemeProvider=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./helpers/use-theme-document-scope/useThemeDocumentScope.hook.cjs"),m=require("./helpers/use-theme-state/useThemeState.hook.cjs"),c=require("./helpers/use-theme-token-styles/useThemeTokenStyles.hook.cjs"),S=require("./helpers/use-theme-transition/useThemeTransition.hook.cjs"),l=({controlledTheme:u,defaultTheme:n,onThemeChange:T,scope:o,tokens:t,themeTransitionDuration:s})=>{const e=m.useThemeState({controlledTheme:u,defaultTheme:n,onThemeChange:T}),h=c.useThemeTokenStyles(o==="subtree"?t:void 0),r=S.useThemeTransition(e.resolvedTheme,s);return i.useThemeDocumentScope(o,e.resolvedTheme,t,r,s),{...e,isTransitioning:r,tokenStyles:h}};exports.useThemeProvider=l;
 //# sourceMappingURL=useThemeProvider.hook.cjs.map

package/dist/components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useThemeProvider.hook.cjs","sources":["../../../../../src/components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.ts"],"sourcesContent":["import { useThemeDocumentScope } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.ts'\r\nimport { useThemeState } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.ts'\r\nimport { useThemeTokenStyles } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.ts'\r\nimport { useThemeTransition } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.ts'\r\nimport type { UseThemeProviderOptions } from '@components/theme-provider/hooks/use-theme-provider/types'\r\n\r\n/*\r\n Composes the provider hooks used by the public ThemeProvider component.\r\n */\r\nexport const useThemeProvider = ({\r\n controlledTheme,\r\n defaultTheme,\r\n onThemeChange,\r\n scope,\r\n tokens,\r\n themeTransitionDuration,\r\n}: UseThemeProviderOptions) => {\r\n const themeState = useThemeState({\r\n controlledTheme,\r\n defaultTheme,\r\n onThemeChange,\r\n })\r\n const tokenStyles = useThemeTokenStyles(tokens)\r\n const isTransitioning = useThemeTransition(\r\n themeState.resolvedTheme,\r\n themeTransitionDuration,\r\n )\r\n\r\n useThemeDocumentScope(\r\n scope,\r\n themeState.resolvedTheme,\r\n tokens,\r\n isTransitioning,\r\n themeTransitionDuration,\r\n )\r\n\r\n return {\r\n ...themeState,\r\n isTransitioning,\r\n tokenStyles,\r\n }\r\n}\r\n"],"names":["useThemeProvider","controlledTheme","defaultTheme","onThemeChange","scope","tokens","themeTransitionDuration","themeState","useThemeState","tokenStyles","useThemeTokenStyles","isTransitioning","useThemeTransition","useThemeDocumentScope"],"mappings":"sXASaA,EAAmB,CAAC,CAC7B,gBAAAC,EACA,aAAAC,EACA,cAAAC,EACA,MAAAC,EACA,OAAAC,EACA,wBAAAC,CACJ,IAA+B,CAC3B,MAAMC,EAAaC,EAAAA,cAAc,CAC7B,gBAAAP,EACA,aAAAC,EACA,cAAAC,CAAA,CACH,EACKM,EAAcC,EAAAA,~~oBAAoBL~~,~~CAAM~~,~~EACxCM~~,EAAkBC,EAAAA,mBACpBL,EAAW,cACXD,CAAA,EAGJO,OAAAA,EAAAA,sBACIT,EACAG,EAAW,cACXF,EACAM,EACAL,CAAA,EAGG,CACH,GAAGC,EACH,gBAAAI,EACA,YAAAF,CAAA,CAER"}
1	+ {"version":3,"file":"useThemeProvider.hook.cjs","sources":["../../../../../src/components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.ts"],"sourcesContent":["import { useThemeDocumentScope } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.ts'\r\nimport { useThemeState } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.ts'\r\nimport { useThemeTokenStyles } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.ts'\r\nimport { useThemeTransition } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.ts'\r\nimport type { UseThemeProviderOptions } from '@components/theme-provider/hooks/use-theme-provider/types'\r\n\r\n/*\r\n Composes the provider hooks used by the public ThemeProvider component.\r\n */\r\nexport const useThemeProvider = ({\r\n controlledTheme,\r\n defaultTheme,\r\n onThemeChange,\r\n scope,\r\n tokens,\r\n themeTransitionDuration,\r\n}: UseThemeProviderOptions) => {\r\n const themeState = useThemeState({\r\n controlledTheme,\r\n defaultTheme,\r\n onThemeChange,\r\n })\r\n const tokenStyles = useThemeTokenStyles(scope === 'subtree' ? tokens : undefined)\r\n const isTransitioning = useThemeTransition(\r\n themeState.resolvedTheme,\r\n themeTransitionDuration,\r\n )\r\n\r\n useThemeDocumentScope(\r\n scope,\r\n themeState.resolvedTheme,\r\n tokens,\r\n isTransitioning,\r\n themeTransitionDuration,\r\n )\r\n\r\n return {\r\n ...themeState,\r\n isTransitioning,\r\n tokenStyles,\r\n }\r\n}\r\n"],"names":["useThemeProvider","controlledTheme","defaultTheme","onThemeChange","scope","tokens","themeTransitionDuration","themeState","useThemeState","tokenStyles","useThemeTokenStyles","isTransitioning","useThemeTransition","useThemeDocumentScope"],"mappings":"sXASaA,EAAmB,CAAC,CAC7B,gBAAAC,EACA,aAAAC,EACA,cAAAC,EACA,MAAAC,EACA,OAAAC,EACA,wBAAAC,CACJ,IAA+B,CAC3B,MAAMC,EAAaC,EAAAA,cAAc,CAC7B,gBAAAP,EACA,aAAAC,EACA,cAAAC,CAAA,CACH,EACKM,EAAcC,EAAAA,oBAAoBN,IAAU,UAAYC,EAAS,MAAS,EAC1EM,EAAkBC,EAAAA,mBACpBL,EAAW,cACXD,CAAA,EAGJO,OAAAA,EAAAA,sBACIT,EACAG,EAAW,cACXF,EACAM,EACAL,CAAA,EAGG,CACH,GAAGC,EACH,gBAAAI,EACA,YAAAF,CAAA,CAER"}

package/dist/components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.js CHANGED Viewed

@@ -1,33 +1,33 @@
 import { useThemeDocumentScope as h } from "./helpers/use-theme-document-scope/useThemeDocumentScope.hook.js";
-import { useThemeState as c } from "./helpers/use-theme-state/useThemeState.hook.js";
-import { useThemeTokenStyles as p } from "./helpers/use-theme-token-styles/useThemeTokenStyles.hook.js";
-import { useThemeTransition as u } from "./helpers/use-theme-transition/useThemeTransition.hook.js";
+import { useThemeState as u } from "./helpers/use-theme-state/useThemeState.hook.js";
+import { useThemeTokenStyles as c } from "./helpers/use-theme-token-styles/useThemeTokenStyles.hook.js";
+import { useThemeTransition as p } from "./helpers/use-theme-transition/useThemeTransition.hook.js";
 const v = ({
-  controlledTheme: r,
-  defaultTheme: s,
+  controlledTheme: s,
+  defaultTheme: i,
   onThemeChange: n,
-  scope: T,
-  tokens: o,
-  themeTransitionDuration: t
+  scope: o,
+  tokens: t,
+  themeTransitionDuration: m
 }) => {
-  const e = c({
-    controlledTheme: r,
-    defaultTheme: s,
+  const e = u({
+    controlledTheme: s,
+    defaultTheme: i,
     onThemeChange: n
-  }), i = p(o), m = u(
+  }), T = c(o === "subtree" ? t : void 0), r = p(
     e.resolvedTheme,
-    t
+    m
   );
   return h(
-    T,
-    e.resolvedTheme,
     o,
-    m,
-    t
+    e.resolvedTheme,
+    t,
+    r,
+    m
   ), {
     ...e,
-    isTransitioning: m,
-    tokenStyles: i
+    isTransitioning: r,
+    tokenStyles: T
   };
 };
 export {

package/dist/components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useThemeProvider.hook.js","sources":["../../../../../src/components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.ts"],"sourcesContent":["import { useThemeDocumentScope } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.ts'\r\nimport { useThemeState } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.ts'\r\nimport { useThemeTokenStyles } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.ts'\r\nimport { useThemeTransition } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.ts'\r\nimport type { UseThemeProviderOptions } from '@components/theme-provider/hooks/use-theme-provider/types'\r\n\r\n/*\r\n Composes the provider hooks used by the public ThemeProvider component.\r\n */\r\nexport const useThemeProvider = ({\r\n controlledTheme,\r\n defaultTheme,\r\n onThemeChange,\r\n scope,\r\n tokens,\r\n themeTransitionDuration,\r\n}: UseThemeProviderOptions) => {\r\n const themeState = useThemeState({\r\n controlledTheme,\r\n defaultTheme,\r\n onThemeChange,\r\n })\r\n const tokenStyles = useThemeTokenStyles(tokens)\r\n const isTransitioning = useThemeTransition(\r\n themeState.resolvedTheme,\r\n themeTransitionDuration,\r\n )\r\n\r\n useThemeDocumentScope(\r\n scope,\r\n themeState.resolvedTheme,\r\n tokens,\r\n isTransitioning,\r\n themeTransitionDuration,\r\n )\r\n\r\n return {\r\n ...themeState,\r\n isTransitioning,\r\n tokenStyles,\r\n }\r\n}\r\n"],"names":["useThemeProvider","controlledTheme","defaultTheme","onThemeChange","scope","tokens","themeTransitionDuration","themeState","useThemeState","tokenStyles","useThemeTokenStyles","isTransitioning","useThemeTransition","useThemeDocumentScope"],"mappings":";;;;AASO,MAAMA,IAAmB,CAAC;AAAA,EAC7B,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,yBAAAC;AACJ,MAA+B;AAC3B,QAAMC,IAAaC,EAAc;AAAA,IAC7B,iBAAAP;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,CACH,GACKM,IAAcC,~~EAAoBL~~,~~CAAM~~,~~GACxCM~~,IAAkBC;AAAA,IACpBL,EAAW;AAAA,IACXD;AAAA,EAAA;AAGJ,SAAAO;AAAA,IACIT;AAAA,IACAG,EAAW;AAAA,IACXF;AAAA,IACAM;AAAA,IACAL;AAAA,EAAA,GAGG;AAAA,IACH,GAAGC;AAAA,IACH,iBAAAI;AAAA,IACA,aAAAF;AAAA,EAAA;AAER;"}
1	+ {"version":3,"file":"useThemeProvider.hook.js","sources":["../../../../../src/components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.ts"],"sourcesContent":["import { useThemeDocumentScope } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.ts'\r\nimport { useThemeState } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.ts'\r\nimport { useThemeTokenStyles } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.ts'\r\nimport { useThemeTransition } from '@components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.ts'\r\nimport type { UseThemeProviderOptions } from '@components/theme-provider/hooks/use-theme-provider/types'\r\n\r\n/*\r\n Composes the provider hooks used by the public ThemeProvider component.\r\n */\r\nexport const useThemeProvider = ({\r\n controlledTheme,\r\n defaultTheme,\r\n onThemeChange,\r\n scope,\r\n tokens,\r\n themeTransitionDuration,\r\n}: UseThemeProviderOptions) => {\r\n const themeState = useThemeState({\r\n controlledTheme,\r\n defaultTheme,\r\n onThemeChange,\r\n })\r\n const tokenStyles = useThemeTokenStyles(scope === 'subtree' ? tokens : undefined)\r\n const isTransitioning = useThemeTransition(\r\n themeState.resolvedTheme,\r\n themeTransitionDuration,\r\n )\r\n\r\n useThemeDocumentScope(\r\n scope,\r\n themeState.resolvedTheme,\r\n tokens,\r\n isTransitioning,\r\n themeTransitionDuration,\r\n )\r\n\r\n return {\r\n ...themeState,\r\n isTransitioning,\r\n tokenStyles,\r\n }\r\n}\r\n"],"names":["useThemeProvider","controlledTheme","defaultTheme","onThemeChange","scope","tokens","themeTransitionDuration","themeState","useThemeState","tokenStyles","useThemeTokenStyles","isTransitioning","useThemeTransition","useThemeDocumentScope"],"mappings":";;;;AASO,MAAMA,IAAmB,CAAC;AAAA,EAC7B,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,yBAAAC;AACJ,MAA+B;AAC3B,QAAMC,IAAaC,EAAc;AAAA,IAC7B,iBAAAP;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,CACH,GACKM,IAAcC,EAAoBN,MAAU,YAAYC,IAAS,MAAS,GAC1EM,IAAkBC;AAAA,IACpBL,EAAW;AAAA,IACXD;AAAA,EAAA;AAGJ,SAAAO;AAAA,IACIT;AAAA,IACAG,EAAW;AAAA,IACXF;AAAA,IACAM;AAAA,IACAL;AAAA,EAAA,GAGG;AAAA,IACH,GAAGC;AAAA,IACH,iBAAAI;AAAA,IACA,aAAAF;AAAA,EAAA;AAER;"}

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

@@ -32,7 +32,8 @@ export interface ThemeProviderProps extends React.HTMLAttributes<HTMLDivElement>
     scope?: ThemeProviderScope;
     /**
      * Duration applied to every transition while the color scheme changes.
-     * @default 100
+     * Set to `0` to disable the optional transition.
+     * @default 0
      */
     themeTransitionDuration?: number;
     /**

package/dist/constants/animations/fade/fadeIn.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit9.css');;/* empty css                            */var e="zbi4mb0";exports.fadeIn=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit11.css');;/* empty css                            */var e="zbi4mb0";exports.fadeIn=e;
 //# sourceMappingURL=fadeIn.css.cjs.map

package/dist/constants/animations/fade/fadeIn.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../ui-kit9.css';/* empty css                          */
+import '../../../ui-kit11.css';/* empty css                          */
 var a = "zbi4mb0";
 export {
   a as fadeIn

package/dist/constants/animations/fade/fadeOut.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit11.css');;/* empty css                             */var e="_9xbz570";exports.fadeOut=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit6.css');;/* empty css                             */var e="_9xbz570";exports.fadeOut=e;
 //# sourceMappingURL=fadeOut.css.cjs.map

package/dist/constants/animations/fade/fadeOut.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../ui-kit11.css';/* empty css                           */
+import '../../../ui-kit6.css';/* empty css                           */
 var t = "_9xbz570";
 export {
   t as fadeOut

package/dist/constants/animations/pulse/pulseAnimation.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit7.css');;/* empty css                                    */var e="egv4y0";exports.pulseAnimation=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit5.css');;/* empty css                                    */var e="egv4y0";exports.pulseAnimation=e;
 //# sourceMappingURL=pulseAnimation.css.cjs.map

package/dist/constants/animations/pulse/pulseAnimation.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../ui-kit7.css';/* empty css                                  */
+import '../../../ui-kit5.css';/* empty css                                  */
 var i = "egv4y0";
 export {
   i as pulseAnimation

package/dist/constants/animations/slide/slideDownIn.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit5.css');;/* empty css                                 */var e="_1d8hppm0";exports.slideDownIn=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit12.css');;/* empty css                                 */var e="_1d8hppm0";exports.slideDownIn=e;
 //# sourceMappingURL=slideDownIn.css.cjs.map

package/dist/constants/animations/slide/slideDownIn.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../ui-kit5.css';/* empty css                               */
+import '../../../ui-kit12.css';/* empty css                               */
 var o = "_1d8hppm0";
 export {
   o as slideDownIn

package/dist/constants/animations/slide/slideDownOut.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit10.css');;/* empty css                                  */var e="_10qch0c0";exports.slideDownOut=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit3.css');;/* empty css                                  */var e="_10qch0c0";exports.slideDownOut=e;
 //# sourceMappingURL=slideDownOut.css.cjs.map

package/dist/constants/animations/slide/slideDownOut.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../ui-kit10.css';/* empty css                                */
+import '../../../ui-kit3.css';/* empty css                                */
 var r = "_10qch0c0";
 export {
   r as slideDownOut

package/dist/constants/animations/slide/slideLeftIn.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit3.css');;/* empty css                                 */var e="_48y3330";exports.slideLeftIn=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit14.css');;/* empty css                                 */var e="_48y3330";exports.slideLeftIn=e;
 //# sourceMappingURL=slideLeftIn.css.cjs.map

package/dist/constants/animations/slide/slideLeftIn.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../ui-kit3.css';/* empty css                               */
+import '../../../ui-kit14.css';/* empty css                               */
 var r = "_48y3330";
 export {
   r as slideLeftIn

package/dist/constants/animations/slide/slideLeftOut.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit6.css');;/* empty css                                  */var e="zpo7at0";exports.slideLeftOut=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit10.css');;/* empty css                                  */var e="zpo7at0";exports.slideLeftOut=e;
 //# sourceMappingURL=slideLeftOut.css.cjs.map

package/dist/constants/animations/slide/slideLeftOut.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../ui-kit6.css';/* empty css                                */
+import '../../../ui-kit10.css';/* empty css                                */
 var e = "zpo7at0";
 export {
   e as slideLeftOut

package/dist/constants/animations/slide/slideRightOut.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit8.css');;/* empty css                                   */var e="_1gtenq80";exports.slideRightOut=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit4.css');;/* empty css                                   */var e="_1gtenq80";exports.slideRightOut=e;
 //# sourceMappingURL=slideRightOut.css.cjs.map

package/dist/constants/animations/slide/slideRightOut.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../ui-kit8.css';/* empty css                                 */
+import '../../../ui-kit4.css';/* empty css                                 */
 var e = "_1gtenq80";
 export {
   e as slideRightOut

package/dist/constants/animations/slide/slideUpIn.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit12.css');;/* empty css                               */var e="veemxt0";exports.slideUpIn=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit8.css');;/* empty css                               */var e="veemxt0";exports.slideUpIn=e;
 //# sourceMappingURL=slideUpIn.css.cjs.map

package/dist/constants/animations/slide/slideUpIn.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../ui-kit12.css';/* empty css                             */
+import '../../../ui-kit8.css';/* empty css                             */
 var p = "veemxt0";
 export {
   p as slideUpIn

package/dist/constants/animations/slide/slideUpOut.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit14.css');;/* empty css                                */var e="_1l364h10";exports.slideUpOut=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit9.css');;/* empty css                                */var e="_1l364h10";exports.slideUpOut=e;
 //# sourceMappingURL=slideUpOut.css.cjs.map

package/dist/constants/animations/slide/slideUpOut.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../ui-kit14.css';/* empty css                              */
+import '../../../ui-kit9.css';/* empty css                              */
 var r = "_1l364h10";
 export {
   r as slideUpOut

package/dist/constants/animations/spin/spinAnimation.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit4.css');;/* empty css                                   */var e="_1ef4vo20";exports.spinAnimation=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../ui-kit7.css');;/* empty css                                   */var e="_1ef4vo20";exports.spinAnimation=e;
 //# sourceMappingURL=spinAnimation.css.cjs.map

package/dist/constants/animations/spin/spinAnimation.css.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../ui-kit4.css';/* empty css                                 */
+import '../../../ui-kit7.css';/* empty css                                 */
 var o = "_1ef4vo20";
 export {
   o as spinAnimation

package/dist/hooks/use-notification/useNotification.hook.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../ui-kit115.css');const q=require("react/jsx-runtime"),i=require("react"),t=require("sonner"),d=require("../../components/feedback/toast/Toast.cjs");require("../../components/feedback/toast/ToastProvider.cjs");require("../../components/feedback/toast/styles/Toast.css.cjs");;/* empty css                                                                                          */require("../../components/feedback/toast/constants/index.cjs");const f=require("../../components/feedback/toast/constants/toastChannels.const.cjs"),m=()=>{const o=i.useCallback(({variant:s="info",title:n,description:u,icon:c,children:a,duration:e=0})=>t.toast.custom(l=>q.jsx(d,{variant:s,icon:c,title:n,description:u,onClose:()=>t.toast.dismiss(l),children:a}),{duration:e===0?1/0:e,toasterId:f.TOAST_CHANNELS.notifications}),[]),r=i.useCallback(s=>{t.toast.dismiss(s)},[]);return{show:o,dismiss:r}};exports.useNotification=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../ui-kit102.css');const q=require("react/jsx-runtime"),i=require("react"),t=require("sonner"),d=require("../../components/feedback/toast/Toast.cjs");require("../../components/feedback/toast/ToastProvider.cjs");require("../../components/feedback/toast/styles/Toast.css.cjs");;/* empty css                                                                                          */require("../../components/feedback/toast/constants/index.cjs");const f=require("../../components/feedback/toast/constants/toastChannels.const.cjs"),m=()=>{const o=i.useCallback(({variant:s="info",title:n,description:u,icon:c,children:a,duration:e=0})=>t.toast.custom(l=>q.jsx(d,{variant:s,icon:c,title:n,description:u,onClose:()=>t.toast.dismiss(l),children:a}),{duration:e===0?1/0:e,toasterId:f.TOAST_CHANNELS.notifications}),[]),r=i.useCallback(s=>{t.toast.dismiss(s)},[]);return{show:o,dismiss:r}};exports.useNotification=m;
 //# sourceMappingURL=useNotification.hook.cjs.map

package/dist/hooks/use-notification/useNotification.hook.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { toast as t } from "sonner";
 import d from "../../components/feedback/toast/Toast.js";
 import "../../components/feedback/toast/ToastProvider.js";
 import "../../components/feedback/toast/styles/Toast.css.js";
-import '../../ui-kit115.css';/* empty css                                                                                        */
+import '../../ui-kit102.css';/* empty css                                                                                        */
 import "../../components/feedback/toast/constants/index.js";
 import { TOAST_CHANNELS as u } from "../../components/feedback/toast/constants/toastChannels.const.js";
 const h = () => {

package/dist/hooks/use-toast/useToast.hook.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../ui-kit115.css');const T=require("react/jsx-runtime"),r=require("react"),o=require("sonner"),l=require("../../components/feedback/toast/Toast.cjs");require("../../components/feedback/toast/ToastProvider.cjs");require("../../components/feedback/toast/styles/Toast.css.cjs");;/* empty css                                                                                          */require("../../components/feedback/toast/constants/index.cjs");const q=require("../../components/feedback/toast/constants/toastChannels.const.cjs"),d=5e3,h=()=>{const e=r.useCallback((s,{title:n,description:i,duration:u=d,icon:c})=>o.toast.custom(a=>T.jsx(l,{variant:s,icon:c,title:n,description:i,onClose:()=>o.toast.dismiss(a)}),{duration:u,toasterId:q.TOAST_CHANNELS.toasts}),[]),t=r.useCallback(s=>{o.toast.dismiss(s)},[]);return{show:e,showSuccess:s=>e("success",s),showError:s=>e("error",s),showWarning:s=>e("warning",s),showInfo:s=>e("info",s),dismiss:t}};exports.useToast=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../ui-kit102.css');const T=require("react/jsx-runtime"),r=require("react"),o=require("sonner"),l=require("../../components/feedback/toast/Toast.cjs");require("../../components/feedback/toast/ToastProvider.cjs");require("../../components/feedback/toast/styles/Toast.css.cjs");;/* empty css                                                                                          */require("../../components/feedback/toast/constants/index.cjs");const q=require("../../components/feedback/toast/constants/toastChannels.const.cjs"),d=5e3,h=()=>{const e=r.useCallback((s,{title:n,description:i,duration:u=d,icon:c})=>o.toast.custom(a=>T.jsx(l,{variant:s,icon:c,title:n,description:i,onClose:()=>o.toast.dismiss(a)}),{duration:u,toasterId:q.TOAST_CHANNELS.toasts}),[]),t=r.useCallback(s=>{o.toast.dismiss(s)},[]);return{show:e,showSuccess:s=>e("success",s),showError:s=>e("error",s),showWarning:s=>e("warning",s),showInfo:s=>e("info",s),dismiss:t}};exports.useToast=h;
 //# sourceMappingURL=useToast.hook.cjs.map

package/dist/hooks/use-toast/useToast.hook.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { toast as r } from "sonner";
 import T from "../../components/feedback/toast/Toast.js";
 import "../../components/feedback/toast/ToastProvider.js";
 import "../../components/feedback/toast/styles/Toast.css.js";
-import '../../ui-kit115.css';/* empty css                                                                                        */
+import '../../ui-kit102.css';/* empty css                                                                                        */
 import "../../components/feedback/toast/constants/index.js";
 import { TOAST_CHANNELS as f } from "../../components/feedback/toast/constants/toastChannels.const.js";
 const u = 5e3, N = () => {