npm - @choco-vanille/ui - Versions diffs - 1.1.1 → 1.2.0 - Mend

@choco-vanille/ui 1.1.1 → 1.2.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 (2156) hide show

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

@@ -0,0 +1,58 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useMemo as e } from "react";
+import "../overlay/tooltip/Tooltip.js";
+import x from "../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
+/* 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,
+  ...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(
+    () => m ? {
+      [E]: `${Math.max(0, t)}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]
+  );
+  return /* @__PURE__ */ r(y.Provider, { value: N, children: /* @__PURE__ */ r(
+    "div",
+    {
+      "data-theme": o,
+      ...m ? { [P]: "" } : {},
+      style: I,
+      ...f,
+      children: u
+    }
+  ) });
+};
+R.displayName = "ThemeProvider";
+export {
+  R as default
+};
+//# sourceMappingURL=ThemeProvider.js.map

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

@@ -0,0 +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;"}

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react"),o=require("../../../../../../constants/theme.cjs"),s=typeof window>"u"?A.useEffect:A.useLayoutEffect,d=(u,c,m,i=!1,f=0)=>{s(()=>{if(u!=="document"\|\|typeof document>"u")return;const e=document.documentElement,t=e.getAttribute("data-theme");return e.setAttribute("data-theme",c),()=>{t===null?e.removeAttribute("data-theme"):e.setAttribute("data-theme",t)}},[c,u]),s(()=>{if(u!=="document"\|\|typeof document>"u")return;const e=document.documentElement,t=new Map;for(const[r,n]of Object.entries(m??{})){if(n===void 0)continue;const T=`--color-${r}`;t.set(T,e.style.getPropertyValue(T)),e.style.setProperty(T,n)}return()=>{for(const[r,n]of t)n?e.style.setProperty(r,n):e.style.removeProperty(r)}},[u,m]),s(()=>{if(u!=="document"\|\|typeof document>"u")return;const e=document.documentElement,t=e.getAttribute(o.THEME_TRANSITION_ATTRIBUTE),r=e.style.getPropertyValue(o.THEME_TRANSITION_DURATION_VAR);return i&&(e.setAttribute(o.THEME_TRANSITION_ATTRIBUTE,""),e.style.setProperty(o.THEME_TRANSITION_DURATION_VAR,`${Math.max(0,f)}ms`)),()=>{t===null?e.removeAttribute(o.THEME_TRANSITION_ATTRIBUTE):e.setAttribute(o.THEME_TRANSITION_ATTRIBUTE,t),r?e.style.setProperty(o.THEME_TRANSITION_DURATION_VAR,r):e.style.removeProperty(o.THEME_TRANSITION_DURATION_VAR)}},[i,u,f])};exports.useThemeDocumentScope=d;
2	+ //# sourceMappingURL=useThemeDocumentScope.hook.cjs.map

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useThemeDocumentScope.hook.cjs","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\r\n\r\nimport type { ThemeProviderScope } from '@components/theme-provider/types/ThemeProvider.props.ts'\r\nimport type { ThemeTokens } from '@components/theme-provider/hooks/use-theme-provider/types'\r\nimport {\r\n THEME_TRANSITION_ATTRIBUTE,\r\n THEME_TRANSITION_DURATION_VAR,\r\n} from '@constants/theme'\r\n\r\nconst useIsomorphicLayoutEffect =\r\n typeof window === 'undefined' ? useEffect : useLayoutEffect\r\n\r\n/**\r\n * Synchronizes document-scoped theme values with `<html>` for body-mounted portals.\r\n */\r\nexport const useThemeDocumentScope = (\r\n scope: ThemeProviderScope,\r\n resolvedTheme: string,\r\n tokens?: ThemeTokens,\r\n isTransitioning = false,\r\n transitionDuration = 0,\r\n) => {\r\n useIsomorphicLayoutEffect(() => {\r\n if (scope !== 'document' || typeof document === 'undefined') {\r\n return\r\n }\r\n\r\n const root = document.documentElement\r\n const previousTheme = root.getAttribute('data-theme')\r\n root.setAttribute('data-theme', resolvedTheme)\r\n\r\n return () => {\r\n if (previousTheme === null) {\r\n root.removeAttribute('data-theme')\r\n } else {\r\n root.setAttribute('data-theme', previousTheme)\r\n }\r\n }\r\n }, [resolvedTheme, scope])\r\n\r\n useIsomorphicLayoutEffect(() => {\r\n if (scope !== 'document' || typeof document === 'undefined') {\r\n return\r\n }\r\n\r\n const root = document.documentElement\r\n const previousTokens = new Map<string, string>()\r\n\r\n for (const [key, value] of Object.entries(tokens ?? {})) {\r\n if (value === undefined) {\r\n continue\r\n }\r\n const property = `--color-${key}`\r\n previousTokens.set(property, root.style.getPropertyValue(property))\r\n root.style.setProperty(property, value)\r\n }\r\n\r\n return () => {\r\n for (const [property, value] of previousTokens) {\r\n if (value) {\r\n root.style.setProperty(property, value)\r\n } else {\r\n root.style.removeProperty(property)\r\n }\r\n }\r\n }\r\n }, [scope, tokens])\r\n\r\n useIsomorphicLayoutEffect(() => {\r\n if (scope !== 'document' || typeof document === 'undefined') {\r\n return\r\n }\r\n\r\n const root = document.documentElement\r\n const previousAttribute = root.getAttribute(THEME_TRANSITION_ATTRIBUTE)\r\n const previousDuration = root.style.getPropertyValue(\r\n THEME_TRANSITION_DURATION_VAR,\r\n )\r\n\r\n if (isTransitioning) {\r\n root.setAttribute(THEME_TRANSITION_ATTRIBUTE, '')\r\n root.style.setProperty(\r\n THEME_TRANSITION_DURATION_VAR,\r\n `${Math.max(0, transitionDuration)}ms`,\r\n )\r\n }\r\n\r\n return () => {\r\n if (previousAttribute === null) {\r\n root.removeAttribute(THEME_TRANSITION_ATTRIBUTE)\r\n } else {\r\n root.setAttribute(THEME_TRANSITION_ATTRIBUTE, previousAttribute)\r\n }\r\n\r\n if (previousDuration) {\r\n root.style.setProperty(THEME_TRANSITION_DURATION_VAR, previousDuration)\r\n } else {\r\n root.style.removeProperty(THEME_TRANSITION_DURATION_VAR)\r\n }\r\n }\r\n }, [isTransitioning, scope, transitionDuration])\r\n}\r\n"],"names":["useIsomorphicLayoutEffect","useEffect","useLayoutEffect","useThemeDocumentScope","scope","resolvedTheme","tokens","isTransitioning","transitionDuration","root","previousTheme","previousTokens","key","value","property","previousAttribute","THEME_TRANSITION_ATTRIBUTE","previousDuration","THEME_TRANSITION_DURATION_VAR"],"mappings":"4JASMA,EACJ,OAAO,OAAW,IAAcC,EAAAA,UAAYC,EAAAA,gBAKjCC,EAAwB,CACjCC,EACAC,EACAC,EACAC,EAAkB,GAClBC,EAAqB,IACpB,CACDR,EAA0B,IAAM,CAC5B,GAAII,IAAU,YAAc,OAAO,SAAa,IAC5C,OAGJ,MAAMK,EAAO,SAAS,gBAChBC,EAAgBD,EAAK,aAAa,YAAY,EACpD,OAAAA,EAAK,aAAa,aAAcJ,CAAa,EAEtC,IAAM,CACLK,IAAkB,KAClBD,EAAK,gBAAgB,YAAY,EAEjCA,EAAK,aAAa,aAAcC,CAAa,CAErD,CACJ,EAAG,CAACL,EAAeD,CAAK,CAAC,EAEzBJ,EAA0B,IAAM,CAC5B,GAAII,IAAU,YAAc,OAAO,SAAa,IAC5C,OAGJ,MAAMK,EAAO,SAAS,gBAChBE,MAAqB,IAE3B,SAAW,CAACC,EAAKC,CAAK,IAAK,OAAO,QAAQP,GAAU,CAAA,CAAE,EAAG,CACrD,GAAIO,IAAU,OACV,SAEJ,MAAMC,EAAW,WAAWF,CAAG,GAC/BD,EAAe,IAAIG,EAAUL,EAAK,MAAM,iBAAiBK,CAAQ,CAAC,EAClEL,EAAK,MAAM,YAAYK,EAAUD,CAAK,CAC1C,CAEA,MAAO,IAAM,CACT,SAAW,CAACC,EAAUD,CAAK,IAAKF,EACxBE,EACAJ,EAAK,MAAM,YAAYK,EAAUD,CAAK,EAEtCJ,EAAK,MAAM,eAAeK,CAAQ,CAG9C,CACJ,EAAG,CAACV,EAAOE,CAAM,CAAC,EAElBN,EAA0B,IAAM,CAC5B,GAAII,IAAU,YAAc,OAAO,SAAa,IAC5C,OAGJ,MAAMK,EAAO,SAAS,gBAChBM,EAAoBN,EAAK,aAAaO,4BAA0B,EAChEC,EAAmBR,EAAK,MAAM,iBAChCS,EAAAA,6BAAA,EAGJ,OAAIX,IACAE,EAAK,aAAaO,EAAAA,2BAA4B,EAAE,EAChDP,EAAK,MAAM,YACPS,EAAAA,8BACA,GAAG,KAAK,IAAI,EAAGV,CAAkB,CAAC,IAAA,GAInC,IAAM,CACLO,IAAsB,KACtBN,EAAK,gBAAgBO,4BAA0B,EAE/CP,EAAK,aAAaO,EAAAA,2BAA4BD,CAAiB,EAG/DE,EACAR,EAAK,MAAM,YAAYS,EAAAA,8BAA+BD,CAAgB,EAEtER,EAAK,MAAM,eAAeS,+BAA6B,CAE/D,CACJ,EAAG,CAACX,EAAiBH,EAAOI,CAAkB,CAAC,CACnD"}

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { ThemeProviderScope } from '../../../../types/ThemeProvider.props.ts';
+import { ThemeTokens } from '../../types';
+/**
+ * Synchronizes document-scoped theme values with `<html>` for body-mounted portals.
+ */
+export declare const useThemeDocumentScope: (scope: ThemeProviderScope, resolvedTheme: string, tokens?: ThemeTokens, isTransitioning?: boolean, transitionDuration?: number) => void;

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.js ADDED Viewed

@@ -0,0 +1,42 @@
+import { useEffect as l, useLayoutEffect as p } from "react";
+import { THEME_TRANSITION_ATTRIBUTE as n, THEME_TRANSITION_DURATION_VAR as s } from "../../../../../../constants/theme.js";
+const f = typeof window > "u" ? l : p, E = (r, c, i, d = !1, y = 0) => {
+  f(() => {
+    if (r !== "document" || typeof document > "u")
+      return;
+    const e = document.documentElement, t = e.getAttribute("data-theme");
+    return e.setAttribute("data-theme", c), () => {
+      t === null ? e.removeAttribute("data-theme") : e.setAttribute("data-theme", t);
+    };
+  }, [c, r]), f(() => {
+    if (r !== "document" || typeof document > "u")
+      return;
+    const e = document.documentElement, t = /* @__PURE__ */ new Map();
+    for (const [o, u] of Object.entries(i ?? {})) {
+      if (u === void 0)
+        continue;
+      const m = `--color-${o}`;
+      t.set(m, e.style.getPropertyValue(m)), e.style.setProperty(m, u);
+    }
+    return () => {
+      for (const [o, u] of t)
+        u ? e.style.setProperty(o, u) : e.style.removeProperty(o);
+    };
+  }, [r, i]), f(() => {
+    if (r !== "document" || typeof document > "u")
+      return;
+    const e = document.documentElement, t = e.getAttribute(n), o = e.style.getPropertyValue(
+      s
+    );
+    return d && (e.setAttribute(n, ""), e.style.setProperty(
+      s,
+      `${Math.max(0, y)}ms`
+    )), () => {
+      t === null ? e.removeAttribute(n) : e.setAttribute(n, t), o ? e.style.setProperty(s, o) : e.style.removeProperty(s);
+    };
+  }, [d, r, y]);
+};
+export {
+  E as useThemeDocumentScope
+};
+//# sourceMappingURL=useThemeDocumentScope.hook.js.map

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useThemeDocumentScope.hook.js","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react'\r\n\r\nimport type { ThemeProviderScope } from '@components/theme-provider/types/ThemeProvider.props.ts'\r\nimport type { ThemeTokens } from '@components/theme-provider/hooks/use-theme-provider/types'\r\nimport {\r\n THEME_TRANSITION_ATTRIBUTE,\r\n THEME_TRANSITION_DURATION_VAR,\r\n} from '@constants/theme'\r\n\r\nconst useIsomorphicLayoutEffect =\r\n typeof window === 'undefined' ? useEffect : useLayoutEffect\r\n\r\n/**\r\n * Synchronizes document-scoped theme values with `<html>` for body-mounted portals.\r\n */\r\nexport const useThemeDocumentScope = (\r\n scope: ThemeProviderScope,\r\n resolvedTheme: string,\r\n tokens?: ThemeTokens,\r\n isTransitioning = false,\r\n transitionDuration = 0,\r\n) => {\r\n useIsomorphicLayoutEffect(() => {\r\n if (scope !== 'document' || typeof document === 'undefined') {\r\n return\r\n }\r\n\r\n const root = document.documentElement\r\n const previousTheme = root.getAttribute('data-theme')\r\n root.setAttribute('data-theme', resolvedTheme)\r\n\r\n return () => {\r\n if (previousTheme === null) {\r\n root.removeAttribute('data-theme')\r\n } else {\r\n root.setAttribute('data-theme', previousTheme)\r\n }\r\n }\r\n }, [resolvedTheme, scope])\r\n\r\n useIsomorphicLayoutEffect(() => {\r\n if (scope !== 'document' || typeof document === 'undefined') {\r\n return\r\n }\r\n\r\n const root = document.documentElement\r\n const previousTokens = new Map<string, string>()\r\n\r\n for (const [key, value] of Object.entries(tokens ?? {})) {\r\n if (value === undefined) {\r\n continue\r\n }\r\n const property = `--color-${key}`\r\n previousTokens.set(property, root.style.getPropertyValue(property))\r\n root.style.setProperty(property, value)\r\n }\r\n\r\n return () => {\r\n for (const [property, value] of previousTokens) {\r\n if (value) {\r\n root.style.setProperty(property, value)\r\n } else {\r\n root.style.removeProperty(property)\r\n }\r\n }\r\n }\r\n }, [scope, tokens])\r\n\r\n useIsomorphicLayoutEffect(() => {\r\n if (scope !== 'document' || typeof document === 'undefined') {\r\n return\r\n }\r\n\r\n const root = document.documentElement\r\n const previousAttribute = root.getAttribute(THEME_TRANSITION_ATTRIBUTE)\r\n const previousDuration = root.style.getPropertyValue(\r\n THEME_TRANSITION_DURATION_VAR,\r\n )\r\n\r\n if (isTransitioning) {\r\n root.setAttribute(THEME_TRANSITION_ATTRIBUTE, '')\r\n root.style.setProperty(\r\n THEME_TRANSITION_DURATION_VAR,\r\n `${Math.max(0, transitionDuration)}ms`,\r\n )\r\n }\r\n\r\n return () => {\r\n if (previousAttribute === null) {\r\n root.removeAttribute(THEME_TRANSITION_ATTRIBUTE)\r\n } else {\r\n root.setAttribute(THEME_TRANSITION_ATTRIBUTE, previousAttribute)\r\n }\r\n\r\n if (previousDuration) {\r\n root.style.setProperty(THEME_TRANSITION_DURATION_VAR, previousDuration)\r\n } else {\r\n root.style.removeProperty(THEME_TRANSITION_DURATION_VAR)\r\n }\r\n }\r\n }, [isTransitioning, scope, transitionDuration])\r\n}\r\n"],"names":["useIsomorphicLayoutEffect","useEffect","useLayoutEffect","useThemeDocumentScope","scope","resolvedTheme","tokens","isTransitioning","transitionDuration","root","previousTheme","previousTokens","key","value","property","previousAttribute","THEME_TRANSITION_ATTRIBUTE","previousDuration","THEME_TRANSITION_DURATION_VAR"],"mappings":";;AASA,MAAMA,IACJ,OAAO,SAAW,MAAcC,IAAYC,GAKjCC,IAAwB,CACjCC,GACAC,GACAC,GACAC,IAAkB,IAClBC,IAAqB,MACpB;AACD,EAAAR,EAA0B,MAAM;AAC5B,QAAII,MAAU,cAAc,OAAO,WAAa;AAC5C;AAGJ,UAAMK,IAAO,SAAS,iBAChBC,IAAgBD,EAAK,aAAa,YAAY;AACpD,WAAAA,EAAK,aAAa,cAAcJ,CAAa,GAEtC,MAAM;AACT,MAAIK,MAAkB,OAClBD,EAAK,gBAAgB,YAAY,IAEjCA,EAAK,aAAa,cAAcC,CAAa;AAAA,IAErD;AAAA,EACJ,GAAG,CAACL,GAAeD,CAAK,CAAC,GAEzBJ,EAA0B,MAAM;AAC5B,QAAII,MAAU,cAAc,OAAO,WAAa;AAC5C;AAGJ,UAAMK,IAAO,SAAS,iBAChBE,wBAAqB,IAAA;AAE3B,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQP,KAAU,CAAA,CAAE,GAAG;AACrD,UAAIO,MAAU;AACV;AAEJ,YAAMC,IAAW,WAAWF,CAAG;AAC/B,MAAAD,EAAe,IAAIG,GAAUL,EAAK,MAAM,iBAAiBK,CAAQ,CAAC,GAClEL,EAAK,MAAM,YAAYK,GAAUD,CAAK;AAAA,IAC1C;AAEA,WAAO,MAAM;AACT,iBAAW,CAACC,GAAUD,CAAK,KAAKF;AAC5B,QAAIE,IACAJ,EAAK,MAAM,YAAYK,GAAUD,CAAK,IAEtCJ,EAAK,MAAM,eAAeK,CAAQ;AAAA,IAG9C;AAAA,EACJ,GAAG,CAACV,GAAOE,CAAM,CAAC,GAElBN,EAA0B,MAAM;AAC5B,QAAII,MAAU,cAAc,OAAO,WAAa;AAC5C;AAGJ,UAAMK,IAAO,SAAS,iBAChBM,IAAoBN,EAAK,aAAaO,CAA0B,GAChEC,IAAmBR,EAAK,MAAM;AAAA,MAChCS;AAAA,IAAA;AAGJ,WAAIX,MACAE,EAAK,aAAaO,GAA4B,EAAE,GAChDP,EAAK,MAAM;AAAA,MACPS;AAAA,MACA,GAAG,KAAK,IAAI,GAAGV,CAAkB,CAAC;AAAA,IAAA,IAInC,MAAM;AACT,MAAIO,MAAsB,OACtBN,EAAK,gBAAgBO,CAA0B,IAE/CP,EAAK,aAAaO,GAA4BD,CAAiB,GAG/DE,IACAR,EAAK,MAAM,YAAYS,GAA+BD,CAAgB,IAEtER,EAAK,MAAM,eAAeS,CAA6B;AAAA,IAE/D;AAAA,EACJ,GAAG,CAACX,GAAiBH,GAAOI,CAAkB,CAAC;AACnD;"}

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/types/index.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { ThemeValue } from '../../../../../types/ThemeProvider.props.ts';
+export type UseThemeStateOptions = {
+    controlledTheme?: ThemeValue;
+    defaultTheme: ThemeValue;
+    onThemeChange?: (theme: ThemeValue) => void;
+};

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

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=useThemeState.hook.cjs.map

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

@@ -0,0 +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"}

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { ThemeValue } from '../../../../types/ThemeProvider.props.ts';
+import { UseThemeStateOptions } from './types';
+/**
+ * Resolves the controlled or uncontrolled mode and tracks the system preference.
+ */
+export declare const useThemeState: ({ controlledTheme, defaultTheme, onThemeChange, }: UseThemeStateOptions) => {
+    activeTheme: string;
+    resolvedTheme: string;
+    setTheme: (nextTheme: ThemeValue) => void;
+};

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

@@ -0,0 +1,28 @@
+import { useState as a, 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
+}) => {
+  const [o, c] = a(n), r = t ?? o, [h, i] = a(T);
+  u(() => {
+    const e = window.matchMedia("(prefers-color-scheme: dark)"), m = (f) => {
+      i(f.matches ? "dark" : "light");
+    };
+    return e.addEventListener("change", m), () => e.removeEventListener("change", m);
+  }, []);
+  const d = v((e) => {
+    t === void 0 && c(e), s?.(e);
+  }, [t, s]);
+  return {
+    activeTheme: r,
+    resolvedTheme: l(r, h),
+    setTheme: d
+  };
+};
+export {
+  S as useThemeState
+};
+//# sourceMappingURL=useThemeState.hook.js.map

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

@@ -0,0 +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;"}

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),c=e=>u.useMemo(()=>e?Object.entries(e).reduce((r,[o,t])=>(t!==void 0&&(r[`--color-${o}`]=t),r),{}):{},[e]);exports.useThemeTokenStyles=c;
2	+ //# sourceMappingURL=useThemeTokenStyles.hook.cjs.map

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useThemeTokenStyles.hook.cjs","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.ts"],"sourcesContent":["import { useMemo, type CSSProperties } from 'react'\r\nimport type { ThemeTokens } from '@components/theme-provider/hooks/use-theme-provider/types'\r\n\r\n/**\r\n * Converts semantic color tokens into inline CSS custom properties.\r\n */\r\nexport const useThemeTokenStyles = (tokens?: ThemeTokens) => useMemo<CSSProperties>(() => {\r\n if (!tokens) {\r\n return {}\r\n }\r\n\r\n return Object.entries(tokens).reduce<Record<string, string>>(\r\n (styles, [key, value]) => {\r\n if (value !== undefined) {\r\n styles[`--color-${key}`] = value\r\n }\r\n return styles\r\n },\r\n {},\r\n ) as CSSProperties\r\n}, [tokens])\r\n"],"names":["useThemeTokenStyles","tokens","useMemo","styles","key","value"],"mappings":"yGAMaA,EAAuBC,GAAyBC,EAAAA,QAAuB,IAC3ED,EAIE,OAAO,QAAQA,CAAM,EAAE,OAC1B,CAACE,EAAQ,CAACC,EAAKC,CAAK,KACZA,IAAU,SACVF,EAAO,WAAWC,CAAG,EAAE,EAAIC,GAExBF,GAEX,CAAA,CAAC,EAVM,CAAA,EAYZ,CAACF,CAAM,CAAC"}

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+import { ThemeTokens } from '../../types';
+/**
+ * Converts semantic color tokens into inline CSS custom properties.
+ */
+export declare const useThemeTokenStyles: (tokens?: ThemeTokens) => CSSProperties;

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { useMemo as i } from "react";
+const c = (e) => i(() => e ? Object.entries(e).reduce(
+  (r, [t, o]) => (o !== void 0 && (r[`--color-${t}`] = o), r),
+  {}
+) : {}, [e]);
+export {
+  c as useThemeTokenStyles
+};
+//# sourceMappingURL=useThemeTokenStyles.hook.js.map

package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useThemeTokenStyles.hook.js","sources":["../../../../../../../src/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.ts"],"sourcesContent":["import { useMemo, type CSSProperties } from 'react'\r\nimport type { ThemeTokens } from '@components/theme-provider/hooks/use-theme-provider/types'\r\n\r\n/**\r\n * Converts semantic color tokens into inline CSS custom properties.\r\n */\r\nexport const useThemeTokenStyles = (tokens?: ThemeTokens) => useMemo<CSSProperties>(() => {\r\n if (!tokens) {\r\n return {}\r\n }\r\n\r\n return Object.entries(tokens).reduce<Record<string, string>>(\r\n (styles, [key, value]) => {\r\n if (value !== undefined) {\r\n styles[`--color-${key}`] = value\r\n }\r\n return styles\r\n },\r\n {},\r\n ) as CSSProperties\r\n}, [tokens])\r\n"],"names":["useThemeTokenStyles","tokens","useMemo","styles","key","value"],"mappings":";AAMO,MAAMA,IAAsB,CAACC,MAAyBC,EAAuB,MAC3ED,IAIE,OAAO,QAAQA,CAAM,EAAE;AAAA,EAC1B,CAACE,GAAQ,CAACC,GAAKC,CAAK,OACZA,MAAU,WACVF,EAAO,WAAWC,CAAG,EAAE,IAAIC,IAExBF;AAAA,EAEX,CAAA;AAAC,IAVM,CAAA,GAYZ,CAACF,CAAM,CAAC;"}

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

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

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

@@ -0,0 +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 if (previousTheme.current === resolvedTheme) {\r\n return\r\n }\r\n\r\n previousTheme.current = resolvedTheme\r\n const transitionDuration = Math.max(0, duration)\r\n\r\n if (transitionDuration === 0) {\r\n setIsTransitioning(false)\r\n return\r\n }\r\n\r\n setIsTransitioning(true)\r\n const timeout = window.setTimeout(\r\n () => setIsTransitioning(false),\r\n transitionDuration,\r\n )\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,GAAIM,EAAc,UAAYF,EAC1B,OAGJE,EAAc,QAAUF,EACxB,MAAMO,EAAqB,KAAK,IAAI,EAAGN,CAAQ,EAE/C,GAAIM,IAAuB,EAAG,CAC1BF,EAAmB,EAAK,EACxB,MACJ,CAEAA,EAAmB,EAAI,EACvB,MAAMG,EAAU,OAAO,WACnB,IAAMH,EAAmB,EAAK,EAC9BE,CAAA,EAGJ,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.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/**
+ * Starts a bounded transition window only when the resolved theme changes.
+ */
+export declare const useThemeTransition: (resolvedTheme: string, duration: number) => boolean;

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

@@ -0,0 +1,24 @@
+import { useRef as u, useState as f, useEffect as a, useLayoutEffect as c } from "react";
+const m = typeof window > "u" ? a : c, p = (t, e) => {
+  const i = u(t), [s, n] = f(!1);
+  return m(() => {
+    if (i.current === t)
+      return;
+    i.current = t;
+    const o = Math.max(0, e);
+    if (o === 0) {
+      n(!1);
+      return;
+    }
+    n(!0);
+    const r = window.setTimeout(
+      () => n(!1),
+      o
+    );
+    return () => window.clearTimeout(r);
+  }, [e, t]), s;
+};
+export {
+  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 ADDED Viewed

@@ -0,0 +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 if (previousTheme.current === resolvedTheme) {\r\n return\r\n }\r\n\r\n previousTheme.current = resolvedTheme\r\n const transitionDuration = Math.max(0, duration)\r\n\r\n if (transitionDuration === 0) {\r\n setIsTransitioning(false)\r\n return\r\n }\r\n\r\n setIsTransitioning(true)\r\n const timeout = window.setTimeout(\r\n () => setIsTransitioning(false),\r\n transitionDuration,\r\n )\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,QAAIM,EAAc,YAAYF;AAC1B;AAGJ,IAAAE,EAAc,UAAUF;AACxB,UAAMO,IAAqB,KAAK,IAAI,GAAGN,CAAQ;AAE/C,QAAIM,MAAuB,GAAG;AAC1B,MAAAF,EAAmB,EAAK;AACxB;AAAA,IACJ;AAEA,IAAAA,EAAmB,EAAI;AACvB,UAAMG,IAAU,OAAO;AAAA,MACnB,MAAMH,EAAmB,EAAK;AAAA,MAC9BE;AAAA,IAAA;AAGJ,WAAO,MAAM,OAAO,aAAaC,CAAO;AAAA,EAC5C,GAAG,CAACP,GAAUD,CAAa,CAAC,GAErBI;AACX;"}

package/dist/components/theme-provider/hooks/use-theme-provider/types/index.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { ThemeProviderScope, ThemeValue } from '../../../types/ThemeProvider.props.ts';
+import { ThemeColor } from '../../../../../theme';
+export type UseThemeProviderOptions = {
+    controlledTheme?: ThemeValue;
+    defaultTheme: ThemeValue;
+    onThemeChange?: (theme: ThemeValue) => void;
+    scope: ThemeProviderScope;
+    themeTransitionDuration: number;
+    tokens?: Partial<Record<ThemeColor, string>>;
+};
+export type ThemeTokens = Partial<Record<string, string>>;

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

	@@ -0,0 +1,2 @@
1	+ "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;
2	+ //# sourceMappingURL=useThemeProvider.hook.cjs.map

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

@@ -0,0 +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"}

package/dist/components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { UseThemeProviderOptions } from './types';
+import { CSSProperties } from 'react';
+import { ThemeValue } from '../..';
+/**
+ * Composes the provider hooks used by the public ThemeProvider component.
+ */
+export declare const useThemeProvider: ({ controlledTheme, defaultTheme, onThemeChange, scope, tokens, themeTransitionDuration, }: UseThemeProviderOptions) => {
+    isTransitioning: boolean;
+    tokenStyles: CSSProperties;
+    activeTheme: string;
+    resolvedTheme: string;
+    setTheme: (nextTheme: ThemeValue) => void;
+};

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

@@ -0,0 +1,36 @@
+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";
+const v = ({
+  controlledTheme: r,
+  defaultTheme: s,
+  onThemeChange: n,
+  scope: T,
+  tokens: o,
+  themeTransitionDuration: t
+}) => {
+  const e = c({
+    controlledTheme: r,
+    defaultTheme: s,
+    onThemeChange: n
+  }), i = p(o), m = u(
+    e.resolvedTheme,
+    t
+  );
+  return h(
+    T,
+    e.resolvedTheme,
+    o,
+    m,
+    t
+  ), {
+    ...e,
+    isTransitioning: m,
+    tokenStyles: i
+  };
+};
+export {
+  v as useThemeProvider
+};
+//# sourceMappingURL=useThemeProvider.hook.js.map

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

@@ -0,0 +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;"}

package/dist/components/theme-provider/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export { default as ThemeProvider } from './ThemeProvider.tsx';
+export { useTheme } from './ThemeProvider.context.ts';
+export type { ThemeContextValue } from './ThemeProvider.context.ts';
+export type { ThemeMode, ThemeName, ThemeProviderProps, ThemeProviderScope, ThemeValue, } from './types/ThemeProvider.props.ts';

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

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+import { ThemeColor } from '../../../theme';
+/** Built-in themes supported by the library. */
+export type ThemeMode = 'light' | 'dark' | 'system';
+/**
+ * A consumer theme name. Consumers may provide custom names and define their
+ * matching CSS variables in their own stylesheet.
+ */
+export type ThemeName = string;
+/** A theme name or the system preference sentinel. */
+export type ThemeValue = ThemeName | 'system';
+/** Defines whether ThemeProvider scopes the theme to a subtree or the document. */
+export type ThemeProviderScope = 'subtree' | 'document';
+export interface ThemeProviderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Controlled theme name. Built-in values are `light`, `dark` and
+     * `system`; consumers may provide any custom theme name.
+     * When provided the component is fully controlled — pair it with
+     * `onThemeChange` to react to programmatic changes triggered by child
+     * components calling `setTheme` from `useTheme`.
+     */
+    theme?: ThemeValue;
+    /**
+     * Initial theme name when the component is uncontrolled.
+     * @default 'system'
+     */
+    defaultTheme?: ThemeValue;
+    /**
+     * Scope of the theme attribute and runtime token overrides.
+     * @default 'document'
+     */
+    scope?: ThemeProviderScope;
+    /**
+     * Duration applied to every transition while the color scheme changes.
+     * @default 100
+     */
+    themeTransitionDuration?: number;
+    /**
+     * Called whenever the internal theme changes (uncontrolled) or whenever a
+     * child calls `setTheme` (both modes).
+     */
+    onThemeChange?: (theme: ThemeValue) => void;
+    /**
+     * Runtime color-token overrides injected as CSS custom properties on the
+     * wrapper element.  Every key is a semantic color token name (e.g.
+     * `primary`, `ring`) and every value is any valid CSS color.
+     *
+     * @example
+     * tokens={{ primary: 'oklch(0.55 0.2 180)', ring: 'oklch(0.55 0.2 180)' }}
+     */
+    tokens?: Partial<Record<ThemeColor, string>>;
+}

package/dist/components/theme-provider/utils/getSystemTheme.utils.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>typeof window<"u"&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";exports.getSystemTheme=e;
2	+ //# sourceMappingURL=getSystemTheme.utils.cjs.map

package/dist/components/theme-provider/utils/getSystemTheme.utils.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"getSystemTheme.utils.cjs","sources":["../../../../src/components/theme-provider/utils/getSystemTheme.utils.ts"],"sourcesContent":["/**\r\n * Reads the OS color-scheme preference. Returns `'light'` in SSR / non-browser\r\n * environments to avoid hydration mismatches.\r\n */\r\nexport const getSystemTheme = (): 'light' | 'dark' =>\r\n typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches\r\n ? 'dark'\r\n : 'light'\r\n"],"names":["getSystemTheme"],"mappings":"gFAIO,MAAMA,EAAiB,IAC1B,OAAO,OAAW,KAAe,OAAO,WAAW,8BAA8B,EAAE,QAC7E,OACA"}

package/dist/components/theme-provider/utils/getSystemTheme.utils.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * Reads the OS color-scheme preference.  Returns `'light'` in SSR / non-browser
+ * environments to avoid hydration mismatches.
+ */
+export declare const getSystemTheme: () => "light" | "dark";

package/dist/components/theme-provider/utils/getSystemTheme.utils.js ADDED Viewed

@@ -0,0 +1,5 @@
+const e = () => typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+export {
+  e as getSystemTheme
+};
+//# sourceMappingURL=getSystemTheme.utils.js.map

package/dist/components/theme-provider/utils/getSystemTheme.utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"getSystemTheme.utils.js","sources":["../../../../src/components/theme-provider/utils/getSystemTheme.utils.ts"],"sourcesContent":["/**\r\n * Reads the OS color-scheme preference. Returns `'light'` in SSR / non-browser\r\n * environments to avoid hydration mismatches.\r\n */\r\nexport const getSystemTheme = (): 'light' | 'dark' =>\r\n typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches\r\n ? 'dark'\r\n : 'light'\r\n"],"names":["getSystemTheme"],"mappings":"AAIO,MAAMA,IAAiB,MAC1B,OAAO,SAAW,OAAe,OAAO,WAAW,8BAA8B,EAAE,UAC7E,SACA;"}

package/dist/components/theme-provider/utils/resolveTheme.utils.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(e,t)=>e==="system"?t:e;exports.resolveTheme=s;
2	+ //# sourceMappingURL=resolveTheme.utils.cjs.map

package/dist/components/theme-provider/utils/resolveTheme.utils.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"resolveTheme.utils.cjs","sources":["../../../../src/components/theme-provider/utils/resolveTheme.utils.ts"],"sourcesContent":["import type { ThemeValue } from '@components/theme-provider/types/ThemeProvider.props.ts'\r\n\r\nexport const resolveTheme = (mode: ThemeValue, systemTheme: 'light' | 'dark'): string =>\r\n mode === 'system' ? systemTheme : mode\r\n"],"names":["resolveTheme","mode","systemTheme"],"mappings":"gFAEO,MAAMA,EAAe,CAACC,EAAkBC,IAC3CD,IAAS,SAAWC,EAAcD"}

package/dist/components/theme-provider/utils/resolveTheme.utils.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { ThemeValue } from '../types/ThemeProvider.props.ts';
2	+ export declare const resolveTheme: (mode: ThemeValue, systemTheme: "light" \| "dark") => string;

package/dist/components/theme-provider/utils/resolveTheme.utils.js ADDED Viewed

@@ -0,0 +1,5 @@
+const t = (e, s) => e === "system" ? s : e;
+export {
+  t as resolveTheme
+};
+//# sourceMappingURL=resolveTheme.utils.js.map

package/dist/components/theme-provider/utils/resolveTheme.utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"resolveTheme.utils.js","sources":["../../../../src/components/theme-provider/utils/resolveTheme.utils.ts"],"sourcesContent":["import type { ThemeValue } from '@components/theme-provider/types/ThemeProvider.props.ts'\r\n\r\nexport const resolveTheme = (mode: ThemeValue, systemTheme: 'light' | 'dark'): string =>\r\n mode === 'system' ? systemTheme : mode\r\n"],"names":["resolveTheme","mode","systemTheme"],"mappings":"AAEO,MAAMA,IAAe,CAACC,GAAkBC,MAC3CD,MAAS,WAAWC,IAAcD;"}

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

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

package/dist/constants/animations/fade/fadeIn.css.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"fadeIn.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/constants/animations/fade/fadeIn.css.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const fadeIn: string;

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

@@ -0,0 +1,6 @@
+/* empty css                          */
+var a = "zbi4mb0";
+export {
+  a as fadeIn
+};
+//# sourceMappingURL=fadeIn.css.js.map

package/dist/constants/animations/fade/fadeIn.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"fadeIn.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

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

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

package/dist/constants/animations/fade/fadeOut.css.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"fadeOut.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/constants/animations/fade/fadeOut.css.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const fadeOut: string;

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

@@ -0,0 +1,6 @@
+/* empty css                           */
+var t = "_9xbz570";
+export {
+  t as fadeOut
+};
+//# sourceMappingURL=fadeOut.css.js.map

package/dist/constants/animations/fade/fadeOut.css.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"fadeOut.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/constants/animations/index.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+export { fadeIn } from './fade/fadeIn.css.ts';
+export { fadeOut } from './fade/fadeOut.css.ts';
+export { pulseAnimation } from './pulse/pulseAnimation.css.ts';
+export { slideDownIn } from './slide/slideDownIn.css.ts';
+export { slideDownOut } from './slide/slideDownOut.css.ts';
+export { slideUpIn } from './slide/slideUpIn.css.ts';
+export { slideUpOut } from './slide/slideUpOut.css.ts';
+export { slideRightIn } from './slide/slideRightIn.css.ts';
+export { slideRightOut } from './slide/slideRightOut.css.ts';
+export { slideLeftIn } from './slide/slideLeftIn.css.ts';
+export { slideLeftOut } from './slide/slideLeftOut.css.ts';
+export { spinAnimation } from './spin/spinAnimation.css.ts';

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

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

package/dist/constants/animations/pulse/pulseAnimation.css.cjs.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"pulseAnimation.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/constants/animations/pulse/pulseAnimation.css.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const pulseAnimation: string;

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

@@ -0,0 +1,6 @@
+/* empty css                                  */
+var i = "egv4y0";
+export {
+  i as pulseAnimation
+};
+//# sourceMappingURL=pulseAnimation.css.js.map