npm - @choco-vanille/ui - Versions diffs - 1.1.2 → 1.3.0 - Mend

@choco-vanille/ui 1.1.2 → 1.3.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 (1359) hide show

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

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,22 @@
+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);
+      return;
+    }
+    const u = window.setTimeout(
+      () => o(t),
+      e
+    );
+    return () => window.clearTimeout(u);
+  }, [i, n, t]), n;
+};
+export {
+  w 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, 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;"}

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 CHANGED Viewed

@@ -1,4 +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, ThemeProviderProps } from './types/ThemeProvider.props.ts';
+export type { ThemeMode, ThemeName, ThemeProviderProps, ThemeProviderScope, ThemeValue, } from './types/ThemeProvider.props.ts';

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

@@ -1,25 +1,45 @@
 import { default as React } from 'react';
 import { ThemeColor } from '../../../theme';
-/** The three mode values understood by ThemeProvider. */
+/** 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 mode.
+     * 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?: ThemeMode;
+    theme?: ThemeValue;
     /**
-     * Initial theme mode when the component is uncontrolled.
+     * Initial theme name when the component is uncontrolled.
      * @default 'system'
      */
-    defaultTheme?: ThemeMode;
+    defaultTheme?: ThemeValue;
     /**
-     * Called whenever the internal mode changes (uncontrolled) or whenever a
+     * 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: ThemeMode) => void;
+    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.

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

	@@ -1 +1 @@
1	- {"version":3,"file":"resolveTheme.utils.cjs","sources":["../../../../src/components/theme-provider/utils/resolveTheme.utils.ts"],"sourcesContent":["import type { ~~ThemeMode~~ } from '@components'\r\n\r\nexport const resolveTheme = (mode: ~~ThemeMode~~, systemTheme: 'light' \| 'dark'): ~~'light'~~ ~~\| 'dark'~~ =>\r\n mode === 'system' ? systemTheme : mode\r\n"],"names":["resolveTheme","mode","systemTheme"],"mappings":"gFAEO,MAAMA,EAAe,CAACC,~~EAAiBC~~,~~IAC1CD~~,IAAS,SAAWC,EAAcD"}
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 CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"resolveTheme.utils.js","sources":["../../../../src/components/theme-provider/utils/resolveTheme.utils.ts"],"sourcesContent":["import type { ~~ThemeMode~~ } from '@components'\r\n\r\nexport const resolveTheme = (mode: ~~ThemeMode~~, systemTheme: 'light' \| 'dark'): ~~'light'~~ ~~\| 'dark'~~ =>\r\n mode === 'system' ? systemTheme : mode\r\n"],"names":["resolveTheme","mode","systemTheme"],"mappings":"AAEO,MAAMA,IAAe,CAACC,~~GAAiBC~~,~~MAC1CD~~,MAAS,WAAWC,IAAcD;"}
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/icons.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={close:"lucide:x",chevronLeft:"lucide:chevron-left",chevronRight:"lucide:chevron-right",chevronDown:"lucide:chevron-down",ellipsisVertical:"lucide:ellipsis-vertical",ellipsisHorizontal:"lucide:ellipsis"},c={info:"lucide:info",success:"lucide:circle-check",warning:"lucide:triangle-alert",error:"lucide:circle-x"},i={check:"lucide:check",radioIndicator:"mdi:circle",eye:"lucide:eye",eyeOff:"lucide:eye-off",calendar:"lucide:calendar",search:"lucide:search",mail:"lucide:mail",message:"lucide:message-square",pencil:"lucide:pencil"},l={sort:"lucide:arrow-up-down",sortAsc:"lucide:arrow-up",sortDesc:"lucide:arrow-down"},o={clipboard:"lucide:clipboard",clipboardList:"lucide:clipboard-list",trash:"lucide:trash-2",user:"lucide:user",userPlus:"lucide:user-plus",settings:"lucide:settings",logOut:"lucide:log-out",cloudOff:"lucide:cloud-off",creditCard:"lucide:credit-card",home:"lucide:home",mail:"lucide:mail",bell:"lucide:bell"},s={...e,...c,...i,...l,...o};exports.ActionIcons=o;exports.DataIcons=l;exports.FeedbackIcons=c;exports.FormIcons=i;exports.IconRegistry=s;exports.NavigationIcons=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={close:"lucide:x",chevronLeft:"lucide:chevron-left",chevronRight:"lucide:chevron-right",chevronUp:"lucide:chevron-up",chevronDown:"lucide:chevron-down",ellipsisVertical:"lucide:ellipsis-vertical",ellipsisHorizontal:"lucide:ellipsis"},c={info:"lucide:info",success:"lucide:circle-check",warning:"lucide:triangle-alert",error:"lucide:circle-x"},i={check:"lucide:check",minus:"lucide:minus",radioIndicator:"mdi:circle",eye:"lucide:eye",eyeOff:"lucide:eye-off",calendar:"lucide:calendar",search:"lucide:search",mail:"lucide:mail",message:"lucide:message-square",pencil:"lucide:pencil"},l={sort:"lucide:arrow-up-down",sortAsc:"lucide:arrow-up",sortDesc:"lucide:arrow-down"},o={clipboard:"lucide:clipboard",clipboardList:"lucide:clipboard-list",trash:"lucide:trash-2",user:"lucide:user",userPlus:"lucide:user-plus",settings:"lucide:settings",logOut:"lucide:log-out",cloudOff:"lucide:cloud-off",creditCard:"lucide:credit-card",home:"lucide:home",mail:"lucide:mail",bell:"lucide:bell"},s={...e,...c,...i,...l,...o};exports.ActionIcons=o;exports.DataIcons=l;exports.FeedbackIcons=c;exports.FormIcons=i;exports.IconRegistry=s;exports.NavigationIcons=e;
 //# sourceMappingURL=icons.cjs.map

package/dist/constants/icons.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icons.cjs","sources":["../../src/constants/icons.ts"],"sourcesContent":["/*\r\n IconRegistry — maps semantic names to Iconify identifiers used across the UI kit.\r\n \r\n Iconify format: \"<set>:<icon>\"\r\n * Browse available sets at https://icon-sets.iconify.design/\r\n \r\n Conventions:\r\n * - camelCase for keys → arrowRight, not arrow-right\r\n * - Group by functional domain when the registry grows\r\n * - Prefer the Lucide set for visual consistency\r\n */\r\nexport const NavigationIcons = {\r\n close: 'lucide:x',\r\n chevronLeft: 'lucide:chevron-left',\r\n chevronRight: 'lucide:chevron-right',\r\n chevronDown: 'lucide:chevron-down',\r\n ellipsisVertical: 'lucide:ellipsis-vertical',\r\n ellipsisHorizontal: 'lucide:ellipsis',\r\n} as const\r\n\r\nexport const FeedbackIcons = {\r\n info: 'lucide:info',\r\n success: 'lucide:circle-check',\r\n warning: 'lucide:triangle-alert',\r\n error: 'lucide:circle-x',\r\n} as const\r\n\r\nexport const FormIcons = {\r\n check: 'lucide:check',\r\n radioIndicator: 'mdi:circle',\r\n eye: 'lucide:eye',\r\n eyeOff: 'lucide:eye-off',\r\n calendar: 'lucide:calendar',\r\n search: 'lucide:search',\r\n mail: 'lucide:mail',\r\n message: 'lucide:message-square',\r\n pencil: 'lucide:pencil',\r\n} as const\r\n\r\nexport const DataIcons = {\r\n sort: 'lucide:arrow-up-down',\r\n sortAsc: 'lucide:arrow-up',\r\n sortDesc: 'lucide:arrow-down',\r\n} as const\r\n\r\nexport const ActionIcons = {\r\n clipboard: 'lucide:clipboard',\r\n clipboardList: 'lucide:clipboard-list',\r\n trash: 'lucide:trash-2',\r\n user: 'lucide:user',\r\n userPlus: 'lucide:user-plus',\r\n settings: 'lucide:settings',\r\n logOut: 'lucide:log-out',\r\n cloudOff: 'lucide:cloud-off',\r\n creditCard: 'lucide:credit-card',\r\n home: 'lucide:home',\r\n mail: 'lucide:mail',\r\n bell: 'lucide:bell',\r\n} as const\r\n\r\nexport const IconRegistry = {\r\n ...NavigationIcons,\r\n ...FeedbackIcons,\r\n ...FormIcons,\r\n ...DataIcons,\r\n ...ActionIcons,\r\n} as const\r\n\r\nexport type IconName = keyof typeof IconRegistry\r\n"],"names":["NavigationIcons","FeedbackIcons","FormIcons","DataIcons","ActionIcons","IconRegistry"],"mappings":"gFAWO,MAAMA,EAAkB,CAC3B,MAAO,WACP,YAAa,sBACb,aAAc,uBACd,YAAa,sBACb,iBAAkB,2BAClB,mBAAoB,iBACxB,EAEaC,EAAgB,CACzB,KAAM,cACN,QAAS,sBACT,QAAS,wBACT,MAAO,iBACX,EAEaC,EAAY,CACrB,MAAO,eACP,eAAgB,aAChB,IAAK,aACL,OAAQ,iBACR,SAAU,kBACV,OAAQ,gBACR,KAAM,cACN,QAAS,wBACT,OAAQ,eACZ,EAEaC,EAAY,CACrB,KAAM,uBACN,QAAS,kBACT,SAAU,mBACd,EAEaC,EAAc,CACvB,UAAW,mBACX,cAAe,wBACf,MAAO,iBACP,KAAM,cACN,SAAU,mBACV,SAAU,kBACV,OAAQ,iBACR,SAAU,mBACV,WAAY,qBACZ,KAAM,cACN,KAAM,cACN,KAAM,aACV,EAEaC,EAAe,CACxB,GAAGL,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,CACP"}
1	+ {"version":3,"file":"icons.cjs","sources":["../../src/constants/icons.ts"],"sourcesContent":["/*\r\n IconRegistry — maps semantic names to Iconify identifiers used across the UI kit.\r\n \r\n Iconify format: \"<set>:<icon>\"\r\n * Browse available sets at https://icon-sets.iconify.design/\r\n \r\n Conventions:\r\n * - camelCase for keys → arrowRight, not arrow-right\r\n * - Group by functional domain when the registry grows\r\n * - Prefer the Lucide set for visual consistency\r\n */\r\nexport const NavigationIcons = {\r\n close: 'lucide:x',\r\n chevronLeft: 'lucide:chevron-left',\r\n chevronRight: 'lucide:chevron-right',\r\n chevronUp: 'lucide:chevron-up',\r\n chevronDown: 'lucide:chevron-down',\r\n ellipsisVertical: 'lucide:ellipsis-vertical',\r\n ellipsisHorizontal: 'lucide:ellipsis',\r\n} as const\r\n\r\nexport const FeedbackIcons = {\r\n info: 'lucide:info',\r\n success: 'lucide:circle-check',\r\n warning: 'lucide:triangle-alert',\r\n error: 'lucide:circle-x',\r\n} as const\r\n\r\nexport const FormIcons = {\r\n check: 'lucide:check',\r\n minus: 'lucide:minus',\r\n radioIndicator: 'mdi:circle',\r\n eye: 'lucide:eye',\r\n eyeOff: 'lucide:eye-off',\r\n calendar: 'lucide:calendar',\r\n search: 'lucide:search',\r\n mail: 'lucide:mail',\r\n message: 'lucide:message-square',\r\n pencil: 'lucide:pencil',\r\n} as const\r\n\r\nexport const DataIcons = {\r\n sort: 'lucide:arrow-up-down',\r\n sortAsc: 'lucide:arrow-up',\r\n sortDesc: 'lucide:arrow-down',\r\n} as const\r\n\r\nexport const ActionIcons = {\r\n clipboard: 'lucide:clipboard',\r\n clipboardList: 'lucide:clipboard-list',\r\n trash: 'lucide:trash-2',\r\n user: 'lucide:user',\r\n userPlus: 'lucide:user-plus',\r\n settings: 'lucide:settings',\r\n logOut: 'lucide:log-out',\r\n cloudOff: 'lucide:cloud-off',\r\n creditCard: 'lucide:credit-card',\r\n home: 'lucide:home',\r\n mail: 'lucide:mail',\r\n bell: 'lucide:bell',\r\n} as const\r\n\r\nexport const IconRegistry = {\r\n ...NavigationIcons,\r\n ...FeedbackIcons,\r\n ...FormIcons,\r\n ...DataIcons,\r\n ...ActionIcons,\r\n} as const\r\n\r\nexport type IconName = keyof typeof IconRegistry\r\n"],"names":["NavigationIcons","FeedbackIcons","FormIcons","DataIcons","ActionIcons","IconRegistry"],"mappings":"gFAWO,MAAMA,EAAkB,CAC3B,MAAO,WACP,YAAa,sBACb,aAAc,uBACd,UAAW,oBACX,YAAa,sBACb,iBAAkB,2BAClB,mBAAoB,iBACxB,EAEaC,EAAgB,CACzB,KAAM,cACN,QAAS,sBACT,QAAS,wBACT,MAAO,iBACX,EAEaC,EAAY,CACrB,MAAO,eACP,MAAO,eACP,eAAgB,aAChB,IAAK,aACL,OAAQ,iBACR,SAAU,kBACV,OAAQ,gBACR,KAAM,cACN,QAAS,wBACT,OAAQ,eACZ,EAEaC,EAAY,CACrB,KAAM,uBACN,QAAS,kBACT,SAAU,mBACd,EAEaC,EAAc,CACvB,UAAW,mBACX,cAAe,wBACf,MAAO,iBACP,KAAM,cACN,SAAU,mBACV,SAAU,kBACV,OAAQ,iBACR,SAAU,mBACV,WAAY,qBACZ,KAAM,cACN,KAAM,cACN,KAAM,aACV,EAEaC,EAAe,CACxB,GAAGL,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,CACP"}

package/dist/constants/icons.d.ts CHANGED Viewed

@@ -13,6 +13,7 @@ export declare const NavigationIcons: {
     readonly close: "lucide:x";
     readonly chevronLeft: "lucide:chevron-left";
     readonly chevronRight: "lucide:chevron-right";
+    readonly chevronUp: "lucide:chevron-up";
     readonly chevronDown: "lucide:chevron-down";
     readonly ellipsisVertical: "lucide:ellipsis-vertical";
     readonly ellipsisHorizontal: "lucide:ellipsis";
@@ -25,6 +26,7 @@ export declare const FeedbackIcons: {
 };
 export declare const FormIcons: {
     readonly check: "lucide:check";
+    readonly minus: "lucide:minus";
     readonly radioIndicator: "mdi:circle";
     readonly eye: "lucide:eye";
     readonly eyeOff: "lucide:eye-off";
@@ -70,6 +72,7 @@ export declare const IconRegistry: {
     readonly sortAsc: "lucide:arrow-up";
     readonly sortDesc: "lucide:arrow-down";
     readonly check: "lucide:check";
+    readonly minus: "lucide:minus";
     readonly radioIndicator: "mdi:circle";
     readonly eye: "lucide:eye";
     readonly eyeOff: "lucide:eye-off";
@@ -84,6 +87,7 @@ export declare const IconRegistry: {
     readonly close: "lucide:x";
     readonly chevronLeft: "lucide:chevron-left";
     readonly chevronRight: "lucide:chevron-right";
+    readonly chevronUp: "lucide:chevron-up";
     readonly chevronDown: "lucide:chevron-down";
     readonly ellipsisVertical: "lucide:ellipsis-vertical";
     readonly ellipsisHorizontal: "lucide:ellipsis";

package/dist/constants/icons.js CHANGED Viewed

@@ -2,6 +2,7 @@ const e = {
   close: "lucide:x",
   chevronLeft: "lucide:chevron-left",
   chevronRight: "lucide:chevron-right",
+  chevronUp: "lucide:chevron-up",
   chevronDown: "lucide:chevron-down",
   ellipsisVertical: "lucide:ellipsis-vertical",
   ellipsisHorizontal: "lucide:ellipsis"
@@ -12,6 +13,7 @@ const e = {
   error: "lucide:circle-x"
 }, i = {
   check: "lucide:check",
+  minus: "lucide:minus",
   radioIndicator: "mdi:circle",
   eye: "lucide:eye",
   eyeOff: "lucide:eye-off",

package/dist/constants/icons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icons.js","sources":["../../src/constants/icons.ts"],"sourcesContent":["/*\r\n IconRegistry — maps semantic names to Iconify identifiers used across the UI kit.\r\n \r\n Iconify format: \"<set>:<icon>\"\r\n * Browse available sets at https://icon-sets.iconify.design/\r\n \r\n Conventions:\r\n * - camelCase for keys → arrowRight, not arrow-right\r\n * - Group by functional domain when the registry grows\r\n * - Prefer the Lucide set for visual consistency\r\n */\r\nexport const NavigationIcons = {\r\n close: 'lucide:x',\r\n chevronLeft: 'lucide:chevron-left',\r\n chevronRight: 'lucide:chevron-right',\r\n chevronDown: 'lucide:chevron-down',\r\n ellipsisVertical: 'lucide:ellipsis-vertical',\r\n ellipsisHorizontal: 'lucide:ellipsis',\r\n} as const\r\n\r\nexport const FeedbackIcons = {\r\n info: 'lucide:info',\r\n success: 'lucide:circle-check',\r\n warning: 'lucide:triangle-alert',\r\n error: 'lucide:circle-x',\r\n} as const\r\n\r\nexport const FormIcons = {\r\n check: 'lucide:check',\r\n radioIndicator: 'mdi:circle',\r\n eye: 'lucide:eye',\r\n eyeOff: 'lucide:eye-off',\r\n calendar: 'lucide:calendar',\r\n search: 'lucide:search',\r\n mail: 'lucide:mail',\r\n message: 'lucide:message-square',\r\n pencil: 'lucide:pencil',\r\n} as const\r\n\r\nexport const DataIcons = {\r\n sort: 'lucide:arrow-up-down',\r\n sortAsc: 'lucide:arrow-up',\r\n sortDesc: 'lucide:arrow-down',\r\n} as const\r\n\r\nexport const ActionIcons = {\r\n clipboard: 'lucide:clipboard',\r\n clipboardList: 'lucide:clipboard-list',\r\n trash: 'lucide:trash-2',\r\n user: 'lucide:user',\r\n userPlus: 'lucide:user-plus',\r\n settings: 'lucide:settings',\r\n logOut: 'lucide:log-out',\r\n cloudOff: 'lucide:cloud-off',\r\n creditCard: 'lucide:credit-card',\r\n home: 'lucide:home',\r\n mail: 'lucide:mail',\r\n bell: 'lucide:bell',\r\n} as const\r\n\r\nexport const IconRegistry = {\r\n ...NavigationIcons,\r\n ...FeedbackIcons,\r\n ...FormIcons,\r\n ...DataIcons,\r\n ...ActionIcons,\r\n} as const\r\n\r\nexport type IconName = keyof typeof IconRegistry\r\n"],"names":["NavigationIcons","FeedbackIcons","FormIcons","DataIcons","ActionIcons","IconRegistry"],"mappings":"AAWO,MAAMA,IAAkB;AAAA,EAC3B,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,oBAAoB;AACxB,GAEaC,IAAgB;AAAA,EACzB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACX,GAEaC,IAAY;AAAA,EACrB,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AACZ,GAEaC,IAAY;AAAA,EACrB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AACd,GAEaC,IAAc;AAAA,EACvB,WAAW;AAAA,EACX,eAAe;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACV,GAEaC,IAAe;AAAA,EACxB,GAAGL;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AACP;"}
1	+ {"version":3,"file":"icons.js","sources":["../../src/constants/icons.ts"],"sourcesContent":["/*\r\n IconRegistry — maps semantic names to Iconify identifiers used across the UI kit.\r\n \r\n Iconify format: \"<set>:<icon>\"\r\n * Browse available sets at https://icon-sets.iconify.design/\r\n \r\n Conventions:\r\n * - camelCase for keys → arrowRight, not arrow-right\r\n * - Group by functional domain when the registry grows\r\n * - Prefer the Lucide set for visual consistency\r\n */\r\nexport const NavigationIcons = {\r\n close: 'lucide:x',\r\n chevronLeft: 'lucide:chevron-left',\r\n chevronRight: 'lucide:chevron-right',\r\n chevronUp: 'lucide:chevron-up',\r\n chevronDown: 'lucide:chevron-down',\r\n ellipsisVertical: 'lucide:ellipsis-vertical',\r\n ellipsisHorizontal: 'lucide:ellipsis',\r\n} as const\r\n\r\nexport const FeedbackIcons = {\r\n info: 'lucide:info',\r\n success: 'lucide:circle-check',\r\n warning: 'lucide:triangle-alert',\r\n error: 'lucide:circle-x',\r\n} as const\r\n\r\nexport const FormIcons = {\r\n check: 'lucide:check',\r\n minus: 'lucide:minus',\r\n radioIndicator: 'mdi:circle',\r\n eye: 'lucide:eye',\r\n eyeOff: 'lucide:eye-off',\r\n calendar: 'lucide:calendar',\r\n search: 'lucide:search',\r\n mail: 'lucide:mail',\r\n message: 'lucide:message-square',\r\n pencil: 'lucide:pencil',\r\n} as const\r\n\r\nexport const DataIcons = {\r\n sort: 'lucide:arrow-up-down',\r\n sortAsc: 'lucide:arrow-up',\r\n sortDesc: 'lucide:arrow-down',\r\n} as const\r\n\r\nexport const ActionIcons = {\r\n clipboard: 'lucide:clipboard',\r\n clipboardList: 'lucide:clipboard-list',\r\n trash: 'lucide:trash-2',\r\n user: 'lucide:user',\r\n userPlus: 'lucide:user-plus',\r\n settings: 'lucide:settings',\r\n logOut: 'lucide:log-out',\r\n cloudOff: 'lucide:cloud-off',\r\n creditCard: 'lucide:credit-card',\r\n home: 'lucide:home',\r\n mail: 'lucide:mail',\r\n bell: 'lucide:bell',\r\n} as const\r\n\r\nexport const IconRegistry = {\r\n ...NavigationIcons,\r\n ...FeedbackIcons,\r\n ...FormIcons,\r\n ...DataIcons,\r\n ...ActionIcons,\r\n} as const\r\n\r\nexport type IconName = keyof typeof IconRegistry\r\n"],"names":["NavigationIcons","FeedbackIcons","FormIcons","DataIcons","ActionIcons","IconRegistry"],"mappings":"AAWO,MAAMA,IAAkB;AAAA,EAC3B,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,oBAAoB;AACxB,GAEaC,IAAgB;AAAA,EACzB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACX,GAEaC,IAAY;AAAA,EACrB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AACZ,GAEaC,IAAY;AAAA,EACrB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AACd,GAEaC,IAAc;AAAA,EACvB,WAAW;AAAA,EACX,eAAe;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACV,GAEaC,IAAe;AAAA,EACxB,GAAGL;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AACP;"}

package/dist/constants/styles/spaceVariants.const.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../theme/contract.css.cjs");;/* empty css /;/ empty css */require("../../theme/colors/light.cjs");require("../../theme/colors/dark.cjs");const a={none:s.vars.space.none,px:s.vars.space.px,xxs:s.vars.space.xxs,xs:s.vars.space.xs,xs2:s.vars.space.xs2,sm:s.vars.space.sm,sm2:s.vars.space.sm2,md:s.vars.space.md,md2:s.vars.space.md2,lg:s.vars.space.lg,lg2:s.vars.space.lg2,xl:s.vars.space.xl,"2xl":s.vars.space["2xl"],"3xl":s.vars.space["3xl"],"4xl":s.vars.space["4xl"],"5xl":s.vars.space["5xl"]};exports.SPACE_VARIANTS=a;
2	+ //# sourceMappingURL=spaceVariants.const.cjs.map

package/dist/constants/styles/spaceVariants.const.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"spaceVariants.const.cjs","sources":["../../../src/constants/styles/spaceVariants.const.ts"],"sourcesContent":["import { vars } from '@theme'\r\n\r\nexport const SPACE_VARIANTS = {\r\n none: vars.space.none,\r\n px: vars.space.px,\r\n xxs: vars.space.xxs,\r\n xs: vars.space.xs,\r\n xs2: vars.space.xs2,\r\n sm: vars.space.sm,\r\n sm2: vars.space.sm2,\r\n md: vars.space.md,\r\n md2: vars.space.md2,\r\n lg: vars.space.lg,\r\n lg2: vars.space.lg2,\r\n xl: vars.space.xl,\r\n '2xl': vars.space['2xl'],\r\n '3xl': vars.space['3xl'],\r\n '4xl': vars.space['4xl'],\r\n '5xl': vars.space['5xl'],\r\n} as const\r\n"],"names":["SPACE_VARIANTS","vars"],"mappings":"iUAEO,MAAMA,EAAiB,CAC1B,KAAMC,EAAAA,KAAK,MAAM,KACjB,GAAIA,EAAAA,KAAK,MAAM,GACf,IAAKA,EAAAA,KAAK,MAAM,IAChB,GAAIA,EAAAA,KAAK,MAAM,GACf,IAAKA,EAAAA,KAAK,MAAM,IAChB,GAAIA,EAAAA,KAAK,MAAM,GACf,IAAKA,EAAAA,KAAK,MAAM,IAChB,GAAIA,EAAAA,KAAK,MAAM,GACf,IAAKA,EAAAA,KAAK,MAAM,IAChB,GAAIA,EAAAA,KAAK,MAAM,GACf,IAAKA,EAAAA,KAAK,MAAM,IAChB,GAAIA,EAAAA,KAAK,MAAM,GACf,MAAOA,EAAAA,KAAK,MAAM,KAAK,EACvB,MAAOA,EAAAA,KAAK,MAAM,KAAK,EACvB,MAAOA,EAAAA,KAAK,MAAM,KAAK,EACvB,MAAOA,EAAAA,KAAK,MAAM,KAAK,CAC3B"}

package/dist/constants/styles/spaceVariants.const.js ADDED Viewed

@@ -0,0 +1,27 @@
+import { vars as s } from "../../theme/contract.css.js";
+/* empty css                                      */
+/* empty css                                          */
+import "../../theme/colors/light.js";
+import "../../theme/colors/dark.js";
+const l = {
+  none: s.space.none,
+  px: s.space.px,
+  xxs: s.space.xxs,
+  xs: s.space.xs,
+  xs2: s.space.xs2,
+  sm: s.space.sm,
+  sm2: s.space.sm2,
+  md: s.space.md,
+  md2: s.space.md2,
+  lg: s.space.lg,
+  lg2: s.space.lg2,
+  xl: s.space.xl,
+  "2xl": s.space["2xl"],
+  "3xl": s.space["3xl"],
+  "4xl": s.space["4xl"],
+  "5xl": s.space["5xl"]
+};
+export {
+  l as SPACE_VARIANTS
+};
+//# sourceMappingURL=spaceVariants.const.js.map

package/dist/constants/styles/spaceVariants.const.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"spaceVariants.const.js","sources":["../../../src/constants/styles/spaceVariants.const.ts"],"sourcesContent":["import { vars } from '@theme'\r\n\r\nexport const SPACE_VARIANTS = {\r\n none: vars.space.none,\r\n px: vars.space.px,\r\n xxs: vars.space.xxs,\r\n xs: vars.space.xs,\r\n xs2: vars.space.xs2,\r\n sm: vars.space.sm,\r\n sm2: vars.space.sm2,\r\n md: vars.space.md,\r\n md2: vars.space.md2,\r\n lg: vars.space.lg,\r\n lg2: vars.space.lg2,\r\n xl: vars.space.xl,\r\n '2xl': vars.space['2xl'],\r\n '3xl': vars.space['3xl'],\r\n '4xl': vars.space['4xl'],\r\n '5xl': vars.space['5xl'],\r\n} as const\r\n"],"names":["SPACE_VARIANTS","vars"],"mappings":";;;;;AAEO,MAAMA,IAAiB;AAAA,EAC1B,MAAMC,EAAK,MAAM;AAAA,EACjB,IAAIA,EAAK,MAAM;AAAA,EACf,KAAKA,EAAK,MAAM;AAAA,EAChB,IAAIA,EAAK,MAAM;AAAA,EACf,KAAKA,EAAK,MAAM;AAAA,EAChB,IAAIA,EAAK,MAAM;AAAA,EACf,KAAKA,EAAK,MAAM;AAAA,EAChB,IAAIA,EAAK,MAAM;AAAA,EACf,KAAKA,EAAK,MAAM;AAAA,EAChB,IAAIA,EAAK,MAAM;AAAA,EACf,KAAKA,EAAK,MAAM;AAAA,EAChB,IAAIA,EAAK,MAAM;AAAA,EACf,OAAOA,EAAK,MAAM,KAAK;AAAA,EACvB,OAAOA,EAAK,MAAM,KAAK;AAAA,EACvB,OAAOA,EAAK,MAAM,KAAK;AAAA,EACvB,OAAOA,EAAK,MAAM,KAAK;AAC3B;"}

package/dist/constants/theme.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="aurora",t=`${E}-theme-light`,e=`${E}-theme-dark`,S=`${E}.theme`,_=`${E}.reset`;exports.PREFIX=E;exports.RESET_LAYER=_;exports.THEME_DARK_CLASS=e;exports.THEME_LAYER=S;exports.THEME_LIGHT_CLASS=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="aurora",T=`${E}-theme-light`,t=`${E}-theme-dark`,_="data-theme-transition",A=`--${E}-theme-transition-duration`,R=`${E}.theme`,e=`${E}.reset`;exports.PREFIX=E;exports.RESET_LAYER=e;exports.THEME_DARK_CLASS=t;exports.THEME_LAYER=R;exports.THEME_LIGHT_CLASS=T;exports.THEME_TRANSITION_ATTRIBUTE=_;exports.THEME_TRANSITION_DURATION_VAR=A;
 //# sourceMappingURL=theme.cjs.map

package/dist/constants/theme.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.cjs","sources":["../../src/constants/theme.ts"],"sourcesContent":["/*\r\n Namespace prefix used for all kit-global CSS classes, layers and data attributes.\r\n * Matches the design-system name (`@aurora-ds`) so every global selector is\r\n * self-describing and easy to grep/replace.\r\n /\r\nexport const PREFIX = 'aurora'\r\n\r\n/* Class applied to an ancestor to opt a subtree into the light theme. /\r\nexport const THEME_LIGHT_CLASS = `${PREFIX}-theme-light`\r\n\r\n/* Class applied to an ancestor to opt a subtree into the dark theme. /\r\nexport const THEME_DARK_CLASS = `${PREFIX}-theme-dark`\r\n\r\n/* CSS cascade layer that carries the design-token variables. /\r\nexport const THEME_LAYER = `${PREFIX}.theme`\r\n\r\n/* CSS cascade layer that carries the kit's global reset / base styles. */\r\nexport const RESET_LAYER = `${PREFIX}.reset`\r\n"],"names":["PREFIX","THEME_LIGHT_CLASS","THEME_DARK_CLASS","THEME_LAYER","RESET_LAYER"],"mappings":"gFAKO,MAAMA,EAAS,SAGTC,EAAoB,GAAGD,CAAM,eAG7BE,EAAmB,GAAGF,CAAM,cAG5BG,EAAc,~~GAAGH~~,CAAM,~~SAGvBI~~,EAAc,~~GAAGJ~~,CAAM"}
1	+ {"version":3,"file":"theme.cjs","sources":["../../src/constants/theme.ts"],"sourcesContent":["/*\r\n Namespace prefix used for all kit-global CSS classes, layers and data attributes.\r\n * Matches the design-system name (`@aurora-ds`) so every global selector is\r\n * self-describing and easy to grep/replace.\r\n /\r\nexport const PREFIX = 'aurora'\r\n\r\n/* Class applied to an ancestor to opt a subtree into the light theme. /\r\nexport const THEME_LIGHT_CLASS = `${PREFIX}-theme-light`\r\n\r\n/* Class applied to an ancestor to opt a subtree into the dark theme. /\r\nexport const THEME_DARK_CLASS = `${PREFIX}-theme-dark`\r\n\r\n/* Attribute used while the provider is transitioning between color schemes. /\r\nexport const THEME_TRANSITION_ATTRIBUTE = 'data-theme-transition'\r\n\r\n/* CSS variable carrying the active theme transition duration. /\r\nexport const THEME_TRANSITION_DURATION_VAR = `--${PREFIX}-theme-transition-duration`\r\n\r\n/* CSS cascade layer that carries the design-token variables. /\r\nexport const THEME_LAYER = `${PREFIX}.theme`\r\n\r\n/* CSS cascade layer that carries the kit's global reset / base styles. */\r\nexport const RESET_LAYER = `${PREFIX}.reset`\r\n"],"names":["PREFIX","THEME_LIGHT_CLASS","THEME_DARK_CLASS","THEME_TRANSITION_ATTRIBUTE","THEME_TRANSITION_DURATION_VAR","THEME_LAYER","RESET_LAYER"],"mappings":"gFAKO,MAAMA,EAAS,SAGTC,EAAoB,GAAGD,CAAM,eAG7BE,EAAmB,GAAGF,CAAM,cAG5BG,EAA6B,wBAG7BC,EAAgC,KAAKJ,CAAM,6BAG3CK,EAAc,GAAGL,CAAM,SAGvBM,EAAc,GAAGN,CAAM"}

package/dist/constants/theme.d.ts CHANGED Viewed

@@ -8,6 +8,10 @@ export declare const PREFIX = "aurora";
 export declare const THEME_LIGHT_CLASS = "aurora-theme-light";
 /** Class applied to an ancestor to opt a subtree into the dark theme. */
 export declare const THEME_DARK_CLASS = "aurora-theme-dark";
+/** Attribute used while the provider is transitioning between color schemes. */
+export declare const THEME_TRANSITION_ATTRIBUTE = "data-theme-transition";
+/** CSS variable carrying the active theme transition duration. */
+export declare const THEME_TRANSITION_DURATION_VAR = "--aurora-theme-transition-duration";
 /** CSS cascade layer that carries the design-token variables. */
 export declare const THEME_LAYER = "aurora.theme";
 /** CSS cascade layer that carries the kit's global reset / base styles. */

package/dist/constants/theme.js CHANGED Viewed

@@ -1,9 +1,11 @@
-const t = "aurora", E = `${t}-theme-light`, e = `${t}-theme-dark`, o = `${t}.theme`, s = `${t}.reset`;
+const t = "aurora", E = `${t}-theme-light`, T = `${t}-theme-dark`, e = "data-theme-transition", n = `--${t}-theme-transition-duration`, o = `${t}.theme`, _ = `${t}.reset`;
 export {
   t as PREFIX,
-  s as RESET_LAYER,
-  e as THEME_DARK_CLASS,
+  _ as RESET_LAYER,
+  T as THEME_DARK_CLASS,
   o as THEME_LAYER,
-  E as THEME_LIGHT_CLASS
+  E as THEME_LIGHT_CLASS,
+  e as THEME_TRANSITION_ATTRIBUTE,
+  n as THEME_TRANSITION_DURATION_VAR
 };
 //# sourceMappingURL=theme.js.map

package/dist/constants/theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.js","sources":["../../src/constants/theme.ts"],"sourcesContent":["/*\r\n Namespace prefix used for all kit-global CSS classes, layers and data attributes.\r\n * Matches the design-system name (`@aurora-ds`) so every global selector is\r\n * self-describing and easy to grep/replace.\r\n /\r\nexport const PREFIX = 'aurora'\r\n\r\n/* Class applied to an ancestor to opt a subtree into the light theme. /\r\nexport const THEME_LIGHT_CLASS = `${PREFIX}-theme-light`\r\n\r\n/* Class applied to an ancestor to opt a subtree into the dark theme. /\r\nexport const THEME_DARK_CLASS = `${PREFIX}-theme-dark`\r\n\r\n/* CSS cascade layer that carries the design-token variables. /\r\nexport const THEME_LAYER = `${PREFIX}.theme`\r\n\r\n/* CSS cascade layer that carries the kit's global reset / base styles. */\r\nexport const RESET_LAYER = `${PREFIX}.reset`\r\n"],"names":["PREFIX","THEME_LIGHT_CLASS","THEME_DARK_CLASS","THEME_LAYER","RESET_LAYER"],"mappings":"AAKO,MAAMA,IAAS,UAGTC,IAAoB,GAAGD,CAAM,gBAG7BE,IAAmB,GAAGF,CAAM,eAG5BG,IAAc,~~GAAGH~~,CAAM,~~UAGvBI~~,IAAc,~~GAAGJ~~,CAAM;"}
1	+ {"version":3,"file":"theme.js","sources":["../../src/constants/theme.ts"],"sourcesContent":["/*\r\n Namespace prefix used for all kit-global CSS classes, layers and data attributes.\r\n * Matches the design-system name (`@aurora-ds`) so every global selector is\r\n * self-describing and easy to grep/replace.\r\n /\r\nexport const PREFIX = 'aurora'\r\n\r\n/* Class applied to an ancestor to opt a subtree into the light theme. /\r\nexport const THEME_LIGHT_CLASS = `${PREFIX}-theme-light`\r\n\r\n/* Class applied to an ancestor to opt a subtree into the dark theme. /\r\nexport const THEME_DARK_CLASS = `${PREFIX}-theme-dark`\r\n\r\n/* Attribute used while the provider is transitioning between color schemes. /\r\nexport const THEME_TRANSITION_ATTRIBUTE = 'data-theme-transition'\r\n\r\n/* CSS variable carrying the active theme transition duration. /\r\nexport const THEME_TRANSITION_DURATION_VAR = `--${PREFIX}-theme-transition-duration`\r\n\r\n/* CSS cascade layer that carries the design-token variables. /\r\nexport const THEME_LAYER = `${PREFIX}.theme`\r\n\r\n/* CSS cascade layer that carries the kit's global reset / base styles. */\r\nexport const RESET_LAYER = `${PREFIX}.reset`\r\n"],"names":["PREFIX","THEME_LIGHT_CLASS","THEME_DARK_CLASS","THEME_TRANSITION_ATTRIBUTE","THEME_TRANSITION_DURATION_VAR","THEME_LAYER","RESET_LAYER"],"mappings":"AAKO,MAAMA,IAAS,UAGTC,IAAoB,GAAGD,CAAM,gBAG7BE,IAAmB,GAAGF,CAAM,eAG5BG,IAA6B,yBAG7BC,IAAgC,KAAKJ,CAAM,8BAG3CK,IAAc,GAAGL,CAAM,UAGvBM,IAAc,GAAGN,CAAM;"}

package/dist/hooks/index.d.ts CHANGED Viewed

@@ -1 +1,5 @@
 export { useViewportShift } from './use-viewport-shift/useViewportShift.hook.ts';
+export { useNotification } from './use-notification/useNotification.hook.tsx';
+export { useToast } from './use-toast/useToast.hook.tsx';
+export type { ShowNotificationOptions, UseNotificationReturn, } from './use-notification/types/useNotification.types.ts';
+export type { ShowToastOptions, ToastId, UseToastReturn, } from './use-toast/types/useToast.types.ts';