tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/HoverCard/HoverCard.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),e=require("react"),g=require("../../utils/cn.cjs"),s=require("./HoverCard.module.css.cjs");function j({trigger:f,children:m,openDelay:n=300,closeDelay:c=150,placement:b="bottom",className:v,...C}){const[o,a]=e.useState(!1),l=e.useId(),t=e.useRef(null),r=e.useCallback(()=>{t.current!==null&&(clearTimeout(t.current),t.current=null)},[]),i=e.useCallback(()=>{r(),t.current=setTimeout(()=>a(!0),n)},[r,n]),d=e.useCallback(()=>{r(),t.current=setTimeout(()=>a(!1),c)},[r,c]);return e.useEffect(()=>r,[r]),u.jsxs("span",{className:s.default.root,onMouseEnter:i,onMouseLeave:d,onFocus:i,onBlur:d,children:[u.jsx("span",{"aria-describedby":o?l:void 0,className:s.default.trigger,children:f}),o&&u.jsx("div",{id:l,role:"dialog",className:g.cn(s.default.card,s.default[b],v),...C,children:m})]})}exports.HoverCard=j;
-//# sourceMappingURL=HoverCard.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./HoverCard.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({trigger:i,children:a,openDelay:o=300,closeDelay:s=150,placement:c=`bottom`,className:l,...u}){let[d,f]=(0,n.useState)(!1),p=(0,n.useId)(),m=(0,n.useRef)(null),h=(0,n.useCallback)(()=>{m.current!==null&&(clearTimeout(m.current),m.current=null)},[]),g=(0,n.useCallback)(()=>{h(),m.current=setTimeout(()=>f(!0),o)},[h,o]),_=(0,n.useCallback)(()=>{h(),m.current=setTimeout(()=>f(!1),s)},[h,s]);return(0,n.useEffect)(()=>h,[h]),(0,r.jsxs)(`span`,{className:t.default.root,onMouseEnter:g,onMouseLeave:_,onFocus:g,onBlur:_,children:[(0,r.jsx)(`span`,{"aria-describedby":d?p:void 0,className:t.default.trigger,children:i}),d&&(0,r.jsx)(`div`,{id:p,role:`dialog`,className:e.cn(t.default.card,t.default[c],l),...u,children:a})]})}exports.HoverCard=i;
+//# sourceMappingURL=HoverCard.cjs.map

package/dist/components/HoverCard/HoverCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.cjs","sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./HoverCard.module.css\";\n\nexport type HoverCardPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface HoverCardProps extends HTMLAttributes<HTMLDivElement> {\n    /** Element the user hovers/focuses to reveal the card. */\n    trigger: ReactNode;\n    /** Card content shown while hovering/focusing the trigger or the card itself. */\n    children: ReactNode;\n    /** Delay in ms before opening on mouseenter/focus. Default 300. */\n    openDelay?: number;\n    /** Delay in ms before closing on mouseleave/blur. Default 150. */\n    closeDelay?: number;\n    /** Where the card is anchored relative to the trigger. Default \"bottom\". */\n    placement?: HoverCardPlacement;\n}\n\n/**\n * Content preview shown when the trigger is hovered or focused.\n *\n * - Opens after `openDelay` on `mouseenter`/`focus`.\n * - Closes after `closeDelay` on `mouseleave`/`blur`.\n * - Positioned relative to the trigger via `placement`.\n * - The card is rendered as a labelled `role=\"dialog\"` region; the trigger stays keyboard focusable.\n *\n * @param props - The hover card props.\n * @returns The trigger wrapper and the anchored card when open.\n */\nexport function HoverCard({\n    trigger,\n    children,\n    openDelay = 300,\n    closeDelay = 150,\n    placement = \"bottom\",\n    className,\n    ...rest\n}: HoverCardProps) {\n    const [open, setOpen] = useState(false);\n    const id = useId();\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const clearTimer = useCallback((): void => {\n        if (timerRef.current !== null) {\n            clearTimeout(timerRef.current);\n            timerRef.current = null;\n        }\n    }, []);\n\n    const scheduleOpen = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(true), openDelay);\n    }, [clearTimer, openDelay]);\n\n    const scheduleClose = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(false), closeDelay);\n    }, [clearTimer, closeDelay]);\n\n    useEffect(() => clearTimer, [clearTimer]);\n\n    return (\n        <span\n            className={styles.root}\n            onMouseEnter={scheduleOpen}\n            onMouseLeave={scheduleClose}\n            onFocus={scheduleOpen}\n            onBlur={scheduleClose}\n        >\n            <span aria-describedby={open ? id : undefined} className={styles.trigger}>\n                {trigger}\n            </span>\n            {open && (\n                <div\n                    id={id}\n                    role=\"dialog\"\n                    className={cn(styles.card, styles[placement], className)}\n                    {...rest}\n                >\n                    {children}\n                </div>\n            )}\n        </span>\n    );\n}\n"],"names":["HoverCard","trigger","children","openDelay","closeDelay","placement","className","rest","open","setOpen","useState","id","useId","timerRef","useRef","clearTimer","useCallback","scheduleOpen","scheduleClose","useEffect","jsxs","styles","jsx","cn"],"mappings":"gNA+BO,SAASA,EAAU,CACtB,QAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,IACZ,WAAAC,EAAa,IACb,UAAAC,EAAY,SACZ,UAAAC,EACA,GAAGC,CACP,EAAmB,CACf,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAChCC,EAAKC,EAAAA,MAAA,EACLC,EAAWC,EAAAA,OAA6C,IAAI,EAE5DC,EAAaC,EAAAA,YAAY,IAAY,CACnCH,EAAS,UAAY,OACrB,aAAaA,EAAS,OAAO,EAC7BA,EAAS,QAAU,KAE3B,EAAG,CAAA,CAAE,EAECI,EAAeD,EAAAA,YAAY,IAAY,CACzCD,EAAA,EACAF,EAAS,QAAU,WAAW,IAAMJ,EAAQ,EAAI,EAAGN,CAAS,CAChE,EAAG,CAACY,EAAYZ,CAAS,CAAC,EAEpBe,EAAgBF,EAAAA,YAAY,IAAY,CAC1CD,EAAA,EACAF,EAAS,QAAU,WAAW,IAAMJ,EAAQ,EAAK,EAAGL,CAAU,CAClE,EAAG,CAACW,EAAYX,CAAU,CAAC,EAE3Be,OAAAA,EAAAA,UAAU,IAAMJ,EAAY,CAACA,CAAU,CAAC,EAGpCK,EAAAA,KAAC,OAAA,CACG,UAAWC,EAAAA,QAAO,KAClB,aAAcJ,EACd,aAAcC,EACd,QAASD,EACT,OAAQC,EAER,SAAA,CAAAI,EAAAA,IAAC,OAAA,CAAK,mBAAkBd,EAAOG,EAAK,OAAW,UAAWU,EAAAA,QAAO,QAC5D,SAAApB,CAAA,CACL,EACCO,GACGc,EAAAA,IAAC,MAAA,CACG,GAAAX,EACA,KAAK,SACL,UAAWY,EAAAA,GAAGF,UAAO,KAAMA,EAAAA,QAAOhB,CAAS,EAAGC,CAAS,EACtD,GAAGC,EAEH,SAAAL,CAAA,CAAA,CACL,CAAA,CAAA,CAIhB"}
+{"version":3,"file":"HoverCard.cjs","names":[],"sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./HoverCard.module.css\";\n\nexport type HoverCardPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface HoverCardProps extends HTMLAttributes<HTMLDivElement> {\n    /** Element the user hovers/focuses to reveal the card. */\n    trigger: ReactNode;\n    /** Card content shown while hovering/focusing the trigger or the card itself. */\n    children: ReactNode;\n    /** Delay in ms before opening on mouseenter/focus. Default 300. */\n    openDelay?: number;\n    /** Delay in ms before closing on mouseleave/blur. Default 150. */\n    closeDelay?: number;\n    /** Where the card is anchored relative to the trigger. Default \"bottom\". */\n    placement?: HoverCardPlacement;\n}\n\n/**\n * Content preview shown when the trigger is hovered or focused.\n *\n * - Opens after `openDelay` on `mouseenter`/`focus`.\n * - Closes after `closeDelay` on `mouseleave`/`blur`.\n * - Positioned relative to the trigger via `placement`.\n * - The card is rendered as a labelled `role=\"dialog\"` region; the trigger stays keyboard focusable.\n *\n * @param props - The hover card props.\n * @returns The trigger wrapper and the anchored card when open.\n */\nexport function HoverCard({\n    trigger,\n    children,\n    openDelay = 300,\n    closeDelay = 150,\n    placement = \"bottom\",\n    className,\n    ...rest\n}: HoverCardProps) {\n    const [open, setOpen] = useState(false);\n    const id = useId();\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const clearTimer = useCallback((): void => {\n        if (timerRef.current !== null) {\n            clearTimeout(timerRef.current);\n            timerRef.current = null;\n        }\n    }, []);\n\n    const scheduleOpen = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(true), openDelay);\n    }, [clearTimer, openDelay]);\n\n    const scheduleClose = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(false), closeDelay);\n    }, [clearTimer, closeDelay]);\n\n    useEffect(() => clearTimer, [clearTimer]);\n\n    return (\n        <span\n            className={styles.root}\n            onMouseEnter={scheduleOpen}\n            onMouseLeave={scheduleClose}\n            onFocus={scheduleOpen}\n            onBlur={scheduleClose}\n        >\n            <span aria-describedby={open ? id : undefined} className={styles.trigger}>\n                {trigger}\n            </span>\n            {open && (\n                <div\n                    id={id}\n                    role=\"dialog\"\n                    className={cn(styles.card, styles[placement], className)}\n                    {...rest}\n                >\n                    {children}\n                </div>\n            )}\n        </span>\n    );\n}\n"],"mappings":"gIA+BA,SAAgB,EAAU,CACtB,UACA,WACA,YAAY,IACZ,aAAa,IACb,YAAY,SACZ,YACA,GAAG,GACY,CACf,GAAM,CAAC,EAAM,IAAA,EAAA,EAAA,SAAA,CAAoB,EAAK,EAChC,GAAA,EAAA,EAAA,MAAA,CAAW,EACX,GAAA,EAAA,EAAA,OAAA,CAAwD,IAAI,EAE5D,GAAA,EAAA,EAAA,YAAA,KAAqC,CACnC,EAAS,UAAY,OACrB,aAAa,EAAS,OAAO,EAC7B,EAAS,QAAU,KAE3B,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,YAAA,KAAuC,CACzC,EAAW,EACX,EAAS,QAAU,eAAiB,EAAQ,EAAI,EAAG,CAAS,CAChE,EAAG,CAAC,EAAY,CAAS,CAAC,EAEpB,GAAA,EAAA,EAAA,YAAA,KAAwC,CAC1C,EAAW,EACX,EAAS,QAAU,eAAiB,EAAQ,EAAK,EAAG,CAAU,CAClE,EAAG,CAAC,EAAY,CAAU,CAAC,EAI3B,OAFA,EAAA,EAAA,UAAA,KAAgB,EAAY,CAAC,CAAU,CAAC,GAGpC,EAAA,EAAA,KAAA,CAAC,OAAD,CACI,UAAW,EAAA,QAAO,KAClB,aAAc,EACd,aAAc,EACd,QAAS,EACT,OAAQ,WALZ,EAOI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,mBAAkB,EAAO,EAAK,IAAA,GAAW,UAAW,EAAA,QAAO,iBAC5D,CACC,CAAA,EACL,IACG,EAAA,EAAA,IAAA,CAAC,MAAD,CACQ,KACJ,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,EAAA,QAAO,GAAY,CAAS,EACvD,GAAI,EAEH,UACA,CAAA,CAEP,GAEd"}

package/dist/components/HoverCard/HoverCard.js

@@ -1,48 +1,36 @@
-import { jsxs as v, jsx as m } from "react/jsx-runtime";
-import { useState as T, useId as g, useRef as x, useCallback as t, useEffect as C } from "react";
-import { cn as N } from "../../utils/cn.js";
-import s from "./HoverCard.module.css.js";
-function R({
-  trigger: d,
-  children: f,
-  openDelay: o = 300,
-  closeDelay: n = 150,
-  placement: p = "bottom",
-  className: b,
-  ...h
-}) {
-  const [c, u] = T(!1), l = g(), r = x(null), e = t(() => {
-    r.current !== null && (clearTimeout(r.current), r.current = null);
-  }, []), i = t(() => {
-    e(), r.current = setTimeout(() => u(!0), o);
-  }, [e, o]), a = t(() => {
-    e(), r.current = setTimeout(() => u(!1), n);
-  }, [e, n]);
-  return C(() => e, [e]), /* @__PURE__ */ v(
-    "span",
-    {
-      className: s.root,
-      onMouseEnter: i,
-      onMouseLeave: a,
-      onFocus: i,
-      onBlur: a,
-      children: [
-        /* @__PURE__ */ m("span", { "aria-describedby": c ? l : void 0, className: s.trigger, children: d }),
-        c && /* @__PURE__ */ m(
-          "div",
-          {
-            id: l,
-            role: "dialog",
-            className: N(s.card, s[p], b),
-            ...h,
-            children: f
-          }
-        )
-      ]
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./HoverCard.module.js";
+import { useCallback as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/HoverCard/HoverCard.tsx
+function l({ trigger: l, children: u, openDelay: d = 300, closeDelay: f = 150, placement: p = "bottom", className: m, ...h }) {
+	let [g, _] = o(!1), v = i(), y = a(null), b = n(() => {
+		y.current !== null && (clearTimeout(y.current), y.current = null);
+	}, []), x = n(() => {
+		b(), y.current = setTimeout(() => _(!0), d);
+	}, [b, d]), S = n(() => {
+		b(), y.current = setTimeout(() => _(!1), f);
+	}, [b, f]);
+	return r(() => b, [b]), /* @__PURE__ */ c("span", {
+		className: t.root,
+		onMouseEnter: x,
+		onMouseLeave: S,
+		onFocus: x,
+		onBlur: S,
+		children: [/* @__PURE__ */ s("span", {
+			"aria-describedby": g ? v : void 0,
+			className: t.trigger,
+			children: l
+		}), g && /* @__PURE__ */ s("div", {
+			id: v,
+			role: "dialog",
+			className: e(t.card, t[p], m),
+			...h,
+			children: u
+		})]
+	});
 }
-export {
-  R as HoverCard
-};
-//# sourceMappingURL=HoverCard.js.map
+//#endregion
+export { l as HoverCard };
+
+//# sourceMappingURL=HoverCard.js.map

package/dist/components/HoverCard/HoverCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.js","sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./HoverCard.module.css\";\n\nexport type HoverCardPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface HoverCardProps extends HTMLAttributes<HTMLDivElement> {\n    /** Element the user hovers/focuses to reveal the card. */\n    trigger: ReactNode;\n    /** Card content shown while hovering/focusing the trigger or the card itself. */\n    children: ReactNode;\n    /** Delay in ms before opening on mouseenter/focus. Default 300. */\n    openDelay?: number;\n    /** Delay in ms before closing on mouseleave/blur. Default 150. */\n    closeDelay?: number;\n    /** Where the card is anchored relative to the trigger. Default \"bottom\". */\n    placement?: HoverCardPlacement;\n}\n\n/**\n * Content preview shown when the trigger is hovered or focused.\n *\n * - Opens after `openDelay` on `mouseenter`/`focus`.\n * - Closes after `closeDelay` on `mouseleave`/`blur`.\n * - Positioned relative to the trigger via `placement`.\n * - The card is rendered as a labelled `role=\"dialog\"` region; the trigger stays keyboard focusable.\n *\n * @param props - The hover card props.\n * @returns The trigger wrapper and the anchored card when open.\n */\nexport function HoverCard({\n    trigger,\n    children,\n    openDelay = 300,\n    closeDelay = 150,\n    placement = \"bottom\",\n    className,\n    ...rest\n}: HoverCardProps) {\n    const [open, setOpen] = useState(false);\n    const id = useId();\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const clearTimer = useCallback((): void => {\n        if (timerRef.current !== null) {\n            clearTimeout(timerRef.current);\n            timerRef.current = null;\n        }\n    }, []);\n\n    const scheduleOpen = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(true), openDelay);\n    }, [clearTimer, openDelay]);\n\n    const scheduleClose = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(false), closeDelay);\n    }, [clearTimer, closeDelay]);\n\n    useEffect(() => clearTimer, [clearTimer]);\n\n    return (\n        <span\n            className={styles.root}\n            onMouseEnter={scheduleOpen}\n            onMouseLeave={scheduleClose}\n            onFocus={scheduleOpen}\n            onBlur={scheduleClose}\n        >\n            <span aria-describedby={open ? id : undefined} className={styles.trigger}>\n                {trigger}\n            </span>\n            {open && (\n                <div\n                    id={id}\n                    role=\"dialog\"\n                    className={cn(styles.card, styles[placement], className)}\n                    {...rest}\n                >\n                    {children}\n                </div>\n            )}\n        </span>\n    );\n}\n"],"names":["HoverCard","trigger","children","openDelay","closeDelay","placement","className","rest","open","setOpen","useState","id","useId","timerRef","useRef","clearTimer","useCallback","scheduleOpen","scheduleClose","useEffect","jsxs","styles","jsx","cn"],"mappings":";;;;AA+BO,SAASA,EAAU;AAAA,EACtB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,GAAGC;AACP,GAAmB;AACf,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAKC,EAAA,GACLC,IAAWC,EAA6C,IAAI,GAE5DC,IAAaC,EAAY,MAAY;AACvC,IAAIH,EAAS,YAAY,SACrB,aAAaA,EAAS,OAAO,GAC7BA,EAAS,UAAU;AAAA,EAE3B,GAAG,CAAA,CAAE,GAECI,IAAeD,EAAY,MAAY;AACzC,IAAAD,EAAA,GACAF,EAAS,UAAU,WAAW,MAAMJ,EAAQ,EAAI,GAAGN,CAAS;AAAA,EAChE,GAAG,CAACY,GAAYZ,CAAS,CAAC,GAEpBe,IAAgBF,EAAY,MAAY;AAC1C,IAAAD,EAAA,GACAF,EAAS,UAAU,WAAW,MAAMJ,EAAQ,EAAK,GAAGL,CAAU;AAAA,EAClE,GAAG,CAACW,GAAYX,CAAU,CAAC;AAE3B,SAAAe,EAAU,MAAMJ,GAAY,CAACA,CAAU,CAAC,GAGpC,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAO;AAAA,MAClB,cAAcJ;AAAA,MACd,cAAcC;AAAA,MACd,SAASD;AAAA,MACT,QAAQC;AAAA,MAER,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAA,EAAK,oBAAkBd,IAAOG,IAAK,QAAW,WAAWU,EAAO,SAC5D,UAAApB,EAAA,CACL;AAAA,QACCO,KACG,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,IAAAX;AAAA,YACA,MAAK;AAAA,YACL,WAAWY,EAAGF,EAAO,MAAMA,EAAOhB,CAAS,GAAGC,CAAS;AAAA,YACtD,GAAGC;AAAA,YAEH,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA;AAIhB;"}
+{"version":3,"file":"HoverCard.js","names":[],"sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./HoverCard.module.css\";\n\nexport type HoverCardPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface HoverCardProps extends HTMLAttributes<HTMLDivElement> {\n    /** Element the user hovers/focuses to reveal the card. */\n    trigger: ReactNode;\n    /** Card content shown while hovering/focusing the trigger or the card itself. */\n    children: ReactNode;\n    /** Delay in ms before opening on mouseenter/focus. Default 300. */\n    openDelay?: number;\n    /** Delay in ms before closing on mouseleave/blur. Default 150. */\n    closeDelay?: number;\n    /** Where the card is anchored relative to the trigger. Default \"bottom\". */\n    placement?: HoverCardPlacement;\n}\n\n/**\n * Content preview shown when the trigger is hovered or focused.\n *\n * - Opens after `openDelay` on `mouseenter`/`focus`.\n * - Closes after `closeDelay` on `mouseleave`/`blur`.\n * - Positioned relative to the trigger via `placement`.\n * - The card is rendered as a labelled `role=\"dialog\"` region; the trigger stays keyboard focusable.\n *\n * @param props - The hover card props.\n * @returns The trigger wrapper and the anchored card when open.\n */\nexport function HoverCard({\n    trigger,\n    children,\n    openDelay = 300,\n    closeDelay = 150,\n    placement = \"bottom\",\n    className,\n    ...rest\n}: HoverCardProps) {\n    const [open, setOpen] = useState(false);\n    const id = useId();\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const clearTimer = useCallback((): void => {\n        if (timerRef.current !== null) {\n            clearTimeout(timerRef.current);\n            timerRef.current = null;\n        }\n    }, []);\n\n    const scheduleOpen = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(true), openDelay);\n    }, [clearTimer, openDelay]);\n\n    const scheduleClose = useCallback((): void => {\n        clearTimer();\n        timerRef.current = setTimeout(() => setOpen(false), closeDelay);\n    }, [clearTimer, closeDelay]);\n\n    useEffect(() => clearTimer, [clearTimer]);\n\n    return (\n        <span\n            className={styles.root}\n            onMouseEnter={scheduleOpen}\n            onMouseLeave={scheduleClose}\n            onFocus={scheduleOpen}\n            onBlur={scheduleClose}\n        >\n            <span aria-describedby={open ? id : undefined} className={styles.trigger}>\n                {trigger}\n            </span>\n            {open && (\n                <div\n                    id={id}\n                    role=\"dialog\"\n                    className={cn(styles.card, styles[placement], className)}\n                    {...rest}\n                >\n                    {children}\n                </div>\n            )}\n        </span>\n    );\n}\n"],"mappings":";;;;;AA+BA,SAAgB,EAAU,EACtB,YACA,aACA,eAAY,KACZ,gBAAa,KACb,eAAY,UACZ,cACA,GAAG,KACY;CACf,IAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,IAAK,EAAM,GACX,IAAW,EAA6C,IAAI,GAE5D,IAAa,QAAwB;EACvC,AAAI,EAAS,YAAY,SACrB,aAAa,EAAS,OAAO,GAC7B,EAAS,UAAU;CAE3B,GAAG,CAAC,CAAC,GAEC,IAAe,QAAwB;EAEzC,AADA,EAAW,GACX,EAAS,UAAU,iBAAiB,EAAQ,EAAI,GAAG,CAAS;CAChE,GAAG,CAAC,GAAY,CAAS,CAAC,GAEpB,IAAgB,QAAwB;EAE1C,AADA,EAAW,GACX,EAAS,UAAU,iBAAiB,EAAQ,EAAK,GAAG,CAAU;CAClE,GAAG,CAAC,GAAY,CAAU,CAAC;CAI3B,OAFA,QAAgB,GAAY,CAAC,CAAU,CAAC,GAGpC,kBAAC,QAAD;EACI,WAAW,EAAO;EAClB,cAAc;EACd,cAAc;EACd,SAAS;EACT,QAAQ;YALZ,CAOI,kBAAC,QAAD;GAAM,oBAAkB,IAAO,IAAK,KAAA;GAAW,WAAW,EAAO;aAC5D;EACC,CAAA,GACL,KACG,kBAAC,OAAD;GACQ;GACJ,MAAK;GACL,WAAW,EAAG,EAAO,MAAM,EAAO,IAAY,CAAS;GACvD,GAAI;GAEH;EACA,CAAA,CAEP;;AAEd"}

package/dist/components/HoverCard/HoverCard.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_2KoZA`,t=`tempest_trigger_OXsnr`,n=`tempest_card_CoGx4`,r=`tempest_tempest-hover-card-in_jD85J`,i=`tempest_top_AVcQ0`,a=`tempest_bottom_2rLAA`,o=`tempest_left_tqGPt`,s=`tempest_right_9Fe6S`,c={root:e,trigger:t,card:n,tempestHoverCardIn:r,top:i,bottom:a,left:o,right:s};exports.bottom=a,exports.card=n,exports.default=c,exports.left=o,exports.right=s,exports.root=e,exports.tempestHoverCardIn=r,exports.top=i,exports.trigger=t;
+//# sourceMappingURL=HoverCard.module.cjs.map

package/dist/components/HoverCard/HoverCard.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.module.cjs","names":[],"sources":["../../../src/components/HoverCard/HoverCard.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.trigger {\n    display: inline-flex;\n}\n\n.card {\n    position: absolute;\n    z-index: var(--tempest-z-popover);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    min-width: 200px;\n    max-width: 320px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    animation: tempest-hover-card-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.card:focus {\n    outline: none;\n}\n\n/* Placements (center-aligned across the trigger). */\n.top {\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.bottom {\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.left {\n    right: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n.right {\n    left: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n@keyframes tempest-hover-card-in {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .card {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/HoverCard/HoverCard.module.js

@@ -0,0 +1,15 @@
+//#region src/components/HoverCard/HoverCard.module.css
+var e = "tempest_root_2KoZA", t = "tempest_trigger_OXsnr", n = "tempest_card_CoGx4", r = "tempest_tempest-hover-card-in_jD85J", i = "tempest_top_AVcQ0", a = "tempest_bottom_2rLAA", o = "tempest_left_tqGPt", s = "tempest_right_9Fe6S", c = {
+	root: e,
+	trigger: t,
+	card: n,
+	tempestHoverCardIn: r,
+	top: i,
+	bottom: a,
+	left: o,
+	right: s
+};
+//#endregion
+export { a as bottom, n as card, c as default, o as left, s as right, e as root, r as tempestHoverCardIn, i as top, t as trigger };
+
+//# sourceMappingURL=HoverCard.module.js.map

package/dist/components/HoverCard/HoverCard.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.module.js","names":[],"sources":["../../../src/components/HoverCard/HoverCard.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.trigger {\n    display: inline-flex;\n}\n\n.card {\n    position: absolute;\n    z-index: var(--tempest-z-popover);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    min-width: 200px;\n    max-width: 320px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    animation: tempest-hover-card-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.card:focus {\n    outline: none;\n}\n\n/* Placements (center-aligned across the trigger). */\n.top {\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.bottom {\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.left {\n    right: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n.right {\n    left: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n@keyframes tempest-hover-card-in {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .card {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Image/Image.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),t=require("react"),S=require("../../utils/cn.cjs"),q=require("./Image.module.css.cjs");function f({src:s,fallback:e,alt:u,lazy:n=!0,className:c,onError:a,...o}){const[r,i]=t.useState(s),[g,l]=t.useState(!1);return d.jsx("img",{src:r,alt:u,loading:n?"lazy":"eager",className:S.cn(q.default.image,c),onError:m=>{e&&!g&&r!==e&&(l(!0),i(e)),a?.(m)},...o})}exports.Image=f;
-//# sourceMappingURL=Image.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Image.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({src:i,fallback:a,alt:o,lazy:s=!0,className:c,onError:l,...u}){let[d,f]=(0,n.useState)(i),[p,m]=(0,n.useState)(!1);return(0,r.jsx)(`img`,{src:d,alt:o,loading:s?`lazy`:`eager`,className:e.cn(t.default.image,c),onError:e=>{a&&!p&&d!==a&&(m(!0),f(a)),l?.(e)},...u})}exports.Image=i;
+//# sourceMappingURL=Image.cjs.map

package/dist/components/Image/Image.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Image.cjs","sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":["import type { ImgHTMLAttributes } from \"react\";\nimport { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Image.module.css\";\n\nexport interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, \"src\"> {\n    /** Primary image source URL. */\n    src: string;\n    /** Fallback source swapped in once if the primary `src` fails to load. */\n    fallback?: string;\n    /** Alternative text describing the image (required for accessibility). */\n    alt: string;\n    /** When true (default) uses native lazy loading; otherwise loads eagerly. */\n    lazy?: boolean;\n}\n\n/**\n * Renders an `<img>` with native lazy loading and a one-shot fallback.\n *\n * On the first load error the source is swapped to `fallback` (when provided),\n * guarded so a failing fallback cannot loop the `onError` handler.\n *\n * @param src - The primary image source URL.\n * @param fallback - Optional source used once when `src` fails to load.\n * @param alt - Accessible alternative text for the image.\n * @param lazy - Whether to use `loading=\"lazy\"` (default `true`).\n * @returns The rendered image element.\n */\nexport function Image({\n    src,\n    fallback,\n    alt,\n    lazy = true,\n    className,\n    onError,\n    ...props\n}: ImageProps) {\n    const [currentSrc, setCurrentSrc] = useState<string>(src);\n    const [usedFallback, setUsedFallback] = useState<boolean>(false);\n\n    return (\n        <img\n            src={currentSrc}\n            alt={alt}\n            loading={lazy ? \"lazy\" : \"eager\"}\n            className={cn(styles.image, className)}\n            onError={(event) => {\n                if (fallback && !usedFallback && currentSrc !== fallback) {\n                    setUsedFallback(true);\n                    setCurrentSrc(fallback);\n                }\n                onError?.(event);\n            }}\n            {...props}\n        />\n    );\n}\n"],"names":["Image","src","fallback","alt","lazy","className","onError","props","currentSrc","setCurrentSrc","useState","usedFallback","setUsedFallback","jsx","cn","styles","event"],"mappings":"4MA4BO,SAASA,EAAM,CAClB,IAAAC,EACA,SAAAC,EACA,IAAAC,EACA,KAAAC,EAAO,GACP,UAAAC,EACA,QAAAC,EACA,GAAGC,CACP,EAAe,CACX,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAiBT,CAAG,EAClD,CAACU,EAAcC,CAAe,EAAIF,EAAAA,SAAkB,EAAK,EAE/D,OACIG,EAAAA,IAAC,MAAA,CACG,IAAKL,EACL,IAAAL,EACA,QAASC,EAAO,OAAS,QACzB,UAAWU,EAAAA,GAAGC,UAAO,MAAOV,CAAS,EACrC,QAAUW,GAAU,CACZd,GAAY,CAACS,GAAgBH,IAAeN,IAC5CU,EAAgB,EAAI,EACpBH,EAAcP,CAAQ,GAE1BI,IAAUU,CAAK,CACnB,EACC,GAAGT,CAAA,CAAA,CAGhB"}
+{"version":3,"file":"Image.cjs","names":[],"sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":["import type { ImgHTMLAttributes } from \"react\";\nimport { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Image.module.css\";\n\nexport interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, \"src\"> {\n    /** Primary image source URL. */\n    src: string;\n    /** Fallback source swapped in once if the primary `src` fails to load. */\n    fallback?: string;\n    /** Alternative text describing the image (required for accessibility). */\n    alt: string;\n    /** When true (default) uses native lazy loading; otherwise loads eagerly. */\n    lazy?: boolean;\n}\n\n/**\n * Renders an `<img>` with native lazy loading and a one-shot fallback.\n *\n * On the first load error the source is swapped to `fallback` (when provided),\n * guarded so a failing fallback cannot loop the `onError` handler.\n *\n * @param src - The primary image source URL.\n * @param fallback - Optional source used once when `src` fails to load.\n * @param alt - Accessible alternative text for the image.\n * @param lazy - Whether to use `loading=\"lazy\"` (default `true`).\n * @returns The rendered image element.\n */\nexport function Image({\n    src,\n    fallback,\n    alt,\n    lazy = true,\n    className,\n    onError,\n    ...props\n}: ImageProps) {\n    const [currentSrc, setCurrentSrc] = useState<string>(src);\n    const [usedFallback, setUsedFallback] = useState<boolean>(false);\n\n    return (\n        <img\n            src={currentSrc}\n            alt={alt}\n            loading={lazy ? \"lazy\" : \"eager\"}\n            className={cn(styles.image, className)}\n            onError={(event) => {\n                if (fallback && !usedFallback && currentSrc !== fallback) {\n                    setUsedFallback(true);\n                    setCurrentSrc(fallback);\n                }\n                onError?.(event);\n            }}\n            {...props}\n        />\n    );\n}\n"],"mappings":"4HA4BA,SAAgB,EAAM,CAClB,MACA,WACA,MACA,OAAO,GACP,YACA,UACA,GAAG,GACQ,CACX,GAAM,CAAC,EAAY,IAAA,EAAA,EAAA,SAAA,CAAkC,CAAG,EAClD,CAAC,EAAc,IAAA,EAAA,EAAA,SAAA,CAAqC,EAAK,EAE/D,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,IAAK,EACA,MACL,QAAS,EAAO,OAAS,QACzB,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,QAAU,GAAU,CACZ,GAAY,CAAC,GAAgB,IAAe,IAC5C,EAAgB,EAAI,EACpB,EAAc,CAAQ,GAE1B,IAAU,CAAK,CACnB,EACA,GAAI,CACP,CAAA,CAET"}

package/dist/components/Image/Image.js

@@ -1,32 +1,22 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useState as t } from "react";
-import { cn as p } from "../../utils/cn.js";
-import d from "./Image.module.css.js";
-function j({
-  src: o,
-  fallback: r,
-  alt: s,
-  lazy: m = !0,
-  className: n,
-  onError: a,
-  ...c
-}) {
-  const [e, i] = t(o), [u, f] = t(!1);
-  return /* @__PURE__ */ l(
-    "img",
-    {
-      src: e,
-      alt: s,
-      loading: m ? "lazy" : "eager",
-      className: p(d.image, n),
-      onError: (g) => {
-        r && !u && e !== r && (f(!0), i(r)), a?.(g);
-      },
-      ...c
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./Image.module.js";
+import { useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/Image/Image.tsx
+function i({ src: i, fallback: a, alt: o, lazy: s = !0, className: c, onError: l, ...u }) {
+	let [d, f] = n(i), [p, m] = n(!1);
+	return /* @__PURE__ */ r("img", {
+		src: d,
+		alt: o,
+		loading: s ? "lazy" : "eager",
+		className: e(t.image, c),
+		onError: (e) => {
+			a && !p && d !== a && (m(!0), f(a)), l?.(e);
+		},
+		...u
+	});
 }
-export {
-  j as Image
-};
-//# sourceMappingURL=Image.js.map
+//#endregion
+export { i as Image };
+
+//# sourceMappingURL=Image.js.map

package/dist/components/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":["import type { ImgHTMLAttributes } from \"react\";\nimport { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Image.module.css\";\n\nexport interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, \"src\"> {\n    /** Primary image source URL. */\n    src: string;\n    /** Fallback source swapped in once if the primary `src` fails to load. */\n    fallback?: string;\n    /** Alternative text describing the image (required for accessibility). */\n    alt: string;\n    /** When true (default) uses native lazy loading; otherwise loads eagerly. */\n    lazy?: boolean;\n}\n\n/**\n * Renders an `<img>` with native lazy loading and a one-shot fallback.\n *\n * On the first load error the source is swapped to `fallback` (when provided),\n * guarded so a failing fallback cannot loop the `onError` handler.\n *\n * @param src - The primary image source URL.\n * @param fallback - Optional source used once when `src` fails to load.\n * @param alt - Accessible alternative text for the image.\n * @param lazy - Whether to use `loading=\"lazy\"` (default `true`).\n * @returns The rendered image element.\n */\nexport function Image({\n    src,\n    fallback,\n    alt,\n    lazy = true,\n    className,\n    onError,\n    ...props\n}: ImageProps) {\n    const [currentSrc, setCurrentSrc] = useState<string>(src);\n    const [usedFallback, setUsedFallback] = useState<boolean>(false);\n\n    return (\n        <img\n            src={currentSrc}\n            alt={alt}\n            loading={lazy ? \"lazy\" : \"eager\"}\n            className={cn(styles.image, className)}\n            onError={(event) => {\n                if (fallback && !usedFallback && currentSrc !== fallback) {\n                    setUsedFallback(true);\n                    setCurrentSrc(fallback);\n                }\n                onError?.(event);\n            }}\n            {...props}\n        />\n    );\n}\n"],"names":["Image","src","fallback","alt","lazy","className","onError","props","currentSrc","setCurrentSrc","useState","usedFallback","setUsedFallback","jsx","cn","styles","event"],"mappings":";;;;AA4BO,SAASA,EAAM;AAAA,EAClB,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACP,GAAe;AACX,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiBT,CAAG,GAClD,CAACU,GAAcC,CAAe,IAAIF,EAAkB,EAAK;AAE/D,SACI,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAKL;AAAA,MACL,KAAAL;AAAA,MACA,SAASC,IAAO,SAAS;AAAA,MACzB,WAAWU,EAAGC,EAAO,OAAOV,CAAS;AAAA,MACrC,SAAS,CAACW,MAAU;AAChB,QAAId,KAAY,CAACS,KAAgBH,MAAeN,MAC5CU,EAAgB,EAAI,GACpBH,EAAcP,CAAQ,IAE1BI,IAAUU,CAAK;AAAA,MACnB;AAAA,MACC,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"Image.js","names":[],"sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":["import type { ImgHTMLAttributes } from \"react\";\nimport { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Image.module.css\";\n\nexport interface ImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, \"src\"> {\n    /** Primary image source URL. */\n    src: string;\n    /** Fallback source swapped in once if the primary `src` fails to load. */\n    fallback?: string;\n    /** Alternative text describing the image (required for accessibility). */\n    alt: string;\n    /** When true (default) uses native lazy loading; otherwise loads eagerly. */\n    lazy?: boolean;\n}\n\n/**\n * Renders an `<img>` with native lazy loading and a one-shot fallback.\n *\n * On the first load error the source is swapped to `fallback` (when provided),\n * guarded so a failing fallback cannot loop the `onError` handler.\n *\n * @param src - The primary image source URL.\n * @param fallback - Optional source used once when `src` fails to load.\n * @param alt - Accessible alternative text for the image.\n * @param lazy - Whether to use `loading=\"lazy\"` (default `true`).\n * @returns The rendered image element.\n */\nexport function Image({\n    src,\n    fallback,\n    alt,\n    lazy = true,\n    className,\n    onError,\n    ...props\n}: ImageProps) {\n    const [currentSrc, setCurrentSrc] = useState<string>(src);\n    const [usedFallback, setUsedFallback] = useState<boolean>(false);\n\n    return (\n        <img\n            src={currentSrc}\n            alt={alt}\n            loading={lazy ? \"lazy\" : \"eager\"}\n            className={cn(styles.image, className)}\n            onError={(event) => {\n                if (fallback && !usedFallback && currentSrc !== fallback) {\n                    setUsedFallback(true);\n                    setCurrentSrc(fallback);\n                }\n                onError?.(event);\n            }}\n            {...props}\n        />\n    );\n}\n"],"mappings":";;;;;AA4BA,SAAgB,EAAM,EAClB,QACA,aACA,QACA,UAAO,IACP,cACA,YACA,GAAG,KACQ;CACX,IAAM,CAAC,GAAY,KAAiB,EAAiB,CAAG,GAClD,CAAC,GAAc,KAAmB,EAAkB,EAAK;CAE/D,OACI,kBAAC,OAAD;EACI,KAAK;EACA;EACL,SAAS,IAAO,SAAS;EACzB,WAAW,EAAG,EAAO,OAAO,CAAS;EACrC,UAAU,MAAU;GAKhB,AAJI,KAAY,CAAC,KAAgB,MAAe,MAC5C,EAAgB,EAAI,GACpB,EAAc,CAAQ,IAE1B,IAAU,CAAK;EACnB;EACA,GAAI;CACP,CAAA;AAET"}

package/dist/components/Image/Image.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_image_Zq9Zs`,t={image:e};exports.default=t,exports.image=e;
+//# sourceMappingURL=Image.module.cjs.map

package/dist/components/Image/Image.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.module.cjs","names":[],"sources":["../../../src/components/Image/Image.module.css"],"sourcesContent":[".image {\n    max-width: 100%;\n    height: auto;\n    display: block;\n}\n"],"mappings":""}

package/dist/components/Image/Image.module.js

@@ -0,0 +1,6 @@
+//#region src/components/Image/Image.module.css
+var e = "tempest_image_Zq9Zs", t = { image: e };
+//#endregion
+export { t as default, e as image };
+
+//# sourceMappingURL=Image.module.js.map

package/dist/components/Image/Image.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.module.js","names":[],"sources":["../../../src/components/Image/Image.module.css"],"sourcesContent":[".image {\n    max-width: 100%;\n    height: auto;\n    display: block;\n}\n"],"mappings":""}

package/dist/components/Input/Input.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),f=require("../../utils/cn.cjs"),e=require("./Input.module.css.cjs"),I=r.forwardRef(function({label:i,helperText:l,error:d,leftIcon:t,rightIcon:n,wrapperClassName:o,className:m,id:p,required:c,size:u="md",...h},j){const x=r.useId(),a=p??x,N=d?`${a}-error`:l?`${a}-helper`:void 0,b=u==="sm"?e.default.sizeSm:u==="lg"?e.default.sizeLg:e.default.sizeMd;return s.jsxs("div",{className:f.cn(e.default.wrapper,d&&e.default.error,o),children:[i&&s.jsxs("label",{htmlFor:a,className:e.default.label,children:[i,c&&s.jsx("span",{className:e.default.required,children:"*"})]}),s.jsxs("div",{className:e.default.field,children:[t&&s.jsx("span",{className:e.default.iconLeft,children:t}),s.jsx("input",{ref:j,id:a,"aria-invalid":!!d,"aria-describedby":N,required:c,className:f.cn(e.default.input,b,t&&e.default.hasLeftIcon,n&&e.default.hasRightIcon,m),...h}),n&&s.jsx("span",{className:e.default.iconRight,children:n})]}),d?s.jsx("span",{id:`${a}-error`,className:e.default.errorText,children:d}):l?s.jsx("span",{id:`${a}-helper`,className:e.default.helper,children:l}):null]})});exports.Input=I;
-//# sourceMappingURL=Input.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Input.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({label:i,helperText:a,error:o,leftIcon:s,rightIcon:c,wrapperClassName:l,className:u,id:d,required:f,size:p=`md`,...m},h){let g=(0,n.useId)(),_=d??g,v=o?`${_}-error`:a?`${_}-helper`:void 0,y=p===`sm`?t.default.sizeSm:p===`lg`?t.default.sizeLg:t.default.sizeMd;return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,o&&t.default.error,l),children:[i&&(0,r.jsxs)(`label`,{htmlFor:_,className:t.default.label,children:[i,f&&(0,r.jsx)(`span`,{className:t.default.required,children:`*`})]}),(0,r.jsxs)(`div`,{className:t.default.field,children:[s&&(0,r.jsx)(`span`,{className:t.default.iconLeft,children:s}),(0,r.jsx)(`input`,{ref:h,id:_,"aria-invalid":!!o,"aria-describedby":v,required:f,className:e.cn(t.default.input,y,s&&t.default.hasLeftIcon,c&&t.default.hasRightIcon,u),...m}),c&&(0,r.jsx)(`span`,{className:t.default.iconRight,children:c})]}),o?(0,r.jsx)(`span`,{id:`${_}-error`,className:t.default.errorText,children:o}):a?(0,r.jsx)(`span`,{id:`${_}-helper`,className:t.default.helper,children:a}):null]})});exports.Input=i;
+//# sourceMappingURL=Input.cjs.map

package/dist/components/Input/Input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Input.module.css\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    wrapperClassName?: string;\n    /** Visual size — drives height, padding and font via density-aware tokens. */\n    size?: InputSize;\n}\n\n/**\n * Labelled text input with helper/error slots and optional adornment icons.\n * Forwards refs to the underlying `<input>` for integration with form libraries.\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n    {\n        label,\n        helperText,\n        error,\n        leftIcon,\n        rightIcon,\n        wrapperClassName,\n        className,\n        id,\n        required,\n        size = \"md\",\n        ...props\n    },\n    ref,\n) {\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n    const sizeClass = size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : styles.sizeMd;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <div className={styles.field}>\n                {leftIcon && <span className={styles.iconLeft}>{leftIcon}</span>}\n                <input\n                    ref={ref}\n                    id={inputId}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    required={required}\n                    className={cn(\n                        styles.input,\n                        sizeClass,\n                        leftIcon && styles.hasLeftIcon,\n                        rightIcon && styles.hasRightIcon,\n                        className,\n                    )}\n                    {...props}\n                />\n                {rightIcon && <span className={styles.iconRight}>{rightIcon}</span>}\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n});\n"],"names":["Input","forwardRef","label","helperText","error","leftIcon","rightIcon","wrapperClassName","className","id","required","size","props","ref","generatedId","useId","inputId","describedById","sizeClass","styles","jsxs","cn","jsx"],"mappings":"4MAsBaA,EAAQC,EAAAA,WAAyC,SAC1D,CACI,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,UAAAC,EACA,iBAAAC,EACA,UAAAC,EACA,GAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,KACP,GAAGC,CACP,EACAC,EACF,CACE,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAUP,GAAMK,EAChBG,EAAgBb,EAAQ,GAAGY,CAAO,SAAWb,EAAa,GAAGa,CAAO,UAAY,OAChFE,EAAYP,IAAS,KAAOQ,UAAO,OAASR,IAAS,KAAOQ,EAAAA,QAAO,OAASA,EAAAA,QAAO,OAEzF,OACIC,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGF,EAAAA,QAAO,QAASf,GAASe,EAAAA,QAAO,MAAOZ,CAAgB,EACrE,SAAA,CAAAL,UACI,QAAA,CAAM,QAASc,EAAS,UAAWG,EAAAA,QAAO,MACtC,SAAA,CAAAjB,EACAQ,GAAYY,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,SAAU,SAAA,GAAA,CAAC,CAAA,EACpD,EAEJC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,MAClB,SAAA,CAAAd,GAAYiB,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,SAAW,SAAAd,EAAS,EACzDiB,EAAAA,IAAC,QAAA,CACG,IAAAT,EACA,GAAIG,EACJ,eAAc,CAAC,CAACZ,EAChB,mBAAkBa,EAClB,SAAAP,EACA,UAAWW,EAAAA,GACPF,EAAAA,QAAO,MACPD,EACAb,GAAYc,EAAAA,QAAO,YACnBb,GAAaa,EAAAA,QAAO,aACpBX,CAAA,EAEH,GAAGI,CAAA,CAAA,EAEPN,GAAagB,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,UAAY,SAAAb,CAAA,CAAU,CAAA,EAChE,EACCF,QACI,OAAA,CAAK,GAAI,GAAGY,CAAO,SAAU,UAAWG,EAAAA,QAAO,UAC3C,SAAAf,CAAA,CACL,EACAD,EACAmB,EAAAA,IAAC,OAAA,CAAK,GAAI,GAAGN,CAAO,UAAW,UAAWG,EAAAA,QAAO,OAC5C,SAAAhB,CAAA,CACL,EACA,IAAA,EACR,CAER,CAAC"}
+{"version":3,"file":"Input.cjs","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Input.module.css\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    wrapperClassName?: string;\n    /** Visual size — drives height, padding and font via density-aware tokens. */\n    size?: InputSize;\n}\n\n/**\n * Labelled text input with helper/error slots and optional adornment icons.\n * Forwards refs to the underlying `<input>` for integration with form libraries.\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n    {\n        label,\n        helperText,\n        error,\n        leftIcon,\n        rightIcon,\n        wrapperClassName,\n        className,\n        id,\n        required,\n        size = \"md\",\n        ...props\n    },\n    ref,\n) {\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n    const sizeClass = size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : styles.sizeMd;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <div className={styles.field}>\n                {leftIcon && <span className={styles.iconLeft}>{leftIcon}</span>}\n                <input\n                    ref={ref}\n                    id={inputId}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    required={required}\n                    className={cn(\n                        styles.input,\n                        sizeClass,\n                        leftIcon && styles.hasLeftIcon,\n                        rightIcon && styles.hasRightIcon,\n                        className,\n                    )}\n                    {...props}\n                />\n                {rightIcon && <span className={styles.iconRight}>{rightIcon}</span>}\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":"4HAsBA,IAAa,GAAA,EAAA,EAAA,WAAA,CAAiD,SAC1D,CACI,QACA,aACA,QACA,WACA,YACA,mBACA,YACA,KACA,WACA,OAAO,KACP,GAAG,GAEP,EACF,CACE,IAAM,GAAA,EAAA,EAAA,MAAA,CAAoB,EACpB,EAAU,GAAM,EAChB,EAAgB,EAAQ,GAAG,EAAQ,QAAU,EAAa,GAAG,EAAQ,SAAW,IAAA,GAChF,EAAY,IAAS,KAAO,EAAA,QAAO,OAAS,IAAS,KAAO,EAAA,QAAO,OAAS,EAAA,QAAO,OAEzF,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAS,EAAA,QAAO,MAAO,CAAgB,WAA1E,CACK,IACG,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,QAAS,EAAS,UAAW,EAAA,QAAO,eAA3C,CACK,EACA,IAAY,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAU,GAAO,CAAA,CACnD,KAEX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,CACK,IAAY,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,CAAe,CAAA,GAC/D,EAAA,EAAA,IAAA,CAAC,QAAD,CACS,MACL,GAAI,EACJ,eAAc,CAAC,CAAC,EAChB,mBAAkB,EACR,WACV,UAAW,EAAA,GACP,EAAA,QAAO,MACP,EACA,GAAY,EAAA,QAAO,YACnB,GAAa,EAAA,QAAO,aACpB,CACJ,EACA,GAAI,CACP,CAAA,EACA,IAAa,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAY,CAAgB,CAAA,CACjE,IACJ,GACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAG,EAAQ,QAAS,UAAW,EAAA,QAAO,mBAC3C,CACC,CAAA,EACN,GACA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,GAAI,GAAG,EAAQ,SAAU,UAAW,EAAA,QAAO,gBAC5C,CACC,CAAA,EACN,IACH,GAEb,CAAC"}

package/dist/components/Input/Input.js

@@ -1,52 +1,56 @@
-import { jsxs as c, jsx as a } from "react/jsx-runtime";
-import { forwardRef as $, useId as g } from "react";
-import { cn as o } from "../../utils/cn.js";
-import s from "./Input.module.css.js";
-const w = $(function({
-  label: l,
-  helperText: n,
-  error: i,
-  leftIcon: d,
-  rightIcon: r,
-  wrapperClassName: p,
-  className: h,
-  id: u,
-  required: m,
-  size: t = "md",
-  ...N
-}, f) {
-  const b = g(), e = u ?? b, v = i ? `${e}-error` : n ? `${e}-helper` : void 0, I = t === "sm" ? s.sizeSm : t === "lg" ? s.sizeLg : s.sizeMd;
-  return /* @__PURE__ */ c("div", { className: o(s.wrapper, i && s.error, p), children: [
-    l && /* @__PURE__ */ c("label", { htmlFor: e, className: s.label, children: [
-      l,
-      m && /* @__PURE__ */ a("span", { className: s.required, children: "*" })
-    ] }),
-    /* @__PURE__ */ c("div", { className: s.field, children: [
-      d && /* @__PURE__ */ a("span", { className: s.iconLeft, children: d }),
-      /* @__PURE__ */ a(
-        "input",
-        {
-          ref: f,
-          id: e,
-          "aria-invalid": !!i,
-          "aria-describedby": v,
-          required: m,
-          className: o(
-            s.input,
-            I,
-            d && s.hasLeftIcon,
-            r && s.hasRightIcon,
-            h
-          ),
-          ...N
-        }
-      ),
-      r && /* @__PURE__ */ a("span", { className: s.iconRight, children: r })
-    ] }),
-    i ? /* @__PURE__ */ a("span", { id: `${e}-error`, className: s.errorText, children: i }) : n ? /* @__PURE__ */ a("span", { id: `${e}-helper`, className: s.helper, children: n }) : null
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import t from "./Input.module.js";
+import { forwardRef as n, useId as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Input/Input.tsx
+var o = n(function({ label: n, helperText: o, error: s, leftIcon: c, rightIcon: l, wrapperClassName: u, className: d, id: f, required: p, size: m = "md", ...h }, g) {
+	let _ = r(), v = f ?? _, y = s ? `${v}-error` : o ? `${v}-helper` : void 0, b = m === "sm" ? t.sizeSm : m === "lg" ? t.sizeLg : t.sizeMd;
+	return /* @__PURE__ */ a("div", {
+		className: e(t.wrapper, s && t.error, u),
+		children: [
+			n && /* @__PURE__ */ a("label", {
+				htmlFor: v,
+				className: t.label,
+				children: [n, p && /* @__PURE__ */ i("span", {
+					className: t.required,
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: t.field,
+				children: [
+					c && /* @__PURE__ */ i("span", {
+						className: t.iconLeft,
+						children: c
+					}),
+					/* @__PURE__ */ i("input", {
+						ref: g,
+						id: v,
+						"aria-invalid": !!s,
+						"aria-describedby": y,
+						required: p,
+						className: e(t.input, b, c && t.hasLeftIcon, l && t.hasRightIcon, d),
+						...h
+					}),
+					l && /* @__PURE__ */ i("span", {
+						className: t.iconRight,
+						children: l
+					})
+				]
+			}),
+			s ? /* @__PURE__ */ i("span", {
+				id: `${v}-error`,
+				className: t.errorText,
+				children: s
+			}) : o ? /* @__PURE__ */ i("span", {
+				id: `${v}-helper`,
+				className: t.helper,
+				children: o
+			}) : null
+		]
+	});
 });
-export {
-  w as Input
-};
-//# sourceMappingURL=Input.js.map
+//#endregion
+export { o as Input };
+
+//# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Input.module.css\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    wrapperClassName?: string;\n    /** Visual size — drives height, padding and font via density-aware tokens. */\n    size?: InputSize;\n}\n\n/**\n * Labelled text input with helper/error slots and optional adornment icons.\n * Forwards refs to the underlying `<input>` for integration with form libraries.\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n    {\n        label,\n        helperText,\n        error,\n        leftIcon,\n        rightIcon,\n        wrapperClassName,\n        className,\n        id,\n        required,\n        size = \"md\",\n        ...props\n    },\n    ref,\n) {\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n    const sizeClass = size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : styles.sizeMd;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <div className={styles.field}>\n                {leftIcon && <span className={styles.iconLeft}>{leftIcon}</span>}\n                <input\n                    ref={ref}\n                    id={inputId}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    required={required}\n                    className={cn(\n                        styles.input,\n                        sizeClass,\n                        leftIcon && styles.hasLeftIcon,\n                        rightIcon && styles.hasRightIcon,\n                        className,\n                    )}\n                    {...props}\n                />\n                {rightIcon && <span className={styles.iconRight}>{rightIcon}</span>}\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n});\n"],"names":["Input","forwardRef","label","helperText","error","leftIcon","rightIcon","wrapperClassName","className","id","required","size","props","ref","generatedId","useId","inputId","describedById","sizeClass","styles","jsxs","cn","jsx"],"mappings":";;;;AAsBO,MAAMA,IAAQC,EAAyC,SAC1D;AAAA,EACI,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACP,GACAC,GACF;AACE,QAAMC,IAAcC,EAAA,GACdC,IAAUP,KAAMK,GAChBG,IAAgBb,IAAQ,GAAGY,CAAO,WAAWb,IAAa,GAAGa,CAAO,YAAY,QAChFE,IAAYP,MAAS,OAAOQ,EAAO,SAASR,MAAS,OAAOQ,EAAO,SAASA,EAAO;AAEzF,SACI,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGF,EAAO,SAASf,KAASe,EAAO,OAAOZ,CAAgB,GACrE,UAAA;AAAA,IAAAL,uBACI,SAAA,EAAM,SAASc,GAAS,WAAWG,EAAO,OACtC,UAAA;AAAA,MAAAjB;AAAA,MACAQ,KAAY,gBAAAY,EAAC,QAAA,EAAK,WAAWH,EAAO,UAAU,UAAA,IAAA,CAAC;AAAA,IAAA,GACpD;AAAA,IAEJ,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,OAClB,UAAA;AAAA,MAAAd,KAAY,gBAAAiB,EAAC,QAAA,EAAK,WAAWH,EAAO,UAAW,UAAAd,GAAS;AAAA,MACzD,gBAAAiB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAAT;AAAA,UACA,IAAIG;AAAA,UACJ,gBAAc,CAAC,CAACZ;AAAA,UAChB,oBAAkBa;AAAA,UAClB,UAAAP;AAAA,UACA,WAAWW;AAAA,YACPF,EAAO;AAAA,YACPD;AAAA,YACAb,KAAYc,EAAO;AAAA,YACnBb,KAAaa,EAAO;AAAA,YACpBX;AAAA,UAAA;AAAA,UAEH,GAAGI;AAAA,QAAA;AAAA,MAAA;AAAA,MAEPN,KAAa,gBAAAgB,EAAC,QAAA,EAAK,WAAWH,EAAO,WAAY,UAAAb,EAAA,CAAU;AAAA,IAAA,GAChE;AAAA,IACCF,sBACI,QAAA,EAAK,IAAI,GAAGY,CAAO,UAAU,WAAWG,EAAO,WAC3C,UAAAf,EAAA,CACL,IACAD,IACA,gBAAAmB,EAAC,QAAA,EAAK,IAAI,GAAGN,CAAO,WAAW,WAAWG,EAAO,QAC5C,UAAAhB,EAAA,CACL,IACA;AAAA,EAAA,GACR;AAER,CAAC;"}
+{"version":3,"file":"Input.js","names":[],"sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Input.module.css\";\n\nexport type InputSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    leftIcon?: ReactNode;\n    rightIcon?: ReactNode;\n    wrapperClassName?: string;\n    /** Visual size — drives height, padding and font via density-aware tokens. */\n    size?: InputSize;\n}\n\n/**\n * Labelled text input with helper/error slots and optional adornment icons.\n * Forwards refs to the underlying `<input>` for integration with form libraries.\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n    {\n        label,\n        helperText,\n        error,\n        leftIcon,\n        rightIcon,\n        wrapperClassName,\n        className,\n        id,\n        required,\n        size = \"md\",\n        ...props\n    },\n    ref,\n) {\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n    const sizeClass = size === \"sm\" ? styles.sizeSm : size === \"lg\" ? styles.sizeLg : styles.sizeMd;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <div className={styles.field}>\n                {leftIcon && <span className={styles.iconLeft}>{leftIcon}</span>}\n                <input\n                    ref={ref}\n                    id={inputId}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    required={required}\n                    className={cn(\n                        styles.input,\n                        sizeClass,\n                        leftIcon && styles.hasLeftIcon,\n                        rightIcon && styles.hasRightIcon,\n                        className,\n                    )}\n                    {...props}\n                />\n                {rightIcon && <span className={styles.iconRight}>{rightIcon}</span>}\n            </div>\n            {error ? (\n                <span id={`${inputId}-error`} className={styles.errorText}>\n                    {error}\n                </span>\n            ) : helperText ? (\n                <span id={`${inputId}-helper`} className={styles.helper}>\n                    {helperText}\n                </span>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":";;;;;AAsBA,IAAa,IAAQ,EAAyC,SAC1D,EACI,UACA,eACA,UACA,aACA,cACA,qBACA,cACA,OACA,aACA,UAAO,MACP,GAAG,KAEP,GACF;CACE,IAAM,IAAc,EAAM,GACpB,IAAU,KAAM,GAChB,IAAgB,IAAQ,GAAG,EAAQ,UAAU,IAAa,GAAG,EAAQ,WAAW,KAAA,GAChF,IAAY,MAAS,OAAO,EAAO,SAAS,MAAS,OAAO,EAAO,SAAS,EAAO;CAEzF,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,KAAS,EAAO,OAAO,CAAgB;YAA1E;GACK,KACG,kBAAC,SAAD;IAAO,SAAS;IAAS,WAAW,EAAO;cAA3C,CACK,GACA,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAU;IAAO,CAAA,CACnD;;GAEX,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACK,KAAY,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAW;KAAe,CAAA;KAC/D,kBAAC,SAAD;MACS;MACL,IAAI;MACJ,gBAAc,CAAC,CAAC;MAChB,oBAAkB;MACR;MACV,WAAW,EACP,EAAO,OACP,GACA,KAAY,EAAO,aACnB,KAAa,EAAO,cACpB,CACJ;MACA,GAAI;KACP,CAAA;KACA,KAAa,kBAAC,QAAD;MAAM,WAAW,EAAO;gBAAY;KAAgB,CAAA;IACjE;;GACJ,IACG,kBAAC,QAAD;IAAM,IAAI,GAAG,EAAQ;IAAS,WAAW,EAAO;cAC3C;GACC,CAAA,IACN,IACA,kBAAC,QAAD;IAAM,IAAI,GAAG,EAAQ;IAAU,WAAW,EAAO;cAC5C;GACC,CAAA,IACN;EACH;;AAEb,CAAC"}

package/dist/components/Input/Input.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_iHNUs`,t=`tempest_label_-OEBL`,n=`tempest_required_CTss-`,r=`tempest_field_65yGJ`,i=`tempest_input_WjT81`,a=`tempest_sizeSm_cgds6`,o=`tempest_sizeMd_EPFGy`,s=`tempest_sizeLg_5Cq8k`,c=`tempest_hasLeftIcon_xYO-v`,l=`tempest_hasRightIcon_C7uyr`,u=`tempest_iconLeft_KrUhI`,d=`tempest_iconRight_Ssr47`,f=`tempest_error_VLISa`,p=`tempest_helper_7Vc-s`,m=`tempest_errorText_xz4xS`,h={wrapper:e,label:t,required:n,field:r,input:i,sizeSm:a,sizeMd:o,sizeLg:s,hasLeftIcon:c,hasRightIcon:l,iconLeft:u,iconRight:d,error:f,helper:p,errorText:m};exports.default=h,exports.error=f,exports.errorText=m,exports.field=r,exports.hasLeftIcon=c,exports.hasRightIcon=l,exports.helper=p,exports.iconLeft=u,exports.iconRight=d,exports.input=i,exports.label=t,exports.required=n,exports.sizeLg=s,exports.sizeMd=o,exports.sizeSm=a,exports.wrapper=e;
+//# sourceMappingURL=Input.module.cjs.map

package/dist/components/Input/Input.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.module.cjs","names":[],"sources":["../../../src/components/Input/Input.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.field {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-snug);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.input:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.input:read-only {\n    background-color: var(--tempest-surface);\n}\n\n/* Sizes — density-aware. Applied directly on the <input>. */\n.sizeSm {\n    height: var(--tempest-control-height-sm);\n    padding: 0 var(--tempest-control-padding-sm);\n    font-size: var(--tempest-control-font-sm);\n}\n.sizeMd {\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    font-size: var(--tempest-control-font-md);\n}\n.sizeLg {\n    height: var(--tempest-control-height-lg);\n    padding: 0 var(--tempest-control-padding-lg);\n    font-size: var(--tempest-control-font-lg);\n}\n\n.hasLeftIcon {\n    padding-left: 36px;\n}\n\n.hasRightIcon {\n    padding-right: 36px;\n}\n\n.iconLeft,\n.iconRight {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    color: var(--tempest-text-muted);\n    pointer-events: none;\n}\n\n/*\n * Decorative icons let clicks fall through to the input, but interactive\n * adornments (a clear/reveal/save button passed as leftIcon/rightIcon) must\n * stay clickable — re-enable pointer events on the slot's children.\n */\n.iconLeft > *,\n.iconRight > * {\n    pointer-events: auto;\n}\n\n.iconLeft {\n    left: 12px;\n}\n\n.iconRight {\n    right: 12px;\n}\n\n.error .input {\n    border-color: var(--tempest-danger);\n}\n\n.error .input:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":""}

package/dist/components/Input/Input.module.js

@@ -0,0 +1,22 @@
+//#region src/components/Input/Input.module.css
+var e = "tempest_wrapper_iHNUs", t = "tempest_label_-OEBL", n = "tempest_required_CTss-", r = "tempest_field_65yGJ", i = "tempest_input_WjT81", a = "tempest_sizeSm_cgds6", o = "tempest_sizeMd_EPFGy", s = "tempest_sizeLg_5Cq8k", c = "tempest_hasLeftIcon_xYO-v", l = "tempest_hasRightIcon_C7uyr", u = "tempest_iconLeft_KrUhI", d = "tempest_iconRight_Ssr47", f = "tempest_error_VLISa", p = "tempest_helper_7Vc-s", m = "tempest_errorText_xz4xS", h = {
+	wrapper: e,
+	label: t,
+	required: n,
+	field: r,
+	input: i,
+	sizeSm: a,
+	sizeMd: o,
+	sizeLg: s,
+	hasLeftIcon: c,
+	hasRightIcon: l,
+	iconLeft: u,
+	iconRight: d,
+	error: f,
+	helper: p,
+	errorText: m
+};
+//#endregion
+export { h as default, f as error, m as errorText, r as field, c as hasLeftIcon, l as hasRightIcon, p as helper, u as iconLeft, d as iconRight, i as input, t as label, n as required, s as sizeLg, o as sizeMd, a as sizeSm, e as wrapper };
+
+//# sourceMappingURL=Input.module.js.map

package/dist/components/Input/Input.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.module.js","names":[],"sources":["../../../src/components/Input/Input.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.field {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-snug);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.input:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.input:read-only {\n    background-color: var(--tempest-surface);\n}\n\n/* Sizes — density-aware. Applied directly on the <input>. */\n.sizeSm {\n    height: var(--tempest-control-height-sm);\n    padding: 0 var(--tempest-control-padding-sm);\n    font-size: var(--tempest-control-font-sm);\n}\n.sizeMd {\n    height: var(--tempest-control-height-md);\n    padding: 0 var(--tempest-control-padding-md);\n    font-size: var(--tempest-control-font-md);\n}\n.sizeLg {\n    height: var(--tempest-control-height-lg);\n    padding: 0 var(--tempest-control-padding-lg);\n    font-size: var(--tempest-control-font-lg);\n}\n\n.hasLeftIcon {\n    padding-left: 36px;\n}\n\n.hasRightIcon {\n    padding-right: 36px;\n}\n\n.iconLeft,\n.iconRight {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    color: var(--tempest-text-muted);\n    pointer-events: none;\n}\n\n/*\n * Decorative icons let clicks fall through to the input, but interactive\n * adornments (a clear/reveal/save button passed as leftIcon/rightIcon) must\n * stay clickable — re-enable pointer events on the slot's children.\n */\n.iconLeft > *,\n.iconRight > * {\n    pointer-events: auto;\n}\n\n.iconLeft {\n    left: 12px;\n}\n\n.iconRight {\n    right: 12px;\n}\n\n.error .input {\n    border-color: var(--tempest-danger);\n}\n\n.error .input:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":""}

package/dist/components/InstallBanner/InstallBanner.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),w=require("lucide-react"),x=require("../../utils/cn.cjs"),I=require("../../hooks/use-before-install-prompt.cjs"),n=require("./InstallBanner.module.css.cjs"),q=require("../Button/Button.cjs");function B(t){if(!t||typeof window>"u")return!1;try{return window.localStorage.getItem(t)==="1"}catch{return!1}}function S({title:t="Instale o app",description:a,installLabel:r="Instalar",dismissLabel:i="Dispensar",icon:l,storageKey:s,onResult:c,className:o}){const{installable:d,installed:u,isStandalone:f,prompt:m}=I.useBeforeInstallPrompt(),[p,h]=b.useState(()=>B(s));if(!d||u||f||p)return null;const j=()=>{if(h(!0),s&&typeof window<"u")try{window.localStorage.setItem(s,"1")}catch{}};return e.jsxs("div",{className:x.cn(n.default.banner,o),role:"region","aria-label":String(t),children:[l&&e.jsx("span",{className:n.default.icon,children:l}),e.jsxs("div",{className:n.default.body,children:[e.jsx("p",{className:n.default.title,children:t}),a&&e.jsx("p",{className:n.default.description,children:a})]}),e.jsx(q.Button,{size:"sm",onClick:async()=>{c?.(await m())},children:r}),e.jsx("button",{type:"button",className:n.default.close,"aria-label":i,onClick:j,children:e.jsx(w.X,{size:18,"aria-hidden":!0})})]})}exports.InstallBanner=S;
-//# sourceMappingURL=InstallBanner.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("../Button/Button.cjs"),n=require("../../hooks/use-before-install-prompt.cjs"),r=require("./InstallBanner.module.cjs");let i=require("react"),a=require("react/jsx-runtime"),o=require("lucide-react");function s(e){if(!e||typeof window>`u`)return!1;try{return window.localStorage.getItem(e)===`1`}catch{return!1}}function c({title:c=`Instale o app`,description:l,installLabel:u=`Instalar`,dismissLabel:d=`Dispensar`,icon:f,storageKey:p,onResult:m,className:h}){let{installable:g,installed:_,isStandalone:v,prompt:y}=n.useBeforeInstallPrompt(),[b,x]=(0,i.useState)(()=>s(p));return!g||_||v||b?null:(0,a.jsxs)(`div`,{className:e.cn(r.default.banner,h),role:`region`,"aria-label":String(c),children:[f&&(0,a.jsx)(`span`,{className:r.default.icon,children:f}),(0,a.jsxs)(`div`,{className:r.default.body,children:[(0,a.jsx)(`p`,{className:r.default.title,children:c}),l&&(0,a.jsx)(`p`,{className:r.default.description,children:l})]}),(0,a.jsx)(t.Button,{size:`sm`,onClick:async()=>{m?.(await y())},children:u}),(0,a.jsx)(`button`,{type:`button`,className:r.default.close,"aria-label":d,onClick:()=>{if(x(!0),p&&typeof window<`u`)try{window.localStorage.setItem(p,`1`)}catch{}},children:(0,a.jsx)(o.X,{size:18,"aria-hidden":!0})})]})}exports.InstallBanner=c;
+//# sourceMappingURL=InstallBanner.cjs.map