tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/Collapsible/Collapsible.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("react"),C=require("../../utils/cn.cjs"),t=require("./Collapsible.module.css.cjs");function I({open:o,defaultOpen:u=!1,onOpenChange:i,trigger:b,className:g,children:p,...f}){const r=s.useId(),a=`${r}-content`,c=`${r}-trigger`,n=o!==void 0,[m,x]=s.useState(u),e=n?o:m,j=s.useCallback(()=>{const d=!e;n||x(d),i?.(d)},[e,n,i]);return l.jsxs("div",{className:C.cn(t.default.collapsible,e&&t.default.open,g),...f,children:[l.jsx("button",{type:"button",id:c,className:t.default.trigger,"aria-expanded":e,"aria-controls":a,onClick:j,children:b}),l.jsx("div",{id:a,role:"region","aria-labelledby":c,hidden:!e,className:t.default.content,children:p})]})}exports.Collapsible=I;
-//# sourceMappingURL=Collapsible.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Collapsible.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({open:i,defaultOpen:a=!1,onOpenChange:o,trigger:s,className:c,children:l,...u}){let d=(0,n.useId)(),f=`${d}-content`,p=`${d}-trigger`,m=i!==void 0,[h,g]=(0,n.useState)(a),_=m?i:h,v=(0,n.useCallback)(()=>{let e=!_;m||g(e),o?.(e)},[_,m,o]);return(0,r.jsxs)(`div`,{className:e.cn(t.default.collapsible,_&&t.default.open,c),...u,children:[(0,r.jsx)(`button`,{type:`button`,id:p,className:t.default.trigger,"aria-expanded":_,"aria-controls":f,onClick:v,children:s}),(0,r.jsx)(`div`,{id:f,role:`region`,"aria-labelledby":p,hidden:!_,className:t.default.content,children:l})]})}exports.Collapsible=i;
+//# sourceMappingURL=Collapsible.cjs.map

package/dist/components/Collapsible/Collapsible.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.cjs","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Collapsible.module.css\";\n\nexport interface CollapsibleProps extends HTMLAttributes<HTMLDivElement> {\n    /** Controlled open state. When provided the component is controlled. */\n    open?: boolean;\n    /** Initial open state for the uncontrolled variant. Default `false`. */\n    defaultOpen?: boolean;\n    /** Fired with the next open state whenever the trigger is activated. */\n    onOpenChange?: (open: boolean) => void;\n    /** Content rendered inside the trigger button. */\n    trigger: ReactNode;\n    /** Collapsible content, hidden while closed. */\n    children: ReactNode;\n}\n\n/**\n * A single expand/collapse region — a lighter alternative to `Accordion` for\n * one toggleable block. The trigger is a `<button aria-expanded aria-controls>`\n * wired to a content region sharing the same id; the region is `hidden` while\n * closed. Works controlled (`open` + `onOpenChange`) or uncontrolled\n * (`defaultOpen`).\n *\n * @param props - {@link CollapsibleProps}.\n * @returns The collapsible container.\n */\nexport function Collapsible({\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    trigger,\n    className,\n    children,\n    ...props\n}: CollapsibleProps) {\n    const reactId = useId();\n    const contentId = `${reactId}-content`;\n    const triggerId = `${reactId}-trigger`;\n\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n\n    const handleToggle = useCallback((): void => {\n        const next = !isOpen;\n        if (!isControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n    }, [isOpen, isControlled, onOpenChange]);\n\n    return (\n        <div className={cn(styles.collapsible, isOpen && styles.open, className)} {...props}>\n            <button\n                type=\"button\"\n                id={triggerId}\n                className={styles.trigger}\n                aria-expanded={isOpen}\n                aria-controls={contentId}\n                onClick={handleToggle}\n            >\n                {trigger}\n            </button>\n            <div\n                id={contentId}\n                role=\"region\"\n                aria-labelledby={triggerId}\n                hidden={!isOpen}\n                className={styles.content}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"names":["Collapsible","open","defaultOpen","onOpenChange","trigger","className","children","props","reactId","useId","contentId","triggerId","isControlled","internalOpen","setInternalOpen","useState","isOpen","handleToggle","useCallback","next","jsxs","cn","styles","jsx"],"mappings":"kNA4BO,SAASA,EAAY,CACxB,KAAAC,EACA,YAAAC,EAAc,GACd,aAAAC,EACA,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAGC,CACP,EAAqB,CACjB,MAAMC,EAAUC,EAAAA,MAAA,EACVC,EAAY,GAAGF,CAAO,WACtBG,EAAY,GAAGH,CAAO,WAEtBI,EAAeX,IAAS,OACxB,CAACY,EAAcC,CAAe,EAAIC,EAAAA,SAAkBb,CAAW,EAC/Dc,EAASJ,EAAeX,EAAOY,EAE/BI,EAAeC,EAAAA,YAAY,IAAY,CACzC,MAAMC,EAAO,CAACH,EACTJ,GAAcE,EAAgBK,CAAI,EACvChB,IAAegB,CAAI,CACvB,EAAG,CAACH,EAAQJ,EAAcT,CAAY,CAAC,EAEvC,OACIiB,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,YAAaN,GAAUM,EAAAA,QAAO,KAAMjB,CAAS,EAAI,GAAGE,EAC1E,SAAA,CAAAgB,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,GAAIZ,EACJ,UAAWW,EAAAA,QAAO,QAClB,gBAAeN,EACf,gBAAeN,EACf,QAASO,EAER,SAAAb,CAAA,CAAA,EAELmB,EAAAA,IAAC,MAAA,CACG,GAAIb,EACJ,KAAK,SACL,kBAAiBC,EACjB,OAAQ,CAACK,EACT,UAAWM,EAAAA,QAAO,QAEjB,SAAAhB,CAAA,CAAA,CACL,EACJ,CAER"}
+{"version":3,"file":"Collapsible.cjs","names":[],"sources":["../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Collapsible.module.css\";\n\nexport interface CollapsibleProps extends HTMLAttributes<HTMLDivElement> {\n    /** Controlled open state. When provided the component is controlled. */\n    open?: boolean;\n    /** Initial open state for the uncontrolled variant. Default `false`. */\n    defaultOpen?: boolean;\n    /** Fired with the next open state whenever the trigger is activated. */\n    onOpenChange?: (open: boolean) => void;\n    /** Content rendered inside the trigger button. */\n    trigger: ReactNode;\n    /** Collapsible content, hidden while closed. */\n    children: ReactNode;\n}\n\n/**\n * A single expand/collapse region — a lighter alternative to `Accordion` for\n * one toggleable block. The trigger is a `<button aria-expanded aria-controls>`\n * wired to a content region sharing the same id; the region is `hidden` while\n * closed. Works controlled (`open` + `onOpenChange`) or uncontrolled\n * (`defaultOpen`).\n *\n * @param props - {@link CollapsibleProps}.\n * @returns The collapsible container.\n */\nexport function Collapsible({\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    trigger,\n    className,\n    children,\n    ...props\n}: CollapsibleProps) {\n    const reactId = useId();\n    const contentId = `${reactId}-content`;\n    const triggerId = `${reactId}-trigger`;\n\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n\n    const handleToggle = useCallback((): void => {\n        const next = !isOpen;\n        if (!isControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n    }, [isOpen, isControlled, onOpenChange]);\n\n    return (\n        <div className={cn(styles.collapsible, isOpen && styles.open, className)} {...props}>\n            <button\n                type=\"button\"\n                id={triggerId}\n                className={styles.trigger}\n                aria-expanded={isOpen}\n                aria-controls={contentId}\n                onClick={handleToggle}\n            >\n                {trigger}\n            </button>\n            <div\n                id={contentId}\n                role=\"region\"\n                aria-labelledby={triggerId}\n                hidden={!isOpen}\n                className={styles.content}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":"kIA4BA,SAAgB,EAAY,CACxB,OACA,cAAc,GACd,eACA,UACA,YACA,WACA,GAAG,GACc,CACjB,IAAM,GAAA,EAAA,EAAA,MAAA,CAAgB,EAChB,EAAY,GAAG,EAAQ,UACvB,EAAY,GAAG,EAAQ,UAEvB,EAAe,IAAS,IAAA,GACxB,CAAC,EAAc,IAAA,EAAA,EAAA,SAAA,CAAqC,CAAW,EAC/D,EAAS,EAAe,EAAO,EAE/B,GAAA,EAAA,EAAA,YAAA,KAAuC,CACzC,IAAM,EAAO,CAAC,EACT,GAAc,EAAgB,CAAI,EACvC,IAAe,CAAI,CACvB,EAAG,CAAC,EAAQ,EAAc,CAAY,CAAC,EAEvC,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,YAAa,GAAU,EAAA,QAAO,KAAM,CAAS,EAAG,GAAI,WAA9E,EACI,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,GAAI,EACJ,UAAW,EAAA,QAAO,QAClB,gBAAe,EACf,gBAAe,EACf,QAAS,WAER,CACG,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,GAAI,EACJ,KAAK,SACL,kBAAiB,EACjB,OAAQ,CAAC,EACT,UAAW,EAAA,QAAO,QAEjB,UACA,CAAA,CACJ,GAEb"}

package/dist/components/Collapsible/Collapsible.js

@@ -1,47 +1,39 @@
-import { jsxs as I, jsx as c } from "react/jsx-runtime";
-import { useId as h, useState as v, useCallback as y } from "react";
-import { cn as C } from "../../utils/cn.js";
-import e from "./Collapsible.module.css.js";
-function $({
-  open: o,
-  defaultOpen: d = !1,
-  onOpenChange: r,
-  trigger: m,
-  className: p,
-  children: g,
-  ...b
-}) {
-  const s = h(), i = `${s}-content`, l = `${s}-trigger`, n = o !== void 0, [f, u] = v(d), t = n ? o : f, x = y(() => {
-    const a = !t;
-    n || u(a), r?.(a);
-  }, [t, n, r]);
-  return /* @__PURE__ */ I("div", { className: C(e.collapsible, t && e.open, p), ...b, children: [
-    /* @__PURE__ */ c(
-      "button",
-      {
-        type: "button",
-        id: l,
-        className: e.trigger,
-        "aria-expanded": t,
-        "aria-controls": i,
-        onClick: x,
-        children: m
-      }
-    ),
-    /* @__PURE__ */ c(
-      "div",
-      {
-        id: i,
-        role: "region",
-        "aria-labelledby": l,
-        hidden: !t,
-        className: e.content,
-        children: g
-      }
-    )
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import t from "./Collapsible.module.js";
+import { useCallback as n, useId as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Collapsible/Collapsible.tsx
+function s({ open: s, defaultOpen: c = !1, onOpenChange: l, trigger: u, className: d, children: f, ...p }) {
+	let m = r(), h = `${m}-content`, g = `${m}-trigger`, _ = s !== void 0, [v, y] = i(c), b = _ ? s : v, x = n(() => {
+		let e = !b;
+		_ || y(e), l?.(e);
+	}, [
+		b,
+		_,
+		l
+	]);
+	return /* @__PURE__ */ o("div", {
+		className: e(t.collapsible, b && t.open, d),
+		...p,
+		children: [/* @__PURE__ */ a("button", {
+			type: "button",
+			id: g,
+			className: t.trigger,
+			"aria-expanded": b,
+			"aria-controls": h,
+			onClick: x,
+			children: u
+		}), /* @__PURE__ */ a("div", {
+			id: h,
+			role: "region",
+			"aria-labelledby": g,
+			hidden: !b,
+			className: t.content,
+			children: f
+		})]
+	});
 }
-export {
-  $ as Collapsible
-};
-//# sourceMappingURL=Collapsible.js.map
+//#endregion
+export { s as Collapsible };
+
+//# sourceMappingURL=Collapsible.js.map

package/dist/components/Collapsible/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Collapsible.module.css\";\n\nexport interface CollapsibleProps extends HTMLAttributes<HTMLDivElement> {\n    /** Controlled open state. When provided the component is controlled. */\n    open?: boolean;\n    /** Initial open state for the uncontrolled variant. Default `false`. */\n    defaultOpen?: boolean;\n    /** Fired with the next open state whenever the trigger is activated. */\n    onOpenChange?: (open: boolean) => void;\n    /** Content rendered inside the trigger button. */\n    trigger: ReactNode;\n    /** Collapsible content, hidden while closed. */\n    children: ReactNode;\n}\n\n/**\n * A single expand/collapse region — a lighter alternative to `Accordion` for\n * one toggleable block. The trigger is a `<button aria-expanded aria-controls>`\n * wired to a content region sharing the same id; the region is `hidden` while\n * closed. Works controlled (`open` + `onOpenChange`) or uncontrolled\n * (`defaultOpen`).\n *\n * @param props - {@link CollapsibleProps}.\n * @returns The collapsible container.\n */\nexport function Collapsible({\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    trigger,\n    className,\n    children,\n    ...props\n}: CollapsibleProps) {\n    const reactId = useId();\n    const contentId = `${reactId}-content`;\n    const triggerId = `${reactId}-trigger`;\n\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n\n    const handleToggle = useCallback((): void => {\n        const next = !isOpen;\n        if (!isControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n    }, [isOpen, isControlled, onOpenChange]);\n\n    return (\n        <div className={cn(styles.collapsible, isOpen && styles.open, className)} {...props}>\n            <button\n                type=\"button\"\n                id={triggerId}\n                className={styles.trigger}\n                aria-expanded={isOpen}\n                aria-controls={contentId}\n                onClick={handleToggle}\n            >\n                {trigger}\n            </button>\n            <div\n                id={contentId}\n                role=\"region\"\n                aria-labelledby={triggerId}\n                hidden={!isOpen}\n                className={styles.content}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"names":["Collapsible","open","defaultOpen","onOpenChange","trigger","className","children","props","reactId","useId","contentId","triggerId","isControlled","internalOpen","setInternalOpen","useState","isOpen","handleToggle","useCallback","next","jsxs","cn","styles","jsx"],"mappings":";;;;AA4BO,SAASA,EAAY;AAAA,EACxB,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GAAqB;AACjB,QAAMC,IAAUC,EAAA,GACVC,IAAY,GAAGF,CAAO,YACtBG,IAAY,GAAGH,CAAO,YAEtBI,IAAeX,MAAS,QACxB,CAACY,GAAcC,CAAe,IAAIC,EAAkBb,CAAW,GAC/Dc,IAASJ,IAAeX,IAAOY,GAE/BI,IAAeC,EAAY,MAAY;AACzC,UAAMC,IAAO,CAACH;AACd,IAAKJ,KAAcE,EAAgBK,CAAI,GACvChB,IAAegB,CAAI;AAAA,EACvB,GAAG,CAACH,GAAQJ,GAAcT,CAAY,CAAC;AAEvC,SACI,gBAAAiB,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,aAAaN,KAAUM,EAAO,MAAMjB,CAAS,GAAI,GAAGE,GAC1E,UAAA;AAAA,IAAA,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,IAAIZ;AAAA,QACJ,WAAWW,EAAO;AAAA,QAClB,iBAAeN;AAAA,QACf,iBAAeN;AAAA,QACf,SAASO;AAAA,QAER,UAAAb;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,gBAAAmB;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAIb;AAAA,QACJ,MAAK;AAAA,QACL,mBAAiBC;AAAA,QACjB,QAAQ,CAACK;AAAA,QACT,WAAWM,EAAO;AAAA,QAEjB,UAAAhB;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAER;"}
+{"version":3,"file":"Collapsible.js","names":[],"sources":["../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import { useCallback, useId, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Collapsible.module.css\";\n\nexport interface CollapsibleProps extends HTMLAttributes<HTMLDivElement> {\n    /** Controlled open state. When provided the component is controlled. */\n    open?: boolean;\n    /** Initial open state for the uncontrolled variant. Default `false`. */\n    defaultOpen?: boolean;\n    /** Fired with the next open state whenever the trigger is activated. */\n    onOpenChange?: (open: boolean) => void;\n    /** Content rendered inside the trigger button. */\n    trigger: ReactNode;\n    /** Collapsible content, hidden while closed. */\n    children: ReactNode;\n}\n\n/**\n * A single expand/collapse region — a lighter alternative to `Accordion` for\n * one toggleable block. The trigger is a `<button aria-expanded aria-controls>`\n * wired to a content region sharing the same id; the region is `hidden` while\n * closed. Works controlled (`open` + `onOpenChange`) or uncontrolled\n * (`defaultOpen`).\n *\n * @param props - {@link CollapsibleProps}.\n * @returns The collapsible container.\n */\nexport function Collapsible({\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    trigger,\n    className,\n    children,\n    ...props\n}: CollapsibleProps) {\n    const reactId = useId();\n    const contentId = `${reactId}-content`;\n    const triggerId = `${reactId}-trigger`;\n\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n\n    const handleToggle = useCallback((): void => {\n        const next = !isOpen;\n        if (!isControlled) setInternalOpen(next);\n        onOpenChange?.(next);\n    }, [isOpen, isControlled, onOpenChange]);\n\n    return (\n        <div className={cn(styles.collapsible, isOpen && styles.open, className)} {...props}>\n            <button\n                type=\"button\"\n                id={triggerId}\n                className={styles.trigger}\n                aria-expanded={isOpen}\n                aria-controls={contentId}\n                onClick={handleToggle}\n            >\n                {trigger}\n            </button>\n            <div\n                id={contentId}\n                role=\"region\"\n                aria-labelledby={triggerId}\n                hidden={!isOpen}\n                className={styles.content}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;;AA4BA,SAAgB,EAAY,EACxB,SACA,iBAAc,IACd,iBACA,YACA,cACA,aACA,GAAG,KACc;CACjB,IAAM,IAAU,EAAM,GAChB,IAAY,GAAG,EAAQ,WACvB,IAAY,GAAG,EAAQ,WAEvB,IAAe,MAAS,KAAA,GACxB,CAAC,GAAc,KAAmB,EAAkB,CAAW,GAC/D,IAAS,IAAe,IAAO,GAE/B,IAAe,QAAwB;EACzC,IAAM,IAAO,CAAC;EAEd,AADK,KAAc,EAAgB,CAAI,GACvC,IAAe,CAAI;CACvB,GAAG;EAAC;EAAQ;EAAc;CAAY,CAAC;CAEvC,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,aAAa,KAAU,EAAO,MAAM,CAAS;EAAG,GAAI;YAA9E,CACI,kBAAC,UAAD;GACI,MAAK;GACL,IAAI;GACJ,WAAW,EAAO;GAClB,iBAAe;GACf,iBAAe;GACf,SAAS;aAER;EACG,CAAA,GACR,kBAAC,OAAD;GACI,IAAI;GACJ,MAAK;GACL,mBAAiB;GACjB,QAAQ,CAAC;GACT,WAAW,EAAO;GAEjB;EACA,CAAA,CACJ;;AAEb"}

package/dist/components/Collapsible/Collapsible.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_collapsible_8jmKP`,t=`tempest_trigger_ers75`,n=`tempest_content_XmUZL`,r={collapsible:e,trigger:t,content:n};exports.collapsible=e,exports.content=n,exports.default=r,exports.trigger=t;
+//# sourceMappingURL=Collapsible.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.module.cjs","names":[],"sources":["../../../src/components/Collapsible/Collapsible.module.css"],"sourcesContent":[".collapsible {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    border-radius: var(--tempest-radius-md);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n.content {\n    padding: var(--tempest-space-2) var(--tempest-space-3) var(--tempest-space-3);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":""}

package/dist/components/Collapsible/Collapsible.module.js

@@ -0,0 +1,10 @@
+//#region src/components/Collapsible/Collapsible.module.css
+var e = "tempest_collapsible_8jmKP", t = "tempest_trigger_ers75", n = "tempest_content_XmUZL", r = {
+	collapsible: e,
+	trigger: t,
+	content: n
+};
+//#endregion
+export { e as collapsible, n as content, r as default, t as trigger };
+
+//# sourceMappingURL=Collapsible.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.module.js","names":[],"sources":["../../../src/components/Collapsible/Collapsible.module.css"],"sourcesContent":[".collapsible {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    text-align: left;\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    border-radius: var(--tempest-radius-md);\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .trigger:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.trigger:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n.content {\n    padding: var(--tempest-space-2) var(--tempest-space-3) var(--tempest-space-3);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-normal);\n}\n"],"mappings":""}

package/dist/components/Combobox/Combobox.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),D=require("../../utils/cn.cjs"),t=require("./Combobox.module.css.cjs");function q(r,n){return n?r.label.toLowerCase().includes(n.toLowerCase()):!0}function A({options:r,value:n,onChange:h,label:p,placeholder:C="Selecione",helperText:w,error:m,disabled:M,filter:j=q,emptyMessage:S="Nenhuma opção encontrada",className:g}){const i=a.useId(),x=a.useRef(null),k=a.useRef(null),[o,d]=a.useState(!1),[b,v]=a.useState(""),[y,u]=a.useState(0),E=a.useMemo(()=>r.find(e=>e.value===n)?.label??"",[r,n]),f=a.useMemo(()=>r.filter(e=>j(e,b)),[r,j,b]),c=a.useCallback(()=>{d(!1),v(""),u(0)},[]),N=a.useCallback(e=>{e.disabled||(h(e.value),c())},[h,c]);a.useEffect(()=>{if(!o)return;const e=l=>{x.current&&!x.current.contains(l.target)&&c()};return window.addEventListener("mousedown",e),()=>window.removeEventListener("mousedown",e)},[o,c]);const R=e=>{if(e.key==="ArrowDown")e.preventDefault(),d(!0),u(l=>Math.min(f.length-1,l+1));else if(e.key==="ArrowUp")e.preventDefault(),u(l=>Math.max(0,l-1));else if(e.key==="Enter"){e.preventDefault();const l=f[y];l&&N(l)}else e.key==="Escape"&&c()};return s.jsxs("div",{ref:x,className:D.cn(t.default.wrapper,m&&t.default.error,g),children:[p&&s.jsx("label",{htmlFor:i,className:t.default.label,children:p}),s.jsxs("div",{className:t.default.field,children:[s.jsx("input",{id:i,ref:k,type:"text",role:"combobox","aria-expanded":o,"aria-controls":`${i}-listbox`,"aria-autocomplete":"list",className:t.default.input,placeholder:C,disabled:M,value:o?b:E,onFocus:()=>d(!0),onChange:e=>{v(e.target.value),d(!0),u(0)},onKeyDown:R}),s.jsx("span",{className:t.default.caret,"aria-hidden":!0,children:"▾"})]}),o&&s.jsx("ul",{id:`${i}-listbox`,role:"listbox",className:t.default.menu,children:f.length===0?s.jsx("li",{className:t.default.empty,children:S}):f.map((e,l)=>s.jsx("li",{role:"option","aria-selected":e.value===n,className:D.cn(t.default.option,l===y&&t.default.active,e.value===n&&t.default.selected),onMouseEnter:()=>u(l),onMouseDown:L=>{L.preventDefault(),N(e)},children:e.label},e.value))}),m?s.jsx("span",{className:t.default.errorText,children:m}):w?s.jsx("span",{className:t.default.helper,children:w}):null]})}exports.Combobox=A;
-//# sourceMappingURL=Combobox.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Combobox.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(e,t){return!t||e.label.toLowerCase().includes(t.toLowerCase())}function a({options:a,value:o,onChange:s,label:c,placeholder:l=`Selecione`,helperText:u,error:d,disabled:f,filter:p=i,emptyMessage:m=`Nenhuma opção encontrada`,className:h}){let g=(0,n.useId)(),_=(0,n.useRef)(null),v=(0,n.useRef)(null),[y,b]=(0,n.useState)(!1),[x,S]=(0,n.useState)(``),[C,w]=(0,n.useState)(0),T=(0,n.useMemo)(()=>a.find(e=>e.value===o)?.label??``,[a,o]),E=(0,n.useMemo)(()=>a.filter(e=>p(e,x)),[a,p,x]),D=(0,n.useCallback)(()=>{b(!1),S(``),w(0)},[]),O=(0,n.useCallback)(e=>{e.disabled||(s(e.value),D())},[s,D]);return(0,n.useEffect)(()=>{if(!y)return;let e=e=>{_.current&&!_.current.contains(e.target)&&D()};return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[y,D]),(0,r.jsxs)(`div`,{ref:_,className:e.cn(t.default.wrapper,d&&t.default.error,h),children:[c&&(0,r.jsx)(`label`,{htmlFor:g,className:t.default.label,children:c}),(0,r.jsxs)(`div`,{className:t.default.field,children:[(0,r.jsx)(`input`,{id:g,ref:v,type:`text`,role:`combobox`,"aria-expanded":y,"aria-controls":`${g}-listbox`,"aria-autocomplete":`list`,className:t.default.input,placeholder:l,disabled:f,value:y?x:T,onFocus:()=>b(!0),onChange:e=>{S(e.target.value),b(!0),w(0)},onKeyDown:e=>{if(e.key===`ArrowDown`)e.preventDefault(),b(!0),w(e=>Math.min(E.length-1,e+1));else if(e.key===`ArrowUp`)e.preventDefault(),w(e=>Math.max(0,e-1));else if(e.key===`Enter`){e.preventDefault();let t=E[C];t&&O(t)}else e.key===`Escape`&&D()}}),(0,r.jsx)(`span`,{className:t.default.caret,"aria-hidden":!0,children:`▾`})]}),y&&(0,r.jsx)(`ul`,{id:`${g}-listbox`,role:`listbox`,className:t.default.menu,children:E.length===0?(0,r.jsx)(`li`,{className:t.default.empty,children:m}):E.map((n,i)=>(0,r.jsx)(`li`,{role:`option`,"aria-selected":n.value===o,className:e.cn(t.default.option,i===C&&t.default.active,n.value===o&&t.default.selected),onMouseEnter:()=>w(i),onMouseDown:e=>{e.preventDefault(),O(n)},children:n.label},n.value))}),d?(0,r.jsx)(`span`,{className:t.default.errorText,children:d}):u?(0,r.jsx)(`span`,{className:t.default.helper,children:u}):null]})}exports.Combobox=a;
+//# sourceMappingURL=Combobox.cjs.map

package/dist/components/Combobox/Combobox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.cjs","sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Combobox.module.css\";\n\nexport interface ComboboxOption {\n    value: string;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface ComboboxProps {\n    options: ComboboxOption[];\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    disabled?: boolean;\n    /** Custom filter — return true to keep the option. Default is case-insensitive substring match on label. */\n    filter?: (option: ComboboxOption, query: string) => boolean;\n    /** Message shown when no option matches. */\n    emptyMessage?: string;\n    className?: string;\n}\n\nfunction defaultFilter(option: ComboboxOption, query: string): boolean {\n    if (!query) return true;\n    return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\n/**\n * Combobox — text input with a filterable dropdown of options.\n *\n * Selecting an option fires `onChange(value)`. Typing filters the list.\n * Keyboard: ArrowUp/ArrowDown to navigate, Enter to select, Esc to close.\n */\nexport function Combobox({\n    options,\n    value,\n    onChange,\n    label,\n    placeholder = \"Selecione\",\n    helperText,\n    error,\n    disabled,\n    filter = defaultFilter,\n    emptyMessage = \"Nenhuma opção encontrada\",\n    className,\n}: ComboboxProps) {\n    const id = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState(\"\");\n    const [activeIndex, setActiveIndex] = useState(0);\n\n    const selectedLabel = useMemo(\n        () => options.find((o) => o.value === value)?.label ?? \"\",\n        [options, value],\n    );\n\n    const filtered = useMemo(\n        () => options.filter((o) => filter(o, query)),\n        [options, filter, query],\n    );\n\n    const closeAndReset = useCallback((): void => {\n        setOpen(false);\n        setQuery(\"\");\n        setActiveIndex(0);\n    }, []);\n\n    const handleSelect = useCallback(\n        (option: ComboboxOption): void => {\n            if (option.disabled) return;\n            onChange(option.value);\n            closeAndReset();\n        },\n        [onChange, closeAndReset],\n    );\n\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                closeAndReset();\n            }\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open, closeAndReset]);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            setOpen(true);\n            setActiveIndex((current) => Math.min(filtered.length - 1, current + 1));\n        } else if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            setActiveIndex((current) => Math.max(0, current - 1));\n        } else if (event.key === \"Enter\") {\n            event.preventDefault();\n            const option = filtered[activeIndex];\n            if (option) handleSelect(option);\n        } else if (event.key === \"Escape\") {\n            closeAndReset();\n        }\n    };\n\n    return (\n        <div ref={rootRef} className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={id} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.field}>\n                <input\n                    id={id}\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={open}\n                    aria-controls={`${id}-listbox`}\n                    aria-autocomplete=\"list\"\n                    className={styles.input}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    value={open ? query : selectedLabel}\n                    onFocus={() => setOpen(true)}\n                    onChange={(event) => {\n                        setQuery(event.target.value);\n                        setOpen(true);\n                        setActiveIndex(0);\n                    }}\n                    onKeyDown={handleKeyDown}\n                />\n                <span className={styles.caret} aria-hidden>\n                    ▾\n                </span>\n            </div>\n            {open && (\n                <ul id={`${id}-listbox`} role=\"listbox\" className={styles.menu}>\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        filtered.map((option, index) => (\n                            <li\n                                key={option.value}\n                                role=\"option\"\n                                aria-selected={option.value === value}\n                                className={cn(\n                                    styles.option,\n                                    index === activeIndex && styles.active,\n                                    option.value === value && styles.selected,\n                                )}\n                                onMouseEnter={() => setActiveIndex(index)}\n                                onMouseDown={(event) => {\n                                    event.preventDefault();\n                                    handleSelect(option);\n                                }}\n                            >\n                                {option.label}\n                            </li>\n                        ))\n                    )}\n                </ul>\n            )}\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n}\n"],"names":["defaultFilter","option","query","Combobox","options","value","onChange","label","placeholder","helperText","error","disabled","filter","emptyMessage","className","id","useId","rootRef","useRef","inputRef","open","setOpen","useState","setQuery","activeIndex","setActiveIndex","selectedLabel","useMemo","o","filtered","closeAndReset","useCallback","handleSelect","useEffect","onDown","event","handleKeyDown","current","jsxs","cn","styles","jsx","index"],"mappings":"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"}
+{"version":3,"file":"Combobox.cjs","names":[],"sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Combobox.module.css\";\n\nexport interface ComboboxOption {\n    value: string;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface ComboboxProps {\n    options: ComboboxOption[];\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    disabled?: boolean;\n    /** Custom filter — return true to keep the option. Default is case-insensitive substring match on label. */\n    filter?: (option: ComboboxOption, query: string) => boolean;\n    /** Message shown when no option matches. */\n    emptyMessage?: string;\n    className?: string;\n}\n\nfunction defaultFilter(option: ComboboxOption, query: string): boolean {\n    if (!query) return true;\n    return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\n/**\n * Combobox — text input with a filterable dropdown of options.\n *\n * Selecting an option fires `onChange(value)`. Typing filters the list.\n * Keyboard: ArrowUp/ArrowDown to navigate, Enter to select, Esc to close.\n */\nexport function Combobox({\n    options,\n    value,\n    onChange,\n    label,\n    placeholder = \"Selecione\",\n    helperText,\n    error,\n    disabled,\n    filter = defaultFilter,\n    emptyMessage = \"Nenhuma opção encontrada\",\n    className,\n}: ComboboxProps) {\n    const id = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState(\"\");\n    const [activeIndex, setActiveIndex] = useState(0);\n\n    const selectedLabel = useMemo(\n        () => options.find((o) => o.value === value)?.label ?? \"\",\n        [options, value],\n    );\n\n    const filtered = useMemo(\n        () => options.filter((o) => filter(o, query)),\n        [options, filter, query],\n    );\n\n    const closeAndReset = useCallback((): void => {\n        setOpen(false);\n        setQuery(\"\");\n        setActiveIndex(0);\n    }, []);\n\n    const handleSelect = useCallback(\n        (option: ComboboxOption): void => {\n            if (option.disabled) return;\n            onChange(option.value);\n            closeAndReset();\n        },\n        [onChange, closeAndReset],\n    );\n\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                closeAndReset();\n            }\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open, closeAndReset]);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            setOpen(true);\n            setActiveIndex((current) => Math.min(filtered.length - 1, current + 1));\n        } else if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            setActiveIndex((current) => Math.max(0, current - 1));\n        } else if (event.key === \"Enter\") {\n            event.preventDefault();\n            const option = filtered[activeIndex];\n            if (option) handleSelect(option);\n        } else if (event.key === \"Escape\") {\n            closeAndReset();\n        }\n    };\n\n    return (\n        <div ref={rootRef} className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={id} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.field}>\n                <input\n                    id={id}\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={open}\n                    aria-controls={`${id}-listbox`}\n                    aria-autocomplete=\"list\"\n                    className={styles.input}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    value={open ? query : selectedLabel}\n                    onFocus={() => setOpen(true)}\n                    onChange={(event) => {\n                        setQuery(event.target.value);\n                        setOpen(true);\n                        setActiveIndex(0);\n                    }}\n                    onKeyDown={handleKeyDown}\n                />\n                <span className={styles.caret} aria-hidden>\n                    ▾\n                </span>\n            </div>\n            {open && (\n                <ul id={`${id}-listbox`} role=\"listbox\" className={styles.menu}>\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        filtered.map((option, index) => (\n                            <li\n                                key={option.value}\n                                role=\"option\"\n                                aria-selected={option.value === value}\n                                className={cn(\n                                    styles.option,\n                                    index === activeIndex && styles.active,\n                                    option.value === value && styles.selected,\n                                )}\n                                onMouseEnter={() => setActiveIndex(index)}\n                                onMouseDown={(event) => {\n                                    event.preventDefault();\n                                    handleSelect(option);\n                                }}\n                            >\n                                {option.label}\n                            </li>\n                        ))\n                    )}\n                </ul>\n            )}\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Combobox/Combobox.js

@@ -1,103 +1,98 @@
-import { jsxs as E, jsx as n } from "react/jsx-runtime";
-import { useId as $, useRef as k, useState as h, useMemo as L, useCallback as M, useEffect as O } from "react";
-import { cn as g } from "../../utils/cn.js";
-import t from "./Combobox.module.css.js";
-function Q(a, r) {
-  return r ? a.label.toLowerCase().includes(r.toLowerCase()) : !0;
+import { cn as e } from "../../utils/cn.js";
+import t from "./Combobox.module.js";
+import { useCallback as n, useEffect as r, useId as i, useMemo as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/Combobox/Combobox.tsx
+function u(e, t) {
+	return !t || e.label.toLowerCase().includes(t.toLowerCase());
 }
-function G({
-  options: a,
-  value: r,
-  onChange: w,
-  label: b,
-  placeholder: A = "Selecione",
-  helperText: x,
-  error: f,
-  disabled: C,
-  filter: N = Q,
-  emptyMessage: R = "Nenhuma opção encontrada",
-  className: F
-}) {
-  const i = $(), m = k(null), I = k(null), [s, u] = h(!1), [p, v] = h(""), [y, o] = h(0), S = L(
-    () => a.find((e) => e.value === r)?.label ?? "",
-    [a, r]
-  ), d = L(
-    () => a.filter((e) => N(e, p)),
-    [a, N, p]
-  ), c = M(() => {
-    u(!1), v(""), o(0);
-  }, []), D = M(
-    (e) => {
-      e.disabled || (w(e.value), c());
-    },
-    [w, c]
-  );
-  O(() => {
-    if (!s) return;
-    const e = (l) => {
-      m.current && !m.current.contains(l.target) && c();
-    };
-    return window.addEventListener("mousedown", e), () => window.removeEventListener("mousedown", e);
-  }, [s, c]);
-  const j = (e) => {
-    if (e.key === "ArrowDown")
-      e.preventDefault(), u(!0), o((l) => Math.min(d.length - 1, l + 1));
-    else if (e.key === "ArrowUp")
-      e.preventDefault(), o((l) => Math.max(0, l - 1));
-    else if (e.key === "Enter") {
-      e.preventDefault();
-      const l = d[y];
-      l && D(l);
-    } else e.key === "Escape" && c();
-  };
-  return /* @__PURE__ */ E("div", { ref: m, className: g(t.wrapper, f && t.error, F), children: [
-    b && /* @__PURE__ */ n("label", { htmlFor: i, className: t.label, children: b }),
-    /* @__PURE__ */ E("div", { className: t.field, children: [
-      /* @__PURE__ */ n(
-        "input",
-        {
-          id: i,
-          ref: I,
-          type: "text",
-          role: "combobox",
-          "aria-expanded": s,
-          "aria-controls": `${i}-listbox`,
-          "aria-autocomplete": "list",
-          className: t.input,
-          placeholder: A,
-          disabled: C,
-          value: s ? p : S,
-          onFocus: () => u(!0),
-          onChange: (e) => {
-            v(e.target.value), u(!0), o(0);
-          },
-          onKeyDown: j
-        }
-      ),
-      /* @__PURE__ */ n("span", { className: t.caret, "aria-hidden": !0, children: "▾" })
-    ] }),
-    s && /* @__PURE__ */ n("ul", { id: `${i}-listbox`, role: "listbox", className: t.menu, children: d.length === 0 ? /* @__PURE__ */ n("li", { className: t.empty, children: R }) : d.map((e, l) => /* @__PURE__ */ n(
-      "li",
-      {
-        role: "option",
-        "aria-selected": e.value === r,
-        className: g(
-          t.option,
-          l === y && t.active,
-          e.value === r && t.selected
-        ),
-        onMouseEnter: () => o(l),
-        onMouseDown: (K) => {
-          K.preventDefault(), D(e);
-        },
-        children: e.label
-      },
-      e.value
-    )) }),
-    f ? /* @__PURE__ */ n("span", { className: t.errorText, children: f }) : x ? /* @__PURE__ */ n("span", { className: t.helper, children: x }) : null
-  ] });
+function d({ options: d, value: f, onChange: p, label: m, placeholder: h = "Selecione", helperText: g, error: _, disabled: v, filter: y = u, emptyMessage: b = "Nenhuma opção encontrada", className: x }) {
+	let S = i(), C = o(null), w = o(null), [T, E] = s(!1), [D, O] = s(""), [k, A] = s(0), j = a(() => d.find((e) => e.value === f)?.label ?? "", [d, f]), M = a(() => d.filter((e) => y(e, D)), [
+		d,
+		y,
+		D
+	]), N = n(() => {
+		E(!1), O(""), A(0);
+	}, []), P = n((e) => {
+		e.disabled || (p(e.value), N());
+	}, [p, N]);
+	return r(() => {
+		if (!T) return;
+		let e = (e) => {
+			C.current && !C.current.contains(e.target) && N();
+		};
+		return window.addEventListener("mousedown", e), () => window.removeEventListener("mousedown", e);
+	}, [T, N]), /* @__PURE__ */ l("div", {
+		ref: C,
+		className: e(t.wrapper, _ && t.error, x),
+		children: [
+			m && /* @__PURE__ */ c("label", {
+				htmlFor: S,
+				className: t.label,
+				children: m
+			}),
+			/* @__PURE__ */ l("div", {
+				className: t.field,
+				children: [/* @__PURE__ */ c("input", {
+					id: S,
+					ref: w,
+					type: "text",
+					role: "combobox",
+					"aria-expanded": T,
+					"aria-controls": `${S}-listbox`,
+					"aria-autocomplete": "list",
+					className: t.input,
+					placeholder: h,
+					disabled: v,
+					value: T ? D : j,
+					onFocus: () => E(!0),
+					onChange: (e) => {
+						O(e.target.value), E(!0), A(0);
+					},
+					onKeyDown: (e) => {
+						if (e.key === "ArrowDown") e.preventDefault(), E(!0), A((e) => Math.min(M.length - 1, e + 1));
+						else if (e.key === "ArrowUp") e.preventDefault(), A((e) => Math.max(0, e - 1));
+						else if (e.key === "Enter") {
+							e.preventDefault();
+							let t = M[k];
+							t && P(t);
+						} else e.key === "Escape" && N();
+					}
+				}), /* @__PURE__ */ c("span", {
+					className: t.caret,
+					"aria-hidden": !0,
+					children: "▾"
+				})]
+			}),
+			T && /* @__PURE__ */ c("ul", {
+				id: `${S}-listbox`,
+				role: "listbox",
+				className: t.menu,
+				children: M.length === 0 ? /* @__PURE__ */ c("li", {
+					className: t.empty,
+					children: b
+				}) : M.map((n, r) => /* @__PURE__ */ c("li", {
+					role: "option",
+					"aria-selected": n.value === f,
+					className: e(t.option, r === k && t.active, n.value === f && t.selected),
+					onMouseEnter: () => A(r),
+					onMouseDown: (e) => {
+						e.preventDefault(), P(n);
+					},
+					children: n.label
+				}, n.value))
+			}),
+			_ ? /* @__PURE__ */ c("span", {
+				className: t.errorText,
+				children: _
+			}) : g ? /* @__PURE__ */ c("span", {
+				className: t.helper,
+				children: g
+			}) : null
+		]
+	});
 }
-export {
-  G as Combobox
-};
-//# sourceMappingURL=Combobox.js.map
+//#endregion
+export { d as Combobox };
+
+//# sourceMappingURL=Combobox.js.map

package/dist/components/Combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Combobox.module.css\";\n\nexport interface ComboboxOption {\n    value: string;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface ComboboxProps {\n    options: ComboboxOption[];\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    disabled?: boolean;\n    /** Custom filter — return true to keep the option. Default is case-insensitive substring match on label. */\n    filter?: (option: ComboboxOption, query: string) => boolean;\n    /** Message shown when no option matches. */\n    emptyMessage?: string;\n    className?: string;\n}\n\nfunction defaultFilter(option: ComboboxOption, query: string): boolean {\n    if (!query) return true;\n    return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\n/**\n * Combobox — text input with a filterable dropdown of options.\n *\n * Selecting an option fires `onChange(value)`. Typing filters the list.\n * Keyboard: ArrowUp/ArrowDown to navigate, Enter to select, Esc to close.\n */\nexport function Combobox({\n    options,\n    value,\n    onChange,\n    label,\n    placeholder = \"Selecione\",\n    helperText,\n    error,\n    disabled,\n    filter = defaultFilter,\n    emptyMessage = \"Nenhuma opção encontrada\",\n    className,\n}: ComboboxProps) {\n    const id = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState(\"\");\n    const [activeIndex, setActiveIndex] = useState(0);\n\n    const selectedLabel = useMemo(\n        () => options.find((o) => o.value === value)?.label ?? \"\",\n        [options, value],\n    );\n\n    const filtered = useMemo(\n        () => options.filter((o) => filter(o, query)),\n        [options, filter, query],\n    );\n\n    const closeAndReset = useCallback((): void => {\n        setOpen(false);\n        setQuery(\"\");\n        setActiveIndex(0);\n    }, []);\n\n    const handleSelect = useCallback(\n        (option: ComboboxOption): void => {\n            if (option.disabled) return;\n            onChange(option.value);\n            closeAndReset();\n        },\n        [onChange, closeAndReset],\n    );\n\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                closeAndReset();\n            }\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open, closeAndReset]);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            setOpen(true);\n            setActiveIndex((current) => Math.min(filtered.length - 1, current + 1));\n        } else if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            setActiveIndex((current) => Math.max(0, current - 1));\n        } else if (event.key === \"Enter\") {\n            event.preventDefault();\n            const option = filtered[activeIndex];\n            if (option) handleSelect(option);\n        } else if (event.key === \"Escape\") {\n            closeAndReset();\n        }\n    };\n\n    return (\n        <div ref={rootRef} className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={id} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.field}>\n                <input\n                    id={id}\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={open}\n                    aria-controls={`${id}-listbox`}\n                    aria-autocomplete=\"list\"\n                    className={styles.input}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    value={open ? query : selectedLabel}\n                    onFocus={() => setOpen(true)}\n                    onChange={(event) => {\n                        setQuery(event.target.value);\n                        setOpen(true);\n                        setActiveIndex(0);\n                    }}\n                    onKeyDown={handleKeyDown}\n                />\n                <span className={styles.caret} aria-hidden>\n                    ▾\n                </span>\n            </div>\n            {open && (\n                <ul id={`${id}-listbox`} role=\"listbox\" className={styles.menu}>\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        filtered.map((option, index) => (\n                            <li\n                                key={option.value}\n                                role=\"option\"\n                                aria-selected={option.value === value}\n                                className={cn(\n                                    styles.option,\n                                    index === activeIndex && styles.active,\n                                    option.value === value && styles.selected,\n                                )}\n                                onMouseEnter={() => setActiveIndex(index)}\n                                onMouseDown={(event) => {\n                                    event.preventDefault();\n                                    handleSelect(option);\n                                }}\n                            >\n                                {option.label}\n                            </li>\n                        ))\n                    )}\n                </ul>\n            )}\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n}\n"],"names":["defaultFilter","option","query","Combobox","options","value","onChange","label","placeholder","helperText","error","disabled","filter","emptyMessage","className","id","useId","rootRef","useRef","inputRef","open","setOpen","useState","setQuery","activeIndex","setActiveIndex","selectedLabel","useMemo","o","filtered","closeAndReset","useCallback","handleSelect","useEffect","onDown","event","handleKeyDown","current","jsxs","cn","styles","jsx","index"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","names":[],"sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Combobox.module.css\";\n\nexport interface ComboboxOption {\n    value: string;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface ComboboxProps {\n    options: ComboboxOption[];\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    disabled?: boolean;\n    /** Custom filter — return true to keep the option. Default is case-insensitive substring match on label. */\n    filter?: (option: ComboboxOption, query: string) => boolean;\n    /** Message shown when no option matches. */\n    emptyMessage?: string;\n    className?: string;\n}\n\nfunction defaultFilter(option: ComboboxOption, query: string): boolean {\n    if (!query) return true;\n    return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\n/**\n * Combobox — text input with a filterable dropdown of options.\n *\n * Selecting an option fires `onChange(value)`. Typing filters the list.\n * Keyboard: ArrowUp/ArrowDown to navigate, Enter to select, Esc to close.\n */\nexport function Combobox({\n    options,\n    value,\n    onChange,\n    label,\n    placeholder = \"Selecione\",\n    helperText,\n    error,\n    disabled,\n    filter = defaultFilter,\n    emptyMessage = \"Nenhuma opção encontrada\",\n    className,\n}: ComboboxProps) {\n    const id = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState(\"\");\n    const [activeIndex, setActiveIndex] = useState(0);\n\n    const selectedLabel = useMemo(\n        () => options.find((o) => o.value === value)?.label ?? \"\",\n        [options, value],\n    );\n\n    const filtered = useMemo(\n        () => options.filter((o) => filter(o, query)),\n        [options, filter, query],\n    );\n\n    const closeAndReset = useCallback((): void => {\n        setOpen(false);\n        setQuery(\"\");\n        setActiveIndex(0);\n    }, []);\n\n    const handleSelect = useCallback(\n        (option: ComboboxOption): void => {\n            if (option.disabled) return;\n            onChange(option.value);\n            closeAndReset();\n        },\n        [onChange, closeAndReset],\n    );\n\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                closeAndReset();\n            }\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open, closeAndReset]);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            setOpen(true);\n            setActiveIndex((current) => Math.min(filtered.length - 1, current + 1));\n        } else if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            setActiveIndex((current) => Math.max(0, current - 1));\n        } else if (event.key === \"Enter\") {\n            event.preventDefault();\n            const option = filtered[activeIndex];\n            if (option) handleSelect(option);\n        } else if (event.key === \"Escape\") {\n            closeAndReset();\n        }\n    };\n\n    return (\n        <div ref={rootRef} className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={id} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.field}>\n                <input\n                    id={id}\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={open}\n                    aria-controls={`${id}-listbox`}\n                    aria-autocomplete=\"list\"\n                    className={styles.input}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    value={open ? query : selectedLabel}\n                    onFocus={() => setOpen(true)}\n                    onChange={(event) => {\n                        setQuery(event.target.value);\n                        setOpen(true);\n                        setActiveIndex(0);\n                    }}\n                    onKeyDown={handleKeyDown}\n                />\n                <span className={styles.caret} aria-hidden>\n                    ▾\n                </span>\n            </div>\n            {open && (\n                <ul id={`${id}-listbox`} role=\"listbox\" className={styles.menu}>\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        filtered.map((option, index) => (\n                            <li\n                                key={option.value}\n                                role=\"option\"\n                                aria-selected={option.value === value}\n                                className={cn(\n                                    styles.option,\n                                    index === activeIndex && styles.active,\n                                    option.value === value && styles.selected,\n                                )}\n                                onMouseEnter={() => setActiveIndex(index)}\n                                onMouseDown={(event) => {\n                                    event.preventDefault();\n                                    handleSelect(option);\n                                }}\n                            >\n                                {option.label}\n                            </li>\n                        ))\n                    )}\n                </ul>\n            )}\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Combobox/Combobox.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_TNvle`,t=`tempest_label_KVkZO`,n=`tempest_field_BenH0`,r=`tempest_input_-HTv1`,i=`tempest_caret_jRplQ`,a=`tempest_menu_zPQG3`,o=`tempest_option_vhhn5`,s=`tempest_active_XCgtX`,c=`tempest_selected_T6nm2`,l=`tempest_empty_Ahw5K`,u=`tempest_helper_OzB7V`,d=`tempest_errorText_X18sQ`,f=`tempest_error_bnVuM`,p={wrapper:e,label:t,field:n,input:r,caret:i,menu:a,option:o,active:s,selected:c,empty:l,helper:u,errorText:d,error:f};exports.active=s,exports.caret=i,exports.default=p,exports.empty=l,exports.error=f,exports.errorText=d,exports.field=n,exports.helper=u,exports.input=r,exports.label=t,exports.menu=a,exports.option=o,exports.selected=c,exports.wrapper=e;
+//# sourceMappingURL=Combobox.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.module.cjs","names":[],"sources":["../../../src/components/Combobox/Combobox.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    position: relative;\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    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 32px 0 var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-control-font-md);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.input:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n}\n\n.caret {\n    position: absolute;\n    right: 12px;\n    pointer-events: none;\n    color: var(--tempest-text-muted);\n}\n\n.menu {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    right: 0;\n    z-index: var(--tempest-z-dropdown);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    max-height: 280px;\n    overflow-y: auto;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n}\n\n.option {\n    display: flex;\n    align-items: center;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .option:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.option.active {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n}\n\n.option.selected {\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.empty {\n    padding: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n}\n\n.wrapper.error .input {\n    border-color: var(--tempest-danger);\n}\n"],"mappings":""}

package/dist/components/Combobox/Combobox.module.js

@@ -0,0 +1,20 @@
+//#region src/components/Combobox/Combobox.module.css
+var e = "tempest_wrapper_TNvle", t = "tempest_label_KVkZO", n = "tempest_field_BenH0", r = "tempest_input_-HTv1", i = "tempest_caret_jRplQ", a = "tempest_menu_zPQG3", o = "tempest_option_vhhn5", s = "tempest_active_XCgtX", c = "tempest_selected_T6nm2", l = "tempest_empty_Ahw5K", u = "tempest_helper_OzB7V", d = "tempest_errorText_X18sQ", f = "tempest_error_bnVuM", p = {
+	wrapper: e,
+	label: t,
+	field: n,
+	input: r,
+	caret: i,
+	menu: a,
+	option: o,
+	active: s,
+	selected: c,
+	empty: l,
+	helper: u,
+	errorText: d,
+	error: f
+};
+//#endregion
+export { s as active, i as caret, p as default, l as empty, f as error, d as errorText, n as field, u as helper, r as input, t as label, a as menu, o as option, c as selected, e as wrapper };
+
+//# sourceMappingURL=Combobox.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.module.js","names":[],"sources":["../../../src/components/Combobox/Combobox.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    position: relative;\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    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 32px 0 var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-control-font-md);\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.input:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n}\n\n.caret {\n    position: absolute;\n    right: 12px;\n    pointer-events: none;\n    color: var(--tempest-text-muted);\n}\n\n.menu {\n    position: absolute;\n    top: calc(100% + 4px);\n    left: 0;\n    right: 0;\n    z-index: var(--tempest-z-dropdown);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    max-height: 280px;\n    overflow-y: auto;\n    padding: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n}\n\n.option {\n    display: flex;\n    align-items: center;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-sm);\n    cursor: pointer;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .option:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.option.active {\n    background-color: var(--tempest-primary-soft);\n    color: var(--tempest-primary-active);\n}\n\n.option.selected {\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.empty {\n    padding: var(--tempest-space-3);\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n    text-align: center;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n}\n\n.wrapper.error .input {\n    border-color: var(--tempest-danger);\n}\n"],"mappings":""}