tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/Popover/Popover.js

@@ -1,60 +1,51 @@
-import { jsxs as x, jsx as b } from "react/jsx-runtime";
-import { useState as j, useId as I, useRef as N, useCallback as R, useEffect as g } from "react";
-import { cn as h } from "../../utils/cn.js";
-import a from "./Popover.module.css.js";
-function T({
-  trigger: r,
-  children: m,
-  placement: w = "bottom",
-  open: c,
-  onOpenChange: d,
-  defaultOpen: v = !1,
-  closeOnEsc: l = !0,
-  closeOnOutsideClick: p = !0,
-  className: k
-}) {
-  const t = c !== void 0, [y, E] = j(v), o = t ? c : y, f = I(), s = N(null), n = R(
-    (e) => {
-      t || E(e), d?.(e);
-    },
-    [t, d]
-  );
-  g(() => {
-    if (!o) return;
-    const e = (i) => {
-      l && i.key === "Escape" && n(!1);
-    }, u = (i) => {
-      p && s.current && !s.current.contains(i.target) && n(!1);
-    };
-    return window.addEventListener("keydown", e), window.addEventListener("mousedown", u), () => {
-      window.removeEventListener("keydown", e), window.removeEventListener("mousedown", u);
-    };
-  }, [o, l, p, n]);
-  const C = (e) => {
-    r.props.onClick?.(e), n(!o);
-  }, L = {
-    ...r,
-    props: {
-      ...r.props,
-      onClick: C,
-      "aria-expanded": o,
-      "aria-controls": f
-    }
-  };
-  return /* @__PURE__ */ x("span", { ref: s, className: a.root, children: [
-    L,
-    o && /* @__PURE__ */ b(
-      "div",
-      {
-        id: f,
-        role: "dialog",
-        className: h(a.popover, a[w], k),
-        children: m
-      }
-    )
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import t from "./Popover.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/Popover/Popover.tsx
+function l({ trigger: l, children: u, placement: d = "bottom", open: f, onOpenChange: p, defaultOpen: m = !1, closeOnEsc: h = !0, closeOnOutsideClick: g = !0, className: _ }) {
+	let v = f !== void 0, [y, b] = o(m), x = v ? f : y, S = i(), C = a(null), w = n((e) => {
+		v || b(e), p?.(e);
+	}, [v, p]);
+	r(() => {
+		if (!x) return;
+		let e = (e) => {
+			h && e.key === "Escape" && w(!1);
+		}, t = (e) => {
+			g && C.current && !C.current.contains(e.target) && w(!1);
+		};
+		return window.addEventListener("keydown", e), window.addEventListener("mousedown", t), () => {
+			window.removeEventListener("keydown", e), window.removeEventListener("mousedown", t);
+		};
+	}, [
+		x,
+		h,
+		g,
+		w
+	]);
+	let T = (e) => {
+		l.props.onClick?.(e), w(!x);
+	}, E = {
+		...l,
+		props: {
+			...l.props,
+			onClick: T,
+			"aria-expanded": x,
+			"aria-controls": S
+		}
+	};
+	return /* @__PURE__ */ c("span", {
+		ref: C,
+		className: t.root,
+		children: [E, x && /* @__PURE__ */ s("div", {
+			id: S,
+			role: "dialog",
+			className: e(t.popover, t[d], _),
+			children: u
+		})]
+	});
 }
-export {
-  T as Popover
-};
-//# sourceMappingURL=Popover.js.map
+//#endregion
+export { l as Popover };
+
+//# sourceMappingURL=Popover.js.map

package/dist/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Popover.module.css\";\n\nexport type PopoverPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface PopoverProps {\n    /** Trigger element. Receives `onClick`/`aria-expanded`/`aria-controls`. */\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n    }>;\n    children: ReactNode;\n    placement?: PopoverPlacement;\n    /** Controlled open state. */\n    open?: boolean;\n    /** Called when the user toggles or dismisses. */\n    onOpenChange?: (open: boolean) => void;\n    /** Default open state for uncontrolled usage. */\n    defaultOpen?: boolean;\n    /** Close on Escape. Default true. */\n    closeOnEsc?: boolean;\n    /** Close on outside click. Default true. */\n    closeOnOutsideClick?: boolean;\n    className?: string;\n}\n\n/**\n * Lightweight popover. Renders a positioned panel anchored to a trigger,\n * dismissed on outside click / Escape. Does NOT include collision detection\n * or smart positioning — pair with Floating UI if you need that.\n */\nexport function Popover({\n    trigger,\n    children,\n    placement = \"bottom\",\n    open,\n    onOpenChange,\n    defaultOpen = false,\n    closeOnEsc = true,\n    closeOnOutsideClick = true,\n    className,\n}: PopoverProps) {\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n    const id = useId();\n    const rootRef = useRef<HTMLSpanElement>(null);\n\n    const setOpen = useCallback(\n        (next: boolean): void => {\n            if (!isControlled) setInternalOpen(next);\n            onOpenChange?.(next);\n        },\n        [isControlled, onOpenChange],\n    );\n\n    useEffect(() => {\n        if (!isOpen) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") setOpen(false);\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (!closeOnOutsideClick) return;\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                setOpen(false);\n            }\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [isOpen, closeOnEsc, closeOnOutsideClick, setOpen]);\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        setOpen(!isOpen);\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            \"aria-expanded\": isOpen,\n            \"aria-controls\": id,\n        },\n    } as ReactElement;\n\n    return (\n        <span ref={rootRef} className={styles.root}>\n            {triggerClone}\n            {isOpen && (\n                <div\n                    id={id}\n                    role=\"dialog\"\n                    className={cn(styles.popover, styles[placement], className)}\n                >\n                    {children}\n                </div>\n            )}\n        </span>\n    );\n}\n"],"names":["Popover","trigger","children","placement","open","onOpenChange","defaultOpen","closeOnEsc","closeOnOutsideClick","className","isControlled","internalOpen","setInternalOpen","useState","isOpen","id","useId","rootRef","useRef","setOpen","useCallback","next","useEffect","onKey","event","onDown","handleTriggerClick","triggerClone","styles","jsx","cn"],"mappings":";;;;AAkCO,SAASA,EAAQ;AAAA,EACpB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,qBAAAC,IAAsB;AAAA,EACtB,WAAAC;AACJ,GAAiB;AACb,QAAMC,IAAeN,MAAS,QACxB,CAACO,GAAcC,CAAe,IAAIC,EAAkBP,CAAW,GAC/DQ,IAASJ,IAAeN,IAAOO,GAC/BI,IAAKC,EAAA,GACLC,IAAUC,EAAwB,IAAI,GAEtCC,IAAUC;AAAA,IACZ,CAACC,MAAwB;AACrB,MAAKX,KAAcE,EAAgBS,CAAI,GACvChB,IAAegB,CAAI;AAAA,IACvB;AAAA,IACA,CAACX,GAAcL,CAAY;AAAA,EAAA;AAG/B,EAAAiB,EAAU,MAAM;AACZ,QAAI,CAACR,EAAQ;AACb,UAAMS,IAAQ,CAACC,MAA+B;AAC1C,MAAIjB,KAAciB,EAAM,QAAQ,cAAkB,EAAK;AAAA,IAC3D,GACMC,IAAS,CAACD,MAA4B;AACxC,MAAKhB,KACDS,EAAQ,WAAW,CAACA,EAAQ,QAAQ,SAASO,EAAM,MAAc,KACjEL,EAAQ,EAAK;AAAA,IAErB;AACA,kBAAO,iBAAiB,WAAWI,CAAK,GACxC,OAAO,iBAAiB,aAAaE,CAAM,GACpC,MAAM;AACT,aAAO,oBAAoB,WAAWF,CAAK,GAC3C,OAAO,oBAAoB,aAAaE,CAAM;AAAA,IAClD;AAAA,EACJ,GAAG,CAACX,GAAQP,GAAYC,GAAqBW,CAAO,CAAC;AAErD,QAAMO,IAAqB,CAACF,MAAkC;AAC1D,IAAAvB,EAAQ,MAAM,UAAUuB,CAAK,GAC7BL,EAAQ,CAACL,CAAM;AAAA,EACnB,GAEMa,IAAe;AAAA,IACjB,GAAG1B;AAAA,IACH,OAAO;AAAA,MACH,GAAGA,EAAQ;AAAA,MACX,SAASyB;AAAA,MACT,iBAAiBZ;AAAA,MACjB,iBAAiBC;AAAA,IAAA;AAAA,EACrB;AAGJ,2BACK,QAAA,EAAK,KAAKE,GAAS,WAAWW,EAAO,MACjC,UAAA;AAAA,IAAAD;AAAA,IACAb,KACG,gBAAAe;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAAd;AAAA,QACA,MAAK;AAAA,QACL,WAAWe,EAAGF,EAAO,SAASA,EAAOzB,CAAS,GAAGM,CAAS;AAAA,QAEzD,UAAAP;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GAER;AAER;"}
+{"version":3,"file":"Popover.js","names":[],"sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Popover.module.css\";\n\nexport type PopoverPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface PopoverProps {\n    /** Trigger element. Receives `onClick`/`aria-expanded`/`aria-controls`. */\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n    }>;\n    children: ReactNode;\n    placement?: PopoverPlacement;\n    /** Controlled open state. */\n    open?: boolean;\n    /** Called when the user toggles or dismisses. */\n    onOpenChange?: (open: boolean) => void;\n    /** Default open state for uncontrolled usage. */\n    defaultOpen?: boolean;\n    /** Close on Escape. Default true. */\n    closeOnEsc?: boolean;\n    /** Close on outside click. Default true. */\n    closeOnOutsideClick?: boolean;\n    className?: string;\n}\n\n/**\n * Lightweight popover. Renders a positioned panel anchored to a trigger,\n * dismissed on outside click / Escape. Does NOT include collision detection\n * or smart positioning — pair with Floating UI if you need that.\n */\nexport function Popover({\n    trigger,\n    children,\n    placement = \"bottom\",\n    open,\n    onOpenChange,\n    defaultOpen = false,\n    closeOnEsc = true,\n    closeOnOutsideClick = true,\n    className,\n}: PopoverProps) {\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n    const id = useId();\n    const rootRef = useRef<HTMLSpanElement>(null);\n\n    const setOpen = useCallback(\n        (next: boolean): void => {\n            if (!isControlled) setInternalOpen(next);\n            onOpenChange?.(next);\n        },\n        [isControlled, onOpenChange],\n    );\n\n    useEffect(() => {\n        if (!isOpen) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") setOpen(false);\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (!closeOnOutsideClick) return;\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                setOpen(false);\n            }\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [isOpen, closeOnEsc, closeOnOutsideClick, setOpen]);\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        setOpen(!isOpen);\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            \"aria-expanded\": isOpen,\n            \"aria-controls\": id,\n        },\n    } as ReactElement;\n\n    return (\n        <span ref={rootRef} className={styles.root}>\n            {triggerClone}\n            {isOpen && (\n                <div\n                    id={id}\n                    role=\"dialog\"\n                    className={cn(styles.popover, styles[placement], className)}\n                >\n                    {children}\n                </div>\n            )}\n        </span>\n    );\n}\n"],"mappings":";;;;;AAkCA,SAAgB,EAAQ,EACpB,YACA,aACA,eAAY,UACZ,SACA,iBACA,iBAAc,IACd,gBAAa,IACb,yBAAsB,IACtB,gBACa;CACb,IAAM,IAAe,MAAS,KAAA,GACxB,CAAC,GAAc,KAAmB,EAAkB,CAAW,GAC/D,IAAS,IAAe,IAAO,GAC/B,IAAK,EAAM,GACX,IAAU,EAAwB,IAAI,GAEtC,IAAU,GACX,MAAwB;EAErB,AADK,KAAc,EAAgB,CAAI,GACvC,IAAe,CAAI;CACvB,GACA,CAAC,GAAc,CAAY,CAC/B;CAEA,QAAgB;EACZ,IAAI,CAAC,GAAQ;EACb,IAAM,KAAS,MAA+B;GAC1C,AAAI,KAAc,EAAM,QAAQ,YAAU,EAAQ,EAAK;EAC3D,GACM,KAAU,MAA4B;GACnC,KACD,EAAQ,WAAW,CAAC,EAAQ,QAAQ,SAAS,EAAM,MAAc,KACjE,EAAQ,EAAK;EAErB;EAGA,OAFA,OAAO,iBAAiB,WAAW,CAAK,GACxC,OAAO,iBAAiB,aAAa,CAAM,SAC9B;GAET,AADA,OAAO,oBAAoB,WAAW,CAAK,GAC3C,OAAO,oBAAoB,aAAa,CAAM;EAClD;CACJ,GAAG;EAAC;EAAQ;EAAY;EAAqB;CAAO,CAAC;CAErD,IAAM,KAAsB,MAAkC;EAE1D,AADA,EAAQ,MAAM,UAAU,CAAK,GAC7B,EAAQ,CAAC,CAAM;CACnB,GAEM,IAAe;EACjB,GAAG;EACH,OAAO;GACH,GAAG,EAAQ;GACX,SAAS;GACT,iBAAiB;GACjB,iBAAiB;EACrB;CACJ;CAEA,OACI,kBAAC,QAAD;EAAM,KAAK;EAAS,WAAW,EAAO;YAAtC,CACK,GACA,KACG,kBAAC,OAAD;GACQ;GACJ,MAAK;GACL,WAAW,EAAG,EAAO,SAAS,EAAO,IAAY,CAAS;GAEzD;EACA,CAAA,CAEP;;AAEd"}

package/dist/components/Popover/Popover.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_vEMon`,t=`tempest_popover_E9K9X`,n=`tempest_tempest-popover-in_W8miP`,r=`tempest_top_TYlrh`,i=`tempest_bottom_wGs70`,a=`tempest_left_h7fCr`,o=`tempest_right_--bJW`,s={root:e,popover:t,tempestPopoverIn:n,top:r,bottom:i,left:a,right:o};exports.bottom=i,exports.default=s,exports.left=a,exports.popover=t,exports.right=o,exports.root=e,exports.tempestPopoverIn=n,exports.top=r;
+//# sourceMappingURL=Popover.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.module.cjs","names":[],"sources":["../../../src/components/Popover/Popover.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.popover {\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-popover-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.popover: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-popover-in {\n    from {\n        opacity: 0;\n        transform: translate(var(--tempest-popover-tx, -50%), 4px);\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .popover {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Popover/Popover.module.js

@@ -0,0 +1,14 @@
+//#region src/components/Popover/Popover.module.css
+var e = "tempest_root_vEMon", t = "tempest_popover_E9K9X", n = "tempest_tempest-popover-in_W8miP", r = "tempest_top_TYlrh", i = "tempest_bottom_wGs70", a = "tempest_left_h7fCr", o = "tempest_right_--bJW", s = {
+	root: e,
+	popover: t,
+	tempestPopoverIn: n,
+	top: r,
+	bottom: i,
+	left: a,
+	right: o
+};
+//#endregion
+export { i as bottom, s as default, a as left, t as popover, o as right, e as root, n as tempestPopoverIn, r as top };
+
+//# sourceMappingURL=Popover.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.module.js","names":[],"sources":["../../../src/components/Popover/Popover.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.popover {\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-popover-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.popover: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-popover-in {\n    from {\n        opacity: 0;\n        transform: translate(var(--tempest-popover-tx, -50%), 4px);\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .popover {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Portal/Portal.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),n=require("react-dom");function c({children:r,container:o}){const[u,e]=t.useState(!1);return t.useEffect(()=>(e(!0),()=>e(!1)),[]),!u||typeof document>"u"?null:n.createPortal(r,o??document.body)}exports.Portal=c;
-//# sourceMappingURL=Portal.cjs.map
+let e=require("react"),t=require("react-dom");function n({children:n,container:r}){let[i,a]=(0,e.useState)(!1);return(0,e.useEffect)(()=>(a(!0),()=>a(!1)),[]),!i||typeof document>`u`?null:(0,t.createPortal)(n,r??document.body)}exports.Portal=n;
+//# sourceMappingURL=Portal.cjs.map

package/dist/components/Portal/Portal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.cjs","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport interface PortalProps {\n    /** Content rendered through the portal. */\n    children: ReactNode;\n    /** Target DOM node to render into. Defaults to `document.body`. */\n    container?: Element | null;\n}\n\n/**\n * Renders its children into a different part of the DOM tree via a React portal.\n *\n * Useful for overlays (modals, tooltips, dropdowns) that must escape parent\n * overflow/stacking contexts. Defaults to `document.body` when no `container`\n * is provided.\n *\n * SSR-safe: renders `null` on the server and on the first client render, then\n * mounts the portal after hydration (when `document` is available).\n *\n * @param props - The portal props.\n * @returns The portal node once mounted, otherwise `null`.\n */\nexport function Portal({ children, container }: PortalProps): ReactNode {\n    const [mounted, setMounted] = useState(false);\n\n    useEffect(() => {\n        setMounted(true);\n        return () => setMounted(false);\n    }, []);\n\n    if (!mounted || typeof document === \"undefined\") {\n        return null;\n    }\n\n    return createPortal(children, container ?? document.body);\n}\n"],"names":["Portal","children","container","mounted","setMounted","useState","useEffect","createPortal"],"mappings":"gIAuBO,SAASA,EAAO,CAAE,SAAAC,EAAU,UAAAC,GAAqC,CACpE,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAO5C,OALAC,EAAAA,UAAU,KACNF,EAAW,EAAI,EACR,IAAMA,EAAW,EAAK,GAC9B,CAAA,CAAE,EAED,CAACD,GAAW,OAAO,SAAa,IACzB,KAGJI,EAAAA,aAAaN,EAAUC,GAAa,SAAS,IAAI,CAC5D"}
+{"version":3,"file":"Portal.cjs","names":[],"sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport interface PortalProps {\n    /** Content rendered through the portal. */\n    children: ReactNode;\n    /** Target DOM node to render into. Defaults to `document.body`. */\n    container?: Element | null;\n}\n\n/**\n * Renders its children into a different part of the DOM tree via a React portal.\n *\n * Useful for overlays (modals, tooltips, dropdowns) that must escape parent\n * overflow/stacking contexts. Defaults to `document.body` when no `container`\n * is provided.\n *\n * SSR-safe: renders `null` on the server and on the first client render, then\n * mounts the portal after hydration (when `document` is available).\n *\n * @param props - The portal props.\n * @returns The portal node once mounted, otherwise `null`.\n */\nexport function Portal({ children, container }: PortalProps): ReactNode {\n    const [mounted, setMounted] = useState(false);\n\n    useEffect(() => {\n        setMounted(true);\n        return () => setMounted(false);\n    }, []);\n\n    if (!mounted || typeof document === \"undefined\") {\n        return null;\n    }\n\n    return createPortal(children, container ?? document.body);\n}\n"],"mappings":"8CAuBA,SAAgB,EAAO,CAAE,WAAU,aAAqC,CACpE,GAAM,CAAC,EAAS,IAAA,EAAA,EAAA,SAAA,CAAuB,EAAK,EAW5C,OATA,EAAA,EAAA,UAAA,MACI,EAAW,EAAI,MACF,EAAW,EAAK,GAC9B,CAAC,CAAC,EAED,CAAC,GAAW,OAAO,SAAa,IACzB,MAGX,EAAA,EAAA,aAAA,CAAoB,EAAU,GAAa,SAAS,IAAI,CAC5D"}

package/dist/components/Portal/Portal.js

@@ -1,10 +1,11 @@
-import { useState as n, useEffect as u } from "react";
-import { createPortal as f } from "react-dom";
-function a({ children: t, container: o }) {
-  const [r, e] = n(!1);
-  return u(() => (e(!0), () => e(!1)), []), !r || typeof document > "u" ? null : f(t, o ?? document.body);
+import { useEffect as e, useState as t } from "react";
+import { createPortal as n } from "react-dom";
+//#region src/components/Portal/Portal.tsx
+function r({ children: r, container: i }) {
+	let [a, o] = t(!1);
+	return e(() => (o(!0), () => o(!1)), []), !a || typeof document > "u" ? null : n(r, i ?? document.body);
 }
-export {
-  a as Portal
-};
-//# sourceMappingURL=Portal.js.map
+//#endregion
+export { r as Portal };
+
+//# sourceMappingURL=Portal.js.map

package/dist/components/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport interface PortalProps {\n    /** Content rendered through the portal. */\n    children: ReactNode;\n    /** Target DOM node to render into. Defaults to `document.body`. */\n    container?: Element | null;\n}\n\n/**\n * Renders its children into a different part of the DOM tree via a React portal.\n *\n * Useful for overlays (modals, tooltips, dropdowns) that must escape parent\n * overflow/stacking contexts. Defaults to `document.body` when no `container`\n * is provided.\n *\n * SSR-safe: renders `null` on the server and on the first client render, then\n * mounts the portal after hydration (when `document` is available).\n *\n * @param props - The portal props.\n * @returns The portal node once mounted, otherwise `null`.\n */\nexport function Portal({ children, container }: PortalProps): ReactNode {\n    const [mounted, setMounted] = useState(false);\n\n    useEffect(() => {\n        setMounted(true);\n        return () => setMounted(false);\n    }, []);\n\n    if (!mounted || typeof document === \"undefined\") {\n        return null;\n    }\n\n    return createPortal(children, container ?? document.body);\n}\n"],"names":["Portal","children","container","mounted","setMounted","useState","useEffect","createPortal"],"mappings":";;AAuBO,SAASA,EAAO,EAAE,UAAAC,GAAU,WAAAC,KAAqC;AACpE,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAO5C,SALAC,EAAU,OACNF,EAAW,EAAI,GACR,MAAMA,EAAW,EAAK,IAC9B,CAAA,CAAE,GAED,CAACD,KAAW,OAAO,WAAa,MACzB,OAGJI,EAAaN,GAAUC,KAAa,SAAS,IAAI;AAC5D;"}
+{"version":3,"file":"Portal.js","names":[],"sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport interface PortalProps {\n    /** Content rendered through the portal. */\n    children: ReactNode;\n    /** Target DOM node to render into. Defaults to `document.body`. */\n    container?: Element | null;\n}\n\n/**\n * Renders its children into a different part of the DOM tree via a React portal.\n *\n * Useful for overlays (modals, tooltips, dropdowns) that must escape parent\n * overflow/stacking contexts. Defaults to `document.body` when no `container`\n * is provided.\n *\n * SSR-safe: renders `null` on the server and on the first client render, then\n * mounts the portal after hydration (when `document` is available).\n *\n * @param props - The portal props.\n * @returns The portal node once mounted, otherwise `null`.\n */\nexport function Portal({ children, container }: PortalProps): ReactNode {\n    const [mounted, setMounted] = useState(false);\n\n    useEffect(() => {\n        setMounted(true);\n        return () => setMounted(false);\n    }, []);\n\n    if (!mounted || typeof document === \"undefined\") {\n        return null;\n    }\n\n    return createPortal(children, container ?? document.body);\n}\n"],"mappings":";;;AAuBA,SAAgB,EAAO,EAAE,aAAU,gBAAqC;CACpE,IAAM,CAAC,GAAS,KAAc,EAAS,EAAK;CAW5C,OATA,SACI,EAAW,EAAI,SACF,EAAW,EAAK,IAC9B,CAAC,CAAC,GAED,CAAC,KAAW,OAAO,WAAa,MACzB,OAGJ,EAAa,GAAU,KAAa,SAAS,IAAI;AAC5D"}

package/dist/components/Progress/Progress.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("../../utils/cn.cjs"),r=require("./Progress.module.css.cjs");function m({value:i=0,max:c=100,variant:d="primary",indeterminate:s=!1,showLabel:o=!1,label:e,"aria-label":t,"aria-labelledby":u,className:f}){const n=s?0:Math.max(0,Math.min(100,i/c*100));return a.jsxs("div",{className:l.cn(r.default.wrapper,f),children:[(o||e)&&a.jsxs("div",{className:r.default.label,children:[e&&a.jsx("span",{children:e}),o&&!s&&a.jsxs("span",{children:[Math.round(n),"%"]})]}),a.jsx("div",{role:"progressbar","aria-label":u?void 0:t??e,"aria-labelledby":u,"aria-valuemin":0,"aria-valuemax":c,"aria-valuenow":s?void 0:i,className:l.cn(r.default.bar,s&&r.default.indeterminate),children:a.jsx("div",{className:l.cn(r.default.fill,d!=="primary"&&r.default[d]),style:{width:s?void 0:`${n}%`}})})]})}exports.Progress=m;
-//# sourceMappingURL=Progress.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Progress.module.cjs");let n=require("react/jsx-runtime");function r({value:r=0,max:i=100,variant:a=`primary`,indeterminate:o=!1,showLabel:s=!1,label:c,"aria-label":l,"aria-labelledby":u,className:d}){let f=o?0:Math.max(0,Math.min(100,r/i*100));return(0,n.jsxs)(`div`,{className:e.cn(t.default.wrapper,d),children:[(s||c)&&(0,n.jsxs)(`div`,{className:t.default.label,children:[c&&(0,n.jsx)(`span`,{children:c}),s&&!o&&(0,n.jsxs)(`span`,{children:[Math.round(f),`%`]})]}),(0,n.jsx)(`div`,{role:`progressbar`,"aria-label":u?void 0:l??c,"aria-labelledby":u,"aria-valuemin":0,"aria-valuemax":i,"aria-valuenow":o?void 0:r,className:e.cn(t.default.bar,o&&t.default.indeterminate),children:(0,n.jsx)(`div`,{className:e.cn(t.default.fill,a!==`primary`&&t.default[a]),style:{width:o?void 0:`${f}%`}})})]})}exports.Progress=r;
+//# sourceMappingURL=Progress.cjs.map

package/dist/components/Progress/Progress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.cjs","sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import { cn } from \"@/utils/cn\";\nimport styles from \"./Progress.module.css\";\n\nexport type ProgressVariant = \"primary\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface ProgressProps {\n    /** Value between 0 and `max` (or 0-100 by default). Ignored when `indeterminate`. */\n    value?: number;\n    max?: number;\n    variant?: ProgressVariant;\n    /** Show an animated indeterminate bar. Default: false. */\n    indeterminate?: boolean;\n    /** Render a numeric label \"x% / max\" above the bar. Default: false. */\n    showLabel?: boolean;\n    /** Optional left-aligned descriptor (e.g. \"Enviando arquivo…\"). */\n    label?: string;\n    /**\n     * Accessible name for the bar. Defaults to `label` when that is set —\n     * provide it explicitly whenever the bar renders without a visible label,\n     * otherwise screen readers announce an unnamed progressbar.\n     */\n    \"aria-label\"?: string;\n    /** Id of an existing element that names the bar (alternative to `aria-label`). */\n    \"aria-labelledby\"?: string;\n    className?: string;\n}\n\n/**\n * Linear progress bar with determinate / indeterminate modes.\n *\n * The `progressbar` role requires an accessible name: it comes from\n * `aria-labelledby`, then explicit `aria-label`, then the visible `label`.\n */\nexport function Progress({\n    value = 0,\n    max = 100,\n    variant = \"primary\",\n    indeterminate = false,\n    showLabel = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    className,\n}: ProgressProps) {\n    const pct = indeterminate ? 0 : Math.max(0, Math.min(100, (value / max) * 100));\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {(showLabel || label) && (\n                <div className={styles.label}>\n                    {label && <span>{label}</span>}\n                    {showLabel && !indeterminate && <span>{Math.round(pct)}%</span>}\n                </div>\n            )}\n            <div\n                role=\"progressbar\"\n                aria-label={ariaLabelledBy ? undefined : (ariaLabel ?? label)}\n                aria-labelledby={ariaLabelledBy}\n                aria-valuemin={0}\n                aria-valuemax={max}\n                aria-valuenow={indeterminate ? undefined : value}\n                className={cn(styles.bar, indeterminate && styles.indeterminate)}\n            >\n                <div\n                    className={cn(styles.fill, variant !== \"primary\" && styles[variant])}\n                    style={{ width: indeterminate ? undefined : `${pct}%` }}\n                />\n            </div>\n        </div>\n    );\n}\n"],"names":["Progress","value","max","variant","indeterminate","showLabel","label","ariaLabel","ariaLabelledBy","className","pct","cn","styles","jsxs","jsx"],"mappings":"4LAiCO,SAASA,EAAS,CACrB,MAAAC,EAAQ,EACR,IAAAC,EAAM,IACN,QAAAC,EAAU,UACV,cAAAC,EAAgB,GAChB,UAAAC,EAAY,GACZ,MAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,UAAAC,CACJ,EAAkB,CACd,MAAMC,EAAMN,EAAgB,EAAI,KAAK,IAAI,EAAG,KAAK,IAAI,IAAMH,EAAQC,EAAO,GAAG,CAAC,EAE9E,cACK,MAAA,CAAI,UAAWS,EAAAA,GAAGC,EAAAA,QAAO,QAASH,CAAS,EACtC,SAAA,EAAAJ,GAAaC,IACXO,OAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,MAClB,SAAA,CAAAN,GAASQ,EAAAA,IAAC,QAAM,SAAAR,CAAA,CAAM,EACtBD,GAAa,CAACD,GAAiBS,EAAAA,KAAC,OAAA,CAAM,SAAA,CAAA,KAAK,MAAMH,CAAG,EAAE,GAAA,CAAA,CAAC,CAAA,EAC5D,EAEJI,EAAAA,IAAC,MAAA,CACG,KAAK,cACL,aAAYN,EAAiB,OAAaD,GAAaD,EACvD,kBAAiBE,EACjB,gBAAe,EACf,gBAAeN,EACf,gBAAeE,EAAgB,OAAYH,EAC3C,UAAWU,EAAAA,GAAGC,EAAAA,QAAO,IAAKR,GAAiBQ,EAAAA,QAAO,aAAa,EAE/D,SAAAE,EAAAA,IAAC,MAAA,CACG,UAAWH,EAAAA,GAAGC,EAAAA,QAAO,KAAMT,IAAY,WAAaS,EAAAA,QAAOT,CAAO,CAAC,EACnE,MAAO,CAAE,MAAOC,EAAgB,OAAY,GAAGM,CAAG,GAAA,CAAI,CAAA,CAC1D,CAAA,CACJ,EACJ,CAER"}
+{"version":3,"file":"Progress.cjs","names":[],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import { cn } from \"@/utils/cn\";\nimport styles from \"./Progress.module.css\";\n\nexport type ProgressVariant = \"primary\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface ProgressProps {\n    /** Value between 0 and `max` (or 0-100 by default). Ignored when `indeterminate`. */\n    value?: number;\n    max?: number;\n    variant?: ProgressVariant;\n    /** Show an animated indeterminate bar. Default: false. */\n    indeterminate?: boolean;\n    /** Render a numeric label \"x% / max\" above the bar. Default: false. */\n    showLabel?: boolean;\n    /** Optional left-aligned descriptor (e.g. \"Enviando arquivo…\"). */\n    label?: string;\n    /**\n     * Accessible name for the bar. Defaults to `label` when that is set —\n     * provide it explicitly whenever the bar renders without a visible label,\n     * otherwise screen readers announce an unnamed progressbar.\n     */\n    \"aria-label\"?: string;\n    /** Id of an existing element that names the bar (alternative to `aria-label`). */\n    \"aria-labelledby\"?: string;\n    className?: string;\n}\n\n/**\n * Linear progress bar with determinate / indeterminate modes.\n *\n * The `progressbar` role requires an accessible name: it comes from\n * `aria-labelledby`, then explicit `aria-label`, then the visible `label`.\n */\nexport function Progress({\n    value = 0,\n    max = 100,\n    variant = \"primary\",\n    indeterminate = false,\n    showLabel = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    className,\n}: ProgressProps) {\n    const pct = indeterminate ? 0 : Math.max(0, Math.min(100, (value / max) * 100));\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {(showLabel || label) && (\n                <div className={styles.label}>\n                    {label && <span>{label}</span>}\n                    {showLabel && !indeterminate && <span>{Math.round(pct)}%</span>}\n                </div>\n            )}\n            <div\n                role=\"progressbar\"\n                aria-label={ariaLabelledBy ? undefined : (ariaLabel ?? label)}\n                aria-labelledby={ariaLabelledBy}\n                aria-valuemin={0}\n                aria-valuemax={max}\n                aria-valuenow={indeterminate ? undefined : value}\n                className={cn(styles.bar, indeterminate && styles.indeterminate)}\n            >\n                <div\n                    className={cn(styles.fill, variant !== \"primary\" && styles[variant])}\n                    style={{ width: indeterminate ? undefined : `${pct}%` }}\n                />\n            </div>\n        </div>\n    );\n}\n"],"mappings":"4GAiCA,SAAgB,EAAS,CACrB,QAAQ,EACR,MAAM,IACN,UAAU,UACV,gBAAgB,GAChB,YAAY,GACZ,QACA,aAAc,EACd,kBAAmB,EACnB,aACc,CACd,IAAM,EAAM,EAAgB,EAAI,KAAK,IAAI,EAAG,KAAK,IAAI,IAAM,EAAQ,EAAO,GAAG,CAAC,EAE9E,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,WAA5C,EACM,GAAa,KACX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,CAAY,CAAA,EAC5B,GAAa,CAAC,IAAiB,EAAA,EAAA,KAAA,CAAC,OAAD,CAAA,SAAA,CAAO,KAAK,MAAM,CAAG,EAAE,GAAO,CAAA,CAAA,CAC7D,KAET,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,cACL,aAAY,EAAiB,IAAA,GAAa,GAAa,EACvD,kBAAiB,EACjB,gBAAe,EACf,gBAAe,EACf,gBAAe,EAAgB,IAAA,GAAY,EAC3C,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,GAAiB,EAAA,QAAO,aAAa,YAE/D,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,IAAY,WAAa,EAAA,QAAO,EAAQ,EACnE,MAAO,CAAE,MAAO,EAAgB,IAAA,GAAY,GAAG,EAAI,EAAG,CACzD,CAAA,CACA,CAAA,CACJ,GAEb"}

package/dist/components/Progress/Progress.js

@@ -1,48 +1,30 @@
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
-import { cn as o } from "../../utils/cn.js";
-import a from "./Progress.module.css.js";
-function y({
-  value: c = 0,
-  max: e = 100,
-  variant: d = "primary",
-  indeterminate: r = !1,
-  showLabel: m = !1,
-  label: s,
-  "aria-label": h,
-  "aria-labelledby": p,
-  className: v
-}) {
-  const n = r ? 0 : Math.max(0, Math.min(100, c / e * 100));
-  return /* @__PURE__ */ i("div", { className: o(a.wrapper, v), children: [
-    (m || s) && /* @__PURE__ */ i("div", { className: a.label, children: [
-      s && /* @__PURE__ */ l("span", { children: s }),
-      m && !r && /* @__PURE__ */ i("span", { children: [
-        Math.round(n),
-        "%"
-      ] })
-    ] }),
-    /* @__PURE__ */ l(
-      "div",
-      {
-        role: "progressbar",
-        "aria-label": p ? void 0 : h ?? s,
-        "aria-labelledby": p,
-        "aria-valuemin": 0,
-        "aria-valuemax": e,
-        "aria-valuenow": r ? void 0 : c,
-        className: o(a.bar, r && a.indeterminate),
-        children: /* @__PURE__ */ l(
-          "div",
-          {
-            className: o(a.fill, d !== "primary" && a[d]),
-            style: { width: r ? void 0 : `${n}%` }
-          }
-        )
-      }
-    )
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import t from "./Progress.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Progress/Progress.tsx
+function i({ value: i = 0, max: a = 100, variant: o = "primary", indeterminate: s = !1, showLabel: c = !1, label: l, "aria-label": u, "aria-labelledby": d, className: f }) {
+	let p = s ? 0 : Math.max(0, Math.min(100, i / a * 100));
+	return /* @__PURE__ */ r("div", {
+		className: e(t.wrapper, f),
+		children: [(c || l) && /* @__PURE__ */ r("div", {
+			className: t.label,
+			children: [l && /* @__PURE__ */ n("span", { children: l }), c && !s && /* @__PURE__ */ r("span", { children: [Math.round(p), "%"] })]
+		}), /* @__PURE__ */ n("div", {
+			role: "progressbar",
+			"aria-label": d ? void 0 : u ?? l,
+			"aria-labelledby": d,
+			"aria-valuemin": 0,
+			"aria-valuemax": a,
+			"aria-valuenow": s ? void 0 : i,
+			className: e(t.bar, s && t.indeterminate),
+			children: /* @__PURE__ */ n("div", {
+				className: e(t.fill, o !== "primary" && t[o]),
+				style: { width: s ? void 0 : `${p}%` }
+			})
+		})]
+	});
 }
-export {
-  y as Progress
-};
-//# sourceMappingURL=Progress.js.map
+//#endregion
+export { i as Progress };
+
+//# sourceMappingURL=Progress.js.map

package/dist/components/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import { cn } from \"@/utils/cn\";\nimport styles from \"./Progress.module.css\";\n\nexport type ProgressVariant = \"primary\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface ProgressProps {\n    /** Value between 0 and `max` (or 0-100 by default). Ignored when `indeterminate`. */\n    value?: number;\n    max?: number;\n    variant?: ProgressVariant;\n    /** Show an animated indeterminate bar. Default: false. */\n    indeterminate?: boolean;\n    /** Render a numeric label \"x% / max\" above the bar. Default: false. */\n    showLabel?: boolean;\n    /** Optional left-aligned descriptor (e.g. \"Enviando arquivo…\"). */\n    label?: string;\n    /**\n     * Accessible name for the bar. Defaults to `label` when that is set —\n     * provide it explicitly whenever the bar renders without a visible label,\n     * otherwise screen readers announce an unnamed progressbar.\n     */\n    \"aria-label\"?: string;\n    /** Id of an existing element that names the bar (alternative to `aria-label`). */\n    \"aria-labelledby\"?: string;\n    className?: string;\n}\n\n/**\n * Linear progress bar with determinate / indeterminate modes.\n *\n * The `progressbar` role requires an accessible name: it comes from\n * `aria-labelledby`, then explicit `aria-label`, then the visible `label`.\n */\nexport function Progress({\n    value = 0,\n    max = 100,\n    variant = \"primary\",\n    indeterminate = false,\n    showLabel = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    className,\n}: ProgressProps) {\n    const pct = indeterminate ? 0 : Math.max(0, Math.min(100, (value / max) * 100));\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {(showLabel || label) && (\n                <div className={styles.label}>\n                    {label && <span>{label}</span>}\n                    {showLabel && !indeterminate && <span>{Math.round(pct)}%</span>}\n                </div>\n            )}\n            <div\n                role=\"progressbar\"\n                aria-label={ariaLabelledBy ? undefined : (ariaLabel ?? label)}\n                aria-labelledby={ariaLabelledBy}\n                aria-valuemin={0}\n                aria-valuemax={max}\n                aria-valuenow={indeterminate ? undefined : value}\n                className={cn(styles.bar, indeterminate && styles.indeterminate)}\n            >\n                <div\n                    className={cn(styles.fill, variant !== \"primary\" && styles[variant])}\n                    style={{ width: indeterminate ? undefined : `${pct}%` }}\n                />\n            </div>\n        </div>\n    );\n}\n"],"names":["Progress","value","max","variant","indeterminate","showLabel","label","ariaLabel","ariaLabelledBy","className","pct","cn","styles","jsxs","jsx"],"mappings":";;;AAiCO,SAASA,EAAS;AAAA,EACrB,OAAAC,IAAQ;AAAA,EACR,KAAAC,IAAM;AAAA,EACN,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,WAAAC;AACJ,GAAkB;AACd,QAAMC,IAAMN,IAAgB,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,KAAMH,IAAQC,IAAO,GAAG,CAAC;AAE9E,2BACK,OAAA,EAAI,WAAWS,EAAGC,EAAO,SAASH,CAAS,GACtC,UAAA;AAAA,KAAAJ,KAAaC,MACX,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAO,OAClB,UAAA;AAAA,MAAAN,KAAS,gBAAAQ,EAAC,UAAM,UAAAR,EAAA,CAAM;AAAA,MACtBD,KAAa,CAACD,KAAiB,gBAAAS,EAAC,QAAA,EAAM,UAAA;AAAA,QAAA,KAAK,MAAMH,CAAG;AAAA,QAAE;AAAA,MAAA,EAAA,CAAC;AAAA,IAAA,GAC5D;AAAA,IAEJ,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,cAAYN,IAAiB,SAAaD,KAAaD;AAAA,QACvD,mBAAiBE;AAAA,QACjB,iBAAe;AAAA,QACf,iBAAeN;AAAA,QACf,iBAAeE,IAAgB,SAAYH;AAAA,QAC3C,WAAWU,EAAGC,EAAO,KAAKR,KAAiBQ,EAAO,aAAa;AAAA,QAE/D,UAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,WAAWH,EAAGC,EAAO,MAAMT,MAAY,aAAaS,EAAOT,CAAO,CAAC;AAAA,YACnE,OAAO,EAAE,OAAOC,IAAgB,SAAY,GAAGM,CAAG,IAAA;AAAA,UAAI;AAAA,QAAA;AAAA,MAC1D;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;"}
+{"version":3,"file":"Progress.js","names":[],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import { cn } from \"@/utils/cn\";\nimport styles from \"./Progress.module.css\";\n\nexport type ProgressVariant = \"primary\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface ProgressProps {\n    /** Value between 0 and `max` (or 0-100 by default). Ignored when `indeterminate`. */\n    value?: number;\n    max?: number;\n    variant?: ProgressVariant;\n    /** Show an animated indeterminate bar. Default: false. */\n    indeterminate?: boolean;\n    /** Render a numeric label \"x% / max\" above the bar. Default: false. */\n    showLabel?: boolean;\n    /** Optional left-aligned descriptor (e.g. \"Enviando arquivo…\"). */\n    label?: string;\n    /**\n     * Accessible name for the bar. Defaults to `label` when that is set —\n     * provide it explicitly whenever the bar renders without a visible label,\n     * otherwise screen readers announce an unnamed progressbar.\n     */\n    \"aria-label\"?: string;\n    /** Id of an existing element that names the bar (alternative to `aria-label`). */\n    \"aria-labelledby\"?: string;\n    className?: string;\n}\n\n/**\n * Linear progress bar with determinate / indeterminate modes.\n *\n * The `progressbar` role requires an accessible name: it comes from\n * `aria-labelledby`, then explicit `aria-label`, then the visible `label`.\n */\nexport function Progress({\n    value = 0,\n    max = 100,\n    variant = \"primary\",\n    indeterminate = false,\n    showLabel = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    className,\n}: ProgressProps) {\n    const pct = indeterminate ? 0 : Math.max(0, Math.min(100, (value / max) * 100));\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {(showLabel || label) && (\n                <div className={styles.label}>\n                    {label && <span>{label}</span>}\n                    {showLabel && !indeterminate && <span>{Math.round(pct)}%</span>}\n                </div>\n            )}\n            <div\n                role=\"progressbar\"\n                aria-label={ariaLabelledBy ? undefined : (ariaLabel ?? label)}\n                aria-labelledby={ariaLabelledBy}\n                aria-valuemin={0}\n                aria-valuemax={max}\n                aria-valuenow={indeterminate ? undefined : value}\n                className={cn(styles.bar, indeterminate && styles.indeterminate)}\n            >\n                <div\n                    className={cn(styles.fill, variant !== \"primary\" && styles[variant])}\n                    style={{ width: indeterminate ? undefined : `${pct}%` }}\n                />\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;AAiCA,SAAgB,EAAS,EACrB,WAAQ,GACR,SAAM,KACN,aAAU,WACV,mBAAgB,IAChB,eAAY,IACZ,UACA,cAAc,GACd,mBAAmB,GACnB,gBACc;CACd,IAAM,IAAM,IAAgB,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,KAAM,IAAQ,IAAO,GAAG,CAAC;CAE9E,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;YAA5C,EACM,KAAa,MACX,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACK,KAAS,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,GAC5B,KAAa,CAAC,KAAiB,kBAAC,QAAD,EAAA,UAAA,CAAO,KAAK,MAAM,CAAG,GAAE,GAAO,EAAA,CAAA,CAC7D;MAET,kBAAC,OAAD;GACI,MAAK;GACL,cAAY,IAAiB,KAAA,IAAa,KAAa;GACvD,mBAAiB;GACjB,iBAAe;GACf,iBAAe;GACf,iBAAe,IAAgB,KAAA,IAAY;GAC3C,WAAW,EAAG,EAAO,KAAK,KAAiB,EAAO,aAAa;aAE/D,kBAAC,OAAD;IACI,WAAW,EAAG,EAAO,MAAM,MAAY,aAAa,EAAO,EAAQ;IACnE,OAAO,EAAE,OAAO,IAAgB,KAAA,IAAY,GAAG,EAAI,GAAG;GACzD,CAAA;EACA,CAAA,CACJ;;AAEb"}

package/dist/components/Progress/Progress.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_BQek1`,t=`tempest_bar_uC-0x`,n=`tempest_fill_vmg7x`,r=`tempest_success_gWJ8U`,i=`tempest_warning_DGkPO`,a=`tempest_danger_gfwHh`,o=`tempest_indeterminate_HojUj`,s=`tempest_tempest-progress-loop_0nEdF`,c=`tempest_label_qqHJM`,l={wrapper:e,bar:t,fill:n,success:r,warning:i,danger:a,indeterminate:o,tempestProgressLoop:s,label:c};exports.bar=t,exports.danger=a,exports.default=l,exports.fill=n,exports.indeterminate=o,exports.label=c,exports.success=r,exports.tempestProgressLoop=s,exports.warning=i,exports.wrapper=e;
+//# sourceMappingURL=Progress.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.module.cjs","names":[],"sources":["../../../src/components/Progress/Progress.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.bar {\n    width: 100%;\n    height: 8px;\n    background-color: var(--tempest-surface-2);\n    border-radius: var(--tempest-radius-full);\n    overflow: hidden;\n    box-shadow: var(--tempest-shadow-inner);\n}\n\n.fill {\n    height: 100%;\n    background-color: var(--tempest-primary);\n    border-radius: inherit;\n    transition: width var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.fill.success {\n    background-color: var(--tempest-success-solid);\n}\n.fill.warning {\n    background-color: var(--tempest-warning-solid);\n}\n.fill.danger {\n    background-color: var(--tempest-danger-solid);\n}\n\n.indeterminate .fill {\n    width: 30% !important;\n    animation: tempest-progress-loop 1.4s var(--tempest-ease-in-out) infinite;\n}\n\n.label {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    display: flex;\n    justify-content: space-between;\n}\n\n@keyframes tempest-progress-loop {\n    0% {\n        transform: translateX(-100%);\n    }\n    100% {\n        transform: translateX(360%);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .indeterminate .fill {\n        animation: none;\n        width: 100% !important;\n        opacity: 0.5;\n    }\n}\n"],"mappings":""}

package/dist/components/Progress/Progress.module.js

@@ -0,0 +1,16 @@
+//#region src/components/Progress/Progress.module.css
+var e = "tempest_wrapper_BQek1", t = "tempest_bar_uC-0x", n = "tempest_fill_vmg7x", r = "tempest_success_gWJ8U", i = "tempest_warning_DGkPO", a = "tempest_danger_gfwHh", o = "tempest_indeterminate_HojUj", s = "tempest_tempest-progress-loop_0nEdF", c = "tempest_label_qqHJM", l = {
+	wrapper: e,
+	bar: t,
+	fill: n,
+	success: r,
+	warning: i,
+	danger: a,
+	indeterminate: o,
+	tempestProgressLoop: s,
+	label: c
+};
+//#endregion
+export { t as bar, a as danger, l as default, n as fill, o as indeterminate, c as label, r as success, s as tempestProgressLoop, i as warning, e as wrapper };
+
+//# sourceMappingURL=Progress.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.module.js","names":[],"sources":["../../../src/components/Progress/Progress.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.bar {\n    width: 100%;\n    height: 8px;\n    background-color: var(--tempest-surface-2);\n    border-radius: var(--tempest-radius-full);\n    overflow: hidden;\n    box-shadow: var(--tempest-shadow-inner);\n}\n\n.fill {\n    height: 100%;\n    background-color: var(--tempest-primary);\n    border-radius: inherit;\n    transition: width var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.fill.success {\n    background-color: var(--tempest-success-solid);\n}\n.fill.warning {\n    background-color: var(--tempest-warning-solid);\n}\n.fill.danger {\n    background-color: var(--tempest-danger-solid);\n}\n\n.indeterminate .fill {\n    width: 30% !important;\n    animation: tempest-progress-loop 1.4s var(--tempest-ease-in-out) infinite;\n}\n\n.label {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    display: flex;\n    justify-content: space-between;\n}\n\n@keyframes tempest-progress-loop {\n    0% {\n        transform: translateX(-100%);\n    }\n    100% {\n        transform: translateX(360%);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .indeterminate .fill {\n        animation: none;\n        width: 100% !important;\n        opacity: 0.5;\n    }\n}\n"],"mappings":""}

package/dist/components/Radio/Radio.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),C=require("../../utils/cn.cjs"),a=require("./Radio.module.css.cjs"),N=r.createContext(null),v=r.forwardRef(function({label:s,description:t,value:o,disabled:i,name:u,checked:f,onChange:h,wrapperClassName:m,className:p,...g},x){const e=r.useContext(N),j=e?.name??u,d=e?.disabled??i,l=e?e.value===o:f;function R(b){e&&e.onChange?.(o),h?.(b)}return n.jsxs("label",{className:C.cn(a.default.wrapper,d&&a.default.disabled,m),children:[n.jsx("input",{ref:x,type:"radio",name:j,value:o,checked:l,disabled:d,onChange:R,className:C.cn(a.default.input,p),...g}),n.jsx("span",{className:a.default.dot,"aria-hidden":!0}),(s||t)&&n.jsxs("span",{className:a.default.labelWrap,children:[s&&n.jsx("span",{className:a.default.label,children:s}),t&&n.jsx("span",{className:a.default.description,children:t})]})]})});function q({value:c,defaultValue:s,onChange:t,name:o,disabled:i,horizontal:u=!1,className:f,children:h}){const m=r.useId(),p=o??m,[g,x]=r.useState(s),e=c!==void 0,j=e?c:g;function d(l){e||x(l),t?.(l)}return n.jsx(N.Provider,{value:{name:p,value:j,onChange:d,disabled:i},children:n.jsx("div",{role:"radiogroup",className:C.cn(a.default.group,u&&a.default.horizontal,f),children:h})})}exports.Radio=v;exports.RadioGroup=q;
-//# sourceMappingURL=Radio.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Radio.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.createContext)(null),a=(0,n.forwardRef)(function({label:a,description:o,value:s,disabled:c,name:l,checked:u,onChange:d,wrapperClassName:f,className:p,...m},h){let g=(0,n.useContext)(i),_=g?.name??l,v=g?.disabled??c,y=g?g.value===s:u;function b(e){g&&g.onChange?.(s),d?.(e)}return(0,r.jsxs)(`label`,{className:e.cn(t.default.wrapper,v&&t.default.disabled,f),children:[(0,r.jsx)(`input`,{ref:h,type:`radio`,name:_,value:s,checked:y,disabled:v,onChange:b,className:e.cn(t.default.input,p),...m}),(0,r.jsx)(`span`,{className:t.default.dot,"aria-hidden":!0}),(a||o)&&(0,r.jsxs)(`span`,{className:t.default.labelWrap,children:[a&&(0,r.jsx)(`span`,{className:t.default.label,children:a}),o&&(0,r.jsx)(`span`,{className:t.default.description,children:o})]})]})});function o({value:a,defaultValue:o,onChange:s,name:c,disabled:l,horizontal:u=!1,className:d,children:f}){let p=(0,n.useId)(),m=c??p,[h,g]=(0,n.useState)(o),_=a!==void 0,v=_?a:h;function y(e){_||g(e),s?.(e)}return(0,r.jsx)(i.Provider,{value:{name:m,value:v,onChange:y,disabled:l},children:(0,r.jsx)(`div`,{role:`radiogroup`,className:e.cn(t.default.group,u&&t.default.horizontal,d),children:f})})}exports.Radio=a,exports.RadioGroup=o;
+//# sourceMappingURL=Radio.cjs.map

package/dist/components/Radio/Radio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.cjs","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, useId, useState } from \"react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Radio.module.css\";\n\ninterface RadioGroupContextValue {\n    name: string;\n    value?: string;\n    onChange?: (value: string) => void;\n    disabled?: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    value: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Single radio button. Inside a {@link RadioGroup}, name/checked/onChange are\n * managed by the group; outside, behaves as a regular radio input.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n    {\n        label,\n        description,\n        value,\n        disabled,\n        name,\n        checked,\n        onChange,\n        wrapperClassName,\n        className,\n        ...props\n    },\n    ref,\n) {\n    const group = useContext(RadioGroupContext);\n    const resolvedName = group?.name ?? name;\n    const resolvedDisabled = group?.disabled ?? disabled;\n    const isChecked = group ? group.value === value : checked;\n\n    function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n        if (group) group.onChange?.(value);\n        onChange?.(event);\n    }\n\n    return (\n        <label\n            className={cn(styles.wrapper, resolvedDisabled && styles.disabled, wrapperClassName)}\n        >\n            <input\n                ref={ref}\n                type=\"radio\"\n                name={resolvedName}\n                value={value}\n                checked={isChecked}\n                disabled={resolvedDisabled}\n                onChange={handleChange}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.dot} aria-hidden />\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nexport interface RadioGroupProps {\n    /** Selected value (controlled). */\n    value?: string;\n    /** Default selected value (uncontrolled). */\n    defaultValue?: string;\n    /** Called when the selection changes. */\n    onChange?: (value: string) => void;\n    /** `name` attribute applied to every Radio inside. Auto-generated if omitted. */\n    name?: string;\n    /** Disable every Radio inside. */\n    disabled?: boolean;\n    /** Lay out radios horizontally. Default: false (column). */\n    horizontal?: boolean;\n    className?: string;\n    children: ReactNode;\n}\n\n/**\n * Wraps multiple {@link Radio} children and coordinates selection via context.\n * Pass `value` for controlled mode or `defaultValue` for uncontrolled.\n */\nexport function RadioGroup({\n    value,\n    defaultValue,\n    onChange,\n    name,\n    disabled,\n    horizontal = false,\n    className,\n    children,\n}: RadioGroupProps) {\n    const generatedName = useId();\n    const resolvedName = name ?? generatedName;\n\n    const [internal, setInternal] = useState<string | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : internal;\n\n    function handleChange(next: string): void {\n        if (!isControlled) setInternal(next);\n        onChange?.(next);\n    }\n\n    return (\n        <RadioGroupContext.Provider\n            value={{ name: resolvedName, value: current, onChange: handleChange, disabled }}\n        >\n            <div\n                role=\"radiogroup\"\n                className={cn(styles.group, horizontal && styles.horizontal, className)}\n            >\n                {children}\n            </div>\n        </RadioGroupContext.Provider>\n    );\n}\n"],"names":["RadioGroupContext","createContext","Radio","forwardRef","label","description","value","disabled","name","checked","onChange","wrapperClassName","className","props","ref","group","useContext","resolvedName","resolvedDisabled","isChecked","handleChange","event","jsxs","cn","styles","jsx","RadioGroup","defaultValue","horizontal","children","generatedName","useId","internal","setInternal","useState","isControlled","current","next"],"mappings":"4MAYMA,EAAoBC,EAAAA,cAA6C,IAAI,EAa9DC,EAAQC,EAAAA,WAAyC,SAC1D,CACI,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,QAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,UAAAC,EACA,GAAGC,CACP,EACAC,EACF,CACE,MAAMC,EAAQC,EAAAA,WAAWhB,CAAiB,EACpCiB,EAAeF,GAAO,MAAQP,EAC9BU,EAAmBH,GAAO,UAAYR,EACtCY,EAAYJ,EAAQA,EAAM,QAAUT,EAAQG,EAElD,SAASW,EAAaC,EAA4C,CAC1DN,GAAOA,EAAM,WAAWT,CAAK,EACjCI,IAAWW,CAAK,CACpB,CAEA,OACIC,EAAAA,KAAC,QAAA,CACG,UAAWC,EAAAA,GAAGC,UAAO,QAASN,GAAoBM,EAAAA,QAAO,SAAUb,CAAgB,EAEnF,SAAA,CAAAc,EAAAA,IAAC,QAAA,CACG,IAAAX,EACA,KAAK,QACL,KAAMG,EACN,MAAAX,EACA,QAASa,EACT,SAAUD,EACV,SAAUE,EACV,UAAWG,EAAAA,GAAGC,UAAO,MAAOZ,CAAS,EACpC,GAAGC,CAAA,CAAA,QAEP,OAAA,CAAK,UAAWW,EAAAA,QAAO,IAAK,cAAW,GAAC,GACvCpB,GAASC,IACPiB,OAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,UACnB,SAAA,CAAApB,GAASqB,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,MAAQ,SAAApB,EAAM,EAC/CC,GAAeoB,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,YAAc,SAAAnB,CAAA,CAAY,CAAA,CAAA,CACtE,CAAA,CAAA,CAAA,CAIhB,CAAC,EAuBM,SAASqB,EAAW,CACvB,MAAApB,EACA,aAAAqB,EACA,SAAAjB,EACA,KAAAF,EACA,SAAAD,EACA,WAAAqB,EAAa,GACb,UAAAhB,EACA,SAAAiB,CACJ,EAAoB,CAChB,MAAMC,EAAgBC,EAAAA,MAAA,EAChBd,EAAeT,GAAQsB,EAEvB,CAACE,EAAUC,CAAW,EAAIC,EAAAA,SAA6BP,CAAY,EACnEQ,EAAe7B,IAAU,OACzB8B,EAAUD,EAAe7B,EAAQ0B,EAEvC,SAASZ,EAAaiB,EAAoB,CACjCF,GAAcF,EAAYI,CAAI,EACnC3B,IAAW2B,CAAI,CACnB,CAEA,OACIZ,EAAAA,IAACzB,EAAkB,SAAlB,CACG,MAAO,CAAE,KAAMiB,EAAc,MAAOmB,EAAS,SAAUhB,EAAc,SAAAb,CAAA,EAErE,SAAAkB,EAAAA,IAAC,MAAA,CACG,KAAK,aACL,UAAWF,EAAAA,GAAGC,UAAO,MAAOI,GAAcJ,EAAAA,QAAO,WAAYZ,CAAS,EAErE,SAAAiB,CAAA,CAAA,CACL,CAAA,CAGZ"}
+{"version":3,"file":"Radio.cjs","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, useId, useState } from \"react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Radio.module.css\";\n\ninterface RadioGroupContextValue {\n    name: string;\n    value?: string;\n    onChange?: (value: string) => void;\n    disabled?: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    value: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Single radio button. Inside a {@link RadioGroup}, name/checked/onChange are\n * managed by the group; outside, behaves as a regular radio input.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n    {\n        label,\n        description,\n        value,\n        disabled,\n        name,\n        checked,\n        onChange,\n        wrapperClassName,\n        className,\n        ...props\n    },\n    ref,\n) {\n    const group = useContext(RadioGroupContext);\n    const resolvedName = group?.name ?? name;\n    const resolvedDisabled = group?.disabled ?? disabled;\n    const isChecked = group ? group.value === value : checked;\n\n    function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n        if (group) group.onChange?.(value);\n        onChange?.(event);\n    }\n\n    return (\n        <label\n            className={cn(styles.wrapper, resolvedDisabled && styles.disabled, wrapperClassName)}\n        >\n            <input\n                ref={ref}\n                type=\"radio\"\n                name={resolvedName}\n                value={value}\n                checked={isChecked}\n                disabled={resolvedDisabled}\n                onChange={handleChange}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.dot} aria-hidden />\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nexport interface RadioGroupProps {\n    /** Selected value (controlled). */\n    value?: string;\n    /** Default selected value (uncontrolled). */\n    defaultValue?: string;\n    /** Called when the selection changes. */\n    onChange?: (value: string) => void;\n    /** `name` attribute applied to every Radio inside. Auto-generated if omitted. */\n    name?: string;\n    /** Disable every Radio inside. */\n    disabled?: boolean;\n    /** Lay out radios horizontally. Default: false (column). */\n    horizontal?: boolean;\n    className?: string;\n    children: ReactNode;\n}\n\n/**\n * Wraps multiple {@link Radio} children and coordinates selection via context.\n * Pass `value` for controlled mode or `defaultValue` for uncontrolled.\n */\nexport function RadioGroup({\n    value,\n    defaultValue,\n    onChange,\n    name,\n    disabled,\n    horizontal = false,\n    className,\n    children,\n}: RadioGroupProps) {\n    const generatedName = useId();\n    const resolvedName = name ?? generatedName;\n\n    const [internal, setInternal] = useState<string | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : internal;\n\n    function handleChange(next: string): void {\n        if (!isControlled) setInternal(next);\n        onChange?.(next);\n    }\n\n    return (\n        <RadioGroupContext.Provider\n            value={{ name: resolvedName, value: current, onChange: handleChange, disabled }}\n        >\n            <div\n                role=\"radiogroup\"\n                className={cn(styles.group, horizontal && styles.horizontal, className)}\n            >\n                {children}\n            </div>\n        </RadioGroupContext.Provider>\n    );\n}\n"],"mappings":"4HAYA,IAAM,GAAA,EAAA,EAAA,cAAA,CAAiE,IAAI,EAa9D,GAAA,EAAA,EAAA,WAAA,CAAiD,SAC1D,CACI,QACA,cACA,QACA,WACA,OACA,UACA,WACA,mBACA,YACA,GAAG,GAEP,EACF,CACE,IAAM,GAAA,EAAA,EAAA,WAAA,CAAmB,CAAiB,EACpC,EAAe,GAAO,MAAQ,EAC9B,EAAmB,GAAO,UAAY,EACtC,EAAY,EAAQ,EAAM,QAAU,EAAQ,EAElD,SAAS,EAAa,EAA4C,CAC1D,GAAO,EAAM,WAAW,CAAK,EACjC,IAAW,CAAK,CACpB,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAoB,EAAA,QAAO,SAAU,CAAgB,WADvF,EAGI,EAAA,EAAA,IAAA,CAAC,QAAD,CACS,MACL,KAAK,QACL,KAAM,EACC,QACP,QAAS,EACT,SAAU,EACV,SAAU,EACV,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,GAAI,CACP,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,IAAK,cAAA,EAAa,CAAA,GACxC,GAAS,KACP,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAxB,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EACrD,IAAe,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,qBAAc,CAAkB,CAAA,CACtE,GAEP,GAEf,CAAC,EAuBD,SAAgB,EAAW,CACvB,QACA,eACA,WACA,OACA,WACA,aAAa,GACb,YACA,YACgB,CAChB,IAAM,GAAA,EAAA,EAAA,MAAA,CAAsB,EACtB,EAAe,GAAQ,EAEvB,CAAC,EAAU,IAAA,EAAA,EAAA,SAAA,CAA4C,CAAY,EACnE,EAAe,IAAU,IAAA,GACzB,EAAU,EAAe,EAAQ,EAEvC,SAAS,EAAa,EAAoB,CACjC,GAAc,EAAY,CAAI,EACnC,IAAW,CAAI,CACnB,CAEA,OACI,EAAA,EAAA,IAAA,CAAC,EAAkB,SAAnB,CACI,MAAO,CAAE,KAAM,EAAc,MAAO,EAAS,SAAU,EAAc,UAAS,YAE9E,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,aACL,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,GAAc,EAAA,QAAO,WAAY,CAAS,EAErE,UACA,CAAA,CACmB,CAAA,CAEpC"}