tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/ClickOutside/ClickOutside.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),t=require("react");function a({onOutside:n,children:d,...i}){const r=t.useRef(null),u=t.useRef(n);return u.current=n,t.useEffect(()=>{if(typeof document>"u")return;function e(o){const c=r.current,s=o.target;c&&s&&!c.contains(s)&&u.current(o)}return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}},[]),f.jsx("div",{ref:r,...i,children:d})}exports.ClickOutside=a;
-//# sourceMappingURL=ClickOutside.cjs.map
+let e=require("react"),t=require("react/jsx-runtime");function n({onOutside:n,children:r,...i}){let a=(0,e.useRef)(null),o=(0,e.useRef)(n);return o.current=n,(0,e.useEffect)(()=>{if(typeof document>`u`)return;function e(e){let t=a.current,n=e.target;t&&n&&!t.contains(n)&&o.current(e)}return document.addEventListener(`mousedown`,e),document.addEventListener(`touchstart`,e),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`touchstart`,e)}},[]),(0,t.jsx)(`div`,{ref:a,...i,children:r})}exports.ClickOutside=n;
+//# sourceMappingURL=ClickOutside.cjs.map

package/dist/components/ClickOutside/ClickOutside.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClickOutside.cjs","sources":["../../../src/components/ClickOutside/ClickOutside.tsx"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nexport interface ClickOutsideProps extends HTMLAttributes<HTMLDivElement> {\n    /** Called when a pointer event lands outside the wrapped subtree. */\n    onOutside: (event: MouseEvent | TouchEvent) => void;\n    /** Content wrapped by the outside-click boundary. */\n    children: ReactNode;\n}\n\n/**\n * Wraps its children in a `<div>` and invokes `onOutside` whenever a\n * `mousedown` or `touchstart` event occurs outside that subtree.\n *\n * Useful for dismissing popovers, dropdowns and menus on outside interaction.\n * Listeners are attached to `document` on mount and removed on unmount.\n *\n * @param props - The click-outside props, plus any `<div>` attributes.\n * @returns The wrapper element containing the children.\n */\nexport function ClickOutside({ onOutside, children, ...props }: ClickOutsideProps): ReactNode {\n    const ref = useRef<HTMLDivElement>(null);\n    const handlerRef = useRef(onOutside);\n    handlerRef.current = onOutside;\n\n    useEffect(() => {\n        if (typeof document === \"undefined\") {\n            return;\n        }\n\n        function handle(event: MouseEvent | TouchEvent): void {\n            const node = ref.current;\n            const target = event.target as Node | null;\n            if (node && target && !node.contains(target)) {\n                handlerRef.current(event);\n            }\n        }\n\n        document.addEventListener(\"mousedown\", handle);\n        document.addEventListener(\"touchstart\", handle);\n        return () => {\n            document.removeEventListener(\"mousedown\", handle);\n            document.removeEventListener(\"touchstart\", handle);\n        };\n    }, []);\n\n    return (\n        <div ref={ref} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"names":["ClickOutside","onOutside","children","props","ref","useRef","handlerRef","useEffect","handle","event","node","target","jsx"],"mappings":"wIAmBO,SAASA,EAAa,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,GAAuC,CAC1F,MAAMC,EAAMC,EAAAA,OAAuB,IAAI,EACjCC,EAAaD,EAAAA,OAAOJ,CAAS,EACnC,OAAAK,EAAW,QAAUL,EAErBM,EAAAA,UAAU,IAAM,CACZ,GAAI,OAAO,SAAa,IACpB,OAGJ,SAASC,EAAOC,EAAsC,CAClD,MAAMC,EAAON,EAAI,QACXO,EAASF,EAAM,OACjBC,GAAQC,GAAU,CAACD,EAAK,SAASC,CAAM,GACvCL,EAAW,QAAQG,CAAK,CAEhC,CAEA,gBAAS,iBAAiB,YAAaD,CAAM,EAC7C,SAAS,iBAAiB,aAAcA,CAAM,EACvC,IAAM,CACT,SAAS,oBAAoB,YAAaA,CAAM,EAChD,SAAS,oBAAoB,aAAcA,CAAM,CACrD,CACJ,EAAG,CAAA,CAAE,EAGDI,EAAAA,IAAC,MAAA,CAAI,IAAAR,EAAW,GAAGD,EACd,SAAAD,EACL,CAER"}
+{"version":3,"file":"ClickOutside.cjs","names":[],"sources":["../../../src/components/ClickOutside/ClickOutside.tsx"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nexport interface ClickOutsideProps extends HTMLAttributes<HTMLDivElement> {\n    /** Called when a pointer event lands outside the wrapped subtree. */\n    onOutside: (event: MouseEvent | TouchEvent) => void;\n    /** Content wrapped by the outside-click boundary. */\n    children: ReactNode;\n}\n\n/**\n * Wraps its children in a `<div>` and invokes `onOutside` whenever a\n * `mousedown` or `touchstart` event occurs outside that subtree.\n *\n * Useful for dismissing popovers, dropdowns and menus on outside interaction.\n * Listeners are attached to `document` on mount and removed on unmount.\n *\n * @param props - The click-outside props, plus any `<div>` attributes.\n * @returns The wrapper element containing the children.\n */\nexport function ClickOutside({ onOutside, children, ...props }: ClickOutsideProps): ReactNode {\n    const ref = useRef<HTMLDivElement>(null);\n    const handlerRef = useRef(onOutside);\n    handlerRef.current = onOutside;\n\n    useEffect(() => {\n        if (typeof document === \"undefined\") {\n            return;\n        }\n\n        function handle(event: MouseEvent | TouchEvent): void {\n            const node = ref.current;\n            const target = event.target as Node | null;\n            if (node && target && !node.contains(target)) {\n                handlerRef.current(event);\n            }\n        }\n\n        document.addEventListener(\"mousedown\", handle);\n        document.addEventListener(\"touchstart\", handle);\n        return () => {\n            document.removeEventListener(\"mousedown\", handle);\n            document.removeEventListener(\"touchstart\", handle);\n        };\n    }, []);\n\n    return (\n        <div ref={ref} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":"sDAmBA,SAAgB,EAAa,CAAE,YAAW,WAAU,GAAG,GAAuC,CAC1F,IAAM,GAAA,EAAA,EAAA,OAAA,CAA6B,IAAI,EACjC,GAAA,EAAA,EAAA,OAAA,CAAoB,CAAS,EAwBnC,MAvBA,GAAW,QAAU,GAErB,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,OAAO,SAAa,IACpB,OAGJ,SAAS,EAAO,EAAsC,CAClD,IAAM,EAAO,EAAI,QACX,EAAS,EAAM,OACjB,GAAQ,GAAU,CAAC,EAAK,SAAS,CAAM,GACvC,EAAW,QAAQ,CAAK,CAEhC,CAIA,OAFA,SAAS,iBAAiB,YAAa,CAAM,EAC7C,SAAS,iBAAiB,aAAc,CAAM,MACjC,CACT,SAAS,oBAAoB,YAAa,CAAM,EAChD,SAAS,oBAAoB,aAAc,CAAM,CACrD,CACJ,EAAG,CAAC,CAAC,GAGD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAU,MAAK,GAAI,EACd,UACA,CAAA,CAEb"}

package/dist/components/ClickOutside/ClickOutside.js

@@ -1,20 +1,24 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useRef as d, useEffect as m } from "react";
-function l({ onOutside: t, children: s, ...i }) {
-  const n = d(null), r = d(t);
-  return r.current = t, m(() => {
-    if (typeof document > "u")
-      return;
-    function e(o) {
-      const u = n.current, c = o.target;
-      u && c && !u.contains(c) && r.current(o);
-    }
-    return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e), () => {
-      document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
-    };
-  }, []), /* @__PURE__ */ f("div", { ref: n, ...i, children: s });
+import { useEffect as e, useRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ClickOutside/ClickOutside.tsx
+function r({ onOutside: r, children: i, ...a }) {
+	let o = t(null), s = t(r);
+	return s.current = r, e(() => {
+		if (typeof document > "u") return;
+		function e(e) {
+			let t = o.current, n = e.target;
+			t && n && !t.contains(n) && s.current(e);
+		}
+		return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
+		};
+	}, []), /* @__PURE__ */ n("div", {
+		ref: o,
+		...a,
+		children: i
+	});
 }
-export {
-  l as ClickOutside
-};
-//# sourceMappingURL=ClickOutside.js.map
+//#endregion
+export { r as ClickOutside };
+
+//# sourceMappingURL=ClickOutside.js.map

package/dist/components/ClickOutside/ClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClickOutside.js","sources":["../../../src/components/ClickOutside/ClickOutside.tsx"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nexport interface ClickOutsideProps extends HTMLAttributes<HTMLDivElement> {\n    /** Called when a pointer event lands outside the wrapped subtree. */\n    onOutside: (event: MouseEvent | TouchEvent) => void;\n    /** Content wrapped by the outside-click boundary. */\n    children: ReactNode;\n}\n\n/**\n * Wraps its children in a `<div>` and invokes `onOutside` whenever a\n * `mousedown` or `touchstart` event occurs outside that subtree.\n *\n * Useful for dismissing popovers, dropdowns and menus on outside interaction.\n * Listeners are attached to `document` on mount and removed on unmount.\n *\n * @param props - The click-outside props, plus any `<div>` attributes.\n * @returns The wrapper element containing the children.\n */\nexport function ClickOutside({ onOutside, children, ...props }: ClickOutsideProps): ReactNode {\n    const ref = useRef<HTMLDivElement>(null);\n    const handlerRef = useRef(onOutside);\n    handlerRef.current = onOutside;\n\n    useEffect(() => {\n        if (typeof document === \"undefined\") {\n            return;\n        }\n\n        function handle(event: MouseEvent | TouchEvent): void {\n            const node = ref.current;\n            const target = event.target as Node | null;\n            if (node && target && !node.contains(target)) {\n                handlerRef.current(event);\n            }\n        }\n\n        document.addEventListener(\"mousedown\", handle);\n        document.addEventListener(\"touchstart\", handle);\n        return () => {\n            document.removeEventListener(\"mousedown\", handle);\n            document.removeEventListener(\"touchstart\", handle);\n        };\n    }, []);\n\n    return (\n        <div ref={ref} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"names":["ClickOutside","onOutside","children","props","ref","useRef","handlerRef","useEffect","handle","event","node","target","jsx"],"mappings":";;AAmBO,SAASA,EAAa,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,KAAuC;AAC1F,QAAMC,IAAMC,EAAuB,IAAI,GACjCC,IAAaD,EAAOJ,CAAS;AACnC,SAAAK,EAAW,UAAUL,GAErBM,EAAU,MAAM;AACZ,QAAI,OAAO,WAAa;AACpB;AAGJ,aAASC,EAAOC,GAAsC;AAClD,YAAMC,IAAON,EAAI,SACXO,IAASF,EAAM;AACrB,MAAIC,KAAQC,KAAU,CAACD,EAAK,SAASC,CAAM,KACvCL,EAAW,QAAQG,CAAK;AAAA,IAEhC;AAEA,oBAAS,iBAAiB,aAAaD,CAAM,GAC7C,SAAS,iBAAiB,cAAcA,CAAM,GACvC,MAAM;AACT,eAAS,oBAAoB,aAAaA,CAAM,GAChD,SAAS,oBAAoB,cAAcA,CAAM;AAAA,IACrD;AAAA,EACJ,GAAG,CAAA,CAAE,GAGD,gBAAAI,EAAC,OAAA,EAAI,KAAAR,GAAW,GAAGD,GACd,UAAAD,GACL;AAER;"}
+{"version":3,"file":"ClickOutside.js","names":[],"sources":["../../../src/components/ClickOutside/ClickOutside.tsx"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nexport interface ClickOutsideProps extends HTMLAttributes<HTMLDivElement> {\n    /** Called when a pointer event lands outside the wrapped subtree. */\n    onOutside: (event: MouseEvent | TouchEvent) => void;\n    /** Content wrapped by the outside-click boundary. */\n    children: ReactNode;\n}\n\n/**\n * Wraps its children in a `<div>` and invokes `onOutside` whenever a\n * `mousedown` or `touchstart` event occurs outside that subtree.\n *\n * Useful for dismissing popovers, dropdowns and menus on outside interaction.\n * Listeners are attached to `document` on mount and removed on unmount.\n *\n * @param props - The click-outside props, plus any `<div>` attributes.\n * @returns The wrapper element containing the children.\n */\nexport function ClickOutside({ onOutside, children, ...props }: ClickOutsideProps): ReactNode {\n    const ref = useRef<HTMLDivElement>(null);\n    const handlerRef = useRef(onOutside);\n    handlerRef.current = onOutside;\n\n    useEffect(() => {\n        if (typeof document === \"undefined\") {\n            return;\n        }\n\n        function handle(event: MouseEvent | TouchEvent): void {\n            const node = ref.current;\n            const target = event.target as Node | null;\n            if (node && target && !node.contains(target)) {\n                handlerRef.current(event);\n            }\n        }\n\n        document.addEventListener(\"mousedown\", handle);\n        document.addEventListener(\"touchstart\", handle);\n        return () => {\n            document.removeEventListener(\"mousedown\", handle);\n            document.removeEventListener(\"touchstart\", handle);\n        };\n    }, []);\n\n    return (\n        <div ref={ref} {...props}>\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;AAmBA,SAAgB,EAAa,EAAE,cAAW,aAAU,GAAG,KAAuC;CAC1F,IAAM,IAAM,EAAuB,IAAI,GACjC,IAAa,EAAO,CAAS;CAwBnC,OAvBA,EAAW,UAAU,GAErB,QAAgB;EACZ,IAAI,OAAO,WAAa,KACpB;EAGJ,SAAS,EAAO,GAAsC;GAClD,IAAM,IAAO,EAAI,SACX,IAAS,EAAM;GACrB,AAAI,KAAQ,KAAU,CAAC,EAAK,SAAS,CAAM,KACvC,EAAW,QAAQ,CAAK;EAEhC;EAIA,OAFA,SAAS,iBAAiB,aAAa,CAAM,GAC7C,SAAS,iBAAiB,cAAc,CAAM,SACjC;GAET,AADA,SAAS,oBAAoB,aAAa,CAAM,GAChD,SAAS,oBAAoB,cAAc,CAAM;EACrD;CACJ,GAAG,CAAC,CAAC,GAGD,kBAAC,OAAD;EAAU;EAAK,GAAI;EACd;CACA,CAAA;AAEb"}

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