tempest-react-sdk 0.22.0 → 0.24.0

package/dist/components/Responsive/Responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Responsive.js","names":[],"sources":["../../../src/components/Responsive/Responsive.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useBreakpoint, type Breakpoint } from \"@/hooks/use-breakpoint\";\n\nexport interface ShowProps {\n    /** Render children only when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Render children only when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Render only on specific breakpoints. Wins over `above`/`below` when set. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\nfunction shouldRender(\n    current: Breakpoint,\n    above: Breakpoint | undefined,\n    below: Breakpoint | undefined,\n    only: Breakpoint | Breakpoint[] | undefined,\n    helpers: { above: (bp: Breakpoint) => boolean; below: (bp: Breakpoint) => boolean },\n): boolean {\n    if (only) {\n        const list = Array.isArray(only) ? only : [only];\n        return list.includes(current);\n    }\n    if (above && !helpers.above(above)) return false;\n    if (below && !helpers.below(below)) return false;\n    return true;\n}\n\n/**\n * Conditionally render children based on the viewport breakpoint.\n *\n * - `above` — render when viewport width is `>=` the given breakpoint.\n * - `below` — render when viewport width is `<` the given breakpoint.\n * - `only` — render only on the listed breakpoint(s).\n *\n * SSR-safe: first render uses `xs` (renders mobile content first); the\n * component re-renders once `useBreakpoint` has the real viewport width.\n */\nexport function Show({ above, below, only, children }: ShowProps): ReactNode {\n    const bp = useBreakpoint();\n    if (!shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n\nexport interface HideProps {\n    /** Hide children when viewport width is `>=` this breakpoint. */\n    above?: Breakpoint;\n    /** Hide children when viewport width is `<` this breakpoint. */\n    below?: Breakpoint;\n    /** Hide on specific breakpoints. */\n    only?: Breakpoint | Breakpoint[];\n    children: ReactNode;\n}\n\n/** Inverse of `<Show>` — hides children when the condition matches. */\nexport function Hide({ above, below, only, children }: HideProps): ReactNode {\n    const bp = useBreakpoint();\n    if (shouldRender(bp.current, above, below, only, bp)) return null;\n    return children;\n}\n"],"mappings":";;AAaA,SAAS,EACL,GACA,GACA,GACA,GACA,GACO;CAOP,OANI,KACa,MAAM,QAAQ,CAAI,IAAI,IAAO,CAAC,CAAI,EAAA,CACnC,SAAS,CAAO,IAGhC,EADI,KAAS,CAAC,EAAQ,MAAM,CAAK,KAC7B,KAAS,CAAC,EAAQ,MAAM,CAAK;AAErC;AAYA,SAAgB,EAAK,EAAE,UAAO,UAAO,SAAM,eAAkC;CACzE,IAAM,IAAK,EAAc;CAEzB,OADK,EAAa,EAAG,SAAS,GAAO,GAAO,GAAM,CAAE,IAC7C,IADuD;AAElE;AAaA,SAAgB,EAAK,EAAE,UAAO,UAAO,SAAM,eAAkC;CACzE,IAAM,IAAK,EAAc;CAEzB,OADI,EAAa,EAAG,SAAS,GAAO,GAAO,GAAM,CAAE,IAAU,OACtD;AACX"}

package/dist/components/SafeArea/SafeArea.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./SafeArea.module.cjs");let n=require("react/jsx-runtime");var r=[`top`,`right`,`bottom`,`left`];function i({edges:i=r,inline:a=!1,className:o,children:s,...c}){return(0,n.jsx)(`div`,{className:e.cn(t.default.safe,a&&t.default.inline,i.includes(`top`)&&t.default.top,i.includes(`right`)&&t.default.right,i.includes(`bottom`)&&t.default.bottom,i.includes(`left`)&&t.default.left,o),"data-edges":i.join(` `),...c,children:s})}exports.SafeArea=i;
+//# sourceMappingURL=SafeArea.cjs.map

package/dist/components/SafeArea/SafeArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeArea.cjs","names":[],"sources":["../../../src/components/SafeArea/SafeArea.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SafeArea.module.css\";\n\nexport type SafeAreaEdge = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface SafeAreaProps extends HTMLAttributes<HTMLDivElement> {\n    /** Edges to pad. Default `[\"top\",\"right\",\"bottom\",\"left\"]` (all). */\n    edges?: SafeAreaEdge[];\n    /** Render as inline (use `display: contents`). */\n    inline?: boolean;\n    children?: ReactNode;\n}\n\nconst ALL_EDGES: SafeAreaEdge[] = [\"top\", \"right\", \"bottom\", \"left\"];\n\n/**\n * Apply `env(safe-area-inset-*)` padding so content avoids iOS notch /\n * Android navbar / device chrome. Wrap the outermost container of pages\n * with sticky headers/footers.\n *\n * @example\n * <SafeArea edges={[\"top\"]}>\n *     <Navbar />\n * </SafeArea>\n */\nexport function SafeArea({\n    edges = ALL_EDGES,\n    inline = false,\n    className,\n    children,\n    ...props\n}: SafeAreaProps) {\n    return (\n        <div\n            className={cn(\n                styles.safe,\n                inline && styles.inline,\n                edges.includes(\"top\") && styles.top,\n                edges.includes(\"right\") && styles.right,\n                edges.includes(\"bottom\") && styles.bottom,\n                edges.includes(\"left\") && styles.left,\n                className,\n            )}\n            data-edges={edges.join(\" \")}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"mappings":"4GAcA,IAAM,EAA4B,CAAC,MAAO,QAAS,SAAU,MAAM,EAYnE,SAAgB,EAAS,CACrB,QAAQ,EACR,SAAS,GACT,YACA,WACA,GAAG,GACW,CACd,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,KACP,GAAU,EAAA,QAAO,OACjB,EAAM,SAAS,KAAK,GAAK,EAAA,QAAO,IAChC,EAAM,SAAS,OAAO,GAAK,EAAA,QAAO,MAClC,EAAM,SAAS,QAAQ,GAAK,EAAA,QAAO,OACnC,EAAM,SAAS,MAAM,GAAK,EAAA,QAAO,KACjC,CACJ,EACA,aAAY,EAAM,KAAK,GAAG,EAC1B,GAAI,EAEH,UACA,CAAA,CAEb"}

package/dist/components/SafeArea/SafeArea.js

@@ -0,0 +1,22 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./SafeArea.module.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/SafeArea/SafeArea.tsx
+var r = [
+	"top",
+	"right",
+	"bottom",
+	"left"
+];
+function i({ edges: i = r, inline: a = !1, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ n("div", {
+		className: e(t.safe, a && t.inline, i.includes("top") && t.top, i.includes("right") && t.right, i.includes("bottom") && t.bottom, i.includes("left") && t.left, o),
+		"data-edges": i.join(" "),
+		...c,
+		children: s
+	});
+}
+//#endregion
+export { i as SafeArea };
+
+//# sourceMappingURL=SafeArea.js.map

package/dist/components/SafeArea/SafeArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SafeArea.js","names":[],"sources":["../../../src/components/SafeArea/SafeArea.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SafeArea.module.css\";\n\nexport type SafeAreaEdge = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface SafeAreaProps extends HTMLAttributes<HTMLDivElement> {\n    /** Edges to pad. Default `[\"top\",\"right\",\"bottom\",\"left\"]` (all). */\n    edges?: SafeAreaEdge[];\n    /** Render as inline (use `display: contents`). */\n    inline?: boolean;\n    children?: ReactNode;\n}\n\nconst ALL_EDGES: SafeAreaEdge[] = [\"top\", \"right\", \"bottom\", \"left\"];\n\n/**\n * Apply `env(safe-area-inset-*)` padding so content avoids iOS notch /\n * Android navbar / device chrome. Wrap the outermost container of pages\n * with sticky headers/footers.\n *\n * @example\n * <SafeArea edges={[\"top\"]}>\n *     <Navbar />\n * </SafeArea>\n */\nexport function SafeArea({\n    edges = ALL_EDGES,\n    inline = false,\n    className,\n    children,\n    ...props\n}: SafeAreaProps) {\n    return (\n        <div\n            className={cn(\n                styles.safe,\n                inline && styles.inline,\n                edges.includes(\"top\") && styles.top,\n                edges.includes(\"right\") && styles.right,\n                edges.includes(\"bottom\") && styles.bottom,\n                edges.includes(\"left\") && styles.left,\n                className,\n            )}\n            data-edges={edges.join(\" \")}\n            {...props}\n        >\n            {children}\n        </div>\n    );\n}\n"],"mappings":";;;;AAcA,IAAM,IAA4B;CAAC;CAAO;CAAS;CAAU;AAAM;AAYnE,SAAgB,EAAS,EACrB,WAAQ,GACR,YAAS,IACT,cACA,aACA,GAAG,KACW;CACd,OACI,kBAAC,OAAD;EACI,WAAW,EACP,EAAO,MACP,KAAU,EAAO,QACjB,EAAM,SAAS,KAAK,KAAK,EAAO,KAChC,EAAM,SAAS,OAAO,KAAK,EAAO,OAClC,EAAM,SAAS,QAAQ,KAAK,EAAO,QACnC,EAAM,SAAS,MAAM,KAAK,EAAO,MACjC,CACJ;EACA,cAAY,EAAM,KAAK,GAAG;EAC1B,GAAI;EAEH;CACA,CAAA;AAEb"}

package/dist/components/SafeArea/SafeArea.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_safe_iqDFY`,t=`tempest_inline_V9eMG`,n=`tempest_top_Xse9E`,r=`tempest_right_GZm9b`,i=`tempest_bottom_kkyD7`,a=`tempest_left_Z4Q72`,o={safe:e,inline:t,top:n,right:r,bottom:i,left:a};exports.bottom=i,exports.default=o,exports.inline=t,exports.left=a,exports.right=r,exports.safe=e,exports.top=n;
+//# sourceMappingURL=SafeArea.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SafeArea.module.cjs","names":[],"sources":["../../../src/components/SafeArea/SafeArea.module.css"],"sourcesContent":[".safe {\n    display: block;\n}\n\n.safe.inline {\n    display: contents;\n}\n\n.top {\n    padding-top: env(safe-area-inset-top, 0px);\n}\n\n.right {\n    padding-right: env(safe-area-inset-right, 0px);\n}\n\n.bottom {\n    padding-bottom: env(safe-area-inset-bottom, 0px);\n}\n\n.left {\n    padding-left: env(safe-area-inset-left, 0px);\n}\n"],"mappings":""}

package/dist/components/SafeArea/SafeArea.module.js

@@ -0,0 +1,13 @@
+//#region src/components/SafeArea/SafeArea.module.css
+var e = "tempest_safe_iqDFY", t = "tempest_inline_V9eMG", n = "tempest_top_Xse9E", r = "tempest_right_GZm9b", i = "tempest_bottom_kkyD7", a = "tempest_left_Z4Q72", o = {
+	safe: e,
+	inline: t,
+	top: n,
+	right: r,
+	bottom: i,
+	left: a
+};
+//#endregion
+export { i as bottom, o as default, t as inline, a as left, r as right, e as safe, n as top };
+
+//# sourceMappingURL=SafeArea.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SafeArea.module.js","names":[],"sources":["../../../src/components/SafeArea/SafeArea.module.css"],"sourcesContent":[".safe {\n    display: block;\n}\n\n.safe.inline {\n    display: contents;\n}\n\n.top {\n    padding-top: env(safe-area-inset-top, 0px);\n}\n\n.right {\n    padding-right: env(safe-area-inset-right, 0px);\n}\n\n.bottom {\n    padding-bottom: env(safe-area-inset-bottom, 0px);\n}\n\n.left {\n    padding-left: env(safe-area-inset-left, 0px);\n}\n"],"mappings":""}

package/dist/components/ScrollArea/ScrollArea.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./ScrollArea.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({maxHeight:n,orientation:i=`vertical`,className:a,style:o,children:s,...c},l){let u={overflowX:i===`vertical`?`hidden`:`auto`,overflowY:i===`horizontal`?`hidden`:`auto`,...n===void 0?{}:{maxHeight:n},...o};return(0,r.jsx)(`div`,{ref:l,className:e.cn(t.default.root,a),style:u,...c,children:s})});exports.ScrollArea=i;
+//# sourceMappingURL=ScrollArea.cjs.map

package/dist/components/ScrollArea/ScrollArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.cjs","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { CSSProperties, HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ScrollArea.module.css\";\n\nexport type ScrollAreaOrientation = \"vertical\" | \"horizontal\" | \"both\";\n\nexport interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {\n    /** Caps the container height; numbers are treated as pixels. */\n    maxHeight?: number | string;\n    /** Which axis scrolls. Default `\"vertical\"`. */\n    orientation?: ScrollAreaOrientation;\n}\n\n/**\n * A styled scroll container that overflows on the chosen axis and renders a\n * thin custom scrollbar (WebKit) while staying fully functional in browsers\n * without scrollbar styling. Forwards `className`, `style` and the ref to the\n * underlying `<div>`.\n */\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(function ScrollArea(\n    { maxHeight, orientation = \"vertical\", className, style, children, ...props },\n    ref,\n) {\n    const mergedStyle: CSSProperties = {\n        overflowX: orientation === \"vertical\" ? \"hidden\" : \"auto\",\n        overflowY: orientation === \"horizontal\" ? \"hidden\" : \"auto\",\n        ...(maxHeight !== undefined ? { maxHeight } : {}),\n        ...style,\n    };\n\n    return (\n        <div ref={ref} className={cn(styles.root, className)} style={mergedStyle} {...props}>\n            {children}\n        </div>\n    );\n});\n"],"mappings":"iIAoBA,IAAa,GAAA,EAAA,EAAA,WAAA,CAAyD,SAClE,CAAE,YAAW,cAAc,WAAY,YAAW,QAAO,WAAU,GAAG,GACtE,EACF,CACE,IAAM,EAA6B,CAC/B,UAAW,IAAgB,WAAa,SAAW,OACnD,UAAW,IAAgB,aAAe,SAAW,OACrD,GAAI,IAAc,IAAA,GAA4B,CAAC,EAAjB,CAAE,WAAU,EAC1C,GAAG,CACP,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAU,MAAK,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,CAAS,EAAG,MAAO,EAAa,GAAI,EACzE,UACA,CAAA,CAEb,CAAC"}

package/dist/components/ScrollArea/ScrollArea.js

@@ -0,0 +1,24 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./ScrollArea.module.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/ScrollArea/ScrollArea.tsx
+var i = n(function({ maxHeight: n, orientation: i = "vertical", className: a, style: o, children: s, ...c }, l) {
+	let u = {
+		overflowX: i === "vertical" ? "hidden" : "auto",
+		overflowY: i === "horizontal" ? "hidden" : "auto",
+		...n === void 0 ? {} : { maxHeight: n },
+		...o
+	};
+	return /* @__PURE__ */ r("div", {
+		ref: l,
+		className: e(t.root, a),
+		style: u,
+		...c,
+		children: s
+	});
+});
+//#endregion
+export { i as ScrollArea };
+
+//# sourceMappingURL=ScrollArea.js.map

package/dist/components/ScrollArea/ScrollArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.js","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { CSSProperties, HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ScrollArea.module.css\";\n\nexport type ScrollAreaOrientation = \"vertical\" | \"horizontal\" | \"both\";\n\nexport interface ScrollAreaProps extends HTMLAttributes<HTMLDivElement> {\n    /** Caps the container height; numbers are treated as pixels. */\n    maxHeight?: number | string;\n    /** Which axis scrolls. Default `\"vertical\"`. */\n    orientation?: ScrollAreaOrientation;\n}\n\n/**\n * A styled scroll container that overflows on the chosen axis and renders a\n * thin custom scrollbar (WebKit) while staying fully functional in browsers\n * without scrollbar styling. Forwards `className`, `style` and the ref to the\n * underlying `<div>`.\n */\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(function ScrollArea(\n    { maxHeight, orientation = \"vertical\", className, style, children, ...props },\n    ref,\n) {\n    const mergedStyle: CSSProperties = {\n        overflowX: orientation === \"vertical\" ? \"hidden\" : \"auto\",\n        overflowY: orientation === \"horizontal\" ? \"hidden\" : \"auto\",\n        ...(maxHeight !== undefined ? { maxHeight } : {}),\n        ...style,\n    };\n\n    return (\n        <div ref={ref} className={cn(styles.root, className)} style={mergedStyle} {...props}>\n            {children}\n        </div>\n    );\n});\n"],"mappings":";;;;;AAoBA,IAAa,IAAa,EAA4C,SAClE,EAAE,cAAW,iBAAc,YAAY,cAAW,UAAO,aAAU,GAAG,KACtE,GACF;CACE,IAAM,IAA6B;EAC/B,WAAW,MAAgB,aAAa,WAAW;EACnD,WAAW,MAAgB,eAAe,WAAW;EACrD,GAAI,MAAc,KAAA,IAA4B,CAAC,IAAjB,EAAE,aAAU;EAC1C,GAAG;CACP;CAEA,OACI,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,EAAO,MAAM,CAAS;EAAG,OAAO;EAAa,GAAI;EACzE;CACA,CAAA;AAEb,CAAC"}

package/dist/components/ScrollArea/ScrollArea.module.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.module.cjs","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.module.css"],"sourcesContent":[".root {\n    /* Overflow is set inline per orientation; this only styles the scrollbar.\n       Firefox thin scrollbar; degrades gracefully elsewhere. */\n    scrollbar-width: thin;\n    scrollbar-color: var(--tempest-border) transparent;\n    overscroll-behavior: contain;\n}\n\n.root::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n}\n\n.root::-webkit-scrollbar-track {\n    background: transparent;\n}\n\n.root::-webkit-scrollbar-thumb {\n    background-color: var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    border: 2px solid transparent;\n    background-clip: padding-box;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .root::-webkit-scrollbar-thumb:hover {\n        background-color: var(--tempest-text-muted);\n    }\n}\n"],"mappings":""}

package/dist/components/ScrollArea/ScrollArea.module.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.module.js","names":[],"sources":["../../../src/components/ScrollArea/ScrollArea.module.css"],"sourcesContent":[".root {\n    /* Overflow is set inline per orientation; this only styles the scrollbar.\n       Firefox thin scrollbar; degrades gracefully elsewhere. */\n    scrollbar-width: thin;\n    scrollbar-color: var(--tempest-border) transparent;\n    overscroll-behavior: contain;\n}\n\n.root::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n}\n\n.root::-webkit-scrollbar-track {\n    background: transparent;\n}\n\n.root::-webkit-scrollbar-thumb {\n    background-color: var(--tempest-border);\n    border-radius: var(--tempest-radius-full);\n    border: 2px solid transparent;\n    background-clip: padding-box;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .root::-webkit-scrollbar-thumb:hover {\n        background-color: var(--tempest-text-muted);\n    }\n}\n"],"mappings":""}

package/dist/components/SearchBar/SearchBar.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./SearchBar.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({value:n,onChange:i,onClear:s,wrapperClassName:c,placeholder:l=`Buscar...`,className:u,...d},f){function p(){i(``),s?.()}return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,c),children:[(0,r.jsx)(`span`,{className:t.default.iconLeft,"aria-hidden":!0,children:(0,r.jsx)(a,{})}),(0,r.jsx)(`input`,{ref:f,type:`search`,value:n,onChange:e=>i(e.target.value),placeholder:l,className:e.cn(t.default.input,u),...d}),n&&(0,r.jsx)(`button`,{type:`button`,className:t.default.clear,"aria-label":`Limpar busca`,onClick:p,children:(0,r.jsx)(o,{})})]})});function a(){return(0,r.jsxs)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`none`,children:[(0,r.jsx)(`circle`,{cx:`11`,cy:`11`,r:`7`,stroke:`currentColor`,strokeWidth:`2`}),(0,r.jsx)(`path`,{d:`M20 20l-3.5-3.5`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`})]})}function o(){return(0,r.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,children:(0,r.jsx)(`path`,{d:`M6 6l12 12M6 18L18 6`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`})})}exports.SearchBar=i;
+//# sourceMappingURL=SearchBar.cjs.map

package/dist/components/SearchBar/SearchBar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.cjs","names":[],"sources":["../../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SearchBar.module.css\";\n\nexport interface SearchBarProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\"> {\n    value: string;\n    onChange: (value: string) => void;\n    onClear?: () => void;\n    wrapperClassName?: string;\n}\n\n/**\n * Search input with magnifier icon and a clear button. Controlled component:\n * pass `value` and `onChange`.\n */\nexport const SearchBar = forwardRef<HTMLInputElement, SearchBarProps>(function SearchBar(\n    { value, onChange, onClear, wrapperClassName, placeholder = \"Buscar...\", className, ...props },\n    ref,\n) {\n    function handleClear(): void {\n        onChange(\"\");\n        onClear?.();\n    }\n\n    return (\n        <div className={cn(styles.wrapper, wrapperClassName)}>\n            <span className={styles.iconLeft} aria-hidden>\n                <SearchIcon />\n            </span>\n            <input\n                ref={ref}\n                type=\"search\"\n                value={value}\n                onChange={(event) => onChange(event.target.value)}\n                placeholder={placeholder}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            {value && (\n                <button\n                    type=\"button\"\n                    className={styles.clear}\n                    aria-label=\"Limpar busca\"\n                    onClick={handleClear}\n                >\n                    <ClearIcon />\n                </button>\n            )}\n        </div>\n    );\n});\n\nfunction SearchIcon() {\n    return (\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"2\" />\n            <path d=\"M20 20l-3.5-3.5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n\nfunction ClearIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"gIAgBA,IAAa,GAAA,EAAA,EAAA,WAAA,CAAyD,SAClE,CAAE,QAAO,WAAU,UAAS,mBAAkB,cAAc,YAAa,YAAW,GAAG,GACvF,EACF,CACE,SAAS,GAAoB,CACzB,EAAS,EAAE,EACX,IAAU,CACd,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAgB,WAAnD,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,SAAU,cAAA,aAC9B,EAAA,EAAA,IAAA,CAAC,EAAD,CAAa,CAAA,CACX,CAAA,GACN,EAAA,EAAA,IAAA,CAAC,QAAD,CACS,MACL,KAAK,SACE,QACP,SAAW,GAAU,EAAS,EAAM,OAAO,KAAK,EACnC,cACb,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,GAAI,CACP,CAAA,EACA,IACG,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,MAClB,aAAW,eACX,QAAS,YAET,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CACR,CAAA,CAEX,GAEb,CAAC,EAED,SAAS,GAAa,CAClB,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,gBAArD,EACI,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,IAAI,OAAO,eAAe,YAAY,GAAK,CAAA,GACrE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,kBAAkB,OAAO,eAAe,YAAY,IAAI,cAAc,OAAS,CAAA,CACtF,GAEb,CAEA,SAAS,GAAY,CACjB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,iBACjD,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,uBACF,OAAO,eACP,YAAY,IACZ,cAAc,OACjB,CAAA,CACA,CAAA,CAEb"}

package/dist/components/SearchBar/SearchBar.js

@@ -0,0 +1,74 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./SearchBar.module.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/SearchBar/SearchBar.tsx
+var a = n(function({ value: n, onChange: a, onClear: c, wrapperClassName: l, placeholder: u = "Buscar...", className: d, ...f }, p) {
+	function m() {
+		a(""), c?.();
+	}
+	return /* @__PURE__ */ i("div", {
+		className: e(t.wrapper, l),
+		children: [
+			/* @__PURE__ */ r("span", {
+				className: t.iconLeft,
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ r(o, {})
+			}),
+			/* @__PURE__ */ r("input", {
+				ref: p,
+				type: "search",
+				value: n,
+				onChange: (e) => a(e.target.value),
+				placeholder: u,
+				className: e(t.input, d),
+				...f
+			}),
+			n && /* @__PURE__ */ r("button", {
+				type: "button",
+				className: t.clear,
+				"aria-label": "Limpar busca",
+				onClick: m,
+				children: /* @__PURE__ */ r(s, {})
+			})
+		]
+	});
+});
+function o() {
+	return /* @__PURE__ */ i("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: [/* @__PURE__ */ r("circle", {
+			cx: "11",
+			cy: "11",
+			r: "7",
+			stroke: "currentColor",
+			strokeWidth: "2"
+		}), /* @__PURE__ */ r("path", {
+			d: "M20 20l-3.5-3.5",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round"
+		})]
+	});
+}
+function s() {
+	return /* @__PURE__ */ r("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ r("path", {
+			d: "M6 6l12 12M6 18L18 6",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round"
+		})
+	});
+}
+//#endregion
+export { a as SearchBar };
+
+//# sourceMappingURL=SearchBar.js.map

package/dist/components/SearchBar/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","names":[],"sources":["../../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SearchBar.module.css\";\n\nexport interface SearchBarProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\"> {\n    value: string;\n    onChange: (value: string) => void;\n    onClear?: () => void;\n    wrapperClassName?: string;\n}\n\n/**\n * Search input with magnifier icon and a clear button. Controlled component:\n * pass `value` and `onChange`.\n */\nexport const SearchBar = forwardRef<HTMLInputElement, SearchBarProps>(function SearchBar(\n    { value, onChange, onClear, wrapperClassName, placeholder = \"Buscar...\", className, ...props },\n    ref,\n) {\n    function handleClear(): void {\n        onChange(\"\");\n        onClear?.();\n    }\n\n    return (\n        <div className={cn(styles.wrapper, wrapperClassName)}>\n            <span className={styles.iconLeft} aria-hidden>\n                <SearchIcon />\n            </span>\n            <input\n                ref={ref}\n                type=\"search\"\n                value={value}\n                onChange={(event) => onChange(event.target.value)}\n                placeholder={placeholder}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            {value && (\n                <button\n                    type=\"button\"\n                    className={styles.clear}\n                    aria-label=\"Limpar busca\"\n                    onClick={handleClear}\n                >\n                    <ClearIcon />\n                </button>\n            )}\n        </div>\n    );\n});\n\nfunction SearchIcon() {\n    return (\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"2\" />\n            <path d=\"M20 20l-3.5-3.5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n\nfunction ClearIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 6l12 12M6 18L18 6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AAgBA,IAAa,IAAY,EAA6C,SAClE,EAAE,UAAO,aAAU,YAAS,qBAAkB,iBAAc,aAAa,cAAW,GAAG,KACvF,GACF;CACE,SAAS,IAAoB;EAEzB,AADA,EAAS,EAAE,GACX,IAAU;CACd;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAgB;YAAnD;GACI,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAU,eAAA;cAC9B,kBAAC,GAAD,CAAa,CAAA;GACX,CAAA;GACN,kBAAC,SAAD;IACS;IACL,MAAK;IACE;IACP,WAAW,MAAU,EAAS,EAAM,OAAO,KAAK;IACnC;IACb,WAAW,EAAG,EAAO,OAAO,CAAS;IACrC,GAAI;GACP,CAAA;GACA,KACG,kBAAC,UAAD;IACI,MAAK;IACL,WAAW,EAAO;IAClB,cAAW;IACX,SAAS;cAET,kBAAC,GAAD,CAAY,CAAA;GACR,CAAA;EAEX;;AAEb,CAAC;AAED,SAAS,IAAa;CAClB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YAArD,CACI,kBAAC,UAAD;GAAQ,IAAG;GAAK,IAAG;GAAK,GAAE;GAAI,QAAO;GAAe,aAAY;EAAK,CAAA,GACrE,kBAAC,QAAD;GAAM,GAAE;GAAkB,QAAO;GAAe,aAAY;GAAI,eAAc;EAAS,CAAA,CACtF;;AAEb;AAEA,SAAS,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YACjD,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;EACjB,CAAA;CACA,CAAA;AAEb"}

package/dist/components/SearchBar/SearchBar.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_dKXJJ`,t=`tempest_input_m0lPc`,n=`tempest_iconLeft_030-U`,r=`tempest_clear_nb6lG`,i={wrapper:e,input:t,iconLeft:n,clear:r};exports.clear=r,exports.default=i,exports.iconLeft=n,exports.input=t,exports.wrapper=e;
+//# sourceMappingURL=SearchBar.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.module.cjs","names":[],"sources":["../../../src/components/SearchBar/SearchBar.module.css"],"sourcesContent":[".wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 360px;\n    font-family: var(--tempest-font-sans);\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 36px 0 36px;\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:hover:not(:focus):not(:disabled) {\n    border-color: var(--tempest-border-strong);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.iconLeft,\n.clear {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--tempest-text-muted);\n}\n\n.iconLeft {\n    left: 12px;\n    pointer-events: none;\n}\n\n.clear {\n    right: 8px;\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: transparent;\n    border-radius: var(--tempest-radius-full);\n    transition: var(--tempest-transition-color);\n    cursor: pointer;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .clear:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.clear:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n"],"mappings":""}

package/dist/components/SearchBar/SearchBar.module.js

@@ -0,0 +1,11 @@
+//#region src/components/SearchBar/SearchBar.module.css
+var e = "tempest_wrapper_dKXJJ", t = "tempest_input_m0lPc", n = "tempest_iconLeft_030-U", r = "tempest_clear_nb6lG", i = {
+	wrapper: e,
+	input: t,
+	iconLeft: n,
+	clear: r
+};
+//#endregion
+export { r as clear, i as default, n as iconLeft, t as input, e as wrapper };
+
+//# sourceMappingURL=SearchBar.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.module.js","names":[],"sources":["../../../src/components/SearchBar/SearchBar.module.css"],"sourcesContent":[".wrapper {\n    position: relative;\n    width: 100%;\n    max-width: 360px;\n    font-family: var(--tempest-font-sans);\n}\n\n.input {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 36px 0 36px;\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:hover:not(:focus):not(:disabled) {\n    border-color: var(--tempest-border-strong);\n}\n\n.input:focus {\n    outline: none;\n    border-color: var(--tempest-primary);\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.iconLeft,\n.clear {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--tempest-text-muted);\n}\n\n.iconLeft {\n    left: 12px;\n    pointer-events: none;\n}\n\n.clear {\n    right: 8px;\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: transparent;\n    border-radius: var(--tempest-radius-full);\n    transition: var(--tempest-transition-color);\n    cursor: pointer;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .clear:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.clear:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n"],"mappings":""}

package/dist/components/SegmentedControl/SegmentedControl.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./SegmentedControl.module.cjs");let n=require("react/jsx-runtime");function r({options:r,value:i,onChange:a,size:o=`md`,fullWidth:s=!1,className:c,"aria-label":l,...u}){return(0,n.jsx)(`div`,{role:`radiogroup`,"aria-label":l,className:e.cn(t.default.group,t.default[o],s&&t.default.fullWidth,c),...u,children:r.map(r=>{let o=r.value===i;return(0,n.jsxs)(`button`,{type:`button`,role:`radio`,"aria-checked":o,disabled:r.disabled,className:e.cn(t.default.segment,o&&t.default.active),onClick:()=>a(r.value),children:[r.icon&&(0,n.jsx)(`span`,{className:t.default.icon,children:r.icon}),(0,n.jsx)(`span`,{className:t.default.label,children:r.label})]},r.value)})})}exports.SegmentedControl=r;
+//# sourceMappingURL=SegmentedControl.cjs.map

package/dist/components/SegmentedControl/SegmentedControl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.cjs","names":[],"sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SegmentedControl.module.css\";\n\nexport interface SegmentedControlOption<TValue extends string = string> {\n    value: TValue;\n    label: ReactNode;\n    icon?: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface SegmentedControlProps<TValue extends string = string> extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\"\n> {\n    /** Available segments. */\n    options: SegmentedControlOption<TValue>[];\n    /** Selected value. */\n    value: TValue;\n    /** Fires with the new value when a segment is selected. */\n    onChange: (value: TValue) => void;\n    /** Visual size. Default `\"md\"`. */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Stretch to full width of container. Default `false`. */\n    fullWidth?: boolean;\n    /** Group label for screen readers. */\n    \"aria-label\"?: string;\n}\n\n/**\n * iOS-style segmented control. Two-to-five mutually-exclusive options\n * rendered as a single connected pill bar.\n *\n * @example\n * <SegmentedControl\n *     value={view}\n *     onChange={setView}\n *     options={[\n *         { value: \"list\", label: \"Lista\" },\n *         { value: \"grid\", label: \"Grade\" },\n *     ]}\n * />\n */\nexport function SegmentedControl<TValue extends string = string>({\n    options,\n    value,\n    onChange,\n    size = \"md\",\n    fullWidth = false,\n    className,\n    \"aria-label\": ariaLabel,\n    ...props\n}: SegmentedControlProps<TValue>) {\n    return (\n        <div\n            role=\"radiogroup\"\n            aria-label={ariaLabel}\n            className={cn(styles.group, styles[size], fullWidth && styles.fullWidth, className)}\n            {...props}\n        >\n            {options.map((option) => {\n                const selected = option.value === value;\n                return (\n                    <button\n                        key={option.value}\n                        type=\"button\"\n                        role=\"radio\"\n                        aria-checked={selected}\n                        disabled={option.disabled}\n                        className={cn(styles.segment, selected && styles.active)}\n                        onClick={() => onChange(option.value)}\n                    >\n                        {option.icon && <span className={styles.icon}>{option.icon}</span>}\n                        <span className={styles.label}>{option.label}</span>\n                    </button>\n                );\n            })}\n        </div>\n    );\n}\n"],"mappings":"oHA2CA,SAAgB,EAAiD,CAC7D,UACA,QACA,WACA,OAAO,KACP,YAAY,GACZ,YACA,aAAc,EACd,GAAG,GAC2B,CAC9B,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,aACL,aAAY,EACZ,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,EAAA,QAAO,GAAO,GAAa,EAAA,QAAO,UAAW,CAAS,EAClF,GAAI,WAEH,EAAQ,IAAK,GAAW,CACrB,IAAM,EAAW,EAAO,QAAU,EAClC,OACI,EAAA,EAAA,KAAA,CAAC,SAAD,CAEI,KAAK,SACL,KAAK,QACL,eAAc,EACd,SAAU,EAAO,SACjB,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAY,EAAA,QAAO,MAAM,EACvD,YAAe,EAAS,EAAO,KAAK,WAPxC,CASK,EAAO,OAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,EAAO,IAAW,CAAA,GACjE,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAO,KAAY,CAAA,CAC/C,GAVC,EAAO,KAUR,CAEhB,CAAC,CACA,CAAA,CAEb"}

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,34 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./SegmentedControl.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/SegmentedControl/SegmentedControl.tsx
+function i({ options: i, value: a, onChange: o, size: s = "md", fullWidth: c = !1, className: l, "aria-label": u, ...d }) {
+	return /* @__PURE__ */ n("div", {
+		role: "radiogroup",
+		"aria-label": u,
+		className: e(t.group, t[s], c && t.fullWidth, l),
+		...d,
+		children: i.map((i) => {
+			let s = i.value === a;
+			return /* @__PURE__ */ r("button", {
+				type: "button",
+				role: "radio",
+				"aria-checked": s,
+				disabled: i.disabled,
+				className: e(t.segment, s && t.active),
+				onClick: () => o(i.value),
+				children: [i.icon && /* @__PURE__ */ n("span", {
+					className: t.icon,
+					children: i.icon
+				}), /* @__PURE__ */ n("span", {
+					className: t.label,
+					children: i.label
+				})]
+			}, i.value);
+		})
+	});
+}
+//#endregion
+export { i as SegmentedControl };
+
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/components/SegmentedControl/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","names":[],"sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./SegmentedControl.module.css\";\n\nexport interface SegmentedControlOption<TValue extends string = string> {\n    value: TValue;\n    label: ReactNode;\n    icon?: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface SegmentedControlProps<TValue extends string = string> extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\"\n> {\n    /** Available segments. */\n    options: SegmentedControlOption<TValue>[];\n    /** Selected value. */\n    value: TValue;\n    /** Fires with the new value when a segment is selected. */\n    onChange: (value: TValue) => void;\n    /** Visual size. Default `\"md\"`. */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Stretch to full width of container. Default `false`. */\n    fullWidth?: boolean;\n    /** Group label for screen readers. */\n    \"aria-label\"?: string;\n}\n\n/**\n * iOS-style segmented control. Two-to-five mutually-exclusive options\n * rendered as a single connected pill bar.\n *\n * @example\n * <SegmentedControl\n *     value={view}\n *     onChange={setView}\n *     options={[\n *         { value: \"list\", label: \"Lista\" },\n *         { value: \"grid\", label: \"Grade\" },\n *     ]}\n * />\n */\nexport function SegmentedControl<TValue extends string = string>({\n    options,\n    value,\n    onChange,\n    size = \"md\",\n    fullWidth = false,\n    className,\n    \"aria-label\": ariaLabel,\n    ...props\n}: SegmentedControlProps<TValue>) {\n    return (\n        <div\n            role=\"radiogroup\"\n            aria-label={ariaLabel}\n            className={cn(styles.group, styles[size], fullWidth && styles.fullWidth, className)}\n            {...props}\n        >\n            {options.map((option) => {\n                const selected = option.value === value;\n                return (\n                    <button\n                        key={option.value}\n                        type=\"button\"\n                        role=\"radio\"\n                        aria-checked={selected}\n                        disabled={option.disabled}\n                        className={cn(styles.segment, selected && styles.active)}\n                        onClick={() => onChange(option.value)}\n                    >\n                        {option.icon && <span className={styles.icon}>{option.icon}</span>}\n                        <span className={styles.label}>{option.label}</span>\n                    </button>\n                );\n            })}\n        </div>\n    );\n}\n"],"mappings":";;;;AA2CA,SAAgB,EAAiD,EAC7D,YACA,UACA,aACA,UAAO,MACP,eAAY,IACZ,cACA,cAAc,GACd,GAAG,KAC2B;CAC9B,OACI,kBAAC,OAAD;EACI,MAAK;EACL,cAAY;EACZ,WAAW,EAAG,EAAO,OAAO,EAAO,IAAO,KAAa,EAAO,WAAW,CAAS;EAClF,GAAI;YAEH,EAAQ,KAAK,MAAW;GACrB,IAAM,IAAW,EAAO,UAAU;GAClC,OACI,kBAAC,UAAD;IAEI,MAAK;IACL,MAAK;IACL,gBAAc;IACd,UAAU,EAAO;IACjB,WAAW,EAAG,EAAO,SAAS,KAAY,EAAO,MAAM;IACvD,eAAe,EAAS,EAAO,KAAK;cAPxC,CASK,EAAO,QAAQ,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAO,EAAO;IAAW,CAAA,GACjE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ,EAAO;IAAY,CAAA,CAC/C;MAVC,EAAO,KAUR;EAEhB,CAAC;CACA,CAAA;AAEb"}

package/dist/components/SegmentedControl/SegmentedControl.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_group_mYyFC`,t=`tempest_fullWidth_unSMm`,n=`tempest_segment_cu-EL`,r=`tempest_sm_CfD41`,i=`tempest_md_2ixuM`,a=`tempest_lg_2Kt7-`,o=`tempest_active_GmyKg`,s=`tempest_icon_9h6GK`,c=`tempest_label_mS17q`,l={group:e,fullWidth:t,segment:n,sm:r,md:i,lg:a,active:o,icon:s,label:c};exports.active=o,exports.default=l,exports.fullWidth=t,exports.group=e,exports.icon=s,exports.label=c,exports.lg=a,exports.md=i,exports.segment=n,exports.sm=r;
+//# sourceMappingURL=SegmentedControl.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.module.cjs","names":[],"sources":["../../../src/components/SegmentedControl/SegmentedControl.module.css"],"sourcesContent":[".group {\n    display: inline-flex;\n    background: var(--tempest-gray-100);\n    border-radius: var(--tempest-radius-md);\n    padding: 2px;\n    font-family: var(--tempest-font-sans);\n    gap: 0;\n}\n\n.group.fullWidth {\n    display: flex;\n    width: 100%;\n}\n\n.segment {\n    flex: 1 1 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-1);\n    padding: 6px 12px;\n    border: 0;\n    background: transparent;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    border-radius: calc(var(--tempest-radius-md) - 2px);\n    font-weight: var(--tempest-weight-medium);\n    transition:\n        background var(--tempest-duration-fast, 120ms),\n        color var(--tempest-duration-fast, 120ms);\n    white-space: nowrap;\n}\n\n.group.sm .segment {\n    padding: 4px 10px;\n    font-size: var(--tempest-text-xs);\n    min-height: 24px;\n}\n\n.group.md .segment {\n    padding: 6px 12px;\n    font-size: var(--tempest-text-sm);\n    min-height: 32px;\n}\n\n.group.lg .segment {\n    padding: 8px 14px;\n    font-size: var(--tempest-text-md);\n    min-height: 40px;\n}\n\n.segment:hover {\n    color: var(--tempest-text);\n}\n\n.segment.active {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-xs, 0 1px 2px rgb(0 0 0 / 0.08));\n}\n\n.segment:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n}\n\n.label {\n    line-height: 1;\n}\n"],"mappings":""}

package/dist/components/SegmentedControl/SegmentedControl.module.js

@@ -0,0 +1,16 @@
+//#region src/components/SegmentedControl/SegmentedControl.module.css
+var e = "tempest_group_mYyFC", t = "tempest_fullWidth_unSMm", n = "tempest_segment_cu-EL", r = "tempest_sm_CfD41", i = "tempest_md_2ixuM", a = "tempest_lg_2Kt7-", o = "tempest_active_GmyKg", s = "tempest_icon_9h6GK", c = "tempest_label_mS17q", l = {
+	group: e,
+	fullWidth: t,
+	segment: n,
+	sm: r,
+	md: i,
+	lg: a,
+	active: o,
+	icon: s,
+	label: c
+};
+//#endregion
+export { o as active, l as default, t as fullWidth, e as group, s as icon, c as label, a as lg, i as md, n as segment, r as sm };
+
+//# sourceMappingURL=SegmentedControl.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.module.js","names":[],"sources":["../../../src/components/SegmentedControl/SegmentedControl.module.css"],"sourcesContent":[".group {\n    display: inline-flex;\n    background: var(--tempest-gray-100);\n    border-radius: var(--tempest-radius-md);\n    padding: 2px;\n    font-family: var(--tempest-font-sans);\n    gap: 0;\n}\n\n.group.fullWidth {\n    display: flex;\n    width: 100%;\n}\n\n.segment {\n    flex: 1 1 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-1);\n    padding: 6px 12px;\n    border: 0;\n    background: transparent;\n    color: var(--tempest-text-muted);\n    cursor: pointer;\n    border-radius: calc(var(--tempest-radius-md) - 2px);\n    font-weight: var(--tempest-weight-medium);\n    transition:\n        background var(--tempest-duration-fast, 120ms),\n        color var(--tempest-duration-fast, 120ms);\n    white-space: nowrap;\n}\n\n.group.sm .segment {\n    padding: 4px 10px;\n    font-size: var(--tempest-text-xs);\n    min-height: 24px;\n}\n\n.group.md .segment {\n    padding: 6px 12px;\n    font-size: var(--tempest-text-sm);\n    min-height: 32px;\n}\n\n.group.lg .segment {\n    padding: 8px 14px;\n    font-size: var(--tempest-text-md);\n    min-height: 40px;\n}\n\n.segment:hover {\n    color: var(--tempest-text);\n}\n\n.segment.active {\n    background: var(--tempest-surface);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-xs, 0 1px 2px rgb(0 0 0 / 0.08));\n}\n\n.segment:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n}\n\n.label {\n    line-height: 1;\n}\n"],"mappings":""}

package/dist/components/Select/Select.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Select.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({label:i,helperText:o,error:s,options:c,placeholder:l,wrapperClassName:u,className:d,children:f,id:p,required:m,...h},g){let _=(0,n.useId)(),v=p??_;return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,s&&t.default.error,u),children:[i&&(0,r.jsxs)(`label`,{htmlFor:v,className:t.default.label,children:[i,m&&(0,r.jsx)(`span`,{className:t.default.required,children:`*`})]}),(0,r.jsxs)(`div`,{className:t.default.field,children:[(0,r.jsxs)(`select`,{ref:g,id:v,"aria-invalid":!!s,required:m,className:e.cn(t.default.select,d),...h,children:[l&&(0,r.jsx)(`option`,{value:``,disabled:!0,hidden:!0,children:l}),c?.map(e=>(0,r.jsx)(`option`,{value:e.value,disabled:e.disabled,children:e.label},e.value)),f]}),(0,r.jsx)(`span`,{className:t.default.caret,"aria-hidden":!0,children:(0,r.jsx)(a,{})})]}),s?(0,r.jsx)(`span`,{className:t.default.errorText,children:s}):o?(0,r.jsx)(`span`,{className:t.default.helper,children:o}):null]})});function a(){return(0,r.jsx)(`svg`,{width:`14`,height:`14`,viewBox:`0 0 24 24`,fill:`none`,children:(0,r.jsx)(`path`,{d:`M6 9l6 6 6-6`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})})}exports.Select=i;
+//# sourceMappingURL=Select.cjs.map

package/dist/components/Select/Select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.cjs","names":[],"sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { SelectHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Select.module.css\";\n\nexport interface SelectOption {\n    value: string | number;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    options?: SelectOption[];\n    placeholder?: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Native `<select>` wrapper with label/helper/error slots. Either provide\n * `options` for a quick render, or pass `<option>` children directly.\n */\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(\n    {\n        label,\n        helperText,\n        error,\n        options,\n        placeholder,\n        wrapperClassName,\n        className,\n        children,\n        id,\n        required,\n        ...props\n    },\n    ref,\n) {\n    const generatedId = useId();\n    const selectId = id ?? generatedId;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={selectId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <div className={styles.field}>\n                <select\n                    ref={ref}\n                    id={selectId}\n                    aria-invalid={!!error}\n                    required={required}\n                    className={cn(styles.select, className)}\n                    {...props}\n                >\n                    {placeholder && (\n                        <option value=\"\" disabled hidden>\n                            {placeholder}\n                        </option>\n                    )}\n                    {options?.map((opt) => (\n                        <option key={opt.value} value={opt.value} disabled={opt.disabled}>\n                            {opt.label}\n                        </option>\n                    ))}\n                    {children}\n                </select>\n                <span className={styles.caret} aria-hidden>\n                    <CaretIcon />\n                </span>\n            </div>\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\nfunction CaretIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 9l6 6 6-6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"6HAwBA,IAAa,GAAA,EAAA,EAAA,WAAA,CAAoD,SAC7D,CACI,QACA,aACA,QACA,UACA,cACA,mBACA,YACA,WACA,KACA,WACA,GAAG,GAEP,EACF,CACE,IAAM,GAAA,EAAA,EAAA,MAAA,CAAoB,EACpB,EAAW,GAAM,EAEvB,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAS,EAAA,QAAO,MAAO,CAAgB,WAA1E,CACK,IACG,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,QAAS,EAAU,UAAW,EAAA,QAAO,eAA5C,CACK,EACA,IAAY,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAU,GAAO,CAAA,CACnD,KAEX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,KAAA,CAAC,SAAD,CACS,MACL,GAAI,EACJ,eAAc,CAAC,CAAC,EACN,WACV,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,CAAS,EACtC,GAAI,WANR,CAQK,IACG,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,MAAM,GAAG,SAAA,GAAS,OAAA,YACrB,CACG,CAAA,EAEX,GAAS,IAAK,IACX,EAAA,EAAA,IAAA,CAAC,SAAD,CAAwB,MAAO,EAAI,MAAO,SAAU,EAAI,kBACnD,EAAI,KACD,EAFK,EAAI,KAET,CACX,EACA,CACG,KACR,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAO,cAAA,aAC3B,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CACV,CAAA,CACL,IACJ,GACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAY,CAAY,CAAA,EAChD,GACA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,gBAAS,CAAiB,CAAA,EAClD,IACH,GAEb,CAAC,EAED,SAAS,GAAY,CACjB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,iBACjD,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,EAAE,eACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,OAClB,CAAA,CACA,CAAA,CAEb"}

package/dist/components/Select/Select.js

@@ -0,0 +1,76 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Select.module.js";
+import { forwardRef as n, useId as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Select/Select.tsx
+var o = n(function({ label: n, helperText: o, error: c, options: l, placeholder: u, wrapperClassName: d, className: f, children: p, id: m, required: h, ...g }, _) {
+	let v = r(), y = m ?? v;
+	return /* @__PURE__ */ a("div", {
+		className: e(t.wrapper, c && t.error, d),
+		children: [
+			n && /* @__PURE__ */ a("label", {
+				htmlFor: y,
+				className: t.label,
+				children: [n, h && /* @__PURE__ */ i("span", {
+					className: t.required,
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: t.field,
+				children: [/* @__PURE__ */ a("select", {
+					ref: _,
+					id: y,
+					"aria-invalid": !!c,
+					required: h,
+					className: e(t.select, f),
+					...g,
+					children: [
+						u && /* @__PURE__ */ i("option", {
+							value: "",
+							disabled: !0,
+							hidden: !0,
+							children: u
+						}),
+						l?.map((e) => /* @__PURE__ */ i("option", {
+							value: e.value,
+							disabled: e.disabled,
+							children: e.label
+						}, e.value)),
+						p
+					]
+				}), /* @__PURE__ */ i("span", {
+					className: t.caret,
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ i(s, {})
+				})]
+			}),
+			c ? /* @__PURE__ */ i("span", {
+				className: t.errorText,
+				children: c
+			}) : o ? /* @__PURE__ */ i("span", {
+				className: t.helper,
+				children: o
+			}) : null
+		]
+	});
+});
+function s() {
+	return /* @__PURE__ */ i("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ i("path", {
+			d: "M6 9l6 6 6-6",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+//#endregion
+export { o as Select };
+
+//# sourceMappingURL=Select.js.map

package/dist/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":[],"sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { SelectHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Select.module.css\";\n\nexport interface SelectOption {\n    value: string | number;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    options?: SelectOption[];\n    placeholder?: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Native `<select>` wrapper with label/helper/error slots. Either provide\n * `options` for a quick render, or pass `<option>` children directly.\n */\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(\n    {\n        label,\n        helperText,\n        error,\n        options,\n        placeholder,\n        wrapperClassName,\n        className,\n        children,\n        id,\n        required,\n        ...props\n    },\n    ref,\n) {\n    const generatedId = useId();\n    const selectId = id ?? generatedId;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={selectId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <div className={styles.field}>\n                <select\n                    ref={ref}\n                    id={selectId}\n                    aria-invalid={!!error}\n                    required={required}\n                    className={cn(styles.select, className)}\n                    {...props}\n                >\n                    {placeholder && (\n                        <option value=\"\" disabled hidden>\n                            {placeholder}\n                        </option>\n                    )}\n                    {options?.map((opt) => (\n                        <option key={opt.value} value={opt.value} disabled={opt.disabled}>\n                            {opt.label}\n                        </option>\n                    ))}\n                    {children}\n                </select>\n                <span className={styles.caret} aria-hidden>\n                    <CaretIcon />\n                </span>\n            </div>\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\nfunction CaretIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 9l6 6 6-6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AAwBA,IAAa,IAAS,EAA2C,SAC7D,EACI,UACA,eACA,UACA,YACA,gBACA,qBACA,cACA,aACA,OACA,aACA,GAAG,KAEP,GACF;CACE,IAAM,IAAc,EAAM,GACpB,IAAW,KAAM;CAEvB,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,KAAS,EAAO,OAAO,CAAgB;YAA1E;GACK,KACG,kBAAC,SAAD;IAAO,SAAS;IAAU,WAAW,EAAO;cAA5C,CACK,GACA,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAU;IAAO,CAAA,CACnD;;GAEX,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,UAAD;KACS;KACL,IAAI;KACJ,gBAAc,CAAC,CAAC;KACN;KACV,WAAW,EAAG,EAAO,QAAQ,CAAS;KACtC,GAAI;eANR;MAQK,KACG,kBAAC,UAAD;OAAQ,OAAM;OAAG,UAAA;OAAS,QAAA;iBACrB;MACG,CAAA;MAEX,GAAS,KAAK,MACX,kBAAC,UAAD;OAAwB,OAAO,EAAI;OAAO,UAAU,EAAI;iBACnD,EAAI;MACD,GAFK,EAAI,KAET,CACX;MACA;KACG;QACR,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAO,eAAA;eAC3B,kBAAC,GAAD,CAAY,CAAA;IACV,CAAA,CACL;;GACJ,IACG,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAY;GAAY,CAAA,IAChD,IACA,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAS;GAAiB,CAAA,IAClD;EACH;;AAEb,CAAC;AAED,SAAS,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YACjD,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAClB,CAAA;CACA,CAAA;AAEb"}

package/dist/components/Select/Select.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_KS2K3`,t=`tempest_label_Lmgos`,n=`tempest_required_PvDVJ`,r=`tempest_field_h-wBy`,i=`tempest_select_cjdcr`,a=`tempest_caret_MdCao`,o=`tempest_error_sw9MU`,s=`tempest_helper_frosK`,c=`tempest_errorText_-zd6i`,l={wrapper:e,label:t,required:n,field:r,select:i,caret:a,error:o,helper:s,errorText:c};exports.caret=a,exports.default=l,exports.error=o,exports.errorText=c,exports.field=r,exports.helper=s,exports.label=t,exports.required=n,exports.select=i,exports.wrapper=e;
+//# sourceMappingURL=Select.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.module.cjs","names":[],"sources":["../../../src/components/Select/Select.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.field {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.select {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 36px 0 var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-snug);\n    appearance: none;\n    cursor: pointer;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.select:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.select: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.select:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.caret {\n    position: absolute;\n    right: 12px;\n    pointer-events: none;\n    color: var(--tempest-text-muted);\n}\n\n.error .select {\n    border-color: var(--tempest-danger);\n}\n\n.error .select:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":""}

package/dist/components/Select/Select.module.js

@@ -0,0 +1,16 @@
+//#region src/components/Select/Select.module.css
+var e = "tempest_wrapper_KS2K3", t = "tempest_label_Lmgos", n = "tempest_required_PvDVJ", r = "tempest_field_h-wBy", i = "tempest_select_cjdcr", a = "tempest_caret_MdCao", o = "tempest_error_sw9MU", s = "tempest_helper_frosK", c = "tempest_errorText_-zd6i", l = {
+	wrapper: e,
+	label: t,
+	required: n,
+	field: r,
+	select: i,
+	caret: a,
+	error: o,
+	helper: s,
+	errorText: c
+};
+//#endregion
+export { a as caret, l as default, o as error, c as errorText, r as field, s as helper, t as label, n as required, i as select, e as wrapper };
+
+//# sourceMappingURL=Select.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.module.js","names":[],"sources":["../../../src/components/Select/Select.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.required {\n    color: var(--tempest-danger);\n    margin-left: 2px;\n}\n\n.field {\n    position: relative;\n    display: flex;\n    align-items: center;\n}\n\n.select {\n    width: 100%;\n    height: var(--tempest-control-height-md);\n    padding: 0 36px 0 var(--tempest-control-padding-md);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-control-radius);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-control-font-md);\n    line-height: var(--tempest-leading-snug);\n    appearance: none;\n    cursor: pointer;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.select:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.select: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.select:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.caret {\n    position: absolute;\n    right: 12px;\n    pointer-events: none;\n    color: var(--tempest-text-muted);\n}\n\n.error .select {\n    border-color: var(--tempest-danger);\n}\n\n.error .select:focus {\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width)\n        color-mix(in srgb, var(--tempest-danger) 25%, transparent);\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.errorText {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-danger);\n    line-height: var(--tempest-leading-snug);\n}\n"],"mappings":""}

package/dist/components/Sidebar/Sidebar.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Sidebar.module.cjs");let n=require("react/jsx-runtime");function r({header:r,items:i,value:a,onChange:o,footer:s,collapsed:c=!1,width:l=240,collapsedWidth:u=64,className:d,style:f,...p}){let m=typeof(c?u:l)==`number`?`${c?u:l}px`:c?u:l;return(0,n.jsxs)(`aside`,{className:e.cn(t.default.sidebar,c&&t.default.collapsed,d),style:{width:m,...f},...p,children:[r&&(0,n.jsx)(`div`,{className:t.default.header,children:r}),(0,n.jsx)(`nav`,{className:t.default.nav,"aria-label":`Navegação lateral`,children:i.map(r=>{let i=r.key===a;return(0,n.jsxs)(`button`,{type:`button`,className:e.cn(t.default.item,i&&t.default.active),"aria-current":i?`page`:void 0,disabled:r.disabled,onClick:()=>o?.(r.key),title:c&&typeof r.label==`string`?r.label:void 0,children:[r.icon&&(0,n.jsx)(`span`,{className:t.default.icon,children:r.icon}),!c&&(0,n.jsx)(`span`,{className:t.default.label,children:r.label}),!c&&r.badge!==void 0&&(0,n.jsx)(`span`,{className:t.default.badge,children:r.badge})]},r.key)})}),s&&(0,n.jsx)(`div`,{className:t.default.footer,children:s})]})}exports.Sidebar=r;
+//# sourceMappingURL=Sidebar.cjs.map

package/dist/components/Sidebar/Sidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.cjs","names":[],"sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Sidebar.module.css\";\n\nexport interface SidebarItem {\n    key: string;\n    label: ReactNode;\n    icon?: ReactNode;\n    badge?: ReactNode;\n    disabled?: boolean;\n    href?: string;\n}\n\nexport interface SidebarProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    /** Top slot — typically the logo + brand. */\n    header?: ReactNode;\n    /** Navigation items. */\n    items: SidebarItem[];\n    /** Active item key. */\n    value?: string;\n    /** Fires when an item is clicked. Receives the item's `key`. */\n    onChange?: (key: string) => void;\n    /** Bottom slot — typically settings/profile/logout. */\n    footer?: ReactNode;\n    /** Collapsed mode — only icons visible. Default `false`. */\n    collapsed?: boolean;\n    /** Width when expanded, in pixels or any CSS length. Default `240px`. */\n    width?: number | string;\n    /** Width when collapsed, in pixels or any CSS length. Default `64px`. */\n    collapsedWidth?: number | string;\n}\n\n/**\n * Desktop sidebar navigation. Pair with `<Show above=\"md\">` and a `Drawer`\n * for mobile.\n *\n * @example\n * const [tab, setTab] = useState(\"home\");\n * <Show above=\"md\">\n *     <Sidebar\n *         header={<Brand />}\n *         items={[{ key: \"home\", label: \"Home\", icon: <Home /> }]}\n *         value={tab}\n *         onChange={setTab}\n *     />\n * </Show>\n */\nexport function Sidebar({\n    header,\n    items,\n    value,\n    onChange,\n    footer,\n    collapsed = false,\n    width = 240,\n    collapsedWidth = 64,\n    className,\n    style,\n    ...props\n}: SidebarProps) {\n    const finalWidth =\n        typeof (collapsed ? collapsedWidth : width) === \"number\"\n            ? `${collapsed ? collapsedWidth : width}px`\n            : collapsed\n              ? collapsedWidth\n              : width;\n    return (\n        <aside\n            className={cn(styles.sidebar, collapsed && styles.collapsed, className)}\n            style={{ width: finalWidth, ...style }}\n            {...props}\n        >\n            {header && <div className={styles.header}>{header}</div>}\n            <nav className={styles.nav} aria-label=\"Navegação lateral\">\n                {items.map((item) => {\n                    const active = item.key === value;\n                    return (\n                        <button\n                            key={item.key}\n                            type=\"button\"\n                            className={cn(styles.item, active && styles.active)}\n                            aria-current={active ? \"page\" : undefined}\n                            disabled={item.disabled}\n                            onClick={() => onChange?.(item.key)}\n                            title={\n                                collapsed && typeof item.label === \"string\" ? item.label : undefined\n                            }\n                        >\n                            {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                            {!collapsed && <span className={styles.label}>{item.label}</span>}\n                            {!collapsed && item.badge !== undefined && (\n                                <span className={styles.badge}>{item.badge}</span>\n                            )}\n                        </button>\n                    );\n                })}\n            </nav>\n            {footer && <div className={styles.footer}>{footer}</div>}\n        </aside>\n    );\n}\n"],"mappings":"2GA+CA,SAAgB,EAAQ,CACpB,SACA,QACA,QACA,WACA,SACA,YAAY,GACZ,QAAQ,IACR,iBAAiB,GACjB,YACA,QACA,GAAG,GACU,CACb,IAAM,EACF,OAAQ,EAAY,EAAiB,IAAW,SAC1C,GAAG,EAAY,EAAiB,EAAM,IACtC,EACE,EACA,EACZ,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAa,EAAA,QAAO,UAAW,CAAS,EACtE,MAAO,CAAE,MAAO,EAAY,GAAG,CAAM,EACrC,GAAI,WAHR,CAKK,IAAU,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,GACvD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,IAAK,aAAW,6BAClC,EAAM,IAAK,GAAS,CACjB,IAAM,EAAS,EAAK,MAAQ,EAC5B,OACI,EAAA,EAAA,KAAA,CAAC,SAAD,CAEI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAU,EAAA,QAAO,MAAM,EAClD,eAAc,EAAS,OAAS,IAAA,GAChC,SAAU,EAAK,SACf,YAAe,IAAW,EAAK,GAAG,EAClC,MACI,GAAa,OAAO,EAAK,OAAU,SAAW,EAAK,MAAQ,IAAA,YARnE,CAWK,EAAK,OAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,EAAK,IAAW,CAAA,EAC5D,CAAC,IAAa,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAK,KAAY,CAAA,EAC/D,CAAC,GAAa,EAAK,QAAU,IAAA,KAC1B,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAK,KAAY,CAAA,CAEjD,GAfC,EAAK,GAeN,CAEhB,CAAC,CACA,CAAA,EACJ,IAAU,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,CACpD,GAEf"}

package/dist/components/Sidebar/Sidebar.js

@@ -0,0 +1,58 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Sidebar.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Sidebar/Sidebar.tsx
+function i({ header: i, items: a, value: o, onChange: s, footer: c, collapsed: l = !1, width: u = 240, collapsedWidth: d = 64, className: f, style: p, ...m }) {
+	let h = typeof (l ? d : u) == "number" ? `${l ? d : u}px` : l ? d : u;
+	return /* @__PURE__ */ r("aside", {
+		className: e(t.sidebar, l && t.collapsed, f),
+		style: {
+			width: h,
+			...p
+		},
+		...m,
+		children: [
+			i && /* @__PURE__ */ n("div", {
+				className: t.header,
+				children: i
+			}),
+			/* @__PURE__ */ n("nav", {
+				className: t.nav,
+				"aria-label": "Navegação lateral",
+				children: a.map((i) => {
+					let a = i.key === o;
+					return /* @__PURE__ */ r("button", {
+						type: "button",
+						className: e(t.item, a && t.active),
+						"aria-current": a ? "page" : void 0,
+						disabled: i.disabled,
+						onClick: () => s?.(i.key),
+						title: l && typeof i.label == "string" ? i.label : void 0,
+						children: [
+							i.icon && /* @__PURE__ */ n("span", {
+								className: t.icon,
+								children: i.icon
+							}),
+							!l && /* @__PURE__ */ n("span", {
+								className: t.label,
+								children: i.label
+							}),
+							!l && i.badge !== void 0 && /* @__PURE__ */ n("span", {
+								className: t.badge,
+								children: i.badge
+							})
+						]
+					}, i.key);
+				})
+			}),
+			c && /* @__PURE__ */ n("div", {
+				className: t.footer,
+				children: c
+			})
+		]
+	});
+}
+//#endregion
+export { i as Sidebar };
+
+//# sourceMappingURL=Sidebar.js.map