tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/Center/Center.js.map

@@ -1 +1 @@
-{"version":3,"file":"Center.js","sources":["../../../src/components/Center/Center.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Center.module.css\";\n\nexport type CenterAxis = \"both\" | \"horizontal\" | \"vertical\";\n\nexport interface CenterProps extends HTMLAttributes<HTMLDivElement> {\n    /** Which axis to center on. Default `\"both\"`. */\n    axis?: CenterAxis;\n    /** Fixed height for the container. Numbers map to `${n}px`; strings pass through. Useful when centering inside an unsized parent. */\n    minHeight?: number | string;\n    /** When `true` (default), takes up `100%` width of the parent. */\n    fullWidth?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Center children horizontally, vertically, or both. Flex-based; works with\n * any child size. Pair with `minHeight` (or set parent height) when\n * centering vertically.\n *\n * @example\n * <Center axis=\"both\" minHeight=\"100vh\">\n *     <Spinner />\n * </Center>\n */\nexport function Center({\n    axis = \"both\",\n    minHeight,\n    fullWidth = true,\n    className,\n    style,\n    children,\n    ...props\n}: CenterProps) {\n    const finalStyle: CSSProperties = {\n        ...(minHeight !== undefined\n            ? { minHeight: typeof minHeight === \"number\" ? `${minHeight}px` : minHeight }\n            : null),\n        ...(fullWidth ? { width: \"100%\" } : null),\n        ...style,\n    };\n    return (\n        <div className={cn(styles.center, styles[axis], className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"names":["Center","axis","minHeight","fullWidth","className","style","children","props","finalStyle","jsx","cn","styles"],"mappings":";;;AA0BO,SAASA,EAAO;AAAA,EACnB,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAgB;AACZ,QAAMC,IAA4B;AAAA,IAC9B,GAAIN,MAAc,SACZ,EAAE,WAAW,OAAOA,KAAc,WAAW,GAAGA,CAAS,OAAOA,EAAA,IAChE;AAAA,IACN,GAAIC,IAAY,EAAE,OAAO,WAAW;AAAA,IACpC,GAAGE;AAAA,EAAA;AAEP,SACI,gBAAAI,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,QAAQA,EAAOV,CAAI,GAAGG,CAAS,GAAG,OAAOI,GAAa,GAAGD,GAC9E,UAAAD,GACL;AAER;"}
+{"version":3,"file":"Center.js","names":[],"sources":["../../../src/components/Center/Center.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Center.module.css\";\n\nexport type CenterAxis = \"both\" | \"horizontal\" | \"vertical\";\n\nexport interface CenterProps extends HTMLAttributes<HTMLDivElement> {\n    /** Which axis to center on. Default `\"both\"`. */\n    axis?: CenterAxis;\n    /** Fixed height for the container. Numbers map to `${n}px`; strings pass through. Useful when centering inside an unsized parent. */\n    minHeight?: number | string;\n    /** When `true` (default), takes up `100%` width of the parent. */\n    fullWidth?: boolean;\n    children?: ReactNode;\n}\n\n/**\n * Center children horizontally, vertically, or both. Flex-based; works with\n * any child size. Pair with `minHeight` (or set parent height) when\n * centering vertically.\n *\n * @example\n * <Center axis=\"both\" minHeight=\"100vh\">\n *     <Spinner />\n * </Center>\n */\nexport function Center({\n    axis = \"both\",\n    minHeight,\n    fullWidth = true,\n    className,\n    style,\n    children,\n    ...props\n}: CenterProps) {\n    const finalStyle: CSSProperties = {\n        ...(minHeight !== undefined\n            ? { minHeight: typeof minHeight === \"number\" ? `${minHeight}px` : minHeight }\n            : null),\n        ...(fullWidth ? { width: \"100%\" } : null),\n        ...style,\n    };\n    return (\n        <div className={cn(styles.center, styles[axis], className)} style={finalStyle} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;AA0BA,SAAgB,EAAO,EACnB,UAAO,QACP,cACA,eAAY,IACZ,cACA,UACA,aACA,GAAG,KACS;CACZ,IAAM,IAA4B;EAC9B,GAAI,MAAc,KAAA,IAEZ,OADA,EAAE,WAAW,OAAO,KAAc,WAAW,GAAG,EAAU,MAAM,EAAU;EAEhF,GAAI,IAAY,EAAE,OAAO,OAAO,IAAI;EACpC,GAAG;CACP;CACA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,QAAQ,EAAO,IAAO,CAAS;EAAG,OAAO;EAAY,GAAI;EAC9E;CACA,CAAA;AAEb"}

package/dist/components/Center/Center.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_center_Pu1Pf`,t=`tempest_both_53GWn`,n=`tempest_horizontal_94-Bt`,r=`tempest_vertical_Q7Kyg`,i={center:e,both:t,horizontal:n,vertical:r};exports.both=t,exports.center=e,exports.default=i,exports.horizontal=n,exports.vertical=r;
+//# sourceMappingURL=Center.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Center.module.cjs","names":[],"sources":["../../../src/components/Center/Center.module.css"],"sourcesContent":[".center {\n    display: flex;\n}\n\n.center.both {\n    align-items: center;\n    justify-content: center;\n}\n\n.center.horizontal {\n    justify-content: center;\n}\n\n.center.vertical {\n    align-items: center;\n}\n"],"mappings":""}

package/dist/components/Center/Center.module.js

@@ -0,0 +1,11 @@
+//#region src/components/Center/Center.module.css
+var e = "tempest_center_Pu1Pf", t = "tempest_both_53GWn", n = "tempest_horizontal_94-Bt", r = "tempest_vertical_Q7Kyg", i = {
+	center: e,
+	both: t,
+	horizontal: n,
+	vertical: r
+};
+//#endregion
+export { t as both, e as center, i as default, n as horizontal, r as vertical };
+
+//# sourceMappingURL=Center.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Center.module.js","names":[],"sources":["../../../src/components/Center/Center.module.css"],"sourcesContent":[".center {\n    display: flex;\n}\n\n.center.both {\n    align-items: center;\n    justify-content: center;\n}\n\n.center.horizontal {\n    justify-content: center;\n}\n\n.center.vertical {\n    align-items: center;\n}\n"],"mappings":""}

package/dist/components/Checkbox/Checkbox.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),l=require("../../utils/cn.cjs"),n=require("./Checkbox.module.css.cjs"),j=i.forwardRef(function({label:t,description:s,indeterminate:c,disabled:a,wrapperClassName:h,className:d,...f},r){const o=i.useRef(null);i.useEffect(()=>{o.current&&(o.current.indeterminate=!!c)},[c]);function x(u){o.current=u,typeof r=="function"?r(u):r&&(r.current=u)}return e.jsxs("label",{className:l.cn(n.default.wrapper,a&&n.default.disabled,h),children:[e.jsx("input",{ref:x,type:"checkbox",disabled:a,className:l.cn(n.default.input,d),...f}),e.jsx("span",{className:n.default.box,"aria-hidden":!0,children:c?e.jsx(k,{}):e.jsx(p,{})}),(t||s)&&e.jsxs("span",{className:n.default.labelWrap,children:[t&&e.jsx("span",{className:n.default.label,children:t}),s&&e.jsx("span",{className:n.default.description,children:s})]})]})});function p(){return e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M5 12l5 5L20 7",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})})}function k(){return e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M5 12h14",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})})}exports.Checkbox=j;
-//# sourceMappingURL=Checkbox.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Checkbox.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({label:i,description:s,indeterminate:c,disabled:l,wrapperClassName:u,className:d,...f},p){let m=(0,n.useRef)(null);(0,n.useEffect)(()=>{m.current&&(m.current.indeterminate=!!c)},[c]);function h(e){m.current=e,typeof p==`function`?p(e):p&&(p.current=e)}return(0,r.jsxs)(`label`,{className:e.cn(t.default.wrapper,l&&t.default.disabled,u),children:[(0,r.jsx)(`input`,{ref:h,type:`checkbox`,disabled:l,className:e.cn(t.default.input,d),...f}),(0,r.jsx)(`span`,{className:t.default.box,"aria-hidden":!0,children:c?(0,r.jsx)(o,{}):(0,r.jsx)(a,{})}),(i||s)&&(0,r.jsxs)(`span`,{className:t.default.labelWrap,children:[i&&(0,r.jsx)(`span`,{className:t.default.label,children:i}),s&&(0,r.jsx)(`span`,{className:t.default.description,children:s})]})]})});function a(){return(0,r.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,children:(0,r.jsx)(`path`,{d:`M5 12l5 5L20 7`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function o(){return(0,r.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,children:(0,r.jsx)(`path`,{d:`M5 12h14`,stroke:`currentColor`,strokeWidth:`3`,strokeLinecap:`round`})})}exports.Checkbox=i;
+//# sourceMappingURL=Checkbox.cjs.map

package/dist/components/Checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    /** Render the box in the indeterminate state regardless of `checked`. */\n    indeterminate?: boolean;\n    wrapperClassName?: string;\n}\n\n/**\n * Accessible checkbox. Supports a tri-state via `indeterminate` and pairs the\n * input with a label/description column for forms.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n    { label, description, indeterminate, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    useEffect(() => {\n        if (innerRef.current) innerRef.current.indeterminate = Boolean(indeterminate);\n    }, [indeterminate]);\n\n    function setRef(node: HTMLInputElement | null): void {\n        innerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    }\n\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={setRef}\n                type=\"checkbox\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.box} aria-hidden>\n                {indeterminate ? <DashIcon /> : <CheckIcon />}\n            </span>\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\nfunction CheckIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M5 12l5 5L20 7\"\n                stroke=\"currentColor\"\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n\nfunction DashIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 12h14\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"names":["Checkbox","forwardRef","label","description","indeterminate","disabled","wrapperClassName","className","props","ref","innerRef","useRef","useEffect","setRef","node","jsxs","cn","styles","jsx","DashIcon","CheckIcon"],"mappings":"+MAiBaA,EAAWC,EAAAA,WAA4C,SAChE,CAAE,MAAAC,EAAO,YAAAC,EAAa,cAAAC,EAAe,SAAAC,EAAU,iBAAAC,EAAkB,UAAAC,EAAW,GAAGC,CAAA,EAC/EC,EACF,CACE,MAAMC,EAAWC,EAAAA,OAAgC,IAAI,EAErDC,EAAAA,UAAU,IAAM,CACRF,EAAS,UAASA,EAAS,QAAQ,cAAgB,EAAQN,EACnE,EAAG,CAACA,CAAa,CAAC,EAElB,SAASS,EAAOC,EAAqC,CACjDJ,EAAS,QAAUI,EACf,OAAOL,GAAQ,WAAYA,EAAIK,CAAI,EAC9BL,IAAMA,EAAwD,QAAUK,EACrF,CAEA,OACIC,EAAAA,KAAC,QAAA,CAAM,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASZ,GAAYY,EAAAA,QAAO,SAAUX,CAAgB,EAC9E,SAAA,CAAAY,EAAAA,IAAC,QAAA,CACG,IAAKL,EACL,KAAK,WACL,SAAAR,EACA,UAAWW,EAAAA,GAAGC,UAAO,MAAOV,CAAS,EACpC,GAAGC,CAAA,CAAA,EAERU,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,IAAK,cAAW,GACnC,SAAAb,EAAgBc,EAAAA,IAACC,EAAA,CAAA,CAAS,EAAKD,EAAAA,IAACE,IAAU,EAC/C,GACElB,GAASC,IACPY,OAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,UACnB,SAAA,CAAAf,GAASgB,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,MAAQ,SAAAf,EAAM,EAC/CC,GAAee,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,YAAc,SAAAd,CAAA,CAAY,CAAA,CAAA,CACtE,CAAA,EAER,CAER,CAAC,EAED,SAASiB,GAAY,CACjB,OACIF,EAAAA,IAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,SAAAA,EAAAA,IAAC,OAAA,CACG,EAAE,iBACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,EAEvB,CAER,CAEA,SAASC,GAAW,CAChB,OACID,MAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACjD,eAAC,OAAA,CAAK,EAAE,WAAW,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,CAAA,CACnF,CAER"}
+{"version":3,"file":"Checkbox.cjs","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    /** Render the box in the indeterminate state regardless of `checked`. */\n    indeterminate?: boolean;\n    wrapperClassName?: string;\n}\n\n/**\n * Accessible checkbox. Supports a tri-state via `indeterminate` and pairs the\n * input with a label/description column for forms.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n    { label, description, indeterminate, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    useEffect(() => {\n        if (innerRef.current) innerRef.current.indeterminate = Boolean(indeterminate);\n    }, [indeterminate]);\n\n    function setRef(node: HTMLInputElement | null): void {\n        innerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    }\n\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={setRef}\n                type=\"checkbox\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.box} aria-hidden>\n                {indeterminate ? <DashIcon /> : <CheckIcon />}\n            </span>\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\nfunction CheckIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M5 12l5 5L20 7\"\n                stroke=\"currentColor\"\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n\nfunction DashIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 12h14\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"mappings":"+HAiBA,IAAa,GAAA,EAAA,EAAA,WAAA,CAAuD,SAChE,CAAE,QAAO,cAAa,gBAAe,WAAU,mBAAkB,YAAW,GAAG,GAC/E,EACF,CACE,IAAM,GAAA,EAAA,EAAA,OAAA,CAA2C,IAAI,GAErD,EAAA,EAAA,UAAA,KAAgB,CACR,EAAS,UAAS,EAAS,QAAQ,cAAgB,EAAQ,EACnE,EAAG,CAAC,CAAa,CAAC,EAElB,SAAS,EAAO,EAAqC,CACjD,EAAS,QAAU,EACf,OAAO,GAAQ,WAAY,EAAI,CAAI,EAC9B,IAAK,EAAyD,QAAU,EACrF,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAY,EAAA,QAAO,SAAU,CAAgB,WAAlF,EACI,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,IAAK,EACL,KAAK,WACK,WACV,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,GAAI,CACP,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,IAAK,cAAA,YACxB,GAAgB,EAAA,EAAA,IAAA,CAAC,EAAD,CAAW,CAAA,GAAI,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CAC1C,CAAA,GACJ,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,EAED,SAAS,GAAY,CACjB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,iBACjD,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,iBACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAClB,CAAA,CACA,CAAA,CAEb,CAEA,SAAS,GAAW,CAChB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,iBACjD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,WAAW,OAAO,eAAe,YAAY,IAAI,cAAc,OAAS,CAAA,CAC/E,CAAA,CAEb"}

package/dist/components/Checkbox/Checkbox.js

@@ -1,49 +1,74 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { forwardRef as m, useRef as k, useEffect as x } from "react";
-import { cn as h } from "../../utils/cn.js";
-import r from "./Checkbox.module.css.js";
-const R = m(function({ label: o, description: t, indeterminate: c, disabled: a, wrapperClassName: u, className: f, ...p }, n) {
-  const s = k(null);
-  x(() => {
-    s.current && (s.current.indeterminate = !!c);
-  }, [c]);
-  function d(i) {
-    s.current = i, typeof n == "function" ? n(i) : n && (n.current = i);
-  }
-  return /* @__PURE__ */ l("label", { className: h(r.wrapper, a && r.disabled, u), children: [
-    /* @__PURE__ */ e(
-      "input",
-      {
-        ref: d,
-        type: "checkbox",
-        disabled: a,
-        className: h(r.input, f),
-        ...p
-      }
-    ),
-    /* @__PURE__ */ e("span", { className: r.box, "aria-hidden": !0, children: c ? /* @__PURE__ */ e(N, {}) : /* @__PURE__ */ e(w, {}) }),
-    (o || t) && /* @__PURE__ */ l("span", { className: r.labelWrap, children: [
-      o && /* @__PURE__ */ e("span", { className: r.label, children: o }),
-      t && /* @__PURE__ */ e("span", { className: r.description, children: t })
-    ] })
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import t from "./Checkbox.module.js";
+import { forwardRef as n, useEffect as r, useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Checkbox/Checkbox.tsx
+var s = n(function({ label: n, description: s, indeterminate: u, disabled: d, wrapperClassName: f, className: p, ...m }, h) {
+	let g = i(null);
+	r(() => {
+		g.current && (g.current.indeterminate = !!u);
+	}, [u]);
+	function _(e) {
+		g.current = e, typeof h == "function" ? h(e) : h && (h.current = e);
+	}
+	return /* @__PURE__ */ o("label", {
+		className: e(t.wrapper, d && t.disabled, f),
+		children: [
+			/* @__PURE__ */ a("input", {
+				ref: _,
+				type: "checkbox",
+				disabled: d,
+				className: e(t.input, p),
+				...m
+			}),
+			/* @__PURE__ */ a("span", {
+				className: t.box,
+				"aria-hidden": !0,
+				children: a(u ? l : c, {})
+			}),
+			(n || s) && /* @__PURE__ */ o("span", {
+				className: t.labelWrap,
+				children: [n && /* @__PURE__ */ a("span", {
+					className: t.label,
+					children: n
+				}), s && /* @__PURE__ */ a("span", {
+					className: t.description,
+					children: s
+				})]
+			})
+		]
+	});
 });
-function w() {
-  return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e(
-    "path",
-    {
-      d: "M5 12l5 5L20 7",
-      stroke: "currentColor",
-      strokeWidth: "3",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
+function c() {
+	return /* @__PURE__ */ a("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ a("path", {
+			d: "M5 12l5 5L20 7",
+			stroke: "currentColor",
+			strokeWidth: "3",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
 }
-function N() {
-  return /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M5 12h14", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round" }) });
+function l() {
+	return /* @__PURE__ */ a("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ a("path", {
+			d: "M5 12h14",
+			stroke: "currentColor",
+			strokeWidth: "3",
+			strokeLinecap: "round"
+		})
+	});
 }
-export {
-  R as Checkbox
-};
-//# sourceMappingURL=Checkbox.js.map
+//#endregion
+export { s as Checkbox };
+
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    /** Render the box in the indeterminate state regardless of `checked`. */\n    indeterminate?: boolean;\n    wrapperClassName?: string;\n}\n\n/**\n * Accessible checkbox. Supports a tri-state via `indeterminate` and pairs the\n * input with a label/description column for forms.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n    { label, description, indeterminate, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    useEffect(() => {\n        if (innerRef.current) innerRef.current.indeterminate = Boolean(indeterminate);\n    }, [indeterminate]);\n\n    function setRef(node: HTMLInputElement | null): void {\n        innerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    }\n\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={setRef}\n                type=\"checkbox\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.box} aria-hidden>\n                {indeterminate ? <DashIcon /> : <CheckIcon />}\n            </span>\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\nfunction CheckIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M5 12l5 5L20 7\"\n                stroke=\"currentColor\"\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n\nfunction DashIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 12h14\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"names":["Checkbox","forwardRef","label","description","indeterminate","disabled","wrapperClassName","className","props","ref","innerRef","useRef","useEffect","setRef","node","jsxs","cn","styles","jsx","DashIcon","CheckIcon"],"mappings":";;;;AAiBO,MAAMA,IAAWC,EAA4C,SAChE,EAAE,OAAAC,GAAO,aAAAC,GAAa,eAAAC,GAAe,UAAAC,GAAU,kBAAAC,GAAkB,WAAAC,GAAW,GAAGC,EAAA,GAC/EC,GACF;AACE,QAAMC,IAAWC,EAAgC,IAAI;AAErD,EAAAC,EAAU,MAAM;AACZ,IAAIF,EAAS,YAASA,EAAS,QAAQ,gBAAgB,EAAQN;AAAA,EACnE,GAAG,CAACA,CAAa,CAAC;AAElB,WAASS,EAAOC,GAAqC;AACjD,IAAAJ,EAAS,UAAUI,GACf,OAAOL,KAAQ,aAAYA,EAAIK,CAAI,IAC9BL,MAAMA,EAAwD,UAAUK;AAAA,EACrF;AAEA,SACI,gBAAAC,EAAC,SAAA,EAAM,WAAWC,EAAGC,EAAO,SAASZ,KAAYY,EAAO,UAAUX,CAAgB,GAC9E,UAAA;AAAA,IAAA,gBAAAY;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAKL;AAAA,QACL,MAAK;AAAA,QACL,UAAAR;AAAA,QACA,WAAWW,EAAGC,EAAO,OAAOV,CAAS;AAAA,QACpC,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,IAER,gBAAAU,EAAC,QAAA,EAAK,WAAWD,EAAO,KAAK,eAAW,IACnC,UAAAb,IAAgB,gBAAAc,EAACC,GAAA,CAAA,CAAS,IAAK,gBAAAD,EAACE,KAAU,GAC/C;AAAA,KACElB,KAASC,MACP,gBAAAY,EAAC,QAAA,EAAK,WAAWE,EAAO,WACnB,UAAA;AAAA,MAAAf,KAAS,gBAAAgB,EAAC,QAAA,EAAK,WAAWD,EAAO,OAAQ,UAAAf,GAAM;AAAA,MAC/CC,KAAe,gBAAAe,EAAC,QAAA,EAAK,WAAWD,EAAO,aAAc,UAAAd,EAAA,CAAY;AAAA,IAAA,EAAA,CACtE;AAAA,EAAA,GAER;AAER,CAAC;AAED,SAASiB,IAAY;AACjB,SACI,gBAAAF,EAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACjD,UAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,IAAA;AAAA,EAAA,GAEvB;AAER;AAEA,SAASC,IAAW;AAChB,SACI,gBAAAD,EAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACjD,4BAAC,QAAA,EAAK,GAAE,YAAW,QAAO,gBAAe,aAAY,KAAI,eAAc,SAAQ,EAAA,CACnF;AAER;"}
+{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useEffect, useRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    /** Render the box in the indeterminate state regardless of `checked`. */\n    indeterminate?: boolean;\n    wrapperClassName?: string;\n}\n\n/**\n * Accessible checkbox. Supports a tri-state via `indeterminate` and pairs the\n * input with a label/description column for forms.\n */\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n    { label, description, indeterminate, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    useEffect(() => {\n        if (innerRef.current) innerRef.current.indeterminate = Boolean(indeterminate);\n    }, [indeterminate]);\n\n    function setRef(node: HTMLInputElement | null): void {\n        innerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n    }\n\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={setRef}\n                type=\"checkbox\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.box} aria-hidden>\n                {indeterminate ? <DashIcon /> : <CheckIcon />}\n            </span>\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\nfunction CheckIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M5 12l5 5L20 7\"\n                stroke=\"currentColor\"\n                strokeWidth=\"3\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n\nfunction DashIcon() {\n    return (\n        <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M5 12h14\" stroke=\"currentColor\" strokeWidth=\"3\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AAiBA,IAAa,IAAW,EAA4C,SAChE,EAAE,UAAO,gBAAa,kBAAe,aAAU,qBAAkB,cAAW,GAAG,KAC/E,GACF;CACE,IAAM,IAAW,EAAgC,IAAI;CAErD,QAAgB;EACZ,AAAI,EAAS,YAAS,EAAS,QAAQ,gBAAgB,EAAQ;CACnE,GAAG,CAAC,CAAa,CAAC;CAElB,SAAS,EAAO,GAAqC;EAEjD,AADA,EAAS,UAAU,GACf,OAAO,KAAQ,aAAY,EAAI,CAAI,IAC9B,MAAK,EAAyD,UAAU;CACrF;CAEA,OACI,kBAAC,SAAD;EAAO,WAAW,EAAG,EAAO,SAAS,KAAY,EAAO,UAAU,CAAgB;YAAlF;GACI,kBAAC,SAAD;IACI,KAAK;IACL,MAAK;IACK;IACV,WAAW,EAAG,EAAO,OAAO,CAAS;IACrC,GAAI;GACP,CAAA;GACD,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAK,eAAA;cACR,EAAhB,IAAiB,IAAe,GAAhB,CAAW,CAAgB;GAC1C,CAAA;IACJ,KAAS,MACP,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAxB,CACK,KAAS,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAY,CAAA,GACrD,KAAe,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAc;IAAkB,CAAA,CACtE;;EAEP;;AAEf,CAAC;AAED,SAAS,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YACjD,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAClB,CAAA;CACA,CAAA;AAEb;AAEA,SAAS,IAAW;CAChB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YACjD,kBAAC,QAAD;GAAM,GAAE;GAAW,QAAO;GAAe,aAAY;GAAI,eAAc;EAAS,CAAA;CAC/E,CAAA;AAEb"}

package/dist/components/Checkbox/Checkbox.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_rpthW`,t=`tempest_disabled_x7-eg`,n=`tempest_input_2kt-h`,r=`tempest_box_OCPee`,i=`tempest_labelWrap_Ktbp0`,a=`tempest_label_cwRtI`,o=`tempest_description_rMhG1`,s={wrapper:e,disabled:t,input:n,box:r,labelWrap:i,label:a,description:o};exports.box=r,exports.default=s,exports.description=o,exports.disabled=t,exports.input=n,exports.label=a,exports.labelWrap=i,exports.wrapper=e;
+//# sourceMappingURL=Checkbox.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.module.cjs","names":[],"sources":["../../../src/components/Checkbox/Checkbox.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    cursor: pointer;\n    user-select: none;\n}\n\n.wrapper.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.input {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n.box {\n    flex-shrink: 0;\n    width: 18px;\n    height: 18px;\n    border: 1.5px solid var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-bg);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: transparent;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked):not(:indeterminate) + .box {\n    border-color: var(--tempest-primary);\n}\n\n.input:focus-visible + .box {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.input:checked + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.input:indeterminate + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.labelWrap {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    line-height: var(--tempest-leading-snug);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":""}

package/dist/components/Checkbox/Checkbox.module.js

@@ -0,0 +1,14 @@
+//#region src/components/Checkbox/Checkbox.module.css
+var e = "tempest_wrapper_rpthW", t = "tempest_disabled_x7-eg", n = "tempest_input_2kt-h", r = "tempest_box_OCPee", i = "tempest_labelWrap_Ktbp0", a = "tempest_label_cwRtI", o = "tempest_description_rMhG1", s = {
+	wrapper: e,
+	disabled: t,
+	input: n,
+	box: r,
+	labelWrap: i,
+	label: a,
+	description: o
+};
+//#endregion
+export { r as box, s as default, o as description, t as disabled, n as input, a as label, i as labelWrap, e as wrapper };
+
+//# sourceMappingURL=Checkbox.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.module.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    cursor: pointer;\n    user-select: none;\n}\n\n.wrapper.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.input {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n.box {\n    flex-shrink: 0;\n    width: 18px;\n    height: 18px;\n    border: 1.5px solid var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-bg);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: transparent;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked):not(:indeterminate) + .box {\n    border-color: var(--tempest-primary);\n}\n\n.input:focus-visible + .box {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.input:checked + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.input:indeterminate + .box {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.labelWrap {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    line-height: var(--tempest-leading-snug);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":""}

package/dist/components/ChipInput/ChipInput.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),f=require("react"),C=require("../../utils/cn.cjs"),t=require("./ChipInput.module.css.cjs");function q({value:r,onChange:c,label:u,placeholder:h="Adicionar e pressionar Enter…",helperText:d,error:i,commitKeys:b=["Enter",",","Tab"],normalize:j=!0,className:x,id:y,"aria-label":N}){const[l,o]=f.useState(""),p=f.useRef(null),I=f.useId(),s=y??I,$=i?`${s}-error`:d?`${s}-helper`:void 0;function m(){const e=j?l.trim().toLowerCase():l.trim();if(e){if(r.includes(e)){o("");return}c([...r,e]),o("")}}function g(e){if(b.includes(e.key)){e.preventDefault(),m();return}e.key==="Backspace"&&!l&&r.length>0&&c(r.slice(0,-1))}function k(e){const a=r.slice();a.splice(e,1),c(a)}return n.jsxs("div",{className:C.cn(t.default.wrapper,i&&t.default.error,x),children:[u&&n.jsx("label",{htmlFor:s,className:t.default.label,children:u}),n.jsxs("div",{className:t.default.field,onClick:()=>p.current?.focus(),children:[r.map((e,a)=>n.jsxs("span",{className:t.default.chip,children:[e,n.jsx("button",{type:"button",className:t.default.remove,"aria-label":`Remover ${e}`,onClick:()=>k(a),children:"×"})]},`${e}-${a}`)),n.jsx("input",{ref:p,id:s,className:t.default.input,value:l,placeholder:r.length===0?h:"","aria-label":u?void 0:N,"aria-invalid":!!i,"aria-describedby":$,onChange:e=>o(e.target.value),onKeyDown:g,onBlur:m})]}),i?n.jsx("span",{id:`${s}-error`,className:t.default.errorText,children:i}):d?n.jsx("span",{id:`${s}-helper`,className:t.default.helper,children:d}):null]})}exports.ChipInput=q;
-//# sourceMappingURL=ChipInput.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./ChipInput.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({value:i,onChange:a,label:o,placeholder:s=`Adicionar e pressionar Enter…`,helperText:c,error:l,commitKeys:u=[`Enter`,`,`,`Tab`],normalize:d=!0,className:f,id:p,"aria-label":m}){let[h,g]=(0,n.useState)(``),_=(0,n.useRef)(null),v=(0,n.useId)(),y=p??v,b=l?`${y}-error`:c?`${y}-helper`:void 0;function x(){let e=d?h.trim().toLowerCase():h.trim();if(e){if(i.includes(e)){g(``);return}a([...i,e]),g(``)}}function S(e){if(u.includes(e.key)){e.preventDefault(),x();return}e.key===`Backspace`&&!h&&i.length>0&&a(i.slice(0,-1))}function C(e){let t=i.slice();t.splice(e,1),a(t)}return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,l&&t.default.error,f),children:[o&&(0,r.jsx)(`label`,{htmlFor:y,className:t.default.label,children:o}),(0,r.jsxs)(`div`,{className:t.default.field,onClick:()=>_.current?.focus(),children:[i.map((e,n)=>(0,r.jsxs)(`span`,{className:t.default.chip,children:[e,(0,r.jsx)(`button`,{type:`button`,className:t.default.remove,"aria-label":`Remover ${e}`,onClick:()=>C(n),children:`×`})]},`${e}-${n}`)),(0,r.jsx)(`input`,{ref:_,id:y,className:t.default.input,value:h,placeholder:i.length===0?s:``,"aria-label":o?void 0:m,"aria-invalid":!!l,"aria-describedby":b,onChange:e=>g(e.target.value),onKeyDown:S,onBlur:x})]}),l?(0,r.jsx)(`span`,{id:`${y}-error`,className:t.default.errorText,children:l}):c?(0,r.jsx)(`span`,{id:`${y}-helper`,className:t.default.helper,children:c}):null]})}exports.ChipInput=i;
+//# sourceMappingURL=ChipInput.cjs.map

package/dist/components/ChipInput/ChipInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.cjs","sources":["../../../src/components/ChipInput/ChipInput.tsx"],"sourcesContent":["import { useId, useRef, useState } from \"react\";\nimport type { KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ChipInput.module.css\";\n\nexport interface ChipInputProps {\n    value: string[];\n    onChange: (next: string[]) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    /** Id for the inner input. Generated when omitted. */\n    id?: string;\n    /**\n     * Accessible name for the inner input when there is no visible `label`.\n     * Without either, screen readers announce an unnamed text field.\n     */\n    \"aria-label\"?: string;\n    /** Keys that commit the current draft as a chip. Default: Enter, comma, Tab. */\n    commitKeys?: string[];\n    /** Lowercase + trim each chip + dedupe. Default: true. */\n    normalize?: boolean;\n    className?: string;\n}\n\n/**\n * Multi-value input. Type a value and press Enter (or comma / Tab) to push a\n * chip. Backspace on empty input removes the last chip.\n *\n * Name the field with `label` (associated through `htmlFor`) or, when the label\n * lives elsewhere in the layout, with `aria-label`. The placeholder is not an\n * accessible name — it disappears as soon as the first chip is added.\n */\nexport function ChipInput({\n    value,\n    onChange,\n    label,\n    placeholder = \"Adicionar e pressionar Enter…\",\n    helperText,\n    error,\n    commitKeys = [\"Enter\", \",\", \"Tab\"],\n    normalize = true,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n}: ChipInputProps) {\n    const [draft, setDraft] = useState<string>(\"\");\n    const inputRef = useRef<HTMLInputElement>(null);\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n\n    function commit(): void {\n        const next = normalize ? draft.trim().toLowerCase() : draft.trim();\n        if (!next) return;\n        if (value.includes(next)) {\n            setDraft(\"\");\n            return;\n        }\n        onChange([...value, next]);\n        setDraft(\"\");\n    }\n\n    function handleKeyDown(event: KeyboardEvent<HTMLInputElement>): void {\n        if (commitKeys.includes(event.key)) {\n            event.preventDefault();\n            commit();\n            return;\n        }\n        if (event.key === \"Backspace\" && !draft && value.length > 0) {\n            onChange(value.slice(0, -1));\n        }\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.field} onClick={() => inputRef.current?.focus()}>\n                {value.map((chip, index) => (\n                    <span key={`${chip}-${index}`} className={styles.chip}>\n                        {chip}\n                        <button\n                            type=\"button\"\n                            className={styles.remove}\n                            aria-label={`Remover ${chip}`}\n                            onClick={() => remove(index)}\n                        >\n                            ×\n                        </button>\n                    </span>\n                ))}\n                <input\n                    ref={inputRef}\n                    id={inputId}\n                    className={styles.input}\n                    value={draft}\n                    placeholder={value.length === 0 ? placeholder : \"\"}\n                    aria-label={label ? undefined : ariaLabel}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    onChange={(event) => setDraft(event.target.value)}\n                    onKeyDown={handleKeyDown}\n                    onBlur={commit}\n                />\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":["ChipInput","value","onChange","label","placeholder","helperText","error","commitKeys","normalize","className","id","ariaLabel","draft","setDraft","useState","inputRef","useRef","generatedId","useId","inputId","describedById","commit","next","handleKeyDown","event","remove","index","jsxs","cn","styles","chip","jsx"],"mappings":"gNAkCO,SAASA,EAAU,CACtB,MAAAC,EACA,SAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,gCACd,WAAAC,EACA,MAAAC,EACA,WAAAC,EAAa,CAAC,QAAS,IAAK,KAAK,EACjC,UAAAC,EAAY,GACZ,UAAAC,EACA,GAAAC,EACA,aAAcC,CAClB,EAAmB,CACf,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAiB,EAAE,EACvCC,EAAWC,EAAAA,OAAyB,IAAI,EACxCC,EAAcC,EAAAA,MAAA,EACdC,EAAUT,GAAMO,EAChBG,EAAgBd,EAAQ,GAAGa,CAAO,SAAWd,EAAa,GAAGc,CAAO,UAAY,OAEtF,SAASE,GAAe,CACpB,MAAMC,EAAOd,EAAYI,EAAM,KAAA,EAAO,YAAA,EAAgBA,EAAM,KAAA,EAC5D,GAAKU,EACL,IAAIrB,EAAM,SAASqB,CAAI,EAAG,CACtBT,EAAS,EAAE,EACX,MACJ,CACAX,EAAS,CAAC,GAAGD,EAAOqB,CAAI,CAAC,EACzBT,EAAS,EAAE,EACf,CAEA,SAASU,EAAcC,EAA8C,CACjE,GAAIjB,EAAW,SAASiB,EAAM,GAAG,EAAG,CAChCA,EAAM,eAAA,EACNH,EAAA,EACA,MACJ,CACIG,EAAM,MAAQ,aAAe,CAACZ,GAASX,EAAM,OAAS,GACtDC,EAASD,EAAM,MAAM,EAAG,EAAE,CAAC,CAEnC,CAEA,SAASwB,EAAOC,EAAqB,CACjC,MAAMJ,EAAOrB,EAAM,MAAA,EACnBqB,EAAK,OAAOI,EAAO,CAAC,EACpBxB,EAASoB,CAAI,CACjB,CAEA,OACIK,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASvB,GAASuB,EAAAA,QAAO,MAAOpB,CAAS,EAC9D,SAAA,CAAAN,SACI,QAAA,CAAM,QAASgB,EAAS,UAAWU,UAAO,MACtC,SAAA1B,CAAA,CACL,EAEJwB,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,MAAO,QAAS,IAAMd,EAAS,SAAS,MAAA,EAC1D,SAAA,CAAAd,EAAM,IAAI,CAAC6B,EAAMJ,WACb,OAAA,CAA8B,UAAWG,UAAO,KAC5C,SAAA,CAAAC,EACDC,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWF,EAAAA,QAAO,OAClB,aAAY,WAAWC,CAAI,GAC3B,QAAS,IAAML,EAAOC,CAAK,EAC9B,SAAA,GAAA,CAAA,CAED,CAAA,EATO,GAAGI,CAAI,IAAIJ,CAAK,EAU3B,CACH,EACDK,EAAAA,IAAC,QAAA,CACG,IAAKhB,EACL,GAAII,EACJ,UAAWU,EAAAA,QAAO,MAClB,MAAOjB,EACP,YAAaX,EAAM,SAAW,EAAIG,EAAc,GAChD,aAAYD,EAAQ,OAAYQ,EAChC,eAAc,CAAC,CAACL,EAChB,mBAAkBc,EAClB,SAAWI,GAAUX,EAASW,EAAM,OAAO,KAAK,EAChD,UAAWD,EACX,OAAQF,CAAA,CAAA,CACZ,EACJ,EACCf,QACI,OAAA,CAAK,GAAI,GAAGa,CAAO,SAAU,UAAWU,EAAAA,QAAO,UAC3C,SAAAvB,CAAA,CACL,EACAD,EACA0B,EAAAA,IAAC,OAAA,CAAK,GAAI,GAAGZ,CAAO,UAAW,UAAWU,EAAAA,QAAO,OAC5C,SAAAxB,CAAA,CACL,EACA,IAAA,EACR,CAER"}
+{"version":3,"file":"ChipInput.cjs","names":[],"sources":["../../../src/components/ChipInput/ChipInput.tsx"],"sourcesContent":["import { useId, useRef, useState } from \"react\";\nimport type { KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ChipInput.module.css\";\n\nexport interface ChipInputProps {\n    value: string[];\n    onChange: (next: string[]) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    /** Id for the inner input. Generated when omitted. */\n    id?: string;\n    /**\n     * Accessible name for the inner input when there is no visible `label`.\n     * Without either, screen readers announce an unnamed text field.\n     */\n    \"aria-label\"?: string;\n    /** Keys that commit the current draft as a chip. Default: Enter, comma, Tab. */\n    commitKeys?: string[];\n    /** Lowercase + trim each chip + dedupe. Default: true. */\n    normalize?: boolean;\n    className?: string;\n}\n\n/**\n * Multi-value input. Type a value and press Enter (or comma / Tab) to push a\n * chip. Backspace on empty input removes the last chip.\n *\n * Name the field with `label` (associated through `htmlFor`) or, when the label\n * lives elsewhere in the layout, with `aria-label`. The placeholder is not an\n * accessible name — it disappears as soon as the first chip is added.\n */\nexport function ChipInput({\n    value,\n    onChange,\n    label,\n    placeholder = \"Adicionar e pressionar Enter…\",\n    helperText,\n    error,\n    commitKeys = [\"Enter\", \",\", \"Tab\"],\n    normalize = true,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n}: ChipInputProps) {\n    const [draft, setDraft] = useState<string>(\"\");\n    const inputRef = useRef<HTMLInputElement>(null);\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n\n    function commit(): void {\n        const next = normalize ? draft.trim().toLowerCase() : draft.trim();\n        if (!next) return;\n        if (value.includes(next)) {\n            setDraft(\"\");\n            return;\n        }\n        onChange([...value, next]);\n        setDraft(\"\");\n    }\n\n    function handleKeyDown(event: KeyboardEvent<HTMLInputElement>): void {\n        if (commitKeys.includes(event.key)) {\n            event.preventDefault();\n            commit();\n            return;\n        }\n        if (event.key === \"Backspace\" && !draft && value.length > 0) {\n            onChange(value.slice(0, -1));\n        }\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.field} onClick={() => inputRef.current?.focus()}>\n                {value.map((chip, index) => (\n                    <span key={`${chip}-${index}`} className={styles.chip}>\n                        {chip}\n                        <button\n                            type=\"button\"\n                            className={styles.remove}\n                            aria-label={`Remover ${chip}`}\n                            onClick={() => remove(index)}\n                        >\n                            ×\n                        </button>\n                    </span>\n                ))}\n                <input\n                    ref={inputRef}\n                    id={inputId}\n                    className={styles.input}\n                    value={draft}\n                    placeholder={value.length === 0 ? placeholder : \"\"}\n                    aria-label={label ? undefined : ariaLabel}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    onChange={(event) => setDraft(event.target.value)}\n                    onKeyDown={handleKeyDown}\n                    onBlur={commit}\n                />\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":"gIAkCA,SAAgB,EAAU,CACtB,QACA,WACA,QACA,cAAc,gCACd,aACA,QACA,aAAa,CAAC,QAAS,IAAK,KAAK,EACjC,YAAY,GACZ,YACA,KACA,aAAc,GACC,CACf,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,SAAA,CAA6B,EAAE,EACvC,GAAA,EAAA,EAAA,OAAA,CAAoC,IAAI,EACxC,GAAA,EAAA,EAAA,MAAA,CAAoB,EACpB,EAAU,GAAM,EAChB,EAAgB,EAAQ,GAAG,EAAQ,QAAU,EAAa,GAAG,EAAQ,SAAW,IAAA,GAEtF,SAAS,GAAe,CACpB,IAAM,EAAO,EAAY,EAAM,KAAK,CAAC,CAAC,YAAY,EAAI,EAAM,KAAK,EAC5D,KACL,IAAI,EAAM,SAAS,CAAI,EAAG,CACtB,EAAS,EAAE,EACX,MACJ,CACA,EAAS,CAAC,GAAG,EAAO,CAAI,CAAC,EACzB,EAAS,EAAE,CAFX,CAGJ,CAEA,SAAS,EAAc,EAA8C,CACjE,GAAI,EAAW,SAAS,EAAM,GAAG,EAAG,CAChC,EAAM,eAAe,EACrB,EAAO,EACP,MACJ,CACI,EAAM,MAAQ,aAAe,CAAC,GAAS,EAAM,OAAS,GACtD,EAAS,EAAM,MAAM,EAAG,EAAE,CAAC,CAEnC,CAEA,SAAS,EAAO,EAAqB,CACjC,IAAM,EAAO,EAAM,MAAM,EACzB,EAAK,OAAO,EAAO,CAAC,EACpB,EAAS,CAAI,CACjB,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAS,EAAA,QAAO,MAAO,CAAS,WAAnE,CACK,IACG,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,QAAS,EAAS,UAAW,EAAA,QAAO,eACtC,CACE,CAAA,GAEX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,MAAO,YAAe,EAAS,SAAS,MAAM,WAArE,CACK,EAAM,KAAK,EAAM,KACd,EAAA,EAAA,KAAA,CAAC,OAAD,CAA+B,UAAW,EAAA,QAAO,cAAjD,CACK,GACD,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,OAClB,aAAY,WAAW,IACvB,YAAe,EAAO,CAAK,WAC9B,GAEO,CAAA,CACN,GAVK,GAAG,EAAK,GAAG,GAUhB,CACT,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,IAAK,EACL,GAAI,EACJ,UAAW,EAAA,QAAO,MAClB,MAAO,EACP,YAAa,EAAM,SAAW,EAAI,EAAc,GAChD,aAAY,EAAQ,IAAA,GAAY,EAChC,eAAc,CAAC,CAAC,EAChB,mBAAkB,EAClB,SAAW,GAAU,EAAS,EAAM,OAAO,KAAK,EAChD,UAAW,EACX,OAAQ,CACX,CAAA,CACA,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"}

package/dist/components/ChipInput/ChipInput.js

@@ -1,79 +1,82 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { useState as v, useRef as x, useId as B } from "react";
-import { cn as C } from "../../utils/cn.js";
-import r from "./ChipInput.module.css.js";
-function A({
-  value: n,
-  onChange: l,
-  label: o,
-  placeholder: h = "Adicionar e pressionar Enter…",
-  helperText: d,
-  error: t,
-  commitKeys: b = ["Enter", ",", "Tab"],
-  normalize: y = !0,
-  className: N,
-  id: $,
-  "aria-label": k
-}) {
-  const [c, m] = v(""), u = x(null), I = B(), i = $ ?? I, w = t ? `${i}-error` : d ? `${i}-helper` : void 0;
-  function f() {
-    const e = y ? c.trim().toLowerCase() : c.trim();
-    if (e) {
-      if (n.includes(e)) {
-        m("");
-        return;
-      }
-      l([...n, e]), m("");
-    }
-  }
-  function D(e) {
-    if (b.includes(e.key)) {
-      e.preventDefault(), f();
-      return;
-    }
-    e.key === "Backspace" && !c && n.length > 0 && l(n.slice(0, -1));
-  }
-  function g(e) {
-    const s = n.slice();
-    s.splice(e, 1), l(s);
-  }
-  return /* @__PURE__ */ p("div", { className: C(r.wrapper, t && r.error, N), children: [
-    o && /* @__PURE__ */ a("label", { htmlFor: i, className: r.label, children: o }),
-    /* @__PURE__ */ p("div", { className: r.field, onClick: () => u.current?.focus(), children: [
-      n.map((e, s) => /* @__PURE__ */ p("span", { className: r.chip, children: [
-        e,
-        /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            className: r.remove,
-            "aria-label": `Remover ${e}`,
-            onClick: () => g(s),
-            children: "×"
-          }
-        )
-      ] }, `${e}-${s}`)),
-      /* @__PURE__ */ a(
-        "input",
-        {
-          ref: u,
-          id: i,
-          className: r.input,
-          value: c,
-          placeholder: n.length === 0 ? h : "",
-          "aria-label": o ? void 0 : k,
-          "aria-invalid": !!t,
-          "aria-describedby": w,
-          onChange: (e) => m(e.target.value),
-          onKeyDown: D,
-          onBlur: f
-        }
-      )
-    ] }),
-    t ? /* @__PURE__ */ a("span", { id: `${i}-error`, className: r.errorText, children: t }) : d ? /* @__PURE__ */ a("span", { id: `${i}-helper`, className: r.helper, children: d }) : null
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import t from "./ChipInput.module.js";
+import { useId as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/ChipInput/ChipInput.tsx
+function s({ value: s, onChange: c, label: l, placeholder: u = "Adicionar e pressionar Enter…", helperText: d, error: f, commitKeys: p = [
+	"Enter",
+	",",
+	"Tab"
+], normalize: m = !0, className: h, id: g, "aria-label": _ }) {
+	let [v, y] = i(""), b = r(null), x = n(), S = g ?? x, C = f ? `${S}-error` : d ? `${S}-helper` : void 0;
+	function w() {
+		let e = m ? v.trim().toLowerCase() : v.trim();
+		if (e) {
+			if (s.includes(e)) {
+				y("");
+				return;
+			}
+			c([...s, e]), y("");
+		}
+	}
+	function T(e) {
+		if (p.includes(e.key)) {
+			e.preventDefault(), w();
+			return;
+		}
+		e.key === "Backspace" && !v && s.length > 0 && c(s.slice(0, -1));
+	}
+	function E(e) {
+		let t = s.slice();
+		t.splice(e, 1), c(t);
+	}
+	return /* @__PURE__ */ o("div", {
+		className: e(t.wrapper, f && t.error, h),
+		children: [
+			l && /* @__PURE__ */ a("label", {
+				htmlFor: S,
+				className: t.label,
+				children: l
+			}),
+			/* @__PURE__ */ o("div", {
+				className: t.field,
+				onClick: () => b.current?.focus(),
+				children: [s.map((e, n) => /* @__PURE__ */ o("span", {
+					className: t.chip,
+					children: [e, /* @__PURE__ */ a("button", {
+						type: "button",
+						className: t.remove,
+						"aria-label": `Remover ${e}`,
+						onClick: () => E(n),
+						children: "×"
+					})]
+				}, `${e}-${n}`)), /* @__PURE__ */ a("input", {
+					ref: b,
+					id: S,
+					className: t.input,
+					value: v,
+					placeholder: s.length === 0 ? u : "",
+					"aria-label": l ? void 0 : _,
+					"aria-invalid": !!f,
+					"aria-describedby": C,
+					onChange: (e) => y(e.target.value),
+					onKeyDown: T,
+					onBlur: w
+				})]
+			}),
+			f ? /* @__PURE__ */ a("span", {
+				id: `${S}-error`,
+				className: t.errorText,
+				children: f
+			}) : d ? /* @__PURE__ */ a("span", {
+				id: `${S}-helper`,
+				className: t.helper,
+				children: d
+			}) : null
+		]
+	});
 }
-export {
-  A as ChipInput
-};
-//# sourceMappingURL=ChipInput.js.map
+//#endregion
+export { s as ChipInput };
+
+//# sourceMappingURL=ChipInput.js.map

package/dist/components/ChipInput/ChipInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipInput.js","sources":["../../../src/components/ChipInput/ChipInput.tsx"],"sourcesContent":["import { useId, useRef, useState } from \"react\";\nimport type { KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ChipInput.module.css\";\n\nexport interface ChipInputProps {\n    value: string[];\n    onChange: (next: string[]) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    /** Id for the inner input. Generated when omitted. */\n    id?: string;\n    /**\n     * Accessible name for the inner input when there is no visible `label`.\n     * Without either, screen readers announce an unnamed text field.\n     */\n    \"aria-label\"?: string;\n    /** Keys that commit the current draft as a chip. Default: Enter, comma, Tab. */\n    commitKeys?: string[];\n    /** Lowercase + trim each chip + dedupe. Default: true. */\n    normalize?: boolean;\n    className?: string;\n}\n\n/**\n * Multi-value input. Type a value and press Enter (or comma / Tab) to push a\n * chip. Backspace on empty input removes the last chip.\n *\n * Name the field with `label` (associated through `htmlFor`) or, when the label\n * lives elsewhere in the layout, with `aria-label`. The placeholder is not an\n * accessible name — it disappears as soon as the first chip is added.\n */\nexport function ChipInput({\n    value,\n    onChange,\n    label,\n    placeholder = \"Adicionar e pressionar Enter…\",\n    helperText,\n    error,\n    commitKeys = [\"Enter\", \",\", \"Tab\"],\n    normalize = true,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n}: ChipInputProps) {\n    const [draft, setDraft] = useState<string>(\"\");\n    const inputRef = useRef<HTMLInputElement>(null);\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n\n    function commit(): void {\n        const next = normalize ? draft.trim().toLowerCase() : draft.trim();\n        if (!next) return;\n        if (value.includes(next)) {\n            setDraft(\"\");\n            return;\n        }\n        onChange([...value, next]);\n        setDraft(\"\");\n    }\n\n    function handleKeyDown(event: KeyboardEvent<HTMLInputElement>): void {\n        if (commitKeys.includes(event.key)) {\n            event.preventDefault();\n            commit();\n            return;\n        }\n        if (event.key === \"Backspace\" && !draft && value.length > 0) {\n            onChange(value.slice(0, -1));\n        }\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.field} onClick={() => inputRef.current?.focus()}>\n                {value.map((chip, index) => (\n                    <span key={`${chip}-${index}`} className={styles.chip}>\n                        {chip}\n                        <button\n                            type=\"button\"\n                            className={styles.remove}\n                            aria-label={`Remover ${chip}`}\n                            onClick={() => remove(index)}\n                        >\n                            ×\n                        </button>\n                    </span>\n                ))}\n                <input\n                    ref={inputRef}\n                    id={inputId}\n                    className={styles.input}\n                    value={draft}\n                    placeholder={value.length === 0 ? placeholder : \"\"}\n                    aria-label={label ? undefined : ariaLabel}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    onChange={(event) => setDraft(event.target.value)}\n                    onKeyDown={handleKeyDown}\n                    onBlur={commit}\n                />\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":["ChipInput","value","onChange","label","placeholder","helperText","error","commitKeys","normalize","className","id","ariaLabel","draft","setDraft","useState","inputRef","useRef","generatedId","useId","inputId","describedById","commit","next","handleKeyDown","event","remove","index","jsxs","cn","styles","chip","jsx"],"mappings":";;;;AAkCO,SAASA,EAAU;AAAA,EACtB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa,CAAC,SAAS,KAAK,KAAK;AAAA,EACjC,WAAAC,IAAY;AAAA,EACZ,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,cAAcC;AAClB,GAAmB;AACf,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,EAAE,GACvCC,IAAWC,EAAyB,IAAI,GACxCC,IAAcC,EAAA,GACdC,IAAUT,KAAMO,GAChBG,IAAgBd,IAAQ,GAAGa,CAAO,WAAWd,IAAa,GAAGc,CAAO,YAAY;AAEtF,WAASE,IAAe;AACpB,UAAMC,IAAOd,IAAYI,EAAM,KAAA,EAAO,YAAA,IAAgBA,EAAM,KAAA;AAC5D,QAAKU,GACL;AAAA,UAAIrB,EAAM,SAASqB,CAAI,GAAG;AACtB,QAAAT,EAAS,EAAE;AACX;AAAA,MACJ;AACA,MAAAX,EAAS,CAAC,GAAGD,GAAOqB,CAAI,CAAC,GACzBT,EAAS,EAAE;AAAA;AAAA,EACf;AAEA,WAASU,EAAcC,GAA8C;AACjE,QAAIjB,EAAW,SAASiB,EAAM,GAAG,GAAG;AAChC,MAAAA,EAAM,eAAA,GACNH,EAAA;AACA;AAAA,IACJ;AACA,IAAIG,EAAM,QAAQ,eAAe,CAACZ,KAASX,EAAM,SAAS,KACtDC,EAASD,EAAM,MAAM,GAAG,EAAE,CAAC;AAAA,EAEnC;AAEA,WAASwB,EAAOC,GAAqB;AACjC,UAAMJ,IAAOrB,EAAM,MAAA;AACnB,IAAAqB,EAAK,OAAOI,GAAO,CAAC,GACpBxB,EAASoB,CAAI;AAAA,EACjB;AAEA,SACI,gBAAAK,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,SAASvB,KAASuB,EAAO,OAAOpB,CAAS,GAC9D,UAAA;AAAA,IAAAN,uBACI,SAAA,EAAM,SAASgB,GAAS,WAAWU,EAAO,OACtC,UAAA1B,EAAA,CACL;AAAA,IAEJ,gBAAAwB,EAAC,OAAA,EAAI,WAAWE,EAAO,OAAO,SAAS,MAAMd,EAAS,SAAS,MAAA,GAC1D,UAAA;AAAA,MAAAd,EAAM,IAAI,CAAC6B,GAAMJ,wBACb,QAAA,EAA8B,WAAWG,EAAO,MAC5C,UAAA;AAAA,QAAAC;AAAA,QACD,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,MAAK;AAAA,YACL,WAAWF,EAAO;AAAA,YAClB,cAAY,WAAWC,CAAI;AAAA,YAC3B,SAAS,MAAML,EAAOC,CAAK;AAAA,YAC9B,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,GATO,GAAGI,CAAI,IAAIJ,CAAK,EAU3B,CACH;AAAA,MACD,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAKhB;AAAA,UACL,IAAII;AAAA,UACJ,WAAWU,EAAO;AAAA,UAClB,OAAOjB;AAAA,UACP,aAAaX,EAAM,WAAW,IAAIG,IAAc;AAAA,UAChD,cAAYD,IAAQ,SAAYQ;AAAA,UAChC,gBAAc,CAAC,CAACL;AAAA,UAChB,oBAAkBc;AAAA,UAClB,UAAU,CAACI,MAAUX,EAASW,EAAM,OAAO,KAAK;AAAA,UAChD,WAAWD;AAAA,UACX,QAAQF;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACJ;AAAA,IACCf,sBACI,QAAA,EAAK,IAAI,GAAGa,CAAO,UAAU,WAAWU,EAAO,WAC3C,UAAAvB,EAAA,CACL,IACAD,IACA,gBAAA0B,EAAC,QAAA,EAAK,IAAI,GAAGZ,CAAO,WAAW,WAAWU,EAAO,QAC5C,UAAAxB,EAAA,CACL,IACA;AAAA,EAAA,GACR;AAER;"}
+{"version":3,"file":"ChipInput.js","names":[],"sources":["../../../src/components/ChipInput/ChipInput.tsx"],"sourcesContent":["import { useId, useRef, useState } from \"react\";\nimport type { KeyboardEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ChipInput.module.css\";\n\nexport interface ChipInputProps {\n    value: string[];\n    onChange: (next: string[]) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    /** Id for the inner input. Generated when omitted. */\n    id?: string;\n    /**\n     * Accessible name for the inner input when there is no visible `label`.\n     * Without either, screen readers announce an unnamed text field.\n     */\n    \"aria-label\"?: string;\n    /** Keys that commit the current draft as a chip. Default: Enter, comma, Tab. */\n    commitKeys?: string[];\n    /** Lowercase + trim each chip + dedupe. Default: true. */\n    normalize?: boolean;\n    className?: string;\n}\n\n/**\n * Multi-value input. Type a value and press Enter (or comma / Tab) to push a\n * chip. Backspace on empty input removes the last chip.\n *\n * Name the field with `label` (associated through `htmlFor`) or, when the label\n * lives elsewhere in the layout, with `aria-label`. The placeholder is not an\n * accessible name — it disappears as soon as the first chip is added.\n */\nexport function ChipInput({\n    value,\n    onChange,\n    label,\n    placeholder = \"Adicionar e pressionar Enter…\",\n    helperText,\n    error,\n    commitKeys = [\"Enter\", \",\", \"Tab\"],\n    normalize = true,\n    className,\n    id,\n    \"aria-label\": ariaLabel,\n}: ChipInputProps) {\n    const [draft, setDraft] = useState<string>(\"\");\n    const inputRef = useRef<HTMLInputElement>(null);\n    const generatedId = useId();\n    const inputId = id ?? generatedId;\n    const describedById = error ? `${inputId}-error` : helperText ? `${inputId}-helper` : undefined;\n\n    function commit(): void {\n        const next = normalize ? draft.trim().toLowerCase() : draft.trim();\n        if (!next) return;\n        if (value.includes(next)) {\n            setDraft(\"\");\n            return;\n        }\n        onChange([...value, next]);\n        setDraft(\"\");\n    }\n\n    function handleKeyDown(event: KeyboardEvent<HTMLInputElement>): void {\n        if (commitKeys.includes(event.key)) {\n            event.preventDefault();\n            commit();\n            return;\n        }\n        if (event.key === \"Backspace\" && !draft && value.length > 0) {\n            onChange(value.slice(0, -1));\n        }\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={inputId} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.field} onClick={() => inputRef.current?.focus()}>\n                {value.map((chip, index) => (\n                    <span key={`${chip}-${index}`} className={styles.chip}>\n                        {chip}\n                        <button\n                            type=\"button\"\n                            className={styles.remove}\n                            aria-label={`Remover ${chip}`}\n                            onClick={() => remove(index)}\n                        >\n                            ×\n                        </button>\n                    </span>\n                ))}\n                <input\n                    ref={inputRef}\n                    id={inputId}\n                    className={styles.input}\n                    value={draft}\n                    placeholder={value.length === 0 ? placeholder : \"\"}\n                    aria-label={label ? undefined : ariaLabel}\n                    aria-invalid={!!error}\n                    aria-describedby={describedById}\n                    onChange={(event) => setDraft(event.target.value)}\n                    onKeyDown={handleKeyDown}\n                    onBlur={commit}\n                />\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":";;;;;AAkCA,SAAgB,EAAU,EACtB,UACA,aACA,UACA,iBAAc,iCACd,eACA,UACA,gBAAa;CAAC;CAAS;CAAK;AAAK,GACjC,eAAY,IACZ,cACA,OACA,cAAc,KACC;CACf,IAAM,CAAC,GAAO,KAAY,EAAiB,EAAE,GACvC,IAAW,EAAyB,IAAI,GACxC,IAAc,EAAM,GACpB,IAAU,KAAM,GAChB,IAAgB,IAAQ,GAAG,EAAQ,UAAU,IAAa,GAAG,EAAQ,WAAW,KAAA;CAEtF,SAAS,IAAe;EACpB,IAAM,IAAO,IAAY,EAAM,KAAK,CAAC,CAAC,YAAY,IAAI,EAAM,KAAK;EAC5D,OACL;OAAI,EAAM,SAAS,CAAI,GAAG;IACtB,EAAS,EAAE;IACX;GACJ;GAEA,AADA,EAAS,CAAC,GAAG,GAAO,CAAI,CAAC,GACzB,EAAS,EAAE;EAFX;CAGJ;CAEA,SAAS,EAAc,GAA8C;EACjE,IAAI,EAAW,SAAS,EAAM,GAAG,GAAG;GAEhC,AADA,EAAM,eAAe,GACrB,EAAO;GACP;EACJ;EACA,AAAI,EAAM,QAAQ,eAAe,CAAC,KAAS,EAAM,SAAS,KACtD,EAAS,EAAM,MAAM,GAAG,EAAE,CAAC;CAEnC;CAEA,SAAS,EAAO,GAAqB;EACjC,IAAM,IAAO,EAAM,MAAM;EAEzB,AADA,EAAK,OAAO,GAAO,CAAC,GACpB,EAAS,CAAI;CACjB;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,KAAS,EAAO,OAAO,CAAS;YAAnE;GACK,KACG,kBAAC,SAAD;IAAO,SAAS;IAAS,WAAW,EAAO;cACtC;GACE,CAAA;GAEX,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAO,eAAe,EAAS,SAAS,MAAM;cAArE,CACK,EAAM,KAAK,GAAM,MACd,kBAAC,QAAD;KAA+B,WAAW,EAAO;eAAjD,CACK,GACD,kBAAC,UAAD;MACI,MAAK;MACL,WAAW,EAAO;MAClB,cAAY,WAAW;MACvB,eAAe,EAAO,CAAK;gBAC9B;KAEO,CAAA,CACN;OAVK,GAAG,EAAK,GAAG,GAUhB,CACT,GACD,kBAAC,SAAD;KACI,KAAK;KACL,IAAI;KACJ,WAAW,EAAO;KAClB,OAAO;KACP,aAAa,EAAM,WAAW,IAAI,IAAc;KAChD,cAAY,IAAQ,KAAA,IAAY;KAChC,gBAAc,CAAC,CAAC;KAChB,oBAAkB;KAClB,WAAW,MAAU,EAAS,EAAM,OAAO,KAAK;KAChD,WAAW;KACX,QAAQ;IACX,CAAA,CACA;;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"}

package/dist/components/ChipInput/ChipInput.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_KR4-F`,t=`tempest_label_Mz-wX`,n=`tempest_field_iIBJw`,r=`tempest_error_O9n-9`,i=`tempest_chip_GEwrc`,a=`tempest_remove_JYDIq`,o=`tempest_input_frJmk`,s=`tempest_helper_Yts53`,c=`tempest_errorText_llJGq`,l={wrapper:e,label:t,field:n,error:r,chip:i,remove:a,input:o,helper:s,errorText:c};exports.chip=i,exports.default=l,exports.error=r,exports.errorText=c,exports.field=n,exports.helper=s,exports.input=o,exports.label=t,exports.remove=a,exports.wrapper=e;
+//# sourceMappingURL=ChipInput.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipInput.module.cjs","names":[],"sources":["../../../src/components/ChipInput/ChipInput.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.field {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--tempest-space-1);\n    padding: 4px var(--tempest-space-2);\n    min-height: var(--tempest-control-height-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    box-shadow: var(--tempest-shadow-xs);\n    cursor: text;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.field:focus-within {\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.wrapper.error .field {\n    border-color: var(--tempest-danger);\n}\n\n.wrapper.error .field:focus-within {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    padding: 2px 4px 2px 8px;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.remove {\n    background: none;\n    border: none;\n    color: inherit;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .remove:hover {\n        background-color: rgba(0, 0, 0, 0.1);\n    }\n}\n\n.input {\n    border: none;\n    outline: none;\n    background: transparent;\n    flex: 1;\n    min-width: 80px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    color: var(--tempest-text);\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/ChipInput/ChipInput.module.js

@@ -0,0 +1,16 @@
+//#region src/components/ChipInput/ChipInput.module.css
+var e = "tempest_wrapper_KR4-F", t = "tempest_label_Mz-wX", n = "tempest_field_iIBJw", r = "tempest_error_O9n-9", i = "tempest_chip_GEwrc", a = "tempest_remove_JYDIq", o = "tempest_input_frJmk", s = "tempest_helper_Yts53", c = "tempest_errorText_llJGq", l = {
+	wrapper: e,
+	label: t,
+	field: n,
+	error: r,
+	chip: i,
+	remove: a,
+	input: o,
+	helper: s,
+	errorText: c
+};
+//#endregion
+export { i as chip, l as default, r as error, c as errorText, n as field, s as helper, o as input, t as label, a as remove, e as wrapper };
+
+//# sourceMappingURL=ChipInput.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipInput.module.js","names":[],"sources":["../../../src/components/ChipInput/ChipInput.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.field {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--tempest-space-1);\n    padding: 4px var(--tempest-space-2);\n    min-height: var(--tempest-control-height-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    box-shadow: var(--tempest-shadow-xs);\n    cursor: text;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.field:focus-within {\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.wrapper.error .field {\n    border-color: var(--tempest-danger);\n}\n\n.wrapper.error .field:focus-within {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    padding: 2px 4px 2px 8px;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.remove {\n    background: none;\n    border: none;\n    color: inherit;\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .remove:hover {\n        background-color: rgba(0, 0, 0, 0.1);\n    }\n}\n\n.input {\n    border: none;\n    outline: none;\n    background: transparent;\n    flex: 1;\n    min-width: 80px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    color: var(--tempest-text);\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":""}