tempest-react-sdk 0.22.0 → 0.24.0

package/dist/components/DescriptionList/DescriptionList.module.js

@@ -0,0 +1,10 @@
+//#region src/components/DescriptionList/DescriptionList.module.css
+var e = "tempest_list_fwIXq", t = "tempest_term_QkQNZ", n = "tempest_description_e1bNN", r = {
+	list: e,
+	term: t,
+	description: n
+};
+//#endregion
+export { r as default, n as description, e as list, t as term };
+
+//# sourceMappingURL=DescriptionList.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.module.js","names":[],"sources":["../../../src/components/DescriptionList/DescriptionList.module.css"],"sourcesContent":[".list {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: var(--tempest-space-1) var(--tempest-space-4);\n    margin: 0;\n}\n\n.term {\n    color: var(--tempest-text-subtle);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.description {\n    margin: 0;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n}\n"],"mappings":""}

package/dist/components/Divider/Divider.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Divider.module.cjs");let n=require("react/jsx-runtime");function r({orientation:r=`horizontal`,variant:i=`solid`,label:a,align:o=`center`,className:s,...c}){return r===`vertical`?(0,n.jsx)(`span`,{role:`separator`,"aria-orientation":`vertical`,className:e.cn(t.default.divider,t.default.vertical,i===`dashed`&&t.default.dashed,s),...c}):a?(0,n.jsx)(`div`,{role:`separator`,"aria-orientation":`horizontal`,className:e.cn(t.default.divider,t.default.horizontal,i===`dashed`&&t.default.dashed,o===`start`&&t.default.alignStart,o===`end`&&t.default.alignEnd,s),...c,children:a}):(0,n.jsx)(`hr`,{className:e.cn(t.default.divider,t.default.horizontal,t.default.bare,i===`dashed`&&t.default.dashed,s)})}exports.Divider=r;
+//# sourceMappingURL=Divider.cjs.map

package/dist/components/Divider/Divider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.cjs","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Divider.module.css\";\n\nexport type DividerOrientation = \"horizontal\" | \"vertical\";\nexport type DividerVariant = \"solid\" | \"dashed\";\nexport type DividerAlign = \"start\" | \"center\" | \"end\";\n\nexport interface DividerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    orientation?: DividerOrientation;\n    variant?: DividerVariant;\n    /** Optional label rendered inside the divider (horizontal only). */\n    label?: ReactNode;\n    /** Label horizontal position (only when `label` provided). Defaults to `center`. */\n    align?: DividerAlign;\n}\n\n/**\n * Horizontal or vertical visual separator. When `label` is provided in\n * horizontal mode the divider splits and centers the label between two lines.\n */\nexport function Divider({\n    orientation = \"horizontal\",\n    variant = \"solid\",\n    label,\n    align = \"center\",\n    className,\n    ...props\n}: DividerProps) {\n    if (orientation === \"vertical\") {\n        return (\n            <span\n                role=\"separator\"\n                aria-orientation=\"vertical\"\n                className={cn(\n                    styles.divider,\n                    styles.vertical,\n                    variant === \"dashed\" && styles.dashed,\n                    className,\n                )}\n                {...props}\n            />\n        );\n    }\n\n    if (!label) {\n        return (\n            <hr\n                className={cn(\n                    styles.divider,\n                    styles.horizontal,\n                    styles.bare,\n                    variant === \"dashed\" && styles.dashed,\n                    className,\n                )}\n            />\n        );\n    }\n\n    return (\n        <div\n            role=\"separator\"\n            aria-orientation=\"horizontal\"\n            className={cn(\n                styles.divider,\n                styles.horizontal,\n                variant === \"dashed\" && styles.dashed,\n                align === \"start\" && styles.alignStart,\n                align === \"end\" && styles.alignEnd,\n                className,\n            )}\n            {...props}\n        >\n            {label}\n        </div>\n    );\n}\n"],"mappings":"2GAqBA,SAAgB,EAAQ,CACpB,cAAc,aACd,UAAU,QACV,QACA,QAAQ,SACR,YACA,GAAG,GACU,CA+Bb,OA9BI,IAAgB,YAEZ,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,KAAK,YACL,mBAAiB,WACjB,UAAW,EAAA,GACP,EAAA,QAAO,QACP,EAAA,QAAO,SACP,IAAY,UAAY,EAAA,QAAO,OAC/B,CACJ,EACA,GAAI,CACP,CAAA,EAIJ,GAeD,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,YACL,mBAAiB,aACjB,UAAW,EAAA,GACP,EAAA,QAAO,QACP,EAAA,QAAO,WACP,IAAY,UAAY,EAAA,QAAO,OAC/B,IAAU,SAAW,EAAA,QAAO,WAC5B,IAAU,OAAS,EAAA,QAAO,SAC1B,CACJ,EACA,GAAI,WAEH,CACA,CAAA,GA3BD,EAAA,EAAA,IAAA,CAAC,KAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,QACP,EAAA,QAAO,WACP,EAAA,QAAO,KACP,IAAY,UAAY,EAAA,QAAO,OAC/B,CACJ,CACH,CAAA,CAqBb"}

package/dist/components/Divider/Divider.js

@@ -0,0 +1,22 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Divider.module.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Divider/Divider.tsx
+function r({ orientation: r = "horizontal", variant: i = "solid", label: a, align: o = "center", className: s, ...c }) {
+	return r === "vertical" ? /* @__PURE__ */ n("span", {
+		role: "separator",
+		"aria-orientation": "vertical",
+		className: e(t.divider, t.vertical, i === "dashed" && t.dashed, s),
+		...c
+	}) : a ? /* @__PURE__ */ n("div", {
+		role: "separator",
+		"aria-orientation": "horizontal",
+		className: e(t.divider, t.horizontal, i === "dashed" && t.dashed, o === "start" && t.alignStart, o === "end" && t.alignEnd, s),
+		...c,
+		children: a
+	}) : /* @__PURE__ */ n("hr", { className: e(t.divider, t.horizontal, t.bare, i === "dashed" && t.dashed, s) });
+}
+//#endregion
+export { r as Divider };
+
+//# sourceMappingURL=Divider.js.map

package/dist/components/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Divider.module.css\";\n\nexport type DividerOrientation = \"horizontal\" | \"vertical\";\nexport type DividerVariant = \"solid\" | \"dashed\";\nexport type DividerAlign = \"start\" | \"center\" | \"end\";\n\nexport interface DividerProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    orientation?: DividerOrientation;\n    variant?: DividerVariant;\n    /** Optional label rendered inside the divider (horizontal only). */\n    label?: ReactNode;\n    /** Label horizontal position (only when `label` provided). Defaults to `center`. */\n    align?: DividerAlign;\n}\n\n/**\n * Horizontal or vertical visual separator. When `label` is provided in\n * horizontal mode the divider splits and centers the label between two lines.\n */\nexport function Divider({\n    orientation = \"horizontal\",\n    variant = \"solid\",\n    label,\n    align = \"center\",\n    className,\n    ...props\n}: DividerProps) {\n    if (orientation === \"vertical\") {\n        return (\n            <span\n                role=\"separator\"\n                aria-orientation=\"vertical\"\n                className={cn(\n                    styles.divider,\n                    styles.vertical,\n                    variant === \"dashed\" && styles.dashed,\n                    className,\n                )}\n                {...props}\n            />\n        );\n    }\n\n    if (!label) {\n        return (\n            <hr\n                className={cn(\n                    styles.divider,\n                    styles.horizontal,\n                    styles.bare,\n                    variant === \"dashed\" && styles.dashed,\n                    className,\n                )}\n            />\n        );\n    }\n\n    return (\n        <div\n            role=\"separator\"\n            aria-orientation=\"horizontal\"\n            className={cn(\n                styles.divider,\n                styles.horizontal,\n                variant === \"dashed\" && styles.dashed,\n                align === \"start\" && styles.alignStart,\n                align === \"end\" && styles.alignEnd,\n                className,\n            )}\n            {...props}\n        >\n            {label}\n        </div>\n    );\n}\n"],"mappings":";;;;AAqBA,SAAgB,EAAQ,EACpB,iBAAc,cACd,aAAU,SACV,UACA,WAAQ,UACR,cACA,GAAG,KACU;CA+Bb,OA9BI,MAAgB,aAEZ,kBAAC,QAAD;EACI,MAAK;EACL,oBAAiB;EACjB,WAAW,EACP,EAAO,SACP,EAAO,UACP,MAAY,YAAY,EAAO,QAC/B,CACJ;EACA,GAAI;CACP,CAAA,IAIJ,IAeD,kBAAC,OAAD;EACI,MAAK;EACL,oBAAiB;EACjB,WAAW,EACP,EAAO,SACP,EAAO,YACP,MAAY,YAAY,EAAO,QAC/B,MAAU,WAAW,EAAO,YAC5B,MAAU,SAAS,EAAO,UAC1B,CACJ;EACA,GAAI;YAEH;CACA,CAAA,IA3BD,kBAAC,MAAD,EACI,WAAW,EACP,EAAO,SACP,EAAO,YACP,EAAO,MACP,MAAY,YAAY,EAAO,QAC/B,CACJ,EACH,CAAA;AAqBb"}

package/dist/components/Divider/Divider.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_divider_KSGsi`,t=`tempest_horizontal_pZ05Y`,n=`tempest_bare_elDbS`,r=`tempest_vertical_p-jD4`,i=`tempest_dashed_JWxCU`,a=`tempest_alignStart_QAIi1`,o=`tempest_alignEnd_eZDwa`,s={divider:e,horizontal:t,bare:n,vertical:r,dashed:i,alignStart:a,alignEnd:o};exports.alignEnd=o,exports.alignStart=a,exports.bare=n,exports.dashed=i,exports.default=s,exports.divider=e,exports.horizontal=t,exports.vertical=r;
+//# sourceMappingURL=Divider.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.module.cjs","names":[],"sources":["../../../src/components/Divider/Divider.module.css"],"sourcesContent":[".divider {\n    border: 0;\n    background: none;\n    color: var(--tempest-text-subtle);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    letter-spacing: var(--tempest-tracking-wide);\n}\n\n.horizontal {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    width: 100%;\n    margin: var(--tempest-space-3) 0;\n}\n\n.horizontal::before,\n.horizontal::after {\n    content: \"\";\n    flex: 1;\n    height: 1px;\n    background-color: var(--tempest-border);\n}\n\n.horizontal.bare::before {\n    margin: 0;\n}\n.horizontal.bare::after {\n    display: none;\n}\n\n.horizontal.bare {\n    margin: var(--tempest-space-3) 0;\n    height: 1px;\n    background-color: var(--tempest-border);\n    display: block;\n    padding: 0;\n}\n\n.vertical {\n    display: inline-block;\n    width: 1px;\n    background-color: var(--tempest-border);\n    align-self: stretch;\n    min-height: 1em;\n    margin: 0 var(--tempest-space-2);\n}\n\n/* Dashed style */\n.dashed.horizontal::before,\n.dashed.horizontal::after {\n    background: none;\n    border-top: 1px dashed var(--tempest-border-strong);\n    height: 0;\n}\n\n.dashed.vertical {\n    background: none;\n    border-left: 1px dashed var(--tempest-border-strong);\n    width: 0;\n}\n\n/* Label alignment for horizontal */\n.alignStart::before {\n    flex: 0 0 var(--tempest-space-4);\n}\n.alignEnd::after {\n    flex: 0 0 var(--tempest-space-4);\n}\n"],"mappings":""}

package/dist/components/Divider/Divider.module.js

@@ -0,0 +1,14 @@
+//#region src/components/Divider/Divider.module.css
+var e = "tempest_divider_KSGsi", t = "tempest_horizontal_pZ05Y", n = "tempest_bare_elDbS", r = "tempest_vertical_p-jD4", i = "tempest_dashed_JWxCU", a = "tempest_alignStart_QAIi1", o = "tempest_alignEnd_eZDwa", s = {
+	divider: e,
+	horizontal: t,
+	bare: n,
+	vertical: r,
+	dashed: i,
+	alignStart: a,
+	alignEnd: o
+};
+//#endregion
+export { o as alignEnd, a as alignStart, n as bare, i as dashed, s as default, e as divider, t as horizontal, r as vertical };
+
+//# sourceMappingURL=Divider.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.module.js","names":[],"sources":["../../../src/components/Divider/Divider.module.css"],"sourcesContent":[".divider {\n    border: 0;\n    background: none;\n    color: var(--tempest-text-subtle);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-medium);\n    letter-spacing: var(--tempest-tracking-wide);\n}\n\n.horizontal {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    width: 100%;\n    margin: var(--tempest-space-3) 0;\n}\n\n.horizontal::before,\n.horizontal::after {\n    content: \"\";\n    flex: 1;\n    height: 1px;\n    background-color: var(--tempest-border);\n}\n\n.horizontal.bare::before {\n    margin: 0;\n}\n.horizontal.bare::after {\n    display: none;\n}\n\n.horizontal.bare {\n    margin: var(--tempest-space-3) 0;\n    height: 1px;\n    background-color: var(--tempest-border);\n    display: block;\n    padding: 0;\n}\n\n.vertical {\n    display: inline-block;\n    width: 1px;\n    background-color: var(--tempest-border);\n    align-self: stretch;\n    min-height: 1em;\n    margin: 0 var(--tempest-space-2);\n}\n\n/* Dashed style */\n.dashed.horizontal::before,\n.dashed.horizontal::after {\n    background: none;\n    border-top: 1px dashed var(--tempest-border-strong);\n    height: 0;\n}\n\n.dashed.vertical {\n    background: none;\n    border-left: 1px dashed var(--tempest-border-strong);\n    width: 0;\n}\n\n/* Label alignment for horizontal */\n.alignStart::before {\n    flex: 0 0 var(--tempest-space-4);\n}\n.alignEnd::after {\n    flex: 0 0 var(--tempest-space-4);\n}\n"],"mappings":""}

package/dist/components/Drawer/Drawer.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-breakpoint.cjs"),n=require("./Drawer.module.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("react-dom");function o({open:o,onClose:c,placement:l=`right`,title:u,children:d,footer:f,closeOnBackdrop:p=!0,closeOnEsc:m=!0,hideCloseButton:h=!1,className:g,mobilePlacement:_,showHandle:v=!1}){let{isMobile:y}=t.useBreakpoint(),b=y&&_?_:l;return(0,r.useEffect)(()=>{if(!o)return;let e=document.body.style.overflow;document.body.style.overflow=`hidden`;let t=e=>{m&&e.key===`Escape`&&c()};return window.addEventListener(`keydown`,t),()=>{document.body.style.overflow=e,window.removeEventListener(`keydown`,t)}},[o,m,c]),!o||typeof document>`u`?null:(0,a.createPortal)((0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:n.default.overlay,onClick:()=>{p&&c()}}),(0,i.jsxs)(`aside`,{role:`dialog`,"aria-modal":`true`,className:e.cn(n.default.panel,n.default[b],g),children:[v&&(b===`bottom`||b===`top`)&&(0,i.jsx)(`div`,{className:e.cn(n.default.handle,b===`top`&&n.default.handleTop),"aria-hidden":!0}),(u||!h)&&(0,i.jsxs)(`header`,{className:n.default.header,children:[(0,i.jsx)(`h3`,{className:n.default.title,children:u}),!h&&(0,i.jsx)(`button`,{type:`button`,"aria-label":`Fechar`,className:n.default.close,onClick:c,children:(0,i.jsx)(s,{})})]}),(0,i.jsx)(`div`,{className:n.default.body,children:d}),f&&(0,i.jsx)(`footer`,{className:n.default.footer,children:f})]})]}),document.body)}function s(){return(0,i.jsx)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,children:(0,i.jsx)(`path`,{d:`M6 6l12 12M6 18L18 6`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`})})}exports.Drawer=o;
+//# sourceMappingURL=Drawer.cjs.map

package/dist/components/Drawer/Drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.cjs","names":[],"sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport { useBreakpoint } from \"@/hooks/use-breakpoint\";\nimport styles from \"./Drawer.module.css\";\n\nexport type DrawerPlacement = \"right\" | \"left\" | \"top\" | \"bottom\";\n\nexport interface DrawerProps {\n    open: boolean;\n    onClose: () => void;\n    placement?: DrawerPlacement;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    hideCloseButton?: boolean;\n    className?: string;\n    /**\n     * Auto-switch to bottom-sheet placement on mobile viewports (< md).\n     * Modern mobile apps default to bottom drawers; on desktop the original\n     * `placement` is preserved.\n     */\n    mobilePlacement?: DrawerPlacement;\n    /** Render a drag handle indicator at the leading edge (bottom-sheet style). */\n    showHandle?: boolean;\n}\n\n/**\n * Sliding side panel. Same building blocks as {@link Modal} but anchored to\n * an edge. Locks body scroll while open.\n */\nexport function Drawer({\n    open,\n    onClose,\n    placement = \"right\",\n    title,\n    children,\n    footer,\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    hideCloseButton = false,\n    className,\n    mobilePlacement,\n    showHandle = false,\n}: DrawerProps) {\n    const { isMobile } = useBreakpoint();\n    const effectivePlacement: DrawerPlacement =\n        isMobile && mobilePlacement ? mobilePlacement : placement;\n\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        const handleKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handleKey);\n        return () => {\n            document.body.style.overflow = previousOverflow;\n            window.removeEventListener(\"keydown\", handleKey);\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <>\n            <div\n                className={styles.overlay}\n                onClick={() => {\n                    if (closeOnBackdrop) onClose();\n                }}\n            />\n            <aside\n                role=\"dialog\"\n                aria-modal=\"true\"\n                className={cn(styles.panel, styles[effectivePlacement], className)}\n            >\n                {showHandle &&\n                    (effectivePlacement === \"bottom\" || effectivePlacement === \"top\") && (\n                        <div\n                            className={cn(\n                                styles.handle,\n                                effectivePlacement === \"top\" && styles.handleTop,\n                            )}\n                            aria-hidden\n                        />\n                    )}\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        <h3 className={styles.title}>{title}</h3>\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                aria-label=\"Fechar\"\n                                className={styles.close}\n                                onClick={onClose}\n                            >\n                                <CloseIcon />\n                            </button>\n                        )}\n                    </header>\n                )}\n                <div className={styles.body}>{children}</div>\n                {footer && <footer className={styles.footer}>{footer}</footer>}\n            </aside>\n        </>,\n        document.body,\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"18\" height=\"18\" 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":"gMAkCA,SAAgB,EAAO,CACnB,OACA,UACA,YAAY,QACZ,QACA,WACA,SACA,kBAAkB,GAClB,aAAa,GACb,kBAAkB,GAClB,YACA,kBACA,aAAa,IACD,CACZ,GAAM,CAAE,YAAa,EAAA,cAAc,EAC7B,EACF,GAAY,EAAkB,EAAkB,EAkBpD,OAhBA,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAM,OACX,IAAM,EAAmB,SAAS,KAAK,MAAM,SAC7C,SAAS,KAAK,MAAM,SAAW,SAC/B,IAAM,EAAa,GAA+B,CAC1C,GAAc,EAAM,MAAQ,UAAU,EAAQ,CACtD,EAEA,OADA,OAAO,iBAAiB,UAAW,CAAS,MAC/B,CACT,SAAS,KAAK,MAAM,SAAW,EAC/B,OAAO,oBAAoB,UAAW,CAAS,CACnD,CACJ,EAAG,CAAC,EAAM,EAAY,CAAO,CAAC,EAE1B,CAAC,GAAQ,OAAO,SAAa,IAAoB,MAErD,EAAA,EAAA,aAAA,EACI,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,QAClB,YAAe,CACP,GAAiB,EAAQ,CACjC,CACH,CAAA,GACD,EAAA,EAAA,KAAA,CAAC,QAAD,CACI,KAAK,SACL,aAAW,OACX,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,EAAA,QAAO,GAAqB,CAAS,WAHrE,CAKK,IACI,IAAuB,UAAY,IAAuB,SACvD,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GACP,EAAA,QAAO,OACP,IAAuB,OAAS,EAAA,QAAO,SAC3C,EACA,cAAA,EACH,CAAA,GAEP,GAAS,CAAC,KACR,EAAA,EAAA,KAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,gBAA1B,EACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,eAAQ,CAAU,CAAA,EACvC,CAAC,IACE,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,aAAW,SACX,UAAW,EAAA,QAAO,MAClB,QAAS,YAET,EAAA,EAAA,IAAA,CAAC,EAAD,CAAY,CAAA,CACR,CAAA,CAER,KAEZ,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAO,UAAc,CAAA,EAC3C,IAAU,EAAA,EAAA,IAAA,CAAC,SAAD,CAAQ,UAAW,EAAA,QAAO,gBAAS,CAAe,CAAA,CAC1D,GACT,CAAA,CAAA,EACF,SAAS,IACb,CACJ,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/Drawer/Drawer.js

@@ -0,0 +1,79 @@
+import { cn as e } from "../../utils/cn.js";
+import { useBreakpoint as t } from "../../hooks/use-breakpoint.js";
+import n from "./Drawer.module.js";
+import { useEffect as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { createPortal as s } from "react-dom";
+//#region src/components/Drawer/Drawer.tsx
+function c({ open: c, onClose: u, placement: d = "right", title: f, children: p, footer: m, closeOnBackdrop: h = !0, closeOnEsc: g = !0, hideCloseButton: _ = !1, className: v, mobilePlacement: y, showHandle: b = !1 }) {
+	let { isMobile: x } = t(), S = x && y ? y : d;
+	return r(() => {
+		if (!c) return;
+		let e = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		let t = (e) => {
+			g && e.key === "Escape" && u();
+		};
+		return window.addEventListener("keydown", t), () => {
+			document.body.style.overflow = e, window.removeEventListener("keydown", t);
+		};
+	}, [
+		c,
+		g,
+		u
+	]), !c || typeof document > "u" ? null : s(/* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("div", {
+		className: n.overlay,
+		onClick: () => {
+			h && u();
+		}
+	}), /* @__PURE__ */ o("aside", {
+		role: "dialog",
+		"aria-modal": "true",
+		className: e(n.panel, n[S], v),
+		children: [
+			b && (S === "bottom" || S === "top") && /* @__PURE__ */ a("div", {
+				className: e(n.handle, S === "top" && n.handleTop),
+				"aria-hidden": !0
+			}),
+			(f || !_) && /* @__PURE__ */ o("header", {
+				className: n.header,
+				children: [/* @__PURE__ */ a("h3", {
+					className: n.title,
+					children: f
+				}), !_ && /* @__PURE__ */ a("button", {
+					type: "button",
+					"aria-label": "Fechar",
+					className: n.close,
+					onClick: u,
+					children: /* @__PURE__ */ a(l, {})
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: n.body,
+				children: p
+			}),
+			m && /* @__PURE__ */ a("footer", {
+				className: n.footer,
+				children: m
+			})
+		]
+	})] }), document.body);
+}
+function l() {
+	return /* @__PURE__ */ a("svg", {
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ a("path", {
+			d: "M6 6l12 12M6 18L18 6",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round"
+		})
+	});
+}
+//#endregion
+export { c as Drawer };
+
+//# sourceMappingURL=Drawer.js.map

package/dist/components/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","names":[],"sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport { useBreakpoint } from \"@/hooks/use-breakpoint\";\nimport styles from \"./Drawer.module.css\";\n\nexport type DrawerPlacement = \"right\" | \"left\" | \"top\" | \"bottom\";\n\nexport interface DrawerProps {\n    open: boolean;\n    onClose: () => void;\n    placement?: DrawerPlacement;\n    title?: ReactNode;\n    children?: ReactNode;\n    footer?: ReactNode;\n    closeOnBackdrop?: boolean;\n    closeOnEsc?: boolean;\n    hideCloseButton?: boolean;\n    className?: string;\n    /**\n     * Auto-switch to bottom-sheet placement on mobile viewports (< md).\n     * Modern mobile apps default to bottom drawers; on desktop the original\n     * `placement` is preserved.\n     */\n    mobilePlacement?: DrawerPlacement;\n    /** Render a drag handle indicator at the leading edge (bottom-sheet style). */\n    showHandle?: boolean;\n}\n\n/**\n * Sliding side panel. Same building blocks as {@link Modal} but anchored to\n * an edge. Locks body scroll while open.\n */\nexport function Drawer({\n    open,\n    onClose,\n    placement = \"right\",\n    title,\n    children,\n    footer,\n    closeOnBackdrop = true,\n    closeOnEsc = true,\n    hideCloseButton = false,\n    className,\n    mobilePlacement,\n    showHandle = false,\n}: DrawerProps) {\n    const { isMobile } = useBreakpoint();\n    const effectivePlacement: DrawerPlacement =\n        isMobile && mobilePlacement ? mobilePlacement : placement;\n\n    useEffect(() => {\n        if (!open) return;\n        const previousOverflow = document.body.style.overflow;\n        document.body.style.overflow = \"hidden\";\n        const handleKey = (event: KeyboardEvent): void => {\n            if (closeOnEsc && event.key === \"Escape\") onClose();\n        };\n        window.addEventListener(\"keydown\", handleKey);\n        return () => {\n            document.body.style.overflow = previousOverflow;\n            window.removeEventListener(\"keydown\", handleKey);\n        };\n    }, [open, closeOnEsc, onClose]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    return createPortal(\n        <>\n            <div\n                className={styles.overlay}\n                onClick={() => {\n                    if (closeOnBackdrop) onClose();\n                }}\n            />\n            <aside\n                role=\"dialog\"\n                aria-modal=\"true\"\n                className={cn(styles.panel, styles[effectivePlacement], className)}\n            >\n                {showHandle &&\n                    (effectivePlacement === \"bottom\" || effectivePlacement === \"top\") && (\n                        <div\n                            className={cn(\n                                styles.handle,\n                                effectivePlacement === \"top\" && styles.handleTop,\n                            )}\n                            aria-hidden\n                        />\n                    )}\n                {(title || !hideCloseButton) && (\n                    <header className={styles.header}>\n                        <h3 className={styles.title}>{title}</h3>\n                        {!hideCloseButton && (\n                            <button\n                                type=\"button\"\n                                aria-label=\"Fechar\"\n                                className={styles.close}\n                                onClick={onClose}\n                            >\n                                <CloseIcon />\n                            </button>\n                        )}\n                    </header>\n                )}\n                <div className={styles.body}>{children}</div>\n                {footer && <footer className={styles.footer}>{footer}</footer>}\n            </aside>\n        </>,\n        document.body,\n    );\n}\n\nfunction CloseIcon() {\n    return (\n        <svg width=\"18\" height=\"18\" 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":";;;;;;;AAkCA,SAAgB,EAAO,EACnB,SACA,YACA,eAAY,SACZ,UACA,aACA,WACA,qBAAkB,IAClB,gBAAa,IACb,qBAAkB,IAClB,cACA,oBACA,gBAAa,MACD;CACZ,IAAM,EAAE,gBAAa,EAAc,GAC7B,IACF,KAAY,IAAkB,IAAkB;CAkBpD,OAhBA,QAAgB;EACZ,IAAI,CAAC,GAAM;EACX,IAAM,IAAmB,SAAS,KAAK,MAAM;EAC7C,SAAS,KAAK,MAAM,WAAW;EAC/B,IAAM,KAAa,MAA+B;GAC9C,AAAI,KAAc,EAAM,QAAQ,YAAU,EAAQ;EACtD;EAEA,OADA,OAAO,iBAAiB,WAAW,CAAS,SAC/B;GAET,AADA,SAAS,KAAK,MAAM,WAAW,GAC/B,OAAO,oBAAoB,WAAW,CAAS;EACnD;CACJ,GAAG;EAAC;EAAM;EAAY;CAAO,CAAC,GAE1B,CAAC,KAAQ,OAAO,WAAa,MAAoB,OAE9C,EACH,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,OAAD;EACI,WAAW,EAAO;EAClB,eAAe;GACX,AAAI,KAAiB,EAAQ;EACjC;CACH,CAAA,GACD,kBAAC,SAAD;EACI,MAAK;EACL,cAAW;EACX,WAAW,EAAG,EAAO,OAAO,EAAO,IAAqB,CAAS;YAHrE;GAKK,MACI,MAAuB,YAAY,MAAuB,UACvD,kBAAC,OAAD;IACI,WAAW,EACP,EAAO,QACP,MAAuB,SAAS,EAAO,SAC3C;IACA,eAAA;GACH,CAAA;IAEP,KAAS,CAAC,MACR,kBAAC,UAAD;IAAQ,WAAW,EAAO;cAA1B,CACI,kBAAC,MAAD;KAAI,WAAW,EAAO;eAAQ;IAAU,CAAA,GACvC,CAAC,KACE,kBAAC,UAAD;KACI,MAAK;KACL,cAAW;KACX,WAAW,EAAO;KAClB,SAAS;eAET,kBAAC,GAAD,CAAY,CAAA;IACR,CAAA,CAER;;GAEZ,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAO;GAAc,CAAA;GAC3C,KAAU,kBAAC,UAAD;IAAQ,WAAW,EAAO;cAAS;GAAe,CAAA;EAC1D;GACT,EAAA,CAAA,GACF,SAAS,IACb;AACJ;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/Drawer/Drawer.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_overlay_hcG1G`,t=`tempest_tempest-drawer-overlay_XFbxY`,n=`tempest_panel_wUX0N`,r=`tempest_right_-oX-6`,i=`tempest_tempest-drawer-in-right_pWYHv`,a=`tempest_left_xi3nD`,o=`tempest_tempest-drawer-in-left_o7JSb`,s=`tempest_top_7rGCn`,c=`tempest_tempest-drawer-in-top_kn6AF`,l=`tempest_bottom_zd-25`,u=`tempest_tempest-drawer-in-bottom_0x3u7`,d=`tempest_handle_5B-TB`,f=`tempest_handleTop_7aMf-`,p=`tempest_header_sYoP1`,m=`tempest_title_LqUOu`,h=`tempest_close_tYPhU`,g=`tempest_body_aV9FG`,_=`tempest_footer_AuvUP`,v={overlay:e,tempestDrawerOverlay:t,panel:n,right:r,tempestDrawerInRight:i,left:a,tempestDrawerInLeft:o,top:s,tempestDrawerInTop:c,bottom:l,tempestDrawerInBottom:u,handle:d,handleTop:f,header:p,title:m,close:h,body:g,footer:_};exports.body=g,exports.bottom=l,exports.close=h,exports.default=v,exports.footer=_,exports.handle=d,exports.handleTop=f,exports.header=p,exports.left=a,exports.overlay=e,exports.panel=n,exports.right=r,exports.tempestDrawerInBottom=u,exports.tempestDrawerInLeft=o,exports.tempestDrawerInRight=i,exports.tempestDrawerInTop=c,exports.tempestDrawerOverlay=t,exports.title=m,exports.top=s;
+//# sourceMappingURL=Drawer.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.module.cjs","names":[],"sources":["../../../src/components/Drawer/Drawer.module.css"],"sourcesContent":[".overlay {\n    position: fixed;\n    inset: 0;\n    background-color: rgba(15, 23, 42, 0.5);\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n    z-index: var(--tempest-z-modal);\n    animation: tempest-drawer-overlay var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.panel {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-xl);\n    display: flex;\n    flex-direction: column;\n    z-index: calc(var(--tempest-z-modal) + 1);\n    animation-duration: var(--tempest-duration-slow);\n    animation-timing-function: var(--tempest-ease-emphasized);\n    animation-fill-mode: both;\n}\n\n.right {\n    right: 0;\n    width: min(420px, 92vw);\n    padding-right: var(--tempest-safe-area-right);\n    animation-name: tempest-drawer-in-right;\n}\n\n.left {\n    left: 0;\n    width: min(420px, 92vw);\n    padding-left: var(--tempest-safe-area-left);\n    animation-name: tempest-drawer-in-left;\n}\n\n.top {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: auto;\n    height: min(70vh, 480px);\n    height: min(70dvh, 480px);\n    padding-top: var(--tempest-safe-area-top);\n    border-radius: 0 0 var(--tempest-radius-xl) var(--tempest-radius-xl);\n    animation-name: tempest-drawer-in-top;\n}\n\n.bottom {\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: auto;\n    height: min(70vh, 480px);\n    height: min(70dvh, 480px);\n    padding-bottom: var(--tempest-safe-area-bottom);\n    border-radius: var(--tempest-radius-xl) var(--tempest-radius-xl) 0 0;\n    animation-name: tempest-drawer-in-bottom;\n}\n\n/* Bottom-sheet drag handle (4px pill at top center). */\n.handle {\n    position: relative;\n    width: 36px;\n    height: 4px;\n    margin: var(--tempest-space-2) auto;\n    background-color: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n    flex-shrink: 0;\n}\n\n.handleTop {\n    margin-top: auto;\n    margin-bottom: var(--tempest-space-2);\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.close {\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    padding: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .close:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n    overflow-y: auto;\n    flex: 1;\n    line-height: var(--tempest-leading-normal);\n}\n\n.footer {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n}\n\n@keyframes tempest-drawer-overlay {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes tempest-drawer-in-right {\n    from {\n        transform: translateX(100%);\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n@keyframes tempest-drawer-in-left {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n@keyframes tempest-drawer-in-top {\n    from {\n        transform: translateY(-100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@keyframes tempest-drawer-in-bottom {\n    from {\n        transform: translateY(100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .panel,\n    .overlay {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Drawer/Drawer.module.js

@@ -0,0 +1,25 @@
+//#region src/components/Drawer/Drawer.module.css
+var e = "tempest_overlay_hcG1G", t = "tempest_tempest-drawer-overlay_XFbxY", n = "tempest_panel_wUX0N", r = "tempest_right_-oX-6", i = "tempest_tempest-drawer-in-right_pWYHv", a = "tempest_left_xi3nD", o = "tempest_tempest-drawer-in-left_o7JSb", s = "tempest_top_7rGCn", c = "tempest_tempest-drawer-in-top_kn6AF", l = "tempest_bottom_zd-25", u = "tempest_tempest-drawer-in-bottom_0x3u7", d = "tempest_handle_5B-TB", f = "tempest_handleTop_7aMf-", p = "tempest_header_sYoP1", m = "tempest_title_LqUOu", h = "tempest_close_tYPhU", g = "tempest_body_aV9FG", _ = "tempest_footer_AuvUP", v = {
+	overlay: e,
+	tempestDrawerOverlay: t,
+	panel: n,
+	right: r,
+	tempestDrawerInRight: i,
+	left: a,
+	tempestDrawerInLeft: o,
+	top: s,
+	tempestDrawerInTop: c,
+	bottom: l,
+	tempestDrawerInBottom: u,
+	handle: d,
+	handleTop: f,
+	header: p,
+	title: m,
+	close: h,
+	body: g,
+	footer: _
+};
+//#endregion
+export { g as body, l as bottom, h as close, v as default, _ as footer, d as handle, f as handleTop, p as header, a as left, e as overlay, n as panel, r as right, u as tempestDrawerInBottom, o as tempestDrawerInLeft, i as tempestDrawerInRight, c as tempestDrawerInTop, t as tempestDrawerOverlay, m as title, s as top };
+
+//# sourceMappingURL=Drawer.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.module.js","names":[],"sources":["../../../src/components/Drawer/Drawer.module.css"],"sourcesContent":[".overlay {\n    position: fixed;\n    inset: 0;\n    background-color: rgba(15, 23, 42, 0.5);\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n    z-index: var(--tempest-z-modal);\n    animation: tempest-drawer-overlay var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.panel {\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    box-shadow: var(--tempest-shadow-xl);\n    display: flex;\n    flex-direction: column;\n    z-index: calc(var(--tempest-z-modal) + 1);\n    animation-duration: var(--tempest-duration-slow);\n    animation-timing-function: var(--tempest-ease-emphasized);\n    animation-fill-mode: both;\n}\n\n.right {\n    right: 0;\n    width: min(420px, 92vw);\n    padding-right: var(--tempest-safe-area-right);\n    animation-name: tempest-drawer-in-right;\n}\n\n.left {\n    left: 0;\n    width: min(420px, 92vw);\n    padding-left: var(--tempest-safe-area-left);\n    animation-name: tempest-drawer-in-left;\n}\n\n.top {\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: auto;\n    height: min(70vh, 480px);\n    height: min(70dvh, 480px);\n    padding-top: var(--tempest-safe-area-top);\n    border-radius: 0 0 var(--tempest-radius-xl) var(--tempest-radius-xl);\n    animation-name: tempest-drawer-in-top;\n}\n\n.bottom {\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: auto;\n    height: min(70vh, 480px);\n    height: min(70dvh, 480px);\n    padding-bottom: var(--tempest-safe-area-bottom);\n    border-radius: var(--tempest-radius-xl) var(--tempest-radius-xl) 0 0;\n    animation-name: tempest-drawer-in-bottom;\n}\n\n/* Bottom-sheet drag handle (4px pill at top center). */\n.handle {\n    position: relative;\n    width: 36px;\n    height: 4px;\n    margin: var(--tempest-space-2) auto;\n    background-color: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n    flex-shrink: 0;\n}\n\n.handleTop {\n    margin-top: auto;\n    margin-bottom: var(--tempest-space-2);\n}\n\n.header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.close {\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    padding: var(--tempest-space-1);\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .close:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.body {\n    padding: var(--tempest-space-5);\n    overflow-y: auto;\n    flex: 1;\n    line-height: var(--tempest-leading-normal);\n}\n\n.footer {\n    display: flex;\n    justify-content: flex-end;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-top: 1px solid var(--tempest-border);\n    background-color: var(--tempest-surface);\n}\n\n@keyframes tempest-drawer-overlay {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes tempest-drawer-in-right {\n    from {\n        transform: translateX(100%);\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n@keyframes tempest-drawer-in-left {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(0);\n    }\n}\n\n@keyframes tempest-drawer-in-top {\n    from {\n        transform: translateY(-100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@keyframes tempest-drawer-in-bottom {\n    from {\n        transform: translateY(100%);\n    }\n    to {\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .panel,\n    .overlay {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/DropdownMenu/DropdownMenu.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./DropdownMenu.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(e){switch(e){case`bottom-end`:return t.default.bottomEnd;case`top-start`:return t.default.topStart;case`top-end`:return t.default.topEnd;default:return t.default.bottomStart}}function a({trigger:a,items:o,placement:s=`bottom-start`,className:c}){let[l,u]=(0,n.useState)(!1),[d,f]=(0,n.useState)(-1),p=(0,n.useId)(),m=(0,n.useRef)(null),h=(0,n.useRef)([]),g=o.map((e,t)=>e.type===`item`&&!e.disabled?t:-1).filter(e=>e!==-1),_=(0,n.useCallback)(()=>{u(!1),f(-1)},[]);(0,n.useEffect)(()=>{if(!l)return;let e=e=>{if(e.key===`Escape`){_();return}if(e.key===`ArrowDown`){e.preventDefault();let t=g.indexOf(d),n=g[(t+1)%g.length]??-1;f(n),h.current[n]?.focus()}if(e.key===`ArrowUp`){e.preventDefault();let t=g.indexOf(d),n=g[(t-1+g.length)%g.length]??-1;f(n),h.current[n]?.focus()}},t=e=>{m.current&&!m.current.contains(e.target)&&_()};return window.addEventListener(`keydown`,e),window.addEventListener(`mousedown`,t),()=>{window.removeEventListener(`keydown`,e),window.removeEventListener(`mousedown`,t)}},[l,d,g,_]);let v=e=>{a.props.onClick?.(e),u(e=>!e)},y={...a,props:{...a.props,onClick:v,"aria-expanded":l,"aria-controls":p,"aria-haspopup":`menu`}},b=e=>{e.onSelect(),_()};return(0,r.jsxs)(`span`,{ref:m,className:t.default.root,children:[y,l&&(0,r.jsx)(`ul`,{id:p,role:`menu`,className:e.cn(t.default.menu,i(s),c),children:o.map((n,i)=>n.type===`separator`?(0,r.jsx)(`li`,{role:`separator`,className:t.default.separator,"aria-hidden":!0},n.id):n.type===`label`?(0,r.jsx)(`li`,{role:`presentation`,className:t.default.label,children:n.label},n.id):(0,r.jsx)(`li`,{role:`none`,children:(0,r.jsxs)(`button`,{ref:e=>{h.current[i]=e},type:`button`,role:`menuitem`,className:e.cn(t.default.item,n.danger&&t.default.danger,d===i&&t.default.active),disabled:n.disabled,onClick:()=>b(n),onMouseEnter:()=>f(i),children:[n.icon&&(0,r.jsx)(`span`,{"aria-hidden":!0,children:n.icon}),n.label]})},n.id))})]})}exports.DropdownMenu=a;
+//# sourceMappingURL=DropdownMenu.cjs.map

package/dist/components/DropdownMenu/DropdownMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DropdownMenu.module.css\";\n\nexport type DropdownMenuPlacement = \"bottom-start\" | \"bottom-end\" | \"top-start\" | \"top-end\";\n\nexport type DropdownMenuEntry =\n    | {\n          type: \"item\";\n          id: string;\n          label: ReactNode;\n          icon?: ReactNode;\n          danger?: boolean;\n          disabled?: boolean;\n          onSelect: () => void;\n      }\n    | { type: \"separator\"; id: string }\n    | { type: \"label\"; id: string; label: ReactNode };\n\nexport interface DropdownMenuProps {\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n        \"aria-haspopup\"?: boolean | \"menu\";\n    }>;\n    items: DropdownMenuEntry[];\n    placement?: DropdownMenuPlacement;\n    className?: string;\n}\n\nfunction placementClass(placement: DropdownMenuPlacement): string {\n    switch (placement) {\n        case \"bottom-end\":\n            return styles.bottomEnd;\n        case \"top-start\":\n            return styles.topStart;\n        case \"top-end\":\n            return styles.topEnd;\n        case \"bottom-start\":\n        default:\n            return styles.bottomStart;\n    }\n}\n\n/**\n * Dropdown menu — list of selectable actions anchored to a trigger.\n *\n * - Toggle on trigger click.\n * - Close on outside click / Escape / item selection.\n * - Arrow keys navigate, Enter activates focused item.\n */\nexport function DropdownMenu({\n    trigger,\n    items,\n    placement = \"bottom-start\",\n    className,\n}: DropdownMenuProps) {\n    const [open, setOpen] = useState(false);\n    const [activeIndex, setActiveIndex] = useState<number>(-1);\n    const id = useId();\n    const rootRef = useRef<HTMLSpanElement>(null);\n    const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const selectableIndexes = items\n        .map((entry, index) => (entry.type === \"item\" && !entry.disabled ? index : -1))\n        .filter((i) => i !== -1);\n\n    const close = useCallback((): void => {\n        setOpen(false);\n        setActiveIndex(-1);\n    }, []);\n\n    useEffect(() => {\n        if (!open) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                return;\n            }\n            if (event.key === \"ArrowDown\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const next = selectableIndexes[(current + 1) % selectableIndexes.length] ?? -1;\n                setActiveIndex(next);\n                itemRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowUp\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const prev =\n                    selectableIndexes[\n                        (current - 1 + selectableIndexes.length) % selectableIndexes.length\n                    ] ?? -1;\n                setActiveIndex(prev);\n                itemRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [open, activeIndex, selectableIndexes, close]);\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        setOpen((prev) => !prev);\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            \"aria-expanded\": open,\n            \"aria-controls\": id,\n            \"aria-haspopup\": \"menu\" as const,\n        },\n    } as ReactElement;\n\n    const handleSelect = (entry: Extract<DropdownMenuEntry, { type: \"item\" }>): void => {\n        entry.onSelect();\n        close();\n    };\n\n    return (\n        <span ref={rootRef} className={styles.root}>\n            {triggerClone}\n            {open && (\n                <ul\n                    id={id}\n                    role=\"menu\"\n                    className={cn(styles.menu, placementClass(placement), className)}\n                >\n                    {items.map((entry, index) => {\n                        if (entry.type === \"separator\") {\n                            return (\n                                <li\n                                    key={entry.id}\n                                    role=\"separator\"\n                                    className={styles.separator}\n                                    aria-hidden\n                                />\n                            );\n                        }\n                        if (entry.type === \"label\") {\n                            return (\n                                <li key={entry.id} role=\"presentation\" className={styles.label}>\n                                    {entry.label}\n                                </li>\n                            );\n                        }\n                        return (\n                            <li key={entry.id} role=\"none\">\n                                <button\n                                    ref={(el) => {\n                                        itemRefs.current[index] = el;\n                                    }}\n                                    type=\"button\"\n                                    role=\"menuitem\"\n                                    className={cn(\n                                        styles.item,\n                                        entry.danger && styles.danger,\n                                        activeIndex === index && styles.active,\n                                    )}\n                                    disabled={entry.disabled}\n                                    onClick={() => handleSelect(entry)}\n                                    onMouseEnter={() => setActiveIndex(index)}\n                                >\n                                    {entry.icon && <span aria-hidden>{entry.icon}</span>}\n                                    {entry.label}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n            )}\n        </span>\n    );\n}\n"],"mappings":"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"}

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,100 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./DropdownMenu.module.js";
+import { useCallback as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/DropdownMenu/DropdownMenu.tsx
+function l(e) {
+	switch (e) {
+		case "bottom-end": return t.bottomEnd;
+		case "top-start": return t.topStart;
+		case "top-end": return t.topEnd;
+		default: return t.bottomStart;
+	}
+}
+function u({ trigger: u, items: d, placement: f = "bottom-start", className: p }) {
+	let [m, h] = o(!1), [g, _] = o(-1), v = i(), y = a(null), b = a([]), x = d.map((e, t) => e.type === "item" && !e.disabled ? t : -1).filter((e) => e !== -1), S = n(() => {
+		h(!1), _(-1);
+	}, []);
+	r(() => {
+		if (!m) return;
+		let e = (e) => {
+			if (e.key === "Escape") {
+				S();
+				return;
+			}
+			if (e.key === "ArrowDown") {
+				e.preventDefault();
+				let t = x.indexOf(g), n = x[(t + 1) % x.length] ?? -1;
+				_(n), b.current[n]?.focus();
+			}
+			if (e.key === "ArrowUp") {
+				e.preventDefault();
+				let t = x.indexOf(g), n = x[(t - 1 + x.length) % x.length] ?? -1;
+				_(n), b.current[n]?.focus();
+			}
+		}, t = (e) => {
+			y.current && !y.current.contains(e.target) && S();
+		};
+		return window.addEventListener("keydown", e), window.addEventListener("mousedown", t), () => {
+			window.removeEventListener("keydown", e), window.removeEventListener("mousedown", t);
+		};
+	}, [
+		m,
+		g,
+		x,
+		S
+	]);
+	let C = (e) => {
+		u.props.onClick?.(e), h((e) => !e);
+	}, w = {
+		...u,
+		props: {
+			...u.props,
+			onClick: C,
+			"aria-expanded": m,
+			"aria-controls": v,
+			"aria-haspopup": "menu"
+		}
+	}, T = (e) => {
+		e.onSelect(), S();
+	};
+	return /* @__PURE__ */ c("span", {
+		ref: y,
+		className: t.root,
+		children: [w, m && /* @__PURE__ */ s("ul", {
+			id: v,
+			role: "menu",
+			className: e(t.menu, l(f), p),
+			children: d.map((n, r) => n.type === "separator" ? /* @__PURE__ */ s("li", {
+				role: "separator",
+				className: t.separator,
+				"aria-hidden": !0
+			}, n.id) : n.type === "label" ? /* @__PURE__ */ s("li", {
+				role: "presentation",
+				className: t.label,
+				children: n.label
+			}, n.id) : /* @__PURE__ */ s("li", {
+				role: "none",
+				children: /* @__PURE__ */ c("button", {
+					ref: (e) => {
+						b.current[r] = e;
+					},
+					type: "button",
+					role: "menuitem",
+					className: e(t.item, n.danger && t.danger, g === r && t.active),
+					disabled: n.disabled,
+					onClick: () => T(n),
+					onMouseEnter: () => _(r),
+					children: [n.icon && /* @__PURE__ */ s("span", {
+						"aria-hidden": !0,
+						children: n.icon
+					}), n.label]
+				})
+			}, n.id))
+		})]
+	});
+}
+//#endregion
+export { u as DropdownMenu };
+
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/components/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DropdownMenu.module.css\";\n\nexport type DropdownMenuPlacement = \"bottom-start\" | \"bottom-end\" | \"top-start\" | \"top-end\";\n\nexport type DropdownMenuEntry =\n    | {\n          type: \"item\";\n          id: string;\n          label: ReactNode;\n          icon?: ReactNode;\n          danger?: boolean;\n          disabled?: boolean;\n          onSelect: () => void;\n      }\n    | { type: \"separator\"; id: string }\n    | { type: \"label\"; id: string; label: ReactNode };\n\nexport interface DropdownMenuProps {\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n        \"aria-haspopup\"?: boolean | \"menu\";\n    }>;\n    items: DropdownMenuEntry[];\n    placement?: DropdownMenuPlacement;\n    className?: string;\n}\n\nfunction placementClass(placement: DropdownMenuPlacement): string {\n    switch (placement) {\n        case \"bottom-end\":\n            return styles.bottomEnd;\n        case \"top-start\":\n            return styles.topStart;\n        case \"top-end\":\n            return styles.topEnd;\n        case \"bottom-start\":\n        default:\n            return styles.bottomStart;\n    }\n}\n\n/**\n * Dropdown menu — list of selectable actions anchored to a trigger.\n *\n * - Toggle on trigger click.\n * - Close on outside click / Escape / item selection.\n * - Arrow keys navigate, Enter activates focused item.\n */\nexport function DropdownMenu({\n    trigger,\n    items,\n    placement = \"bottom-start\",\n    className,\n}: DropdownMenuProps) {\n    const [open, setOpen] = useState(false);\n    const [activeIndex, setActiveIndex] = useState<number>(-1);\n    const id = useId();\n    const rootRef = useRef<HTMLSpanElement>(null);\n    const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const selectableIndexes = items\n        .map((entry, index) => (entry.type === \"item\" && !entry.disabled ? index : -1))\n        .filter((i) => i !== -1);\n\n    const close = useCallback((): void => {\n        setOpen(false);\n        setActiveIndex(-1);\n    }, []);\n\n    useEffect(() => {\n        if (!open) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                return;\n            }\n            if (event.key === \"ArrowDown\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const next = selectableIndexes[(current + 1) % selectableIndexes.length] ?? -1;\n                setActiveIndex(next);\n                itemRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowUp\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const prev =\n                    selectableIndexes[\n                        (current - 1 + selectableIndexes.length) % selectableIndexes.length\n                    ] ?? -1;\n                setActiveIndex(prev);\n                itemRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [open, activeIndex, selectableIndexes, close]);\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        setOpen((prev) => !prev);\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            \"aria-expanded\": open,\n            \"aria-controls\": id,\n            \"aria-haspopup\": \"menu\" as const,\n        },\n    } as ReactElement;\n\n    const handleSelect = (entry: Extract<DropdownMenuEntry, { type: \"item\" }>): void => {\n        entry.onSelect();\n        close();\n    };\n\n    return (\n        <span ref={rootRef} className={styles.root}>\n            {triggerClone}\n            {open && (\n                <ul\n                    id={id}\n                    role=\"menu\"\n                    className={cn(styles.menu, placementClass(placement), className)}\n                >\n                    {items.map((entry, index) => {\n                        if (entry.type === \"separator\") {\n                            return (\n                                <li\n                                    key={entry.id}\n                                    role=\"separator\"\n                                    className={styles.separator}\n                                    aria-hidden\n                                />\n                            );\n                        }\n                        if (entry.type === \"label\") {\n                            return (\n                                <li key={entry.id} role=\"presentation\" className={styles.label}>\n                                    {entry.label}\n                                </li>\n                            );\n                        }\n                        return (\n                            <li key={entry.id} role=\"none\">\n                                <button\n                                    ref={(el) => {\n                                        itemRefs.current[index] = el;\n                                    }}\n                                    type=\"button\"\n                                    role=\"menuitem\"\n                                    className={cn(\n                                        styles.item,\n                                        entry.danger && styles.danger,\n                                        activeIndex === index && styles.active,\n                                    )}\n                                    disabled={entry.disabled}\n                                    onClick={() => handleSelect(entry)}\n                                    onMouseEnter={() => setActiveIndex(index)}\n                                >\n                                    {entry.icon && <span aria-hidden>{entry.icon}</span>}\n                                    {entry.label}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n            )}\n        </span>\n    );\n}\n"],"mappings":"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"}

package/dist/components/DropdownMenu/DropdownMenu.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_5ZetV`,t=`tempest_menu_-RiRW`,n=`tempest_tempest-menu-in_uCs9q`,r=`tempest_bottomStart_z60h9`,i=`tempest_bottomEnd_b1tmU`,a=`tempest_topStart_A0em2`,o=`tempest_topEnd_cFA5-`,s=`tempest_item_T-QPZ`,c=`tempest_active_WNqoX`,l=`tempest_danger_C0jN3`,u=`tempest_separator_RimQa`,d=`tempest_label_6yP76`,f={root:e,menu:t,tempestMenuIn:n,bottomStart:r,bottomEnd:i,topStart:a,topEnd:o,item:s,active:c,danger:l,separator:u,label:d};exports.active=c,exports.bottomEnd=i,exports.bottomStart=r,exports.danger=l,exports.default=f,exports.item=s,exports.label=d,exports.menu=t,exports.root=e,exports.separator=u,exports.tempestMenuIn=n,exports.topEnd=o,exports.topStart=a;
+//# sourceMappingURL=DropdownMenu.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.module.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.menu {\n    position: absolute;\n    z-index: var(--tempest-z-dropdown);\n    min-width: 180px;\n    max-width: 320px;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    list-style: none;\n    margin: 0;\n    animation: tempest-menu-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.bottomStart {\n    top: calc(100% + 4px);\n    left: 0;\n}\n.bottomEnd {\n    top: calc(100% + 4px);\n    right: 0;\n}\n.topStart {\n    bottom: calc(100% + 4px);\n    left: 0;\n}\n.topEnd {\n    bottom: calc(100% + 4px);\n    right: 0;\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: inherit;\n    line-height: var(--tempest-leading-snug);\n    text-align: left;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .item:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.item:focus,\n.item.active {\n    outline: none;\n    background-color: var(--tempest-surface);\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.item.danger {\n    color: var(--tempest-danger);\n}\n\n.separator {\n    height: 1px;\n    background-color: var(--tempest-border);\n    margin: var(--tempest-space-1) 0;\n}\n\n.label {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n    letter-spacing: var(--tempest-tracking-wider);\n}\n\n@keyframes tempest-menu-in {\n    from {\n        opacity: 0;\n        transform: translateY(-4px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .menu {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/DropdownMenu/DropdownMenu.module.js

@@ -0,0 +1,19 @@
+//#region src/components/DropdownMenu/DropdownMenu.module.css
+var e = "tempest_root_5ZetV", t = "tempest_menu_-RiRW", n = "tempest_tempest-menu-in_uCs9q", r = "tempest_bottomStart_z60h9", i = "tempest_bottomEnd_b1tmU", a = "tempest_topStart_A0em2", o = "tempest_topEnd_cFA5-", s = "tempest_item_T-QPZ", c = "tempest_active_WNqoX", l = "tempest_danger_C0jN3", u = "tempest_separator_RimQa", d = "tempest_label_6yP76", f = {
+	root: e,
+	menu: t,
+	tempestMenuIn: n,
+	bottomStart: r,
+	bottomEnd: i,
+	topStart: a,
+	topEnd: o,
+	item: s,
+	active: c,
+	danger: l,
+	separator: u,
+	label: d
+};
+//#endregion
+export { c as active, i as bottomEnd, r as bottomStart, l as danger, f as default, s as item, d as label, t as menu, e as root, u as separator, n as tempestMenuIn, o as topEnd, a as topStart };
+
+//# sourceMappingURL=DropdownMenu.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.module.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.menu {\n    position: absolute;\n    z-index: var(--tempest-z-dropdown);\n    min-width: 180px;\n    max-width: 320px;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    list-style: none;\n    margin: 0;\n    animation: tempest-menu-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.bottomStart {\n    top: calc(100% + 4px);\n    left: 0;\n}\n.bottomEnd {\n    top: calc(100% + 4px);\n    right: 0;\n}\n.topStart {\n    bottom: calc(100% + 4px);\n    left: 0;\n}\n.topEnd {\n    bottom: calc(100% + 4px);\n    right: 0;\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: inherit;\n    line-height: var(--tempest-leading-snug);\n    text-align: left;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .item:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.item:focus,\n.item.active {\n    outline: none;\n    background-color: var(--tempest-surface);\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.item.danger {\n    color: var(--tempest-danger);\n}\n\n.separator {\n    height: 1px;\n    background-color: var(--tempest-border);\n    margin: var(--tempest-space-1) 0;\n}\n\n.label {\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    text-transform: uppercase;\n    letter-spacing: var(--tempest-tracking-wider);\n}\n\n@keyframes tempest-menu-in {\n    from {\n        opacity: 0;\n        transform: translateY(-4px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .menu {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Dropzone/Dropzone.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Dropzone.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({onDrop:i,accept:a,multiple:o=!0,disabled:s=!1,maxSize:c,onReject:l,children:u,className:d}){let f=(0,n.useRef)(null),[p,m]=(0,n.useState)(!1),h=e=>{if(!e||e.length===0)return;let t=Array.from(e),n=o?t:t.slice(0,1);if(c===void 0){i(n);return}let r=[],a=[];for(let e of n)e.size>c?a.push(e):r.push(e);a.length>0&&l?.(a),r.length>0&&i(r)},g=()=>{s||f.current?.click()};return(0,r.jsxs)(`div`,{role:`button`,tabIndex:s?-1:0,"aria-disabled":s||void 0,className:e.cn(t.default.zone,p&&t.default.dragging,s&&t.default.disabled,d),onClick:g,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),g())},onDragEnter:e=>{e.preventDefault(),!s&&m(!0)},onDragOver:e=>{e.preventDefault()},onDragLeave:e=>{e.preventDefault(),m(!1)},onDrop:e=>{e.preventDefault(),m(!1),!s&&h(e.dataTransfer.files)},children:[(0,r.jsx)(`input`,{ref:f,type:`file`,className:t.default.input,accept:a,multiple:o,disabled:s,onChange:e=>{h(e.target.files),e.target.value=``}}),u??(0,r.jsx)(`span`,{className:t.default.prompt,children:`Arraste arquivos aqui ou clique para selecionar`})]})}exports.Dropzone=i;
+//# sourceMappingURL=Dropzone.cjs.map

package/dist/components/Dropzone/Dropzone.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.cjs","names":[],"sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { DragEvent, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Dropzone.module.css\";\n\n/** Props for {@link Dropzone}. */\nexport interface DropzoneProps {\n    /** Called with the accepted files after a drop or file-dialog selection. */\n    onDrop: (files: File[]) => void;\n    /** `accept` attribute forwarded to the hidden file input. */\n    accept?: string;\n    /** Allow selecting/dropping multiple files. Default `true`. */\n    multiple?: boolean;\n    /** Disable interaction. */\n    disabled?: boolean;\n    /** Maximum file size in bytes; larger files are filtered out. */\n    maxSize?: number;\n    /** Called with files rejected by `maxSize`. */\n    onReject?: (files: File[]) => void;\n    /** Custom inner content. Falls back to a default prompt. */\n    children?: ReactNode;\n    /** Extra class applied to the drop area. */\n    className?: string;\n}\n\n/**\n * Drag-and-drop file area with a hidden file input. Clickable and keyboard\n * focusable; filters by `maxSize` before calling `onDrop`.\n *\n * @example\n * <Dropzone accept=\"image/*\" maxSize={5 * 1024 * 1024} onDrop={setFiles}>\n *     Solte imagens aqui ou clique para selecionar\n * </Dropzone>\n */\nexport function Dropzone({\n    onDrop,\n    accept,\n    multiple = true,\n    disabled = false,\n    maxSize,\n    onReject,\n    children,\n    className,\n}: DropzoneProps) {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isDragging, setIsDragging] = useState(false);\n\n    const handleFiles = (fileList: FileList | null): void => {\n        if (!fileList || fileList.length === 0) return;\n        const all = Array.from(fileList);\n        const limited = multiple ? all : all.slice(0, 1);\n\n        if (maxSize === undefined) {\n            onDrop(limited);\n            return;\n        }\n\n        const accepted: File[] = [];\n        const rejected: File[] = [];\n        for (const file of limited) {\n            if (file.size > maxSize) rejected.push(file);\n            else accepted.push(file);\n        }\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length > 0) onDrop(accepted);\n    };\n\n    const openDialog = (): void => {\n        if (disabled) return;\n        inputRef.current?.click();\n    };\n\n    const handleDragEnter = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        if (disabled) return;\n        setIsDragging(true);\n    };\n\n    const handleDragOver = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n    };\n\n    const handleDragLeave = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n    };\n\n    const handleDrop = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n        if (disabled) return;\n        handleFiles(event.dataTransfer.files);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            openDialog();\n        }\n    };\n\n    return (\n        <div\n            role=\"button\"\n            tabIndex={disabled ? -1 : 0}\n            aria-disabled={disabled || undefined}\n            className={cn(\n                styles.zone,\n                isDragging && styles.dragging,\n                disabled && styles.disabled,\n                className,\n            )}\n            onClick={openDialog}\n            onKeyDown={handleKeyDown}\n            onDragEnter={handleDragEnter}\n            onDragOver={handleDragOver}\n            onDragLeave={handleDragLeave}\n            onDrop={handleDrop}\n        >\n            <input\n                ref={inputRef}\n                type=\"file\"\n                className={styles.input}\n                accept={accept}\n                multiple={multiple}\n                disabled={disabled}\n                onChange={(event) => {\n                    handleFiles(event.target.files);\n                    event.target.value = \"\";\n                }}\n            />\n            {children ?? (\n                <span className={styles.prompt}>\n                    Arraste arquivos aqui ou clique para selecionar\n                </span>\n            )}\n        </div>\n    );\n}\n"],"mappings":"+HAkCA,SAAgB,EAAS,CACrB,SACA,SACA,WAAW,GACX,WAAW,GACX,UACA,WACA,WACA,aACc,CACd,IAAM,GAAA,EAAA,EAAA,OAAA,CAAoC,IAAI,EACxC,CAAC,EAAY,IAAA,EAAA,EAAA,SAAA,CAA0B,EAAK,EAE5C,EAAe,GAAoC,CACrD,GAAI,CAAC,GAAY,EAAS,SAAW,EAAG,OACxC,IAAM,EAAM,MAAM,KAAK,CAAQ,EACzB,EAAU,EAAW,EAAM,EAAI,MAAM,EAAG,CAAC,EAE/C,GAAI,IAAY,IAAA,GAAW,CACvB,EAAO,CAAO,EACd,MACJ,CAEA,IAAM,EAAmB,CAAC,EACpB,EAAmB,CAAC,EAC1B,IAAK,IAAM,KAAQ,EACX,EAAK,KAAO,EAAS,EAAS,KAAK,CAAI,EACtC,EAAS,KAAK,CAAI,EAEvB,EAAS,OAAS,GAAG,IAAW,CAAQ,EACxC,EAAS,OAAS,GAAG,EAAO,CAAQ,CAC5C,EAEM,MAAyB,CACvB,GACJ,EAAS,SAAS,MAAM,CAC5B,EA+BA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,KAAK,SACL,SAAU,EAAW,GAAK,EAC1B,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,GACP,EAAA,QAAO,KACP,GAAc,EAAA,QAAO,SACrB,GAAY,EAAA,QAAO,SACnB,CACJ,EACA,QAAS,EACT,UAnBe,GAA+C,EAC9D,EAAM,MAAQ,SAAW,EAAM,MAAQ,OACvC,EAAM,eAAe,EACrB,EAAW,EAEnB,EAeQ,YA1CiB,GAA2C,CAChE,EAAM,eAAe,EACjB,IACJ,EAAc,EAAI,CACtB,EAuCQ,WArCgB,GAA2C,CAC/D,EAAM,eAAe,CACzB,EAoCQ,YAlCiB,GAA2C,CAChE,EAAM,eAAe,EACrB,EAAc,EAAK,CACvB,EAgCQ,OA9BY,GAA2C,CAC3D,EAAM,eAAe,EACrB,EAAc,EAAK,EACf,IACJ,EAAY,EAAM,aAAa,KAAK,CACxC,WAUI,EAiBI,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,IAAK,EACL,KAAK,OACL,UAAW,EAAA,QAAO,MACV,SACE,WACA,WACV,SAAW,GAAU,CACjB,EAAY,EAAM,OAAO,KAAK,EAC9B,EAAM,OAAO,MAAQ,EACzB,CACH,CAAA,EACA,IACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,gBAAQ,iDAE1B,CAAA,CAET,GAEb"}

package/dist/components/Dropzone/Dropzone.js

@@ -0,0 +1,60 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Dropzone.module.js";
+import { useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Dropzone/Dropzone.tsx
+function o({ onDrop: o, accept: s, multiple: c = !0, disabled: l = !1, maxSize: u, onReject: d, children: f, className: p }) {
+	let m = n(null), [h, g] = r(!1), _ = (e) => {
+		if (!e || e.length === 0) return;
+		let t = Array.from(e), n = c ? t : t.slice(0, 1);
+		if (u === void 0) {
+			o(n);
+			return;
+		}
+		let r = [], i = [];
+		for (let e of n) e.size > u ? i.push(e) : r.push(e);
+		i.length > 0 && d?.(i), r.length > 0 && o(r);
+	}, v = () => {
+		l || m.current?.click();
+	};
+	return /* @__PURE__ */ a("div", {
+		role: "button",
+		tabIndex: l ? -1 : 0,
+		"aria-disabled": l || void 0,
+		className: e(t.zone, h && t.dragging, l && t.disabled, p),
+		onClick: v,
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v());
+		},
+		onDragEnter: (e) => {
+			e.preventDefault(), !l && g(!0);
+		},
+		onDragOver: (e) => {
+			e.preventDefault();
+		},
+		onDragLeave: (e) => {
+			e.preventDefault(), g(!1);
+		},
+		onDrop: (e) => {
+			e.preventDefault(), g(!1), !l && _(e.dataTransfer.files);
+		},
+		children: [/* @__PURE__ */ i("input", {
+			ref: m,
+			type: "file",
+			className: t.input,
+			accept: s,
+			multiple: c,
+			disabled: l,
+			onChange: (e) => {
+				_(e.target.files), e.target.value = "";
+			}
+		}), f ?? /* @__PURE__ */ i("span", {
+			className: t.prompt,
+			children: "Arraste arquivos aqui ou clique para selecionar"
+		})]
+	});
+}
+//#endregion
+export { o as Dropzone };
+
+//# sourceMappingURL=Dropzone.js.map

package/dist/components/Dropzone/Dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.js","names":[],"sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { DragEvent, KeyboardEvent, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Dropzone.module.css\";\n\n/** Props for {@link Dropzone}. */\nexport interface DropzoneProps {\n    /** Called with the accepted files after a drop or file-dialog selection. */\n    onDrop: (files: File[]) => void;\n    /** `accept` attribute forwarded to the hidden file input. */\n    accept?: string;\n    /** Allow selecting/dropping multiple files. Default `true`. */\n    multiple?: boolean;\n    /** Disable interaction. */\n    disabled?: boolean;\n    /** Maximum file size in bytes; larger files are filtered out. */\n    maxSize?: number;\n    /** Called with files rejected by `maxSize`. */\n    onReject?: (files: File[]) => void;\n    /** Custom inner content. Falls back to a default prompt. */\n    children?: ReactNode;\n    /** Extra class applied to the drop area. */\n    className?: string;\n}\n\n/**\n * Drag-and-drop file area with a hidden file input. Clickable and keyboard\n * focusable; filters by `maxSize` before calling `onDrop`.\n *\n * @example\n * <Dropzone accept=\"image/*\" maxSize={5 * 1024 * 1024} onDrop={setFiles}>\n *     Solte imagens aqui ou clique para selecionar\n * </Dropzone>\n */\nexport function Dropzone({\n    onDrop,\n    accept,\n    multiple = true,\n    disabled = false,\n    maxSize,\n    onReject,\n    children,\n    className,\n}: DropzoneProps) {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isDragging, setIsDragging] = useState(false);\n\n    const handleFiles = (fileList: FileList | null): void => {\n        if (!fileList || fileList.length === 0) return;\n        const all = Array.from(fileList);\n        const limited = multiple ? all : all.slice(0, 1);\n\n        if (maxSize === undefined) {\n            onDrop(limited);\n            return;\n        }\n\n        const accepted: File[] = [];\n        const rejected: File[] = [];\n        for (const file of limited) {\n            if (file.size > maxSize) rejected.push(file);\n            else accepted.push(file);\n        }\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length > 0) onDrop(accepted);\n    };\n\n    const openDialog = (): void => {\n        if (disabled) return;\n        inputRef.current?.click();\n    };\n\n    const handleDragEnter = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        if (disabled) return;\n        setIsDragging(true);\n    };\n\n    const handleDragOver = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n    };\n\n    const handleDragLeave = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n    };\n\n    const handleDrop = (event: DragEvent<HTMLDivElement>): void => {\n        event.preventDefault();\n        setIsDragging(false);\n        if (disabled) return;\n        handleFiles(event.dataTransfer.files);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>): void => {\n        if (event.key === \"Enter\" || event.key === \" \") {\n            event.preventDefault();\n            openDialog();\n        }\n    };\n\n    return (\n        <div\n            role=\"button\"\n            tabIndex={disabled ? -1 : 0}\n            aria-disabled={disabled || undefined}\n            className={cn(\n                styles.zone,\n                isDragging && styles.dragging,\n                disabled && styles.disabled,\n                className,\n            )}\n            onClick={openDialog}\n            onKeyDown={handleKeyDown}\n            onDragEnter={handleDragEnter}\n            onDragOver={handleDragOver}\n            onDragLeave={handleDragLeave}\n            onDrop={handleDrop}\n        >\n            <input\n                ref={inputRef}\n                type=\"file\"\n                className={styles.input}\n                accept={accept}\n                multiple={multiple}\n                disabled={disabled}\n                onChange={(event) => {\n                    handleFiles(event.target.files);\n                    event.target.value = \"\";\n                }}\n            />\n            {children ?? (\n                <span className={styles.prompt}>\n                    Arraste arquivos aqui ou clique para selecionar\n                </span>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAkCA,SAAgB,EAAS,EACrB,WACA,WACA,cAAW,IACX,cAAW,IACX,YACA,aACA,aACA,gBACc;CACd,IAAM,IAAW,EAAyB,IAAI,GACxC,CAAC,GAAY,KAAiB,EAAS,EAAK,GAE5C,KAAe,MAAoC;EACrD,IAAI,CAAC,KAAY,EAAS,WAAW,GAAG;EACxC,IAAM,IAAM,MAAM,KAAK,CAAQ,GACzB,IAAU,IAAW,IAAM,EAAI,MAAM,GAAG,CAAC;EAE/C,IAAI,MAAY,KAAA,GAAW;GACvB,EAAO,CAAO;GACd;EACJ;EAEA,IAAM,IAAmB,CAAC,GACpB,IAAmB,CAAC;EAC1B,KAAK,IAAM,KAAQ,GACf,AAAI,EAAK,OAAO,IAAS,EAAS,KAAK,CAAI,IACtC,EAAS,KAAK,CAAI;EAG3B,AADI,EAAS,SAAS,KAAG,IAAW,CAAQ,GACxC,EAAS,SAAS,KAAG,EAAO,CAAQ;CAC5C,GAEM,UAAyB;EACvB,KACJ,EAAS,SAAS,MAAM;CAC5B;CA+BA,OACI,kBAAC,OAAD;EACI,MAAK;EACL,UAAU,IAAW,KAAK;EAC1B,iBAAe,KAAY,KAAA;EAC3B,WAAW,EACP,EAAO,MACP,KAAc,EAAO,UACrB,KAAY,EAAO,UACnB,CACJ;EACA,SAAS;EACT,YAnBe,MAA+C;GAClE,CAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACvC,EAAM,eAAe,GACrB,EAAW;EAEnB;EAeQ,cA1CiB,MAA2C;GAChE,EAAM,eAAe,GACjB,MACJ,EAAc,EAAI;EACtB;EAuCQ,aArCgB,MAA2C;GAC/D,EAAM,eAAe;EACzB;EAoCQ,cAlCiB,MAA2C;GAEhE,AADA,EAAM,eAAe,GACrB,EAAc,EAAK;EACvB;EAgCQ,SA9BY,MAA2C;GAC3D,EAAM,eAAe,GACrB,EAAc,EAAK,GACf,MACJ,EAAY,EAAM,aAAa,KAAK;EACxC;YAUI,CAiBI,kBAAC,SAAD;GACI,KAAK;GACL,MAAK;GACL,WAAW,EAAO;GACV;GACE;GACA;GACV,WAAW,MAAU;IAEjB,AADA,EAAY,EAAM,OAAO,KAAK,GAC9B,EAAM,OAAO,QAAQ;GACzB;EACH,CAAA,GACA,KACG,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAQ;EAE1B,CAAA,CAET;;AAEb"}

package/dist/components/Dropzone/Dropzone.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_zone_u04pu`,t=`tempest_dragging_uGtl4`,n=`tempest_disabled_GTKfV`,r=`tempest_input_qhJ1u`,i=`tempest_prompt_mlpWz`,a={zone:e,dragging:t,disabled:n,input:r,prompt:i};exports.default=a,exports.disabled=n,exports.dragging=t,exports.input=r,exports.prompt=i,exports.zone=e;
+//# sourceMappingURL=Dropzone.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.module.cjs","names":[],"sources":["../../../src/components/Dropzone/Dropzone.module.css"],"sourcesContent":[".zone {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    min-height: 120px;\n    padding: var(--tempest-space-6, 24px);\n    border: 2px dashed var(--tempest-border);\n    border-radius: var(--tempest-radius-lg, 12px);\n    background: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        border-color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.zone:hover,\n.zone:focus-visible {\n    border-color: var(--tempest-primary);\n    color: var(--tempest-text);\n    outline: none;\n}\n\n.dragging {\n    border-color: var(--tempest-primary);\n    background: var(--tempest-primary-subtle, var(--tempest-surface));\n    color: var(--tempest-text);\n}\n\n.disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.input {\n    display: none;\n}\n\n.prompt {\n    line-height: 1.4;\n}\n"],"mappings":""}

package/dist/components/Dropzone/Dropzone.module.js

@@ -0,0 +1,12 @@
+//#region src/components/Dropzone/Dropzone.module.css
+var e = "tempest_zone_u04pu", t = "tempest_dragging_uGtl4", n = "tempest_disabled_GTKfV", r = "tempest_input_qhJ1u", i = "tempest_prompt_mlpWz", a = {
+	zone: e,
+	dragging: t,
+	disabled: n,
+	input: r,
+	prompt: i
+};
+//#endregion
+export { a as default, n as disabled, t as dragging, r as input, i as prompt, e as zone };
+
+//# sourceMappingURL=Dropzone.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.module.js","names":[],"sources":["../../../src/components/Dropzone/Dropzone.module.css"],"sourcesContent":[".zone {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    min-height: 120px;\n    padding: var(--tempest-space-6, 24px);\n    border: 2px dashed var(--tempest-border);\n    border-radius: var(--tempest-radius-lg, 12px);\n    background: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    cursor: pointer;\n    transition:\n        border-color var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out),\n        background var(--tempest-duration-fast, 120ms) var(--tempest-ease-out, ease-out);\n}\n\n.zone:hover,\n.zone:focus-visible {\n    border-color: var(--tempest-primary);\n    color: var(--tempest-text);\n    outline: none;\n}\n\n.dragging {\n    border-color: var(--tempest-primary);\n    background: var(--tempest-primary-subtle, var(--tempest-surface));\n    color: var(--tempest-text);\n}\n\n.disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.input {\n    display: none;\n}\n\n.prompt {\n    line-height: 1.4;\n}\n"],"mappings":""}