@choco-vanille/ui 1.1.0 → 1.1.2

package/dist/constants/theme.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Namespace prefix used for all kit-global CSS classes, layers and data attributes.
+ * Matches the design-system name (`@aurora-ds`) so every global selector is
+ * self-describing and easy to grep/replace.
+ */
+export declare const PREFIX = "aurora";
+/** Class applied to an ancestor to opt a subtree into the light theme. */
+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";
+/** 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. */
+export declare const RESET_LAYER = "aurora.reset";

package/dist/constants/theme.js

@@ -0,0 +1,9 @@
+const t = "aurora", E = `${t}-theme-light`, e = `${t}-theme-dark`, o = `${t}.theme`, s = `${t}.reset`;
+export {
+  t as PREFIX,
+  s as RESET_LAYER,
+  e as THEME_DARK_CLASS,
+  o as THEME_LAYER,
+  E as THEME_LIGHT_CLASS
+};
+//# sourceMappingURL=theme.js.map

package/dist/constants/theme.js.map

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

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useViewportShift } from './use-viewport-shift/useViewportShift.hook.ts';

package/dist/hooks/use-transition-render/constants/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/use-transition-render/types/index.d.ts

@@ -0,0 +1,13 @@
+export type UseTransitionRenderReturnType = {
+    isVisible: boolean;
+    isFadingIn: boolean;
+    /**
+     * Whether child content should still be rendered.
+     *
+     * Mirrors `isVisible`: it stays `true` while the element is in the DOM
+     * (including during the fade-out phase) and becomes `false` once the
+     * closing transition has finished. Useful for unmounting text or icons
+     * after they have faded out.
+     */
+    shouldRenderContent: boolean;
+};

package/dist/hooks/use-transition-render/useTransitionRender.hook.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),d=require("../../theme/contract.css.cjs"),a=require("./utils/useTransitionRender.utils.cjs"),m=(e,u=d.vars.duration.normal)=>{const c=a.resolveDurationMs(u),n=a.getPrefersReducedMotion()?0:c,[s,o]=r.useState(e),[l,i]=r.useState(e);return r.useLayoutEffect(()=>{e&&o(!0)},[e]),r.useEffect(()=>{if(e){let t;const f=requestAnimationFrame(()=>{t=requestAnimationFrame(()=>i(!0))});return()=>{cancelAnimationFrame(f),cancelAnimationFrame(t)}}else{i(!1);const t=setTimeout(()=>o(!1),n);return()=>clearTimeout(t)}},[e,n]),{isVisible:s,isFadingIn:l,shouldRenderContent:s}};exports.useTransitionRender=m;
+//# sourceMappingURL=useTransitionRender.hook.cjs.map

package/dist/hooks/use-transition-render/useTransitionRender.hook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransitionRender.hook.cjs","sources":["../../../src/hooks/use-transition-render/useTransitionRender.hook.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useState } from 'react'\r\n\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\nimport type { UseTransitionRenderReturnType } from '@hooks/use-transition-render/types'\r\nimport {\r\n    getPrefersReducedMotion,\r\n    resolveDurationMs\r\n} from '@hooks/use-transition-render/utils/useTransitionRender.utils.ts'\r\n\r\n/**\r\n * Manages mount/unmount transitions with a two-phase approach (visible → fading-in).\r\n *\r\n * Opening sequence:\r\n *   1. `useLayoutEffect` sets `isVisible=true` synchronously before the browser paints\r\n *      → element is in the DOM at its initial hidden state on the very first frame.\r\n *   2. Double `requestAnimationFrame` in `useEffect` waits for two rendered frames\r\n *      before setting `isFadingIn=true`, guaranteeing the CSS transition always starts\r\n *      from the painted hidden state (prevents flickering).\r\n *\r\n * Closing sequence:\r\n *   `isFadingIn=false` → CSS transition plays → after `duration` ms → `isVisible=false`\r\n *   and `shouldRenderContent=false`.\r\n *\r\n * When `prefers-reduced-motion: reduce` is active the effective duration is forced to\r\n * `0` so the element is removed from the DOM immediately after hiding, in sync with\r\n * the near-instant CSS transition set by the global `globals.css` rule.\r\n *\r\n * @param isOpen - Whether the element should be shown.\r\n * @param durationVar - CSS variable reference for the transition duration\r\n *   (e.g. `vars.duration.normal`). Defaults to the theme's normal duration.\r\n */\r\nexport const useTransitionRender = (\r\n    isOpen: boolean,\r\n    durationVar: string = vars.duration.normal,\r\n): UseTransitionRenderReturnType => {\r\n    const durationMs = resolveDurationMs(durationVar)\r\n    const effectiveDuration = getPrefersReducedMotion() ? 0 : durationMs\r\n    const [isVisible, setIsVisible] = useState(isOpen)\r\n    const [isFadingIn, setIsFadingIn] = useState(isOpen)\r\n\r\n    // Mount synchronously before paint so the element is in the DOM at opacity:0\r\n    // on the very first frame — no extra render cycle between null and the initial state.\r\n    useLayoutEffect(() => {\r\n        if (isOpen) {\r\n            setIsVisible(true)\r\n        }\r\n    }, [isOpen])\r\n\r\n    useEffect(() => {\r\n        if (isOpen) {\r\n            // Double RAF: frame 1 → element rendered; frame 2 → element painted at hidden\r\n            // state → THEN trigger the CSS transition.\r\n            let raf2: number\r\n            const raf1 = requestAnimationFrame(() => {\r\n                raf2 = requestAnimationFrame(() => setIsFadingIn(true))\r\n            })\r\n            return () => {\r\n                cancelAnimationFrame(raf1)\r\n                cancelAnimationFrame(raf2)\r\n            }\r\n        } else {\r\n            setIsFadingIn(false)\r\n            const timeout = setTimeout(() => setIsVisible(false), effectiveDuration)\r\n            return () => clearTimeout(timeout)\r\n        }\r\n    }, [isOpen, effectiveDuration])\r\n\r\n    return { isVisible, isFadingIn, shouldRenderContent: isVisible }\r\n}\r\n"],"names":["useTransitionRender","isOpen","durationVar","vars","durationMs","resolveDurationMs","effectiveDuration","getPrefersReducedMotion","isVisible","setIsVisible","useState","isFadingIn","setIsFadingIn","useLayoutEffect","useEffect","raf2","raf1","timeout"],"mappings":"sMAgCaA,EAAsB,CAC/BC,EACAC,EAAsBC,EAAAA,KAAK,SAAS,SACJ,CAChC,MAAMC,EAAaC,EAAAA,kBAAkBH,CAAW,EAC1CI,EAAoBC,EAAAA,0BAA4B,EAAIH,EACpD,CAACI,EAAWC,CAAY,EAAIC,EAAAA,SAAST,CAAM,EAC3C,CAACU,EAAYC,CAAa,EAAIF,EAAAA,SAAST,CAAM,EAInDY,OAAAA,EAAAA,gBAAgB,IAAM,CACdZ,GACAQ,EAAa,EAAI,CAEzB,EAAG,CAACR,CAAM,CAAC,EAEXa,EAAAA,UAAU,IAAM,CACZ,GAAIb,EAAQ,CAGR,IAAIc,EACJ,MAAMC,EAAO,sBAAsB,IAAM,CACrCD,EAAO,sBAAsB,IAAMH,EAAc,EAAI,CAAC,CAC1D,CAAC,EACD,MAAO,IAAM,CACT,qBAAqBI,CAAI,EACzB,qBAAqBD,CAAI,CAC7B,CACJ,KAAO,CACHH,EAAc,EAAK,EACnB,MAAMK,EAAU,WAAW,IAAMR,EAAa,EAAK,EAAGH,CAAiB,EACvE,MAAO,IAAM,aAAaW,CAAO,CACrC,CACJ,EAAG,CAAChB,EAAQK,CAAiB,CAAC,EAEvB,CAAE,UAAAE,EAAW,WAAAG,EAAY,oBAAqBH,CAAA,CACzD"}

package/dist/hooks/use-transition-render/useTransitionRender.hook.d.ts

@@ -0,0 +1,24 @@
+import { UseTransitionRenderReturnType } from './types';
+/**
+ * Manages mount/unmount transitions with a two-phase approach (visible → fading-in).
+ *
+ * Opening sequence:
+ *   1. `useLayoutEffect` sets `isVisible=true` synchronously before the browser paints
+ *      → element is in the DOM at its initial hidden state on the very first frame.
+ *   2. Double `requestAnimationFrame` in `useEffect` waits for two rendered frames
+ *      before setting `isFadingIn=true`, guaranteeing the CSS transition always starts
+ *      from the painted hidden state (prevents flickering).
+ *
+ * Closing sequence:
+ *   `isFadingIn=false` → CSS transition plays → after `duration` ms → `isVisible=false`
+ *   and `shouldRenderContent=false`.
+ *
+ * When `prefers-reduced-motion: reduce` is active the effective duration is forced to
+ * `0` so the element is removed from the DOM immediately after hiding, in sync with
+ * the near-instant CSS transition set by the global `globals.css` rule.
+ *
+ * @param isOpen - Whether the element should be shown.
+ * @param durationVar - CSS variable reference for the transition duration
+ *   (e.g. `vars.duration.normal`). Defaults to the theme's normal duration.
+ */
+export declare const useTransitionRender: (isOpen: boolean, durationVar?: string) => UseTransitionRenderReturnType;

package/dist/hooks/use-transition-render/useTransitionRender.hook.js

@@ -0,0 +1,27 @@
+import { useState as s, useLayoutEffect as f, useEffect as l } from "react";
+import { vars as d } from "../../theme/contract.css.js";
+import { resolveDurationMs as F, getPrefersReducedMotion as A } from "./utils/useTransitionRender.utils.js";
+const M = (e, a = d.duration.normal) => {
+  const u = F(a), r = A() ? 0 : u, [o, n] = s(e), [m, i] = s(e);
+  return f(() => {
+    e && n(!0);
+  }, [e]), l(() => {
+    if (e) {
+      let t;
+      const c = requestAnimationFrame(() => {
+        t = requestAnimationFrame(() => i(!0));
+      });
+      return () => {
+        cancelAnimationFrame(c), cancelAnimationFrame(t);
+      };
+    } else {
+      i(!1);
+      const t = setTimeout(() => n(!1), r);
+      return () => clearTimeout(t);
+    }
+  }, [e, r]), { isVisible: o, isFadingIn: m, shouldRenderContent: o };
+};
+export {
+  M as useTransitionRender
+};
+//# sourceMappingURL=useTransitionRender.hook.js.map

package/dist/hooks/use-transition-render/useTransitionRender.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransitionRender.hook.js","sources":["../../../src/hooks/use-transition-render/useTransitionRender.hook.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useState } from 'react'\r\n\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\nimport type { UseTransitionRenderReturnType } from '@hooks/use-transition-render/types'\r\nimport {\r\n    getPrefersReducedMotion,\r\n    resolveDurationMs\r\n} from '@hooks/use-transition-render/utils/useTransitionRender.utils.ts'\r\n\r\n/**\r\n * Manages mount/unmount transitions with a two-phase approach (visible → fading-in).\r\n *\r\n * Opening sequence:\r\n *   1. `useLayoutEffect` sets `isVisible=true` synchronously before the browser paints\r\n *      → element is in the DOM at its initial hidden state on the very first frame.\r\n *   2. Double `requestAnimationFrame` in `useEffect` waits for two rendered frames\r\n *      before setting `isFadingIn=true`, guaranteeing the CSS transition always starts\r\n *      from the painted hidden state (prevents flickering).\r\n *\r\n * Closing sequence:\r\n *   `isFadingIn=false` → CSS transition plays → after `duration` ms → `isVisible=false`\r\n *   and `shouldRenderContent=false`.\r\n *\r\n * When `prefers-reduced-motion: reduce` is active the effective duration is forced to\r\n * `0` so the element is removed from the DOM immediately after hiding, in sync with\r\n * the near-instant CSS transition set by the global `globals.css` rule.\r\n *\r\n * @param isOpen - Whether the element should be shown.\r\n * @param durationVar - CSS variable reference for the transition duration\r\n *   (e.g. `vars.duration.normal`). Defaults to the theme's normal duration.\r\n */\r\nexport const useTransitionRender = (\r\n    isOpen: boolean,\r\n    durationVar: string = vars.duration.normal,\r\n): UseTransitionRenderReturnType => {\r\n    const durationMs = resolveDurationMs(durationVar)\r\n    const effectiveDuration = getPrefersReducedMotion() ? 0 : durationMs\r\n    const [isVisible, setIsVisible] = useState(isOpen)\r\n    const [isFadingIn, setIsFadingIn] = useState(isOpen)\r\n\r\n    // Mount synchronously before paint so the element is in the DOM at opacity:0\r\n    // on the very first frame — no extra render cycle between null and the initial state.\r\n    useLayoutEffect(() => {\r\n        if (isOpen) {\r\n            setIsVisible(true)\r\n        }\r\n    }, [isOpen])\r\n\r\n    useEffect(() => {\r\n        if (isOpen) {\r\n            // Double RAF: frame 1 → element rendered; frame 2 → element painted at hidden\r\n            // state → THEN trigger the CSS transition.\r\n            let raf2: number\r\n            const raf1 = requestAnimationFrame(() => {\r\n                raf2 = requestAnimationFrame(() => setIsFadingIn(true))\r\n            })\r\n            return () => {\r\n                cancelAnimationFrame(raf1)\r\n                cancelAnimationFrame(raf2)\r\n            }\r\n        } else {\r\n            setIsFadingIn(false)\r\n            const timeout = setTimeout(() => setIsVisible(false), effectiveDuration)\r\n            return () => clearTimeout(timeout)\r\n        }\r\n    }, [isOpen, effectiveDuration])\r\n\r\n    return { isVisible, isFadingIn, shouldRenderContent: isVisible }\r\n}\r\n"],"names":["useTransitionRender","isOpen","durationVar","vars","durationMs","resolveDurationMs","effectiveDuration","getPrefersReducedMotion","isVisible","setIsVisible","useState","isFadingIn","setIsFadingIn","useLayoutEffect","useEffect","raf2","raf1","timeout"],"mappings":";;;AAgCO,MAAMA,IAAsB,CAC/BC,GACAC,IAAsBC,EAAK,SAAS,WACJ;AAChC,QAAMC,IAAaC,EAAkBH,CAAW,GAC1CI,IAAoBC,MAA4B,IAAIH,GACpD,CAACI,GAAWC,CAAY,IAAIC,EAAST,CAAM,GAC3C,CAACU,GAAYC,CAAa,IAAIF,EAAST,CAAM;AAInD,SAAAY,EAAgB,MAAM;AAClB,IAAIZ,KACAQ,EAAa,EAAI;AAAA,EAEzB,GAAG,CAACR,CAAM,CAAC,GAEXa,EAAU,MAAM;AACZ,QAAIb,GAAQ;AAGR,UAAIc;AACJ,YAAMC,IAAO,sBAAsB,MAAM;AACrC,QAAAD,IAAO,sBAAsB,MAAMH,EAAc,EAAI,CAAC;AAAA,MAC1D,CAAC;AACD,aAAO,MAAM;AACT,6BAAqBI,CAAI,GACzB,qBAAqBD,CAAI;AAAA,MAC7B;AAAA,IACJ,OAAO;AACH,MAAAH,EAAc,EAAK;AACnB,YAAMK,IAAU,WAAW,MAAMR,EAAa,EAAK,GAAGH,CAAiB;AACvE,aAAO,MAAM,aAAaW,CAAO;AAAA,IACrC;AAAA,EACJ,GAAG,CAAChB,GAAQK,CAAiB,CAAC,GAEvB,EAAE,WAAAE,GAAW,YAAAG,GAAY,qBAAqBH,EAAA;AACzD;"}

package/dist/hooks/use-transition-render/utils/useTransitionRender.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../theme/tokens/motion.cjs"),t=o=>{const e=parseInt(o,10);return Number.isNaN(e)?0:e},a=o=>{const e=o.replace(/^var\(--duration-/,"").replace(/\)$/,""),r=n.duration[e];return t(r||n.duration.normal)},s=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;exports.getPrefersReducedMotion=s;exports.parseDurationMs=t;exports.resolveDurationMs=a;
+//# sourceMappingURL=useTransitionRender.utils.cjs.map

package/dist/hooks/use-transition-render/utils/useTransitionRender.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransitionRender.utils.cjs","sources":["../../../../src/hooks/use-transition-render/utils/useTransitionRender.utils.ts"],"sourcesContent":["import { duration } from '@theme/tokens/motion.ts'\r\n\r\n/**\r\n * Parses a duration token value (e.g. `'150ms'`) into milliseconds.\r\n */\r\nconst parseDurationMs = (value: string): number => {\r\n    const ms = parseInt(value, 10)\r\n    return Number.isNaN(ms) ? 0 : ms\r\n}\r\n\r\n/**\r\n * Resolves a duration CSS variable reference (e.g. `var(--duration-normal)`)\r\n * to milliseconds using the static theme token map.\r\n */\r\nconst resolveDurationMs = (varRef: string): number => {\r\n    const tokenName = varRef.replace(/^var\\(--duration-/, '').replace(/\\)$/, '')\r\n    const tokenValue = duration[tokenName as keyof typeof duration]\r\n\r\n    return tokenValue ? parseDurationMs(tokenValue) : parseDurationMs(duration.normal)\r\n}\r\n\r\n/**\r\n * Returns `true` if the user has requested reduced motion at the OS/browser level.\r\n * Falls back to `false` in environments where `matchMedia` is unavailable (SSR, tests).\r\n */\r\nconst getPrefersReducedMotion = (): boolean =>\r\n    typeof window !== 'undefined' &&\r\n    typeof window.matchMedia === 'function' &&\r\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches\r\n\r\nexport { parseDurationMs, resolveDurationMs, getPrefersReducedMotion }\r\n"],"names":["parseDurationMs","value","ms","resolveDurationMs","varRef","tokenName","tokenValue","duration","getPrefersReducedMotion"],"mappings":"oIAKMA,EAAmBC,GAA0B,CAC/C,MAAMC,EAAK,SAASD,EAAO,EAAE,EAC7B,OAAO,OAAO,MAAMC,CAAE,EAAI,EAAIA,CAClC,EAMMC,EAAqBC,GAA2B,CAClD,MAAMC,EAAYD,EAAO,QAAQ,oBAAqB,EAAE,EAAE,QAAQ,MAAO,EAAE,EACrEE,EAAaC,EAAAA,SAASF,CAAkC,EAE9D,OAAoBL,EAAbM,GAA2DC,EAAAA,SAAS,MAA7B,CAClD,EAMMC,EAA0B,IAC5B,OAAO,OAAW,KAClB,OAAO,OAAO,YAAe,YAC7B,OAAO,WAAW,kCAAkC,EAAE"}

package/dist/hooks/use-transition-render/utils/useTransitionRender.utils.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Parses a duration token value (e.g. `'150ms'`) into milliseconds.
+ */
+declare const parseDurationMs: (value: string) => number;
+/**
+ * Resolves a duration CSS variable reference (e.g. `var(--duration-normal)`)
+ * to milliseconds using the static theme token map.
+ */
+declare const resolveDurationMs: (varRef: string) => number;
+/**
+ * Returns `true` if the user has requested reduced motion at the OS/browser level.
+ * Falls back to `false` in environments where `matchMedia` is unavailable (SSR, tests).
+ */
+declare const getPrefersReducedMotion: () => boolean;
+export { parseDurationMs, resolveDurationMs, getPrefersReducedMotion };

package/dist/hooks/use-transition-render/utils/useTransitionRender.utils.js

@@ -0,0 +1,14 @@
+import { duration as n } from "../../../theme/tokens/motion.js";
+const r = (o) => {
+  const e = parseInt(o, 10);
+  return Number.isNaN(e) ? 0 : e;
+}, s = (o) => {
+  const e = o.replace(/^var\(--duration-/, "").replace(/\)$/, ""), t = n[e];
+  return r(t || n.normal);
+}, c = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+export {
+  c as getPrefersReducedMotion,
+  r as parseDurationMs,
+  s as resolveDurationMs
+};
+//# sourceMappingURL=useTransitionRender.utils.js.map

package/dist/hooks/use-transition-render/utils/useTransitionRender.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTransitionRender.utils.js","sources":["../../../../src/hooks/use-transition-render/utils/useTransitionRender.utils.ts"],"sourcesContent":["import { duration } from '@theme/tokens/motion.ts'\r\n\r\n/**\r\n * Parses a duration token value (e.g. `'150ms'`) into milliseconds.\r\n */\r\nconst parseDurationMs = (value: string): number => {\r\n    const ms = parseInt(value, 10)\r\n    return Number.isNaN(ms) ? 0 : ms\r\n}\r\n\r\n/**\r\n * Resolves a duration CSS variable reference (e.g. `var(--duration-normal)`)\r\n * to milliseconds using the static theme token map.\r\n */\r\nconst resolveDurationMs = (varRef: string): number => {\r\n    const tokenName = varRef.replace(/^var\\(--duration-/, '').replace(/\\)$/, '')\r\n    const tokenValue = duration[tokenName as keyof typeof duration]\r\n\r\n    return tokenValue ? parseDurationMs(tokenValue) : parseDurationMs(duration.normal)\r\n}\r\n\r\n/**\r\n * Returns `true` if the user has requested reduced motion at the OS/browser level.\r\n * Falls back to `false` in environments where `matchMedia` is unavailable (SSR, tests).\r\n */\r\nconst getPrefersReducedMotion = (): boolean =>\r\n    typeof window !== 'undefined' &&\r\n    typeof window.matchMedia === 'function' &&\r\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches\r\n\r\nexport { parseDurationMs, resolveDurationMs, getPrefersReducedMotion }\r\n"],"names":["parseDurationMs","value","ms","resolveDurationMs","varRef","tokenName","tokenValue","duration","getPrefersReducedMotion"],"mappings":";AAKA,MAAMA,IAAkB,CAACC,MAA0B;AAC/C,QAAMC,IAAK,SAASD,GAAO,EAAE;AAC7B,SAAO,OAAO,MAAMC,CAAE,IAAI,IAAIA;AAClC,GAMMC,IAAoB,CAACC,MAA2B;AAClD,QAAMC,IAAYD,EAAO,QAAQ,qBAAqB,EAAE,EAAE,QAAQ,OAAO,EAAE,GACrEE,IAAaC,EAASF,CAAkC;AAE9D,SAAoBL,EAAbM,KAA2DC,EAAS,MAA7B;AAClD,GAMMC,IAA0B,MAC5B,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe,cAC7B,OAAO,WAAW,kCAAkC,EAAE;"}

package/dist/hooks/use-viewport-shift/constants/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="-200%";exports.OFFSCREEN_SENTINEL=E;
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/use-viewport-shift/constants/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/hooks/use-viewport-shift/constants/index.ts"],"sourcesContent":["// Radix parks the panel off-screen at this exact transform while floating-ui\r\n// measures it (before `isPositioned` becomes true). Any correction computed in\r\n// that state would be garbage, so we detect & skip it.\r\nexport const OFFSCREEN_SENTINEL = '-200%'\r\n"],"names":["OFFSCREEN_SENTINEL"],"mappings":"gFAGO,MAAMA,EAAqB"}

package/dist/hooks/use-viewport-shift/constants/index.d.ts

@@ -0,0 +1 @@
+export declare const OFFSCREEN_SENTINEL = "-200%";

package/dist/hooks/use-viewport-shift/constants/index.js

@@ -0,0 +1,5 @@
+const E = "-200%";
+export {
+  E as OFFSCREEN_SENTINEL
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/use-viewport-shift/constants/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/use-viewport-shift/constants/index.ts"],"sourcesContent":["// Radix parks the panel off-screen at this exact transform while floating-ui\r\n// measures it (before `isPositioned` becomes true). Any correction computed in\r\n// that state would be garbage, so we detect & skip it.\r\nexport const OFFSCREEN_SENTINEL = '-200%'\r\n"],"names":["OFFSCREEN_SENTINEL"],"mappings":"AAGO,MAAMA,IAAqB;"}

package/dist/hooks/use-viewport-shift/helpers/createCorrector.helper.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../constants/index.cjs"),r=t=>t.style.transform.includes(n.OFFSCREEN_SENTINEL),l=(t,e)=>{let o=0,i=0;return t.right>window.innerWidth-e.right?o=window.innerWidth-e.right-t.right:t.left<e.left&&(o=e.left-t.left),t.bottom>window.innerHeight-e.bottom?i=window.innerHeight-e.bottom-t.bottom:t.top<e.top&&(i=e.top-t.top),o!==0||i!==0?`${Math.round(o)}px ${Math.round(i)}px`:""},s=(t,e,o)=>()=>{r(e)||(t.style.translate=l(e.getBoundingClientRect(),o.current))};exports.createCorrector=s;
+//# sourceMappingURL=createCorrector.helper.cjs.map

package/dist/hooks/use-viewport-shift/helpers/createCorrector.helper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCorrector.helper.cjs","sources":["../../../../src/hooks/use-viewport-shift/helpers/createCorrector.helper.ts"],"sourcesContent":["import { OFFSCREEN_SENTINEL } from '@hooks/use-viewport-shift/constants'\r\nimport type { NormalizedPadding } from '@hooks/use-viewport-shift/types'\r\n\r\n/** `true` while Radix keeps the popper wrapper off-screen for measurement. */\r\nconst isAwaitingPosition = (wrapper: HTMLElement) =>\r\n    wrapper.style.transform.includes(OFFSCREEN_SENTINEL)\r\n\r\n/**\r\n * Pure geometry: the `translate` string needed to pull `rect` back inside the\r\n * viewport (minus `pad`), or `''` when it already fits. Right/bottom overflow\r\n * takes priority over left/top.\r\n */\r\nconst computeTranslate = (rect: DOMRect, pad: NormalizedPadding): string => {\r\n    let dx = 0\r\n    let dy = 0\r\n\r\n    if (rect.right > window.innerWidth - pad.right) {\r\n        dx = window.innerWidth - pad.right - rect.right\r\n    } else if (rect.left < pad.left) {\r\n        dx = pad.left - rect.left\r\n    }\r\n\r\n    if (rect.bottom > window.innerHeight - pad.bottom) {\r\n        dy = window.innerHeight - pad.bottom - rect.bottom\r\n    } else if (rect.top < pad.top) {\r\n        dy = pad.top - rect.top\r\n    }\r\n\r\n    return (dx !== 0 || dy !== 0) ? `${Math.round(dx)}px ${Math.round(dy)}px` : ''\r\n}\r\n\r\n/**\r\n * Builds the idempotent correction pass. It **measures the wrapper** (stable\r\n * final geometry, immune to the content's entrance `transform` animation) and\r\n * **writes `translate` to the content** (composing with — not overriding — that\r\n * animation). Reading the wrapper is unaffected by our content write, so the\r\n * result is absolute and re-running never accumulates.\r\n */\r\nexport const createCorrector = (\r\n    content: HTMLElement,\r\n    wrapper: HTMLElement,\r\n    padRef: { current: NormalizedPadding },\r\n) => () => {\r\n    if (isAwaitingPosition(wrapper)) { return }\r\n    content.style.translate = computeTranslate(wrapper.getBoundingClientRect(), padRef.current)\r\n}\r\n"],"names":["isAwaitingPosition","wrapper","OFFSCREEN_SENTINEL","computeTranslate","rect","pad","dx","dy","createCorrector","content","padRef"],"mappings":"0HAIMA,EAAsBC,GACxBA,EAAQ,MAAM,UAAU,SAASC,oBAAkB,EAOjDC,EAAmB,CAACC,EAAeC,IAAmC,CACxE,IAAIC,EAAK,EACLC,EAAK,EAET,OAAIH,EAAK,MAAQ,OAAO,WAAaC,EAAI,MACrCC,EAAK,OAAO,WAAaD,EAAI,MAAQD,EAAK,MACnCA,EAAK,KAAOC,EAAI,OACvBC,EAAKD,EAAI,KAAOD,EAAK,MAGrBA,EAAK,OAAS,OAAO,YAAcC,EAAI,OACvCE,EAAK,OAAO,YAAcF,EAAI,OAASD,EAAK,OACrCA,EAAK,IAAMC,EAAI,MACtBE,EAAKF,EAAI,IAAMD,EAAK,KAGhBE,IAAO,GAAKC,IAAO,EAAK,GAAG,KAAK,MAAMD,CAAE,CAAC,MAAM,KAAK,MAAMC,CAAE,CAAC,KAAO,EAChF,EASaC,EAAkB,CAC3BC,EACAR,EACAS,IACC,IAAM,CACHV,EAAmBC,CAAO,IAC9BQ,EAAQ,MAAM,UAAYN,EAAiBF,EAAQ,sBAAA,EAAyBS,EAAO,OAAO,EAC9F"}

package/dist/hooks/use-viewport-shift/helpers/createCorrector.helper.d.ts

@@ -0,0 +1,11 @@
+import { NormalizedPadding } from '../types';
+/**
+ * Builds the idempotent correction pass. It **measures the wrapper** (stable
+ * final geometry, immune to the content's entrance `transform` animation) and
+ * **writes `translate` to the content** (composing with — not overriding — that
+ * animation). Reading the wrapper is unaffected by our content write, so the
+ * result is absolute and re-running never accumulates.
+ */
+export declare const createCorrector: (content: HTMLElement, wrapper: HTMLElement, padRef: {
+    current: NormalizedPadding;
+}) => () => void;

package/dist/hooks/use-viewport-shift/helpers/createCorrector.helper.js

@@ -0,0 +1,11 @@
+import { OFFSCREEN_SENTINEL as e } from "../constants/index.js";
+const r = (t) => t.style.transform.includes(e), l = (t, o) => {
+  let i = 0, n = 0;
+  return t.right > window.innerWidth - o.right ? i = window.innerWidth - o.right - t.right : t.left < o.left && (i = o.left - t.left), t.bottom > window.innerHeight - o.bottom ? n = window.innerHeight - o.bottom - t.bottom : t.top < o.top && (n = o.top - t.top), i !== 0 || n !== 0 ? `${Math.round(i)}px ${Math.round(n)}px` : "";
+}, f = (t, o, i) => () => {
+  r(o) || (t.style.translate = l(o.getBoundingClientRect(), i.current));
+};
+export {
+  f as createCorrector
+};
+//# sourceMappingURL=createCorrector.helper.js.map

package/dist/hooks/use-viewport-shift/helpers/createCorrector.helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createCorrector.helper.js","sources":["../../../../src/hooks/use-viewport-shift/helpers/createCorrector.helper.ts"],"sourcesContent":["import { OFFSCREEN_SENTINEL } from '@hooks/use-viewport-shift/constants'\r\nimport type { NormalizedPadding } from '@hooks/use-viewport-shift/types'\r\n\r\n/** `true` while Radix keeps the popper wrapper off-screen for measurement. */\r\nconst isAwaitingPosition = (wrapper: HTMLElement) =>\r\n    wrapper.style.transform.includes(OFFSCREEN_SENTINEL)\r\n\r\n/**\r\n * Pure geometry: the `translate` string needed to pull `rect` back inside the\r\n * viewport (minus `pad`), or `''` when it already fits. Right/bottom overflow\r\n * takes priority over left/top.\r\n */\r\nconst computeTranslate = (rect: DOMRect, pad: NormalizedPadding): string => {\r\n    let dx = 0\r\n    let dy = 0\r\n\r\n    if (rect.right > window.innerWidth - pad.right) {\r\n        dx = window.innerWidth - pad.right - rect.right\r\n    } else if (rect.left < pad.left) {\r\n        dx = pad.left - rect.left\r\n    }\r\n\r\n    if (rect.bottom > window.innerHeight - pad.bottom) {\r\n        dy = window.innerHeight - pad.bottom - rect.bottom\r\n    } else if (rect.top < pad.top) {\r\n        dy = pad.top - rect.top\r\n    }\r\n\r\n    return (dx !== 0 || dy !== 0) ? `${Math.round(dx)}px ${Math.round(dy)}px` : ''\r\n}\r\n\r\n/**\r\n * Builds the idempotent correction pass. It **measures the wrapper** (stable\r\n * final geometry, immune to the content's entrance `transform` animation) and\r\n * **writes `translate` to the content** (composing with — not overriding — that\r\n * animation). Reading the wrapper is unaffected by our content write, so the\r\n * result is absolute and re-running never accumulates.\r\n */\r\nexport const createCorrector = (\r\n    content: HTMLElement,\r\n    wrapper: HTMLElement,\r\n    padRef: { current: NormalizedPadding },\r\n) => () => {\r\n    if (isAwaitingPosition(wrapper)) { return }\r\n    content.style.translate = computeTranslate(wrapper.getBoundingClientRect(), padRef.current)\r\n}\r\n"],"names":["isAwaitingPosition","wrapper","OFFSCREEN_SENTINEL","computeTranslate","rect","pad","dx","dy","createCorrector","content","padRef"],"mappings":";AAIA,MAAMA,IAAqB,CAACC,MACxBA,EAAQ,MAAM,UAAU,SAASC,CAAkB,GAOjDC,IAAmB,CAACC,GAAeC,MAAmC;AACxE,MAAIC,IAAK,GACLC,IAAK;AAET,SAAIH,EAAK,QAAQ,OAAO,aAAaC,EAAI,QACrCC,IAAK,OAAO,aAAaD,EAAI,QAAQD,EAAK,QACnCA,EAAK,OAAOC,EAAI,SACvBC,IAAKD,EAAI,OAAOD,EAAK,OAGrBA,EAAK,SAAS,OAAO,cAAcC,EAAI,SACvCE,IAAK,OAAO,cAAcF,EAAI,SAASD,EAAK,SACrCA,EAAK,MAAMC,EAAI,QACtBE,IAAKF,EAAI,MAAMD,EAAK,MAGhBE,MAAO,KAAKC,MAAO,IAAK,GAAG,KAAK,MAAMD,CAAE,CAAC,MAAM,KAAK,MAAMC,CAAE,CAAC,OAAO;AAChF,GASaC,IAAkB,CAC3BC,GACAR,GACAS,MACC,MAAM;AACP,EAAIV,EAAmBC,CAAO,MAC9BQ,EAAQ,MAAM,YAAYN,EAAiBF,EAAQ,sBAAA,GAAyBS,EAAO,OAAO;AAC9F;"}

package/dist/hooks/use-viewport-shift/helpers/guardAccidentalSelection.helper.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=e=>{let t=!1;const n=()=>{t=!0},r=o=>{t||o.stopImmediatePropagation(),t=!1};return e.addEventListener("pointerdown",n,!0),e.addEventListener("pointerup",r,!0),()=>{e.removeEventListener("pointerdown",n,!0),e.removeEventListener("pointerup",r,!0)}};exports.guardAccidentalSelection=i;
+//# sourceMappingURL=guardAccidentalSelection.helper.cjs.map

package/dist/hooks/use-viewport-shift/helpers/guardAccidentalSelection.helper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"guardAccidentalSelection.helper.cjs","sources":["../../../../src/hooks/use-viewport-shift/helpers/guardAccidentalSelection.helper.ts"],"sourcesContent":["/**\r\n * Prevents the accidental selection caused by sliding an item under the cursor.\r\n *\r\n * Radix selects an item by synthesizing a click on `pointerup` when the press\r\n * did **not** start on it (`@radix-ui/react-menu`: `onPointerUp` →\r\n * `currentTarget.click()` while `!isPointerDownRef.current`). Once shifted, the\r\n * `pointerup` releasing the *opening* click lands on an item and triggers it.\r\n *\r\n * We enforce the invariant *a pointer selection requires a `pointerdown` inside\r\n * the panel*: a press-less `pointerup` is stopped in the capture phase, so the\r\n * synthetic click never fires. It self-scopes (a `pointerup` only reaches the\r\n * panel once moved under the cursor) and leaves genuine clicks and keyboard\r\n * navigation untouched. Returns a cleanup that detaches the listeners.\r\n */\r\nexport const guardAccidentalSelection = (content: HTMLElement) => {\r\n    let pointerDownInside = false\r\n\r\n    const onPointerDown = () => { pointerDownInside = true }\r\n    const onPointerUp = (event: PointerEvent) => {\r\n        if (!pointerDownInside) { event.stopImmediatePropagation() }\r\n        pointerDownInside = false\r\n    }\r\n\r\n    content.addEventListener('pointerdown', onPointerDown, true)\r\n    content.addEventListener('pointerup', onPointerUp, true)\r\n\r\n    return () => {\r\n        content.removeEventListener('pointerdown', onPointerDown, true)\r\n        content.removeEventListener('pointerup', onPointerUp, true)\r\n    }\r\n}\r\n"],"names":["guardAccidentalSelection","content","pointerDownInside","onPointerDown","onPointerUp","event"],"mappings":"gFAcO,MAAMA,EAA4BC,GAAyB,CAC9D,IAAIC,EAAoB,GAExB,MAAMC,EAAgB,IAAM,CAAED,EAAoB,EAAK,EACjDE,EAAeC,GAAwB,CACpCH,GAAqBG,EAAM,yBAAA,EAChCH,EAAoB,EACxB,EAEA,OAAAD,EAAQ,iBAAiB,cAAeE,EAAe,EAAI,EAC3DF,EAAQ,iBAAiB,YAAaG,EAAa,EAAI,EAEhD,IAAM,CACTH,EAAQ,oBAAoB,cAAeE,EAAe,EAAI,EAC9DF,EAAQ,oBAAoB,YAAaG,EAAa,EAAI,CAC9D,CACJ"}

package/dist/hooks/use-viewport-shift/helpers/guardAccidentalSelection.helper.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Prevents the accidental selection caused by sliding an item under the cursor.
+ *
+ * Radix selects an item by synthesizing a click on `pointerup` when the press
+ * did **not** start on it (`@radix-ui/react-menu`: `onPointerUp` →
+ * `currentTarget.click()` while `!isPointerDownRef.current`). Once shifted, the
+ * `pointerup` releasing the *opening* click lands on an item and triggers it.
+ *
+ * We enforce the invariant *a pointer selection requires a `pointerdown` inside
+ * the panel*: a press-less `pointerup` is stopped in the capture phase, so the
+ * synthetic click never fires. It self-scopes (a `pointerup` only reaches the
+ * panel once moved under the cursor) and leaves genuine clicks and keyboard
+ * navigation untouched. Returns a cleanup that detaches the listeners.
+ */
+export declare const guardAccidentalSelection: (content: HTMLElement) => () => void;

package/dist/hooks/use-viewport-shift/helpers/guardAccidentalSelection.helper.js

@@ -0,0 +1,15 @@
+const i = (e) => {
+  let t = !1;
+  const n = () => {
+    t = !0;
+  }, r = (o) => {
+    t || o.stopImmediatePropagation(), t = !1;
+  };
+  return e.addEventListener("pointerdown", n, !0), e.addEventListener("pointerup", r, !0), () => {
+    e.removeEventListener("pointerdown", n, !0), e.removeEventListener("pointerup", r, !0);
+  };
+};
+export {
+  i as guardAccidentalSelection
+};
+//# sourceMappingURL=guardAccidentalSelection.helper.js.map

package/dist/hooks/use-viewport-shift/helpers/guardAccidentalSelection.helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"guardAccidentalSelection.helper.js","sources":["../../../../src/hooks/use-viewport-shift/helpers/guardAccidentalSelection.helper.ts"],"sourcesContent":["/**\r\n * Prevents the accidental selection caused by sliding an item under the cursor.\r\n *\r\n * Radix selects an item by synthesizing a click on `pointerup` when the press\r\n * did **not** start on it (`@radix-ui/react-menu`: `onPointerUp` →\r\n * `currentTarget.click()` while `!isPointerDownRef.current`). Once shifted, the\r\n * `pointerup` releasing the *opening* click lands on an item and triggers it.\r\n *\r\n * We enforce the invariant *a pointer selection requires a `pointerdown` inside\r\n * the panel*: a press-less `pointerup` is stopped in the capture phase, so the\r\n * synthetic click never fires. It self-scopes (a `pointerup` only reaches the\r\n * panel once moved under the cursor) and leaves genuine clicks and keyboard\r\n * navigation untouched. Returns a cleanup that detaches the listeners.\r\n */\r\nexport const guardAccidentalSelection = (content: HTMLElement) => {\r\n    let pointerDownInside = false\r\n\r\n    const onPointerDown = () => { pointerDownInside = true }\r\n    const onPointerUp = (event: PointerEvent) => {\r\n        if (!pointerDownInside) { event.stopImmediatePropagation() }\r\n        pointerDownInside = false\r\n    }\r\n\r\n    content.addEventListener('pointerdown', onPointerDown, true)\r\n    content.addEventListener('pointerup', onPointerUp, true)\r\n\r\n    return () => {\r\n        content.removeEventListener('pointerdown', onPointerDown, true)\r\n        content.removeEventListener('pointerup', onPointerUp, true)\r\n    }\r\n}\r\n"],"names":["guardAccidentalSelection","content","pointerDownInside","onPointerDown","onPointerUp","event"],"mappings":"AAcO,MAAMA,IAA2B,CAACC,MAAyB;AAC9D,MAAIC,IAAoB;AAExB,QAAMC,IAAgB,MAAM;AAAE,IAAAD,IAAoB;AAAA,EAAK,GACjDE,IAAc,CAACC,MAAwB;AACzC,IAAKH,KAAqBG,EAAM,yBAAA,GAChCH,IAAoB;AAAA,EACxB;AAEA,SAAAD,EAAQ,iBAAiB,eAAeE,GAAe,EAAI,GAC3DF,EAAQ,iBAAiB,aAAaG,GAAa,EAAI,GAEhD,MAAM;AACT,IAAAH,EAAQ,oBAAoB,eAAeE,GAAe,EAAI,GAC9DF,EAAQ,oBAAoB,aAAaG,GAAa,EAAI;AAAA,EAC9D;AACJ;"}

package/dist/hooks/use-viewport-shift/helpers/normalizePadding.helper.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>typeof t=="number"?{top:t,right:t,bottom:t,left:t}:{top:0,right:0,bottom:0,left:0,...t};exports.normalizePadding=e;
+//# sourceMappingURL=normalizePadding.helper.cjs.map

package/dist/hooks/use-viewport-shift/helpers/normalizePadding.helper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizePadding.helper.cjs","sources":["../../../../src/hooks/use-viewport-shift/helpers/normalizePadding.helper.ts"],"sourcesContent":["import type { NormalizedPadding, Padding } from '@hooks/use-viewport-shift/types'\r\n\r\n/** Expands a uniform number or a partial per-side object into a full padding. */\r\nexport const normalizePadding = (padding: Padding): NormalizedPadding => {\r\n    if (typeof padding === 'number') {\r\n        return { top: padding, right: padding, bottom: padding, left: padding }\r\n    }\r\n    return { top: 0, right: 0, bottom: 0, left: 0, ...padding }\r\n}\r\n"],"names":["normalizePadding","padding"],"mappings":"gFAGO,MAAMA,EAAoBC,GACzB,OAAOA,GAAY,SACZ,CAAE,IAAKA,EAAS,MAAOA,EAAS,OAAQA,EAAS,KAAMA,CAAA,EAE3D,CAAE,IAAK,EAAG,MAAO,EAAG,OAAQ,EAAG,KAAM,EAAG,GAAGA,CAAA"}

package/dist/hooks/use-viewport-shift/helpers/normalizePadding.helper.d.ts

@@ -0,0 +1,3 @@
+import { NormalizedPadding, Padding } from '../types';
+/** Expands a uniform number or a partial per-side object into a full padding. */
+export declare const normalizePadding: (padding: Padding) => NormalizedPadding;

package/dist/hooks/use-viewport-shift/helpers/normalizePadding.helper.js

@@ -0,0 +1,5 @@
+const o = (t) => typeof t == "number" ? { top: t, right: t, bottom: t, left: t } : { top: 0, right: 0, bottom: 0, left: 0, ...t };
+export {
+  o as normalizePadding
+};
+//# sourceMappingURL=normalizePadding.helper.js.map

package/dist/hooks/use-viewport-shift/helpers/normalizePadding.helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalizePadding.helper.js","sources":["../../../../src/hooks/use-viewport-shift/helpers/normalizePadding.helper.ts"],"sourcesContent":["import type { NormalizedPadding, Padding } from '@hooks/use-viewport-shift/types'\r\n\r\n/** Expands a uniform number or a partial per-side object into a full padding. */\r\nexport const normalizePadding = (padding: Padding): NormalizedPadding => {\r\n    if (typeof padding === 'number') {\r\n        return { top: padding, right: padding, bottom: padding, left: padding }\r\n    }\r\n    return { top: 0, right: 0, bottom: 0, left: 0, ...padding }\r\n}\r\n"],"names":["normalizePadding","padding"],"mappings":"AAGO,MAAMA,IAAmB,CAACC,MACzB,OAAOA,KAAY,WACZ,EAAE,KAAKA,GAAS,OAAOA,GAAS,QAAQA,GAAS,MAAMA,EAAA,IAE3D,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,GAAGA,EAAA;"}

package/dist/hooks/use-viewport-shift/helpers/watchRepositions.helper.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=(i,n,e)=>{const t=new MutationObserver(e);t.observe(n,{attributes:!0,attributeFilter:["style"]});const s=new ResizeObserver(e);return s.observe(i),window.addEventListener("resize",e),()=>{t.disconnect(),s.disconnect(),window.removeEventListener("resize",e)}};exports.watchRepositions=o;
+//# sourceMappingURL=watchRepositions.helper.cjs.map

package/dist/hooks/use-viewport-shift/helpers/watchRepositions.helper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"watchRepositions.helper.cjs","sources":["../../../../src/hooks/use-viewport-shift/helpers/watchRepositions.helper.ts"],"sourcesContent":["/**\r\n * Re-runs `correct` on every event that can change the panel's box:\r\n * - the wrapper's `style` mutations → floating-ui (re)positioning, incl. the\r\n *   async transition from the off-screen sentinel to the final coordinates;\r\n * - the content resizing (dynamic item lists) — also fires once on observe,\r\n *   covering a wrapper already positioned when the ref attached;\r\n * - viewport resize.\r\n * Returns a cleanup that detaches everything.\r\n */\r\nexport const watchRepositions = (content: HTMLElement, wrapper: HTMLElement, correct: () => void) => {\r\n    const mutation = new MutationObserver(correct)\r\n    mutation.observe(wrapper, { attributes: true, attributeFilter: ['style'] })\r\n\r\n    const resize = new ResizeObserver(correct)\r\n    resize.observe(content)\r\n\r\n    window.addEventListener('resize', correct)\r\n\r\n    return () => {\r\n        mutation.disconnect()\r\n        resize.disconnect()\r\n        window.removeEventListener('resize', correct)\r\n    }\r\n}\r\n"],"names":["watchRepositions","content","wrapper","correct","mutation","resize"],"mappings":"gFASO,MAAMA,EAAmB,CAACC,EAAsBC,EAAsBC,IAAwB,CACjG,MAAMC,EAAW,IAAI,iBAAiBD,CAAO,EAC7CC,EAAS,QAAQF,EAAS,CAAE,WAAY,GAAM,gBAAiB,CAAC,OAAO,EAAG,EAE1E,MAAMG,EAAS,IAAI,eAAeF,CAAO,EACzC,OAAAE,EAAO,QAAQJ,CAAO,EAEtB,OAAO,iBAAiB,SAAUE,CAAO,EAElC,IAAM,CACTC,EAAS,WAAA,EACTC,EAAO,WAAA,EACP,OAAO,oBAAoB,SAAUF,CAAO,CAChD,CACJ"}

package/dist/hooks/use-viewport-shift/helpers/watchRepositions.helper.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Re-runs `correct` on every event that can change the panel's box:
+ * - the wrapper's `style` mutations → floating-ui (re)positioning, incl. the
+ *   async transition from the off-screen sentinel to the final coordinates;
+ * - the content resizing (dynamic item lists) — also fires once on observe,
+ *   covering a wrapper already positioned when the ref attached;
+ * - viewport resize.
+ * Returns a cleanup that detaches everything.
+ */
+export declare const watchRepositions: (content: HTMLElement, wrapper: HTMLElement, correct: () => void) => () => void;

package/dist/hooks/use-viewport-shift/helpers/watchRepositions.helper.js

@@ -0,0 +1,12 @@
+const r = (s, i, e) => {
+  const t = new MutationObserver(e);
+  t.observe(i, { attributes: !0, attributeFilter: ["style"] });
+  const n = new ResizeObserver(e);
+  return n.observe(s), window.addEventListener("resize", e), () => {
+    t.disconnect(), n.disconnect(), window.removeEventListener("resize", e);
+  };
+};
+export {
+  r as watchRepositions
+};
+//# sourceMappingURL=watchRepositions.helper.js.map

package/dist/hooks/use-viewport-shift/helpers/watchRepositions.helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watchRepositions.helper.js","sources":["../../../../src/hooks/use-viewport-shift/helpers/watchRepositions.helper.ts"],"sourcesContent":["/**\r\n * Re-runs `correct` on every event that can change the panel's box:\r\n * - the wrapper's `style` mutations → floating-ui (re)positioning, incl. the\r\n *   async transition from the off-screen sentinel to the final coordinates;\r\n * - the content resizing (dynamic item lists) — also fires once on observe,\r\n *   covering a wrapper already positioned when the ref attached;\r\n * - viewport resize.\r\n * Returns a cleanup that detaches everything.\r\n */\r\nexport const watchRepositions = (content: HTMLElement, wrapper: HTMLElement, correct: () => void) => {\r\n    const mutation = new MutationObserver(correct)\r\n    mutation.observe(wrapper, { attributes: true, attributeFilter: ['style'] })\r\n\r\n    const resize = new ResizeObserver(correct)\r\n    resize.observe(content)\r\n\r\n    window.addEventListener('resize', correct)\r\n\r\n    return () => {\r\n        mutation.disconnect()\r\n        resize.disconnect()\r\n        window.removeEventListener('resize', correct)\r\n    }\r\n}\r\n"],"names":["watchRepositions","content","wrapper","correct","mutation","resize"],"mappings":"AASO,MAAMA,IAAmB,CAACC,GAAsBC,GAAsBC,MAAwB;AACjG,QAAMC,IAAW,IAAI,iBAAiBD,CAAO;AAC7C,EAAAC,EAAS,QAAQF,GAAS,EAAE,YAAY,IAAM,iBAAiB,CAAC,OAAO,GAAG;AAE1E,QAAMG,IAAS,IAAI,eAAeF,CAAO;AACzC,SAAAE,EAAO,QAAQJ,CAAO,GAEtB,OAAO,iBAAiB,UAAUE,CAAO,GAElC,MAAM;AACT,IAAAC,EAAS,WAAA,GACTC,EAAO,WAAA,GACP,OAAO,oBAAoB,UAAUF,CAAO;AAAA,EAChD;AACJ;"}

package/dist/hooks/use-viewport-shift/types/index.d.ts

@@ -0,0 +1,12 @@
+export type Padding = number | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export type NormalizedPadding = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};

package/dist/hooks/use-viewport-shift/useViewportShift.hook.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("./helpers/guardAccidentalSelection.helper.cjs"),i=require("./helpers/normalizePadding.helper.cjs"),l=require("./helpers/createCorrector.helper.cjs"),p=require("./helpers/watchRepositions.helper.cjs"),d=(t=8)=>{const o=c.useRef(i.normalizePadding(t));return o.current=i.normalizePadding(t),c.useCallback(e=>{const r=e?.parentElement;if(!e||!r)return;const a=l.createCorrector(e,r,o),n=p.watchRepositions(e,r,a),s=u.guardAccidentalSelection(e);return()=>{n(),s()}},[])};exports.useViewportShift=d;
+//# sourceMappingURL=useViewportShift.hook.cjs.map

package/dist/hooks/use-viewport-shift/useViewportShift.hook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewportShift.hook.cjs","sources":["../../../src/hooks/use-viewport-shift/useViewportShift.hook.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\r\nimport { guardAccidentalSelection } from '@hooks/use-viewport-shift/helpers/guardAccidentalSelection.helper.ts'\r\nimport { normalizePadding } from '@hooks/use-viewport-shift/helpers/normalizePadding.helper.ts'\r\nimport { createCorrector } from '@hooks/use-viewport-shift/helpers/createCorrector.helper.ts'\r\nimport { watchRepositions } from '@hooks/use-viewport-shift/helpers/watchRepositions.helper.ts'\r\nimport type { Padding } from '@hooks/use-viewport-shift/types'\r\n\r\n/**\r\n * Returns a React 19 **callback ref** that keeps a Radix floating panel fully\r\n * visible within the viewport by applying a CSS `translate` correction.\r\n *\r\n * A callback ref is required because Radix `Portal` mounts content in a second\r\n * render pass, so a parent `useLayoutEffect` would fire while the node is still\r\n * `null`; the callback fires exactly when the DOM node attaches.\r\n *\r\n * @param collisionPadding - Minimum gap in px between the panel and each\r\n *   viewport edge. Accepts a uniform number or a per-side object. @default 8\r\n */\r\nexport const useViewportShift = (collisionPadding: Padding = 8) => {\r\n    // Stable ref so the callback always reads the latest padding without being\r\n    // recreated on every render.\r\n    const padRef = useRef(normalizePadding(collisionPadding))\r\n    padRef.current = normalizePadding(collisionPadding)\r\n\r\n    return useCallback((content: HTMLDivElement | null): (() => void) | void => {\r\n        // `parentElement` is the Radix popper wrapper carrying floating-ui's\r\n        // positioning transform — the element we measure and observe.\r\n        const wrapper = content?.parentElement\r\n        if (!content || !wrapper) { return }\r\n\r\n        const correct = createCorrector(content, wrapper, padRef)\r\n        const stopWatching = watchRepositions(content, wrapper, correct)\r\n        const stopGuarding = guardAccidentalSelection(content)\r\n\r\n        // React 19 callback ref cleanup — called automatically on unmount.\r\n        return () => {\r\n            stopWatching()\r\n            stopGuarding()\r\n        }\r\n    }, []) // stable: only padRef (a ref) is captured — never changes identity\r\n}\r\n"],"names":["useViewportShift","collisionPadding","padRef","useRef","normalizePadding","useCallback","content","wrapper","correct","createCorrector","stopWatching","watchRepositions","stopGuarding","guardAccidentalSelection"],"mappings":"4TAkBaA,EAAmB,CAACC,EAA4B,IAAM,CAG/D,MAAMC,EAASC,EAAAA,OAAOC,EAAAA,iBAAiBH,CAAgB,CAAC,EACxD,OAAAC,EAAO,QAAUE,EAAAA,iBAAiBH,CAAgB,EAE3CI,EAAAA,YAAaC,GAAwD,CAGxE,MAAMC,EAAUD,GAAS,cACzB,GAAI,CAACA,GAAW,CAACC,EAAW,OAE5B,MAAMC,EAAUC,EAAAA,gBAAgBH,EAASC,EAASL,CAAM,EAClDQ,EAAeC,EAAAA,iBAAiBL,EAASC,EAASC,CAAO,EACzDI,EAAeC,EAAAA,yBAAyBP,CAAO,EAGrD,MAAO,IAAM,CACTI,EAAA,EACAE,EAAA,CACJ,CACJ,EAAG,CAAA,CAAE,CACT"}

package/dist/hooks/use-viewport-shift/useViewportShift.hook.d.ts

@@ -0,0 +1,13 @@
+import { Padding } from './types';
+/**
+ * Returns a React 19 **callback ref** that keeps a Radix floating panel fully
+ * visible within the viewport by applying a CSS `translate` correction.
+ *
+ * A callback ref is required because Radix `Portal` mounts content in a second
+ * render pass, so a parent `useLayoutEffect` would fire while the node is still
+ * `null`; the callback fires exactly when the DOM node attaches.
+ *
+ * @param collisionPadding - Minimum gap in px between the panel and each
+ *   viewport edge. Accepts a uniform number or a per-side object. @default 8
+ */
+export declare const useViewportShift: (collisionPadding?: Padding) => (content: HTMLDivElement | null) => (() => void) | void;

package/dist/hooks/use-viewport-shift/useViewportShift.hook.js

@@ -0,0 +1,21 @@
+import { useRef as m, useCallback as s } from "react";
+import { guardAccidentalSelection as f } from "./helpers/guardAccidentalSelection.helper.js";
+import { normalizePadding as p } from "./helpers/normalizePadding.helper.js";
+import { createCorrector as n } from "./helpers/createCorrector.helper.js";
+import { watchRepositions as u } from "./helpers/watchRepositions.helper.js";
+const R = (o = 8) => {
+  const e = m(p(o));
+  return e.current = p(o), s((r) => {
+    const t = r?.parentElement;
+    if (!r || !t)
+      return;
+    const i = n(r, t, e), a = u(r, t, i), c = f(r);
+    return () => {
+      a(), c();
+    };
+  }, []);
+};
+export {
+  R as useViewportShift
+};
+//# sourceMappingURL=useViewportShift.hook.js.map

package/dist/hooks/use-viewport-shift/useViewportShift.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewportShift.hook.js","sources":["../../../src/hooks/use-viewport-shift/useViewportShift.hook.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\r\nimport { guardAccidentalSelection } from '@hooks/use-viewport-shift/helpers/guardAccidentalSelection.helper.ts'\r\nimport { normalizePadding } from '@hooks/use-viewport-shift/helpers/normalizePadding.helper.ts'\r\nimport { createCorrector } from '@hooks/use-viewport-shift/helpers/createCorrector.helper.ts'\r\nimport { watchRepositions } from '@hooks/use-viewport-shift/helpers/watchRepositions.helper.ts'\r\nimport type { Padding } from '@hooks/use-viewport-shift/types'\r\n\r\n/**\r\n * Returns a React 19 **callback ref** that keeps a Radix floating panel fully\r\n * visible within the viewport by applying a CSS `translate` correction.\r\n *\r\n * A callback ref is required because Radix `Portal` mounts content in a second\r\n * render pass, so a parent `useLayoutEffect` would fire while the node is still\r\n * `null`; the callback fires exactly when the DOM node attaches.\r\n *\r\n * @param collisionPadding - Minimum gap in px between the panel and each\r\n *   viewport edge. Accepts a uniform number or a per-side object. @default 8\r\n */\r\nexport const useViewportShift = (collisionPadding: Padding = 8) => {\r\n    // Stable ref so the callback always reads the latest padding without being\r\n    // recreated on every render.\r\n    const padRef = useRef(normalizePadding(collisionPadding))\r\n    padRef.current = normalizePadding(collisionPadding)\r\n\r\n    return useCallback((content: HTMLDivElement | null): (() => void) | void => {\r\n        // `parentElement` is the Radix popper wrapper carrying floating-ui's\r\n        // positioning transform — the element we measure and observe.\r\n        const wrapper = content?.parentElement\r\n        if (!content || !wrapper) { return }\r\n\r\n        const correct = createCorrector(content, wrapper, padRef)\r\n        const stopWatching = watchRepositions(content, wrapper, correct)\r\n        const stopGuarding = guardAccidentalSelection(content)\r\n\r\n        // React 19 callback ref cleanup — called automatically on unmount.\r\n        return () => {\r\n            stopWatching()\r\n            stopGuarding()\r\n        }\r\n    }, []) // stable: only padRef (a ref) is captured — never changes identity\r\n}\r\n"],"names":["useViewportShift","collisionPadding","padRef","useRef","normalizePadding","useCallback","content","wrapper","correct","createCorrector","stopWatching","watchRepositions","stopGuarding","guardAccidentalSelection"],"mappings":";;;;;AAkBO,MAAMA,IAAmB,CAACC,IAA4B,MAAM;AAG/D,QAAMC,IAASC,EAAOC,EAAiBH,CAAgB,CAAC;AACxD,SAAAC,EAAO,UAAUE,EAAiBH,CAAgB,GAE3CI,EAAY,CAACC,MAAwD;AAGxE,UAAMC,IAAUD,GAAS;AACzB,QAAI,CAACA,KAAW,CAACC;AAAW;AAE5B,UAAMC,IAAUC,EAAgBH,GAASC,GAASL,CAAM,GAClDQ,IAAeC,EAAiBL,GAASC,GAASC,CAAO,GACzDI,IAAeC,EAAyBP,CAAO;AAGrD,WAAO,MAAM;AACT,MAAAI,EAAA,GACAE,EAAA;AAAA,IACJ;AAAA,EACJ,GAAG,CAAA,CAAE;AACT;"}

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./theme/contract.css.cjs");;/* empty css                                    */;/* empty css                                        */require("@vanilla-extract/css");const S=require("./utils/cn.cjs"),o=require("./constants/animations/fade/fadeIn.css.cjs"),E=require("./constants/animations/fade/fadeOut.css.cjs"),t=require("./constants/animations/pulse/pulseAnimation.css.cjs"),i=require("./constants/animations/slide/slideDownIn.css.cjs"),c=require("./constants/animations/slide/slideDownOut.css.cjs"),n=require("./constants/animations/slide/slideUpIn.css.cjs"),L=require("./constants/animations/slide/slideUpOut.css.cjs"),u=require("./constants/animations/slide/slideRightIn.css.cjs"),A=require("./constants/animations/slide/slideRightOut.css.cjs"),q=require("./constants/animations/slide/slideLeftIn.css.cjs"),O=require("./constants/animations/slide/slideLeftOut.css.cjs"),a=require("./constants/animations/spin/spinAnimation.css.cjs"),e=require("./constants/icons.cjs"),r=require("./constants/theme.cjs"),Y=require("./hooks/use-viewport-shift/useViewportShift.hook.cjs"),I=require("./components/theme-provider/ThemeProvider.cjs"),R=require("./components/theme-provider/ThemeProvider.context.cjs"),l=require("./components/data-display/avatar/Avatar.cjs"),C=require("./components/data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs"),D=require("./components/data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs"),d=require("./components/data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs"),G=require("./components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs"),N=require("./components/data-display/avatar-group/AvatarGroup.cjs"),B=require("./components/data-display/avatar-group/constants/avatarGroupSpacing.const.cjs"),P=require("./components/data-display/badge/Badge.cjs"),g=require("./components/data-display/badge/styles/Badge.css.cjs"),p=require("./components/data-display/table/Table.cjs"),F=require("./components/data-display/table/styles/Table.css.cjs"),U=require("./components/data-display/table/components/table-header/styles/TableHeader.css.cjs"),H=require("./components/data-display/table/components/table-body/styles/TableBody.css.cjs"),M=require("./components/data-display/table/components/table-footer/styles/TableFooter.css.cjs"),m=require("./components/data-display/table/components/table-row/styles/TableRow.css.cjs"),b=require("./components/data-display/table/components/table-head/styles/TableHead.css.cjs"),h=require("./components/data-display/table/components/table-cell/styles/TableCell.css.cjs"),V=require("./components/data-display/table/components/table-caption/styles/TableCaption.css.cjs"),X=require("./components/actions/button/Button.cjs"),v=require("./components/actions/button/styles/Button.css.cjs"),x=require("./components/actions/icon-button/IconButton.cjs"),w=require("./components/actions/icon-button/styles/IconButton.css.cjs"),f=require("./components/actions/toggle-button/ToggleButton.cjs"),k=require("./components/actions/toggle-button/styles/ToggleButton.css.cjs"),K=require("./components/actions/toggle-icon-button/ToggleIconButton.cjs"),W=require("./components/actions/toggle-icon-button/styles/ToggleIconButton.css.cjs"),y=require("./components/actions/toggle-button-group/ToggleButtonGroup.cjs"),Z=require("./components/actions/toggle-button-group/styles/ToggleButtonGroup.css.cjs"),j=require("./components/actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.cjs"),z=require("./components/actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.cjs"),$=require("./components/foundation/icon/Icon.cjs"),J=require("./components/foundation/icon/styles/Icon.css.cjs"),Q=require("./components/foundation/typography/Typography.cjs"),ee=require("./components/foundation/typography/styles/Typography.css.cjs"),re=require("./components/foundation/typography/constants/index.cjs"),Te=require("./components/forms/autocomplete/Autocomplete.cjs");require("./components/forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs");require("./components/forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs");require("./components/forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css                                                                                                              */require("./components/forms/autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.cjs");require("./components/forms/autocomplete/components/autocomplete-icon/AutocompleteIcon.cjs");require("./components/forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs");require("./components/forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs");;/* empty css                                                      */;/* empty css                                                       */;/* empty css                                                               */;/* empty css                                                            */;/* empty css                                                             */;/* empty css                                                          */;/* empty css                                                           */;/* empty css                                                             */;/* empty css                                                              */;/* empty css                                                            */;/* empty css                                                             */;/* empty css                                                             */;/* empty css                                                                                                              */require("./components/forms/autocomplete/components/autocomplete-list/AutocompleteList.cjs");require("./components/forms/autocomplete/components/autocomplete-group/AutocompleteGroup.cjs");require("./components/forms/autocomplete/components/autocomplete-label/AutocompleteLabel.cjs");require("./components/forms/autocomplete/components/autocomplete-item/AutocompleteItem.cjs");;/* empty css                                                                                                        */require("./components/forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs");require("./components/forms/autocomplete/components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css                                                                                                                  */require("./components/forms/autocomplete/components/autocomplete-status/AutocompleteStatus.cjs");require("./components/forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs");const se=require("./components/forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs"),_e=require("./components/forms/autocomplete/styles/Autocomplete.css.cjs"),Se=require("./components/forms/calendar/Calendar.cjs"),oe=require("./components/forms/calendar/styles/calendarRoot.css.cjs"),Ee=require("./components/forms/calendar/components/calendar-caption/styles/CalendarCaption.css.cjs"),te=require("./components/forms/calendar/styles/calendarGrid.css.cjs"),ie=require("./components/forms/calendar/styles/calendarDayButton.css.cjs"),ce=require("./components/forms/calendar/components/calendar-month-view/styles/CalendarMonthView.css.cjs"),ne=require("./components/forms/calendar/components/calendar-year-view/styles/CalendarYearView.css.cjs"),Le=require("./components/forms/checkbox/Checkbox.cjs"),ue=require("./components/forms/checkbox/styles/Checkbox.css.cjs"),Ae=require("./components/forms/date-picker/DatePicker.cjs"),qe=require("./components/forms/date-picker/styles/DatePicker.css.cjs"),Oe=require("./components/forms/radio-group/RadioGroup.cjs"),ae=require("./components/forms/radio-group/components/radio-item/styles/RadioItem.css.cjs"),Ye=require("./components/forms/select/Select.cjs");require("./components/forms/select/components/select-trigger/SelectTrigger.cjs");require("./components/forms/select/components/select-trigger/styles/SelectTrigger.css.cjs");require("./components/forms/select/components/select-content/SelectContent.cjs");;/* empty css                                                                                            */require("./components/forms/select/components/select-list/SelectList.cjs");require("./components/forms/select/components/select-group/SelectGroup.cjs");require("./components/forms/select/components/select-label/SelectLabel.cjs");;/* empty css                                                                                        */require("./components/forms/select/components/select-item/SelectItem.cjs");;/* empty css                                                                                      */require("./components/forms/select/components/select-separator/SelectSeparator.cjs");;/* empty css                                                                                                */const Ie=require("./components/forms/select/components/select-field/SelectField.cjs"),Re=require("./components/forms/select/styles/Select.css.cjs"),le=require("./components/forms/switch/Switch.cjs"),Ce=require("./components/forms/switch/styles/Switch.css.cjs"),De=require("./components/forms/text-area/TextArea.cjs"),de=require("./components/forms/text-area/styles/TextArea.css.cjs"),Ge=require("./components/forms/text-area/components/text-area-label/styles/TextAreaLabel.css.cjs"),Ne=require("./components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.cjs"),Be=require("./components/forms/text-area/components/text-area-end-action/styles/TextAreaEndAction.css.cjs"),Pe=require("./components/forms/text-field/TextField.cjs"),ge=require("./components/forms/text-field/styles/TextField.css.cjs"),pe=require("./components/forms/text-field/components/text-field-label/styles/TextFieldLabel.css.cjs"),Fe=require("./components/forms/text-field/components/text-field-start-icon/styles/TextFieldStartIcon.css.cjs"),Ue=require("./components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.cjs"),He=require("./components/forms/_shared/styles/checkboxVisual.css.cjs"),Me=require("./components/forms/_shared/styles/radioVisual.css.cjs");require("./components/forms/_shared/components/helper-text/HelperText.cjs");const me=require("./components/layout/box/Box.cjs"),be=require("./components/layout/box/styles/Box.css.cjs"),he=require("./components/layout/flex/Flex.cjs"),Ve=require("./components/layout/flex/styles/Flex.css.cjs"),Xe=require("./components/layout/grid/Grid.cjs"),ve=require("./components/layout/grid/styles/Grid.css.cjs"),xe=require("./components/layout/image/Image.cjs"),we=require("./components/layout/image/styles/Image.css.cjs"),fe=require("./components/layout/separator/Separator.cjs"),ke=require("./components/layout/separator/styles/Separator.css.cjs"),Ke=require("./components/layout/form/Form.cjs"),We=require("./components/layout/form/styles/Form.css.cjs"),ye=require("./components/layout/fieldset/Fieldset.cjs"),Ze=require("./components/layout/fieldset/styles/Fieldset.css.cjs"),je=require("./components/layout/legend/Legend.cjs"),ze=require("./components/layout/legend/styles/Legend.css.cjs"),$e=require("./components/surfaces/accordion/Accordion.cjs"),Je=require("./components/surfaces/accordion/styles/Accordion.css.cjs"),Qe=require("./components/surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs"),er=require("./components/surfaces/accordion/components/accordion-trigger/styles/AccordionTrigger.css.cjs"),rr=require("./components/surfaces/accordion/components/accordion-content/styles/AccordionContent.css.cjs"),Tr=require("./components/surfaces/card/Card.cjs"),sr=require("./components/surfaces/card/styles/Card.css.cjs"),_r=require("./components/surfaces/card/components/card-header/styles/CardHeader.css.cjs"),Sr=require("./components/surfaces/collapsible/Collapsible.cjs"),or=require("./components/surfaces/collapsible/styles/Collapsible.css.cjs"),Er=require("./components/surfaces/collapsible/components/collapsible-trigger/styles/CollapsibleTrigger.css.cjs"),tr=require("./components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.cjs"),ir=require("./components/navigation/tabs/Tabs.cjs"),cr=require("./components/navigation/tabs/components/tabs-content/styles/TabsContent.css.cjs"),nr=require("./components/navigation/tabs/components/tabs-list/styles/TabsList.css.cjs"),Lr=require("./components/navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs"),ur=require("./components/navigation/link/Link.cjs"),Ar=require("./components/navigation/link/styles/Link.css.cjs"),qr=require("./components/overlay/tooltip/Tooltip.cjs"),Or=require("./components/overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs"),ar=require("./components/overlay/tooltip/styles/Tooltip.css.cjs"),Yr=require("./components/overlay/dropdown-menu/index.cjs"),Ir=require("./components/overlay/popover/Popover.cjs"),Rr=require("./components/overlay/popover/components/content/styles/PopoverContent.css.cjs"),lr=require("./components/overlay/hover-card/HoverCard.cjs"),Cr=require("./components/overlay/dialog/Dialog.cjs"),Dr=require("./components/overlay/dialog/styles/Dialog.css.cjs"),dr=require("./components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.cjs"),Gr=require("./components/overlay/drawer/Drawer.cjs"),Nr=require("./components/overlay/drawer/styles/Drawer.css.cjs"),Br=require("./components/overlay/drawer/components/items/_shared/styles/DrawerItemShared.css.cjs");require("react");require("./components/overlay/drawer/context/Drawer.context.cjs");require("./components/overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.cjs");const Pr=require("./components/feedback/skeleton/Skeleton.cjs"),gr=require("./components/feedback/skeleton/styles/Skeleton.css.cjs"),pr=require("./components/feedback/callout/Callout.cjs"),Fr=require("./components/feedback/callout/styles/Callout.css.cjs"),Ur=require("./components/feedback/callout/components/callout-icon/CalloutIcon.cjs"),Hr=require("./components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.cjs"),Mr=require("./components/feedback/callout/components/callout-title/CalloutTitle.cjs"),mr=require("./components/feedback/callout/components/callout-description/CalloutDescription.cjs"),br=require("./components/feedback/toast/Toast.cjs"),hr=require("./components/feedback/toast/styles/Toast.css.cjs"),Vr=require("./components/feedback/toast/components/toast-icon/ToastIcon.cjs"),Xr=require("./components/feedback/toast/components/toast-icon/styles/ToastIcon.css.cjs"),vr=require("./components/feedback/toast/components/toast-title/ToastTitle.cjs"),xr=require("./components/feedback/toast/components/toast-description/ToastDescription.cjs"),wr=require("./components/feedback/toast/components/toast-actions/ToastActions.cjs"),fr=require("./components/feedback/toast/components/toast-close/ToastClose.cjs"),kr=require("./components/feedback/progress/Progress.cjs"),Kr=require("./components/feedback/progress/CircularProgress.cjs"),Wr=require("./components/feedback/progress/styles/Progress.css.cjs"),s=require("./components/feedback/progress/constants/progressColors.const.cjs"),T=require("./components/feedback/progress/constants/progressSizes.const.cjs"),yr=require("./components/overlay/dropdown-menu/DropdownMenu.cjs");exports.vars=_.vars;exports.cn=S.cn;exports.fadeIn=o.fadeIn;exports.fadeOut=E.fadeOut;exports.pulseAnimation=t.pulseAnimation;exports.slideDownIn=i.slideDownIn;exports.slideDownOut=c.slideDownOut;exports.slideUpIn=n.slideUpIn;exports.slideUpOut=L.slideUpOut;exports.slideRightIn=u.slideRightIn;exports.slideRightOut=A.slideRightOut;exports.slideLeftIn=q.slideLeftIn;exports.slideLeftOut=O.slideLeftOut;exports.spinAnimation=a.spinAnimation;exports.ActionIcons=e.ActionIcons;exports.DataIcons=e.DataIcons;exports.FeedbackIcons=e.FeedbackIcons;exports.FormIcons=e.FormIcons;exports.IconRegistry=e.IconRegistry;exports.NavigationIcons=e.NavigationIcons;exports.PREFIX=r.PREFIX;exports.RESET_LAYER=r.RESET_LAYER;exports.THEME_DARK_CLASS=r.THEME_DARK_CLASS;exports.THEME_LAYER=r.THEME_LAYER;exports.THEME_LIGHT_CLASS=r.THEME_LIGHT_CLASS;exports.useViewportShift=Y.useViewportShift;exports.ThemeProvider=I;exports.useTheme=R.useTheme;exports.Avatar=l.Avatar;exports.AVATAR_STYLES=C.AVATAR_STYLES;exports.AVATAR_IMAGE_STYLES=D.AVATAR_IMAGE_STYLES;exports.AVATAR_FALLBACK_STYLES=d.AVATAR_FALLBACK_STYLES;exports.AVATAR_STATUS_STYLES=G.AVATAR_STATUS_STYLES;exports.AvatarGroup=N;exports.AVATAR_GROUP_SPACING=B.AVATAR_GROUP_SPACING;exports.Badge=P;exports.BADGE_STYLES=g.BADGE_STYLES;exports.Table=p;exports.TABLE_STYLES=F.TABLE_STYLES;exports.TABLE_HEADER_STYLES=U.TABLE_HEADER_STYLES;exports.TABLE_BODY_STYLES=H.TABLE_BODY_STYLES;exports.TABLE_FOOTER_STYLES=M.TABLE_FOOTER_STYLES;exports.TABLE_ROW_STYLES=m.TABLE_ROW_STYLES;exports.TABLE_HEAD_STYLES=b.TABLE_HEAD_STYLES;exports.TABLE_CELL_STYLES=h.TABLE_CELL_STYLES;exports.TABLE_CAPTION_STYLES=V.TABLE_CAPTION_STYLES;exports.Button=X;exports.BUTTON_STYLES=v.BUTTON_STYLES;exports.IconButton=x;exports.ICON_BUTTON_STYLES=w.ICON_BUTTON_STYLES;exports.ToggleButton=f;exports.TOGGLE_BUTTON_STYLES=k.TOGGLE_BUTTON_STYLES;exports.ToggleIconButton=K;exports.TOGGLE_ICON_BUTTON_STYLES=W.TOGGLE_ICON_BUTTON_STYLES;exports.ToggleButtonGroup=y;exports.TOGGLE_BUTTON_GROUP_STYLES=Z.TOGGLE_BUTTON_GROUP_STYLES;exports.TOGGLE_BUTTON_GROUP_ITEM_STYLES=j.TOGGLE_BUTTON_GROUP_ITEM_STYLES;exports.TOGGLE_BUTTON_GROUP_ICON_ITEM_STYLES=z.TOGGLE_BUTTON_GROUP_ICON_ITEM_STYLES;exports.Icon=$;exports.ICON_STYLES=J.ICON_STYLES;exports.Typography=Q;exports.TYPOGRAPHY_STYLES=ee.TYPOGRAPHY_STYLES;exports.TYPOGRAPHY_ELEMENT_MAP=re.TYPOGRAPHY_ELEMENT_MAP;exports.Autocomplete=Te.default;exports.AutocompleteField=se;exports.AUTOCOMPLETE_STYLES=_e.AUTOCOMPLETE_STYLES;exports.Calendar=Se;exports.CALENDAR_ROOT_STYLES=oe.CALENDAR_ROOT_STYLES;exports.CALENDAR_CAPTION_STYLES=Ee.CALENDAR_CAPTION_STYLES;exports.CALENDAR_GRID_STYLES=te.CALENDAR_GRID_STYLES;exports.CALENDAR_DAY_BUTTON_STYLES=ie.CALENDAR_DAY_BUTTON_STYLES;exports.CALENDAR_MONTH_VIEW_STYLES=ce.CALENDAR_MONTH_VIEW_STYLES;exports.CALENDAR_YEAR_VIEW_STYLES=ne.CALENDAR_YEAR_VIEW_STYLES;exports.Checkbox=Le;exports.CHECKBOX_STYLES=ue.CHECKBOX_STYLES;exports.DatePicker=Ae;exports.DATE_PICKER_STYLES=qe.DATE_PICKER_STYLES;exports.RadioGroup=Oe;exports.RADIO_ITEM_STYLES=ae.RADIO_ITEM_STYLES;exports.Select=Ye.default;exports.SelectField=Ie;exports.SELECT_STYLES=Re.SELECT_STYLES;exports.Switch=le;exports.SWITCH_STYLES=Ce.SWITCH_STYLES;exports.TextArea=De;exports.TEXT_AREA_STYLES=de.TEXT_AREA_STYLES;exports.TEXT_AREA_LABEL_STYLES=Ge.TEXT_AREA_LABEL_STYLES;exports.TEXT_AREA_START_ICON_STYLES=Ne.TEXT_AREA_START_ICON_STYLES;exports.TEXT_AREA_END_ACTION_STYLES=Be.TEXT_AREA_END_ACTION_STYLES;exports.TextField=Pe;exports.TEXT_FIELD_STYLES=ge.TEXT_FIELD_STYLES;exports.TEXT_FIELD_LABEL_STYLES=pe.TEXT_FIELD_LABEL_STYLES;exports.TEXT_FIELD_START_ICON_STYLES=Fe.TEXT_FIELD_START_ICON_STYLES;exports.TEXT_FIELD_END_ACTION_STYLES=Ue.TEXT_FIELD_END_ACTION_STYLES;exports.CHECKBOX_VISUAL_STYLES=He.CHECKBOX_VISUAL_STYLES;exports.RADIO_VISUAL_STYLES=Me.RADIO_VISUAL_STYLES;exports.Box=me;exports.BOX_STYLES=be.BOX_STYLES;exports.Flex=he;exports.FLEX_STYLES=Ve.FLEX_STYLES;exports.Grid=Xe;exports.GRID_STYLES=ve.GRID_STYLES;exports.Image=xe;exports.IMAGE_STYLES=we.IMAGE_STYLES;exports.Separator=fe;exports.SEPARATOR_STYLES=ke.SEPARATOR_STYLES;exports.Form=Ke;exports.FORM_STYLES=We.FORM_STYLES;exports.Fieldset=ye;exports.FIELDSET_STYLES=Ze.FIELDSET_STYLES;exports.Legend=je;exports.LEGEND_STYLES=ze.LEGEND_STYLES;exports.Accordion=$e;exports.ACCORDION_STYLES=Je.ACCORDION_STYLES;exports.ACCORDION_ITEM_STYLES=Qe.ACCORDION_ITEM_STYLES;exports.ACCORDION_TRIGGER_STYLES=er.ACCORDION_TRIGGER_STYLES;exports.ACCORDION_CONTENT_STYLES=rr.ACCORDION_CONTENT_STYLES;exports.Card=Tr.Card;exports.CARD_STYLES=sr.CARD_STYLES;exports.CARD_HEADER_STYLES=_r.CARD_HEADER_STYLES;exports.Collapsible=Sr;exports.COLLAPSIBLE_STYLES=or.COLLAPSIBLE_STYLES;exports.COLLAPSIBLE_TRIGGER_STYLES=Er.COLLAPSIBLE_TRIGGER_STYLES;exports.COLLAPSIBLE_PANEL_STYLES=tr.COLLAPSIBLE_PANEL_STYLES;exports.Tabs=ir;exports.TABS_CONTENT_STYLES=cr.TABS_CONTENT_STYLES;exports.TABS_LIST_STYLES=nr.TABS_LIST_STYLES;exports.TABS_TRIGGER_STYLES=Lr.TABS_TRIGGER_STYLES;exports.Link=ur;exports.LINK_STYLES=Ar.LINK_STYLES;exports.Tooltip=qr;exports.TooltipProvider=Or;exports.TOOLTIP_STYLES=ar.TOOLTIP_STYLES;exports.DropdownMenuPortal=Yr.DropdownMenuPortal;exports.Popover=Ir;exports.POPOVER_CONTENT_STYLES=Rr.POPOVER_CONTENT_STYLES;exports.HoverCard=lr;exports.Dialog=Cr.Dialog;exports.DIALOG_STYLES=Dr.DIALOG_STYLES;exports.DIALOG_HEADER_STYLES=dr.DIALOG_HEADER_STYLES;exports.Drawer=Gr.Drawer;exports.DRAWER_STYLES=Nr.DRAWER_STYLES;exports.DRAWER_ITEM_STYLES=Br.DRAWER_ITEM_STYLES;exports.Skeleton=Pr;exports.SKELETON_STYLES=gr.SKELETON_STYLES;exports.Callout=pr;exports.CALLOUT_STYLES=Fr.CALLOUT_STYLES;exports.CalloutIcon=Ur;exports.CALLOUT_ICON_STYLES=Hr.CALLOUT_ICON_STYLES;exports.CalloutTitle=Mr;exports.CalloutDescription=mr;exports.Toast=br;exports.TOAST_STYLES=hr.TOAST_STYLES;exports.ToastIcon=Vr;exports.TOAST_ICON_STYLES=Xr.TOAST_ICON_STYLES;exports.ToastTitle=vr;exports.ToastDescription=xr;exports.ToastActions=wr;exports.ToastClose=fr;exports.Progress=kr;exports.CircularProgress=Kr;exports.PROGRESS_STYLES=Wr.PROGRESS_STYLES;exports.PROGRESS_COLORS=s.PROGRESS_COLORS;exports.PROGRESS_COLORS_ARRAY=s.PROGRESS_COLORS_ARRAY;exports.PROGRESS_SIZE_TO_CIRCULAR_SIZE=T.PROGRESS_SIZE_TO_CIRCULAR_SIZE;exports.PROGRESS_SIZE_TO_HEIGHT=T.PROGRESS_SIZE_TO_HEIGHT;exports.PROGRESS_SIZE_TO_STROKE_WIDTH=T.PROGRESS_SIZE_TO_STROKE_WIDTH;exports.DropdownMenu=yr;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

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

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { vars } from './theme';
+export type { ThemeVars, ThemeColor } from './theme';
+export type { ThemeMode, ThemeContextValue } from './components/theme-provider';
+export { cn } from './utils/cn.ts';
+export * from './constants';
+export * from './hooks';
+export * from './components';