tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/ErrorState/ErrorState.js

@@ -1,35 +1,51 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { cn as l } from "../../utils/cn.js";
-import e from "./ErrorState.module.css.js";
-import { Button as d } from "../Button/Button.js";
-function v({
-  title: i = "Algo deu errado",
-  description: o = "Não foi possível carregar essas informações.",
-  onRetry: n,
-  retryLabel: t = "Tentar novamente",
-  icon: a,
-  className: s
-}) {
-  return /* @__PURE__ */ c("div", { className: l(e.wrapper, s), children: [
-    /* @__PURE__ */ r("div", { className: e.icon, children: a ?? /* @__PURE__ */ r(m, {}) }),
-    /* @__PURE__ */ r("h4", { className: e.title, children: i }),
-    o && /* @__PURE__ */ r("p", { className: e.description, children: o }),
-    n && /* @__PURE__ */ r("div", { className: e.action, children: /* @__PURE__ */ r(d, { variant: "secondary", onClick: n, children: t }) })
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import { Button as t } from "../Button/Button.js";
+import n from "./ErrorState.module.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/ErrorState/ErrorState.tsx
+function a({ title: a = "Algo deu errado", description: s = "Não foi possível carregar essas informações.", onRetry: c, retryLabel: l = "Tentar novamente", icon: u, className: d }) {
+	return /* @__PURE__ */ i("div", {
+		className: e(n.wrapper, d),
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: n.icon,
+				children: u ?? /* @__PURE__ */ r(o, {})
+			}),
+			/* @__PURE__ */ r("h4", {
+				className: n.title,
+				children: a
+			}),
+			s && /* @__PURE__ */ r("p", {
+				className: n.description,
+				children: s
+			}),
+			c && /* @__PURE__ */ r("div", {
+				className: n.action,
+				children: /* @__PURE__ */ r(t, {
+					variant: "secondary",
+					onClick: c,
+					children: l
+				})
+			})
+		]
+	});
 }
-function m() {
-  return /* @__PURE__ */ r("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ r(
-    "path",
-    {
-      d: "M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
+function o() {
+	return /* @__PURE__ */ r("svg", {
+		width: "22",
+		height: "22",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ r("path", {
+			d: "M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
 }
-export {
-  v as ErrorState
-};
-//# sourceMappingURL=ErrorState.js.map
+//#endregion
+export { a as ErrorState };
+
+//# sourceMappingURL=ErrorState.js.map

package/dist/components/ErrorState/ErrorState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorState.js","sources":["../../../src/components/ErrorState/ErrorState.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"@/components/Button\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ErrorState.module.css\";\n\nexport interface ErrorStateProps {\n    title?: ReactNode;\n    description?: ReactNode;\n    onRetry?: () => void;\n    retryLabel?: string;\n    icon?: ReactNode;\n    className?: string;\n}\n\n/** Error placeholder with optional retry CTA. Use when a request fails. */\nexport function ErrorState({\n    title = \"Algo deu errado\",\n    description = \"Não foi possível carregar essas informações.\",\n    onRetry,\n    retryLabel = \"Tentar novamente\",\n    icon,\n    className,\n}: ErrorStateProps) {\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            <div className={styles.icon}>{icon ?? <AlertIcon />}</div>\n            <h4 className={styles.title}>{title}</h4>\n            {description && <p className={styles.description}>{description}</p>}\n            {onRetry && (\n                <div className={styles.action}>\n                    <Button variant=\"secondary\" onClick={onRetry}>\n                        {retryLabel}\n                    </Button>\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction AlertIcon() {\n    return (\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["ErrorState","title","description","onRetry","retryLabel","icon","className","cn","styles","jsx","AlertIcon","Button"],"mappings":";;;;AAeO,SAASA,EAAW;AAAA,EACvB,OAAAC,IAAQ;AAAA,EACR,aAAAC,IAAc;AAAA,EACd,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,MAAAC;AAAA,EACA,WAAAC;AACJ,GAAoB;AAChB,2BACK,OAAA,EAAI,WAAWC,EAAGC,EAAO,SAASF,CAAS,GACxC,UAAA;AAAA,IAAA,gBAAAG,EAAC,SAAI,WAAWD,EAAO,MAAO,UAAAH,KAAQ,gBAAAI,EAACC,KAAU,EAAA,CAAG;AAAA,IACpD,gBAAAD,EAAC,MAAA,EAAG,WAAWD,EAAO,OAAQ,UAAAP,GAAM;AAAA,IACnCC,KAAe,gBAAAO,EAAC,KAAA,EAAE,WAAWD,EAAO,aAAc,UAAAN,GAAY;AAAA,IAC9DC,KACG,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAO,QACnB,UAAA,gBAAAC,EAACE,GAAA,EAAO,SAAQ,aAAY,SAASR,GAChC,aACL,EAAA,CACJ;AAAA,EAAA,GAER;AAER;AAEA,SAASO,IAAY;AACjB,SACI,gBAAAD,EAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QACjD,UAAA,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,IAAA;AAAA,EAAA,GAEvB;AAER;"}
+{"version":3,"file":"ErrorState.js","names":[],"sources":["../../../src/components/ErrorState/ErrorState.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"@/components/Button\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ErrorState.module.css\";\n\nexport interface ErrorStateProps {\n    title?: ReactNode;\n    description?: ReactNode;\n    onRetry?: () => void;\n    retryLabel?: string;\n    icon?: ReactNode;\n    className?: string;\n}\n\n/** Error placeholder with optional retry CTA. Use when a request fails. */\nexport function ErrorState({\n    title = \"Algo deu errado\",\n    description = \"Não foi possível carregar essas informações.\",\n    onRetry,\n    retryLabel = \"Tentar novamente\",\n    icon,\n    className,\n}: ErrorStateProps) {\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            <div className={styles.icon}>{icon ?? <AlertIcon />}</div>\n            <h4 className={styles.title}>{title}</h4>\n            {description && <p className={styles.description}>{description}</p>}\n            {onRetry && (\n                <div className={styles.action}>\n                    <Button variant=\"secondary\" onClick={onRetry}>\n                        {retryLabel}\n                    </Button>\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction AlertIcon() {\n    return (\n        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AAeA,SAAgB,EAAW,EACvB,WAAQ,mBACR,iBAAc,gDACd,YACA,gBAAa,oBACb,SACA,gBACgB;CAChB,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;YAA5C;GACI,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAO,KAAQ,kBAAC,GAAD,CAAY,CAAA;GAAO,CAAA;GACzD,kBAAC,MAAD;IAAI,WAAW,EAAO;cAAQ;GAAU,CAAA;GACvC,KAAe,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAc;GAAe,CAAA;GACjE,KACG,kBAAC,OAAD;IAAK,WAAW,EAAO;cACnB,kBAAC,GAAD;KAAQ,SAAQ;KAAY,SAAS;eAChC;IACG,CAAA;GACP,CAAA;EAER;;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;GACd,gBAAe;EAClB,CAAA;CACA,CAAA;AAEb"}

package/dist/components/ErrorState/ErrorState.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_luRyF`,t=`tempest_icon_dEdBl`,n=`tempest_title_StutD`,r=`tempest_description_A2XCb`,i=`tempest_action_vm1LC`,a={wrapper:e,icon:t,title:n,description:r,action:i};exports.action=i,exports.default=a,exports.description=r,exports.icon=t,exports.title=n,exports.wrapper=e;
+//# sourceMappingURL=ErrorState.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.module.cjs","names":[],"sources":["../../../src/components/ErrorState/ErrorState.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-8) var(--tempest-space-4);\n    text-align: center;\n    font-family: var(--tempest-font-sans);\n}\n\n.icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-normal);\n    max-width: 480px;\n}\n\n.action {\n    margin-top: var(--tempest-space-2);\n}\n"],"mappings":""}

package/dist/components/ErrorState/ErrorState.module.js

@@ -0,0 +1,12 @@
+//#region src/components/ErrorState/ErrorState.module.css
+var e = "tempest_wrapper_luRyF", t = "tempest_icon_dEdBl", n = "tempest_title_StutD", r = "tempest_description_A2XCb", i = "tempest_action_vm1LC", a = {
+	wrapper: e,
+	icon: t,
+	title: n,
+	description: r,
+	action: i
+};
+//#endregion
+export { i as action, a as default, r as description, t as icon, n as title, e as wrapper };
+
+//# sourceMappingURL=ErrorState.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.module.js","names":[],"sources":["../../../src/components/ErrorState/ErrorState.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-8) var(--tempest-space-4);\n    text-align: center;\n    font-family: var(--tempest-font-sans);\n}\n\n.icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 48px;\n    height: 48px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger);\n}\n\n.title {\n    margin: 0;\n    font-size: var(--tempest-text-lg);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n}\n\n.description {\n    margin: 0;\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-normal);\n    max-width: 480px;\n}\n\n.action {\n    margin-top: var(--tempest-space-2);\n}\n"],"mappings":""}

package/dist/components/ErrorText/ErrorText.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("../../utils/cn.cjs"),n=require("./ErrorText.module.css.cjs");function s({children:r,className:e,...t}){return r==null||r===!1||r===""?null:o.jsx("p",{role:"alert",className:u.cn(n.default.errorText,e),...t,children:r})}exports.ErrorText=s;
-//# sourceMappingURL=ErrorText.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./ErrorText.module.cjs");let n=require("react/jsx-runtime");function r({children:r,className:i,...a}){return r==null||r===!1||r===``?null:(0,n.jsx)(`p`,{role:`alert`,className:e.cn(t.default.errorText,i),...a,children:r})}exports.ErrorText=r;
+//# sourceMappingURL=ErrorText.cjs.map

package/dist/components/ErrorText/ErrorText.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorText.cjs","sources":["../../../src/components/ErrorText/ErrorText.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ErrorText.module.css\";\n\nexport interface ErrorTextProps extends HTMLAttributes<HTMLParagraphElement> {\n    /** The error message. When empty, the component renders nothing. */\n    children?: ReactNode;\n}\n\n/**\n * Renders a form-field error message as a `<p role=\"alert\">`.\n *\n * Renders `null` when there are no children, so it can be placed\n * unconditionally below a field and only appears when an error is present.\n * Styled with the `--tempest-danger` token (falling back to a red default).\n *\n * @param props - The error-text props, plus any `<p>` attributes.\n * @returns The alert paragraph, or `null` when there is no message.\n */\nexport function ErrorText({ children, className, ...props }: ErrorTextProps): ReactNode {\n    if (children === null || children === undefined || children === false || children === \"\") {\n        return null;\n    }\n    return (\n        <p role=\"alert\" className={cn(styles.errorText, className)} {...props}>\n            {children}\n        </p>\n    );\n}\n"],"names":["ErrorText","children","className","props","jsx","cn","styles"],"mappings":"6LAmBO,SAASA,EAAU,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGC,GAAoC,CACpF,OAAIF,GAAa,MAAkCA,IAAa,IAASA,IAAa,GAC3E,KAGPG,EAAAA,IAAC,IAAA,CAAE,KAAK,QAAQ,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,UAAWJ,CAAS,EAAI,GAAGC,EAC3D,SAAAF,CAAA,CACL,CAER"}
+{"version":3,"file":"ErrorText.cjs","names":[],"sources":["../../../src/components/ErrorText/ErrorText.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ErrorText.module.css\";\n\nexport interface ErrorTextProps extends HTMLAttributes<HTMLParagraphElement> {\n    /** The error message. When empty, the component renders nothing. */\n    children?: ReactNode;\n}\n\n/**\n * Renders a form-field error message as a `<p role=\"alert\">`.\n *\n * Renders `null` when there are no children, so it can be placed\n * unconditionally below a field and only appears when an error is present.\n * Styled with the `--tempest-danger` token (falling back to a red default).\n *\n * @param props - The error-text props, plus any `<p>` attributes.\n * @returns The alert paragraph, or `null` when there is no message.\n */\nexport function ErrorText({ children, className, ...props }: ErrorTextProps): ReactNode {\n    if (children === null || children === undefined || children === false || children === \"\") {\n        return null;\n    }\n    return (\n        <p role=\"alert\" className={cn(styles.errorText, className)} {...props}>\n            {children}\n        </p>\n    );\n}\n"],"mappings":"6GAmBA,SAAgB,EAAU,CAAE,WAAU,YAAW,GAAG,GAAoC,CAIpF,OAHI,GAAa,MAAkC,IAAa,IAAS,IAAa,GAC3E,MAGP,EAAA,EAAA,IAAA,CAAC,IAAD,CAAG,KAAK,QAAQ,UAAW,EAAA,GAAG,EAAA,QAAO,UAAW,CAAS,EAAG,GAAI,EAC3D,UACF,CAAA,CAEX"}

package/dist/components/ErrorText/ErrorText.js

@@ -1,10 +1,16 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as m } from "../../utils/cn.js";
-import f from "./ErrorText.module.css.js";
-function u({ children: r, className: o, ...t }) {
-  return r == null || r === !1 || r === "" ? null : /* @__PURE__ */ e("p", { role: "alert", className: m(f.errorText, o), ...t, children: r });
+import { cn as e } from "../../utils/cn.js";
+import t from "./ErrorText.module.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/ErrorText/ErrorText.tsx
+function r({ children: r, className: i, ...a }) {
+	return r == null || r === !1 || r === "" ? null : /* @__PURE__ */ n("p", {
+		role: "alert",
+		className: e(t.errorText, i),
+		...a,
+		children: r
+	});
 }
-export {
-  u as ErrorText
-};
-//# sourceMappingURL=ErrorText.js.map
+//#endregion
+export { r as ErrorText };
+
+//# sourceMappingURL=ErrorText.js.map

package/dist/components/ErrorText/ErrorText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorText.js","sources":["../../../src/components/ErrorText/ErrorText.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ErrorText.module.css\";\n\nexport interface ErrorTextProps extends HTMLAttributes<HTMLParagraphElement> {\n    /** The error message. When empty, the component renders nothing. */\n    children?: ReactNode;\n}\n\n/**\n * Renders a form-field error message as a `<p role=\"alert\">`.\n *\n * Renders `null` when there are no children, so it can be placed\n * unconditionally below a field and only appears when an error is present.\n * Styled with the `--tempest-danger` token (falling back to a red default).\n *\n * @param props - The error-text props, plus any `<p>` attributes.\n * @returns The alert paragraph, or `null` when there is no message.\n */\nexport function ErrorText({ children, className, ...props }: ErrorTextProps): ReactNode {\n    if (children === null || children === undefined || children === false || children === \"\") {\n        return null;\n    }\n    return (\n        <p role=\"alert\" className={cn(styles.errorText, className)} {...props}>\n            {children}\n        </p>\n    );\n}\n"],"names":["ErrorText","children","className","props","jsx","cn","styles"],"mappings":";;;AAmBO,SAASA,EAAU,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,KAAoC;AACpF,SAAIF,KAAa,QAAkCA,MAAa,MAASA,MAAa,KAC3E,OAGP,gBAAAG,EAAC,KAAA,EAAE,MAAK,SAAQ,WAAWC,EAAGC,EAAO,WAAWJ,CAAS,GAAI,GAAGC,GAC3D,UAAAF,EAAA,CACL;AAER;"}
+{"version":3,"file":"ErrorText.js","names":[],"sources":["../../../src/components/ErrorText/ErrorText.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./ErrorText.module.css\";\n\nexport interface ErrorTextProps extends HTMLAttributes<HTMLParagraphElement> {\n    /** The error message. When empty, the component renders nothing. */\n    children?: ReactNode;\n}\n\n/**\n * Renders a form-field error message as a `<p role=\"alert\">`.\n *\n * Renders `null` when there are no children, so it can be placed\n * unconditionally below a field and only appears when an error is present.\n * Styled with the `--tempest-danger` token (falling back to a red default).\n *\n * @param props - The error-text props, plus any `<p>` attributes.\n * @returns The alert paragraph, or `null` when there is no message.\n */\nexport function ErrorText({ children, className, ...props }: ErrorTextProps): ReactNode {\n    if (children === null || children === undefined || children === false || children === \"\") {\n        return null;\n    }\n    return (\n        <p role=\"alert\" className={cn(styles.errorText, className)} {...props}>\n            {children}\n        </p>\n    );\n}\n"],"mappings":";;;;AAmBA,SAAgB,EAAU,EAAE,aAAU,cAAW,GAAG,KAAoC;CAIpF,OAHI,KAAa,QAAkC,MAAa,MAAS,MAAa,KAC3E,OAGP,kBAAC,KAAD;EAAG,MAAK;EAAQ,WAAW,EAAG,EAAO,WAAW,CAAS;EAAG,GAAI;EAC3D;CACF,CAAA;AAEX"}

package/dist/components/ErrorText/ErrorText.module.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorText.module.cjs","names":[],"sources":["../../../src/components/ErrorText/ErrorText.module.css"],"sourcesContent":[".errorText {\n    margin: 0;\n    font-size: var(--tempest-font-size-sm, 0.8125rem);\n    line-height: 1.4;\n    color: var(--tempest-danger, var(--tempest-color-danger, #dc2626));\n}\n"],"mappings":""}

package/dist/components/ErrorText/ErrorText.module.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorText.module.js","names":[],"sources":["../../../src/components/ErrorText/ErrorText.module.css"],"sourcesContent":[".errorText {\n    margin: 0;\n    font-size: var(--tempest-font-size-sm, 0.8125rem);\n    line-height: 1.4;\n    color: var(--tempest-danger, var(--tempest-color-danger, #dc2626));\n}\n"],"mappings":""}

package/dist/components/FileUpload/FileUpload.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),j=require("react"),g=require("../../utils/cn.cjs"),n=require("./FileUpload.module.css.cjs");function C(r){return r<1024?`${r} B`:r<1024*1024?`${(r/1024).toFixed(1)} KB`:`${(r/1024/1024).toFixed(1)} MB`}function F(r,l){if(!l)return!0;const u=l.split(",").map(s=>s.trim().toLowerCase()),f=r.name.toLowerCase(),o=r.type.toLowerCase();return u.some(s=>s.startsWith(".")?f.endsWith(s):s.endsWith("/*")?o.startsWith(s.replace("/*","/")):o===s)}function L({value:r,onChange:l,label:u,accept:f,multiple:o=!1,maxSize:s,onReject:v,disabled:i,title:D="Arraste arquivos aqui ou clique para selecionar",subtitle:m,className:N}){const[k,h]=j.useState(!1),p=j.useRef(null);function x(e){const a=[],d=[];for(const c of Array.from(e)){if(!F(c,f)){d.push({file:c,reason:"type"});continue}if(s&&c.size>s){d.push({file:c,reason:"size"});continue}a.push(c)}if(d.length>0&&v?.(d),a.length===0)return;const y=o?[...r,...a]:a.slice(0,1);l(y)}function q(e){e.preventDefault(),h(!1),!i&&e.dataTransfer?.files&&x(e.dataTransfer.files)}function w(e){const a=r.slice();a.splice(e,1),l(a)}return t.jsxs("div",{className:g.cn(n.default.wrapper,N),children:[u&&t.jsx("label",{className:n.default.label,children:u}),t.jsxs("div",{className:g.cn(n.default.dropzone,k&&n.default.active,i&&n.default.disabled),role:"button",tabIndex:i?-1:0,onClick:()=>!i&&p.current?.click(),onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),p.current?.click())},onDragEnter:e=>{e.preventDefault(),i||h(!0)},onDragOver:e=>e.preventDefault(),onDragLeave:()=>h(!1),onDrop:q,children:[t.jsx("div",{className:n.default.icon,"aria-hidden":!0,children:t.jsx($,{})}),t.jsx("p",{className:n.default.title,children:D}),m&&t.jsx("p",{className:n.default.subtitle,children:m}),t.jsx("input",{ref:p,type:"file",accept:f,multiple:o,disabled:i,className:n.default.hidden,onChange:e=>{e.target.files&&x(e.target.files),e.target.value=""}})]}),r.length>0&&t.jsx("ul",{className:n.default.files,children:r.map((e,a)=>t.jsxs("li",{className:n.default.file,children:[t.jsxs("div",{children:[t.jsx("div",{children:e.name}),t.jsx("div",{className:n.default.fileMeta,children:C(e.size)})]}),t.jsx("button",{type:"button","aria-label":`Remover ${e.name}`,className:n.default.remove,onClick:()=>w(a),children:"×"})]},`${e.name}-${a}`))})]})}function $(){return t.jsx("svg",{width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",children:t.jsx("path",{d:"M12 16V4m0 0l-4 4m4-4l4 4M4 20h16",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}exports.FileUpload=L;
-//# sourceMappingURL=FileUpload.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./FileUpload.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function a(e,t){if(!t)return!0;let n=t.split(`,`).map(e=>e.trim().toLowerCase()),r=e.name.toLowerCase(),i=e.type.toLowerCase();return n.some(e=>e.startsWith(`.`)?r.endsWith(e):e.endsWith(`/*`)?i.startsWith(e.replace(`/*`,`/`)):i===e)}function o({value:o,onChange:c,label:l,accept:u,multiple:d=!1,maxSize:f,onReject:p,disabled:m,title:h=`Arraste arquivos aqui ou clique para selecionar`,subtitle:g,className:_}){let[v,y]=(0,n.useState)(!1),b=(0,n.useRef)(null);function x(e){let t=[],n=[];for(let r of Array.from(e)){if(!a(r,u)){n.push({file:r,reason:`type`});continue}if(f&&r.size>f){n.push({file:r,reason:`size`});continue}t.push(r)}n.length>0&&p?.(n),t.length!==0&&c(d?[...o,...t]:t.slice(0,1))}function S(e){e.preventDefault(),y(!1),!m&&e.dataTransfer?.files&&x(e.dataTransfer.files)}function C(e){let t=o.slice();t.splice(e,1),c(t)}return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,_),children:[l&&(0,r.jsx)(`label`,{className:t.default.label,children:l}),(0,r.jsxs)(`div`,{className:e.cn(t.default.dropzone,v&&t.default.active,m&&t.default.disabled),role:`button`,tabIndex:m?-1:0,onClick:()=>!m&&b.current?.click(),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),b.current?.click())},onDragEnter:e=>{e.preventDefault(),m||y(!0)},onDragOver:e=>e.preventDefault(),onDragLeave:()=>y(!1),onDrop:S,children:[(0,r.jsx)(`div`,{className:t.default.icon,"aria-hidden":!0,children:(0,r.jsx)(s,{})}),(0,r.jsx)(`p`,{className:t.default.title,children:h}),g&&(0,r.jsx)(`p`,{className:t.default.subtitle,children:g}),(0,r.jsx)(`input`,{ref:b,type:`file`,accept:u,multiple:d,disabled:m,className:t.default.hidden,onChange:e=>{e.target.files&&x(e.target.files),e.target.value=``}})]}),o.length>0&&(0,r.jsx)(`ul`,{className:t.default.files,children:o.map((e,n)=>(0,r.jsxs)(`li`,{className:t.default.file,children:[(0,r.jsxs)(`div`,{children:[(0,r.jsx)(`div`,{children:e.name}),(0,r.jsx)(`div`,{className:t.default.fileMeta,children:i(e.size)})]}),(0,r.jsx)(`button`,{type:`button`,"aria-label":`Remover ${e.name}`,className:t.default.remove,onClick:()=>C(n),children:`×`})]},`${e.name}-${n}`))})]})}function s(){return(0,r.jsx)(`svg`,{width:`32`,height:`32`,viewBox:`0 0 24 24`,fill:`none`,children:(0,r.jsx)(`path`,{d:`M12 16V4m0 0l-4 4m4-4l4 4M4 20h16`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`})})}exports.FileUpload=o;
+//# sourceMappingURL=FileUpload.cjs.map

package/dist/components/FileUpload/FileUpload.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.cjs","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { DragEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FileUpload.module.css\";\n\nexport interface FileUploadProps {\n    /** Files currently in the dropzone (controlled). */\n    value: File[];\n    /** Called with the new list when the user adds or removes a file. */\n    onChange: (files: File[]) => void;\n    label?: string;\n    /** Accept attribute forwarded to `<input>`. */\n    accept?: string;\n    /** Allow multiple files. Default: false. */\n    multiple?: boolean;\n    /** Max file size in bytes. Files above are rejected via `onReject`. */\n    maxSize?: number;\n    /** Called with rejected files when they exceed `maxSize` or fail the `accept` filter. */\n    onReject?: (rejected: { file: File; reason: \"size\" | \"type\" }[]) => void;\n    disabled?: boolean;\n    /** Title shown on the empty dropzone. */\n    title?: string;\n    /** Helper line below the title. */\n    subtitle?: string;\n    className?: string;\n}\n\nfunction formatSize(bytes: number): string {\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;\n}\n\nfunction matchesAccept(file: File, accept?: string): boolean {\n    if (!accept) return true;\n    const tokens = accept.split(\",\").map((t) => t.trim().toLowerCase());\n    const name = file.name.toLowerCase();\n    const type = file.type.toLowerCase();\n    return tokens.some((token) => {\n        if (token.startsWith(\".\")) return name.endsWith(token);\n        if (token.endsWith(\"/*\")) return type.startsWith(token.replace(\"/*\", \"/\"));\n        return type === token;\n    });\n}\n\n/**\n * Drag-and-drop file dropzone. Pair with `uploadWithProgress` from the SDK\n * to wire actual uploads with byte-level progress.\n */\nexport function FileUpload({\n    value,\n    onChange,\n    label,\n    accept,\n    multiple = false,\n    maxSize,\n    onReject,\n    disabled,\n    title = \"Arraste arquivos aqui ou clique para selecionar\",\n    subtitle,\n    className,\n}: FileUploadProps) {\n    const [dragging, setDragging] = useState<boolean>(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    function addFiles(incoming: FileList | File[]): void {\n        const accepted: File[] = [];\n        const rejected: { file: File; reason: \"size\" | \"type\" }[] = [];\n\n        for (const file of Array.from(incoming)) {\n            if (!matchesAccept(file, accept)) {\n                rejected.push({ file, reason: \"type\" });\n                continue;\n            }\n            if (maxSize && file.size > maxSize) {\n                rejected.push({ file, reason: \"size\" });\n                continue;\n            }\n            accepted.push(file);\n        }\n\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length === 0) return;\n\n        const next = multiple ? [...value, ...accepted] : accepted.slice(0, 1);\n        onChange(next);\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>): void {\n        event.preventDefault();\n        setDragging(false);\n        if (disabled) return;\n        if (event.dataTransfer?.files) addFiles(event.dataTransfer.files);\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && <label className={styles.label}>{label}</label>}\n            <div\n                className={cn(\n                    styles.dropzone,\n                    dragging && styles.active,\n                    disabled && styles.disabled,\n                )}\n                role=\"button\"\n                tabIndex={disabled ? -1 : 0}\n                onClick={() => !disabled && inputRef.current?.click()}\n                onKeyDown={(event) => {\n                    if (event.key === \"Enter\" || event.key === \" \") {\n                        event.preventDefault();\n                        inputRef.current?.click();\n                    }\n                }}\n                onDragEnter={(event) => {\n                    event.preventDefault();\n                    if (!disabled) setDragging(true);\n                }}\n                onDragOver={(event) => event.preventDefault()}\n                onDragLeave={() => setDragging(false)}\n                onDrop={handleDrop}\n            >\n                <div className={styles.icon} aria-hidden>\n                    <UploadIcon />\n                </div>\n                <p className={styles.title}>{title}</p>\n                {subtitle && <p className={styles.subtitle}>{subtitle}</p>}\n                <input\n                    ref={inputRef}\n                    type=\"file\"\n                    accept={accept}\n                    multiple={multiple}\n                    disabled={disabled}\n                    className={styles.hidden}\n                    onChange={(event) => {\n                        if (event.target.files) addFiles(event.target.files);\n                        event.target.value = \"\";\n                    }}\n                />\n            </div>\n\n            {value.length > 0 && (\n                <ul className={styles.files}>\n                    {value.map((file, index) => (\n                        <li key={`${file.name}-${index}`} className={styles.file}>\n                            <div>\n                                <div>{file.name}</div>\n                                <div className={styles.fileMeta}>{formatSize(file.size)}</div>\n                            </div>\n                            <button\n                                type=\"button\"\n                                aria-label={`Remover ${file.name}`}\n                                className={styles.remove}\n                                onClick={() => remove(index)}\n                            >\n                                ×\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </div>\n    );\n}\n\nfunction UploadIcon() {\n    return (\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 16V4m0 0l-4 4m4-4l4 4M4 20h16\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["formatSize","bytes","matchesAccept","file","accept","tokens","t","name","type","token","FileUpload","value","onChange","label","multiple","maxSize","onReject","disabled","title","subtitle","className","dragging","setDragging","useState","inputRef","useRef","addFiles","incoming","accepted","rejected","next","handleDrop","event","remove","index","cn","styles","jsx","jsxs","UploadIcon"],"mappings":"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"}
+{"version":3,"file":"FileUpload.cjs","names":[],"sources":["../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { DragEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FileUpload.module.css\";\n\nexport interface FileUploadProps {\n    /** Files currently in the dropzone (controlled). */\n    value: File[];\n    /** Called with the new list when the user adds or removes a file. */\n    onChange: (files: File[]) => void;\n    label?: string;\n    /** Accept attribute forwarded to `<input>`. */\n    accept?: string;\n    /** Allow multiple files. Default: false. */\n    multiple?: boolean;\n    /** Max file size in bytes. Files above are rejected via `onReject`. */\n    maxSize?: number;\n    /** Called with rejected files when they exceed `maxSize` or fail the `accept` filter. */\n    onReject?: (rejected: { file: File; reason: \"size\" | \"type\" }[]) => void;\n    disabled?: boolean;\n    /** Title shown on the empty dropzone. */\n    title?: string;\n    /** Helper line below the title. */\n    subtitle?: string;\n    className?: string;\n}\n\nfunction formatSize(bytes: number): string {\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;\n}\n\nfunction matchesAccept(file: File, accept?: string): boolean {\n    if (!accept) return true;\n    const tokens = accept.split(\",\").map((t) => t.trim().toLowerCase());\n    const name = file.name.toLowerCase();\n    const type = file.type.toLowerCase();\n    return tokens.some((token) => {\n        if (token.startsWith(\".\")) return name.endsWith(token);\n        if (token.endsWith(\"/*\")) return type.startsWith(token.replace(\"/*\", \"/\"));\n        return type === token;\n    });\n}\n\n/**\n * Drag-and-drop file dropzone. Pair with `uploadWithProgress` from the SDK\n * to wire actual uploads with byte-level progress.\n */\nexport function FileUpload({\n    value,\n    onChange,\n    label,\n    accept,\n    multiple = false,\n    maxSize,\n    onReject,\n    disabled,\n    title = \"Arraste arquivos aqui ou clique para selecionar\",\n    subtitle,\n    className,\n}: FileUploadProps) {\n    const [dragging, setDragging] = useState<boolean>(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    function addFiles(incoming: FileList | File[]): void {\n        const accepted: File[] = [];\n        const rejected: { file: File; reason: \"size\" | \"type\" }[] = [];\n\n        for (const file of Array.from(incoming)) {\n            if (!matchesAccept(file, accept)) {\n                rejected.push({ file, reason: \"type\" });\n                continue;\n            }\n            if (maxSize && file.size > maxSize) {\n                rejected.push({ file, reason: \"size\" });\n                continue;\n            }\n            accepted.push(file);\n        }\n\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length === 0) return;\n\n        const next = multiple ? [...value, ...accepted] : accepted.slice(0, 1);\n        onChange(next);\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>): void {\n        event.preventDefault();\n        setDragging(false);\n        if (disabled) return;\n        if (event.dataTransfer?.files) addFiles(event.dataTransfer.files);\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && <label className={styles.label}>{label}</label>}\n            <div\n                className={cn(\n                    styles.dropzone,\n                    dragging && styles.active,\n                    disabled && styles.disabled,\n                )}\n                role=\"button\"\n                tabIndex={disabled ? -1 : 0}\n                onClick={() => !disabled && inputRef.current?.click()}\n                onKeyDown={(event) => {\n                    if (event.key === \"Enter\" || event.key === \" \") {\n                        event.preventDefault();\n                        inputRef.current?.click();\n                    }\n                }}\n                onDragEnter={(event) => {\n                    event.preventDefault();\n                    if (!disabled) setDragging(true);\n                }}\n                onDragOver={(event) => event.preventDefault()}\n                onDragLeave={() => setDragging(false)}\n                onDrop={handleDrop}\n            >\n                <div className={styles.icon} aria-hidden>\n                    <UploadIcon />\n                </div>\n                <p className={styles.title}>{title}</p>\n                {subtitle && <p className={styles.subtitle}>{subtitle}</p>}\n                <input\n                    ref={inputRef}\n                    type=\"file\"\n                    accept={accept}\n                    multiple={multiple}\n                    disabled={disabled}\n                    className={styles.hidden}\n                    onChange={(event) => {\n                        if (event.target.files) addFiles(event.target.files);\n                        event.target.value = \"\";\n                    }}\n                />\n            </div>\n\n            {value.length > 0 && (\n                <ul className={styles.files}>\n                    {value.map((file, index) => (\n                        <li key={`${file.name}-${index}`} className={styles.file}>\n                            <div>\n                                <div>{file.name}</div>\n                                <div className={styles.fileMeta}>{formatSize(file.size)}</div>\n                            </div>\n                            <button\n                                type=\"button\"\n                                aria-label={`Remover ${file.name}`}\n                                className={styles.remove}\n                                onClick={() => remove(index)}\n                            >\n                                ×\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </div>\n    );\n}\n\nfunction UploadIcon() {\n    return (\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 16V4m0 0l-4 4m4-4l4 4M4 20h16\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"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"}

package/dist/components/FileUpload/FileUpload.js

@@ -1,127 +1,129 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { useState as $, useRef as W } from "react";
-import { cn as D } from "../../utils/cn.js";
-import n from "./FileUpload.module.css.js";
-function j(r) {
-  return r < 1024 ? `${r} B` : r < 1024 * 1024 ? `${(r / 1024).toFixed(1)} KB` : `${(r / 1024 / 1024).toFixed(1)} MB`;
+import { cn as e } from "../../utils/cn.js";
+import t from "./FileUpload.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/FileUpload/FileUpload.tsx
+function o(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / 1024 / 1024).toFixed(1)} MB`;
 }
-function z(r, s) {
-  if (!s) return !0;
-  const f = s.split(",").map((i) => i.trim().toLowerCase()), u = r.name.toLowerCase(), c = r.type.toLowerCase();
-  return f.some((i) => i.startsWith(".") ? u.endsWith(i) : i.endsWith("/*") ? c.startsWith(i.replace("/*", "/")) : c === i);
+function s(e, t) {
+	if (!t) return !0;
+	let n = t.split(",").map((e) => e.trim().toLowerCase()), r = e.name.toLowerCase(), i = e.type.toLowerCase();
+	return n.some((e) => e.startsWith(".") ? r.endsWith(e) : e.endsWith("/*") ? i.startsWith(e.replace("/*", "/")) : i === e);
 }
-function R({
-  value: r,
-  onChange: s,
-  label: f,
-  accept: u,
-  multiple: c = !1,
-  maxSize: i,
-  onReject: N,
-  disabled: o,
-  title: k = "Arraste arquivos aqui ou clique para selecionar",
-  subtitle: g,
-  className: w
-}) {
-  const [x, m] = $(!1), h = W(null);
-  function v(e) {
-    const a = [], d = [];
-    for (const l of Array.from(e)) {
-      if (!z(l, u)) {
-        d.push({ file: l, reason: "type" });
-        continue;
-      }
-      if (i && l.size > i) {
-        d.push({ file: l, reason: "size" });
-        continue;
-      }
-      a.push(l);
-    }
-    if (d.length > 0 && N?.(d), a.length === 0) return;
-    const L = c ? [...r, ...a] : a.slice(0, 1);
-    s(L);
-  }
-  function y(e) {
-    e.preventDefault(), m(!1), !o && e.dataTransfer?.files && v(e.dataTransfer.files);
-  }
-  function C(e) {
-    const a = r.slice();
-    a.splice(e, 1), s(a);
-  }
-  return /* @__PURE__ */ p("div", { className: D(n.wrapper, w), children: [
-    f && /* @__PURE__ */ t("label", { className: n.label, children: f }),
-    /* @__PURE__ */ p(
-      "div",
-      {
-        className: D(
-          n.dropzone,
-          x && n.active,
-          o && n.disabled
-        ),
-        role: "button",
-        tabIndex: o ? -1 : 0,
-        onClick: () => !o && h.current?.click(),
-        onKeyDown: (e) => {
-          (e.key === "Enter" || e.key === " ") && (e.preventDefault(), h.current?.click());
-        },
-        onDragEnter: (e) => {
-          e.preventDefault(), o || m(!0);
-        },
-        onDragOver: (e) => e.preventDefault(),
-        onDragLeave: () => m(!1),
-        onDrop: y,
-        children: [
-          /* @__PURE__ */ t("div", { className: n.icon, "aria-hidden": !0, children: /* @__PURE__ */ t(B, {}) }),
-          /* @__PURE__ */ t("p", { className: n.title, children: k }),
-          g && /* @__PURE__ */ t("p", { className: n.subtitle, children: g }),
-          /* @__PURE__ */ t(
-            "input",
-            {
-              ref: h,
-              type: "file",
-              accept: u,
-              multiple: c,
-              disabled: o,
-              className: n.hidden,
-              onChange: (e) => {
-                e.target.files && v(e.target.files), e.target.value = "";
-              }
-            }
-          )
-        ]
-      }
-    ),
-    r.length > 0 && /* @__PURE__ */ t("ul", { className: n.files, children: r.map((e, a) => /* @__PURE__ */ p("li", { className: n.file, children: [
-      /* @__PURE__ */ p("div", { children: [
-        /* @__PURE__ */ t("div", { children: e.name }),
-        /* @__PURE__ */ t("div", { className: n.fileMeta, children: j(e.size) })
-      ] }),
-      /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          "aria-label": `Remover ${e.name}`,
-          className: n.remove,
-          onClick: () => C(a),
-          children: "×"
-        }
-      )
-    ] }, `${e.name}-${a}`)) })
-  ] });
+function c({ value: c, onChange: u, label: d, accept: f, multiple: p = !1, maxSize: m, onReject: h, disabled: g, title: _ = "Arraste arquivos aqui ou clique para selecionar", subtitle: v, className: y }) {
+	let [b, x] = r(!1), S = n(null);
+	function C(e) {
+		let t = [], n = [];
+		for (let r of Array.from(e)) {
+			if (!s(r, f)) {
+				n.push({
+					file: r,
+					reason: "type"
+				});
+				continue;
+			}
+			if (m && r.size > m) {
+				n.push({
+					file: r,
+					reason: "size"
+				});
+				continue;
+			}
+			t.push(r);
+		}
+		n.length > 0 && h?.(n), t.length !== 0 && u(p ? [...c, ...t] : t.slice(0, 1));
+	}
+	function w(e) {
+		e.preventDefault(), x(!1), !g && e.dataTransfer?.files && C(e.dataTransfer.files);
+	}
+	function T(e) {
+		let t = c.slice();
+		t.splice(e, 1), u(t);
+	}
+	return /* @__PURE__ */ a("div", {
+		className: e(t.wrapper, y),
+		children: [
+			d && /* @__PURE__ */ i("label", {
+				className: t.label,
+				children: d
+			}),
+			/* @__PURE__ */ a("div", {
+				className: e(t.dropzone, b && t.active, g && t.disabled),
+				role: "button",
+				tabIndex: g ? -1 : 0,
+				onClick: () => !g && S.current?.click(),
+				onKeyDown: (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), S.current?.click());
+				},
+				onDragEnter: (e) => {
+					e.preventDefault(), g || x(!0);
+				},
+				onDragOver: (e) => e.preventDefault(),
+				onDragLeave: () => x(!1),
+				onDrop: w,
+				children: [
+					/* @__PURE__ */ i("div", {
+						className: t.icon,
+						"aria-hidden": !0,
+						children: /* @__PURE__ */ i(l, {})
+					}),
+					/* @__PURE__ */ i("p", {
+						className: t.title,
+						children: _
+					}),
+					v && /* @__PURE__ */ i("p", {
+						className: t.subtitle,
+						children: v
+					}),
+					/* @__PURE__ */ i("input", {
+						ref: S,
+						type: "file",
+						accept: f,
+						multiple: p,
+						disabled: g,
+						className: t.hidden,
+						onChange: (e) => {
+							e.target.files && C(e.target.files), e.target.value = "";
+						}
+					})
+				]
+			}),
+			c.length > 0 && /* @__PURE__ */ i("ul", {
+				className: t.files,
+				children: c.map((e, n) => /* @__PURE__ */ a("li", {
+					className: t.file,
+					children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("div", { children: e.name }), /* @__PURE__ */ i("div", {
+						className: t.fileMeta,
+						children: o(e.size)
+					})] }), /* @__PURE__ */ i("button", {
+						type: "button",
+						"aria-label": `Remover ${e.name}`,
+						className: t.remove,
+						onClick: () => T(n),
+						children: "×"
+					})]
+				}, `${e.name}-${n}`))
+			})
+		]
+	});
 }
-function B() {
-  return /* @__PURE__ */ t("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ t(
-    "path",
-    {
-      d: "M12 16V4m0 0l-4 4m4-4l4 4M4 20h16",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  ) });
+function l() {
+	return /* @__PURE__ */ i("svg", {
+		width: "32",
+		height: "32",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: /* @__PURE__ */ i("path", {
+			d: "M12 16V4m0 0l-4 4m4-4l4 4M4 20h16",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
 }
-export {
-  R as FileUpload
-};
-//# sourceMappingURL=FileUpload.js.map
+//#endregion
+export { c as FileUpload };
+
+//# sourceMappingURL=FileUpload.js.map

package/dist/components/FileUpload/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { DragEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FileUpload.module.css\";\n\nexport interface FileUploadProps {\n    /** Files currently in the dropzone (controlled). */\n    value: File[];\n    /** Called with the new list when the user adds or removes a file. */\n    onChange: (files: File[]) => void;\n    label?: string;\n    /** Accept attribute forwarded to `<input>`. */\n    accept?: string;\n    /** Allow multiple files. Default: false. */\n    multiple?: boolean;\n    /** Max file size in bytes. Files above are rejected via `onReject`. */\n    maxSize?: number;\n    /** Called with rejected files when they exceed `maxSize` or fail the `accept` filter. */\n    onReject?: (rejected: { file: File; reason: \"size\" | \"type\" }[]) => void;\n    disabled?: boolean;\n    /** Title shown on the empty dropzone. */\n    title?: string;\n    /** Helper line below the title. */\n    subtitle?: string;\n    className?: string;\n}\n\nfunction formatSize(bytes: number): string {\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;\n}\n\nfunction matchesAccept(file: File, accept?: string): boolean {\n    if (!accept) return true;\n    const tokens = accept.split(\",\").map((t) => t.trim().toLowerCase());\n    const name = file.name.toLowerCase();\n    const type = file.type.toLowerCase();\n    return tokens.some((token) => {\n        if (token.startsWith(\".\")) return name.endsWith(token);\n        if (token.endsWith(\"/*\")) return type.startsWith(token.replace(\"/*\", \"/\"));\n        return type === token;\n    });\n}\n\n/**\n * Drag-and-drop file dropzone. Pair with `uploadWithProgress` from the SDK\n * to wire actual uploads with byte-level progress.\n */\nexport function FileUpload({\n    value,\n    onChange,\n    label,\n    accept,\n    multiple = false,\n    maxSize,\n    onReject,\n    disabled,\n    title = \"Arraste arquivos aqui ou clique para selecionar\",\n    subtitle,\n    className,\n}: FileUploadProps) {\n    const [dragging, setDragging] = useState<boolean>(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    function addFiles(incoming: FileList | File[]): void {\n        const accepted: File[] = [];\n        const rejected: { file: File; reason: \"size\" | \"type\" }[] = [];\n\n        for (const file of Array.from(incoming)) {\n            if (!matchesAccept(file, accept)) {\n                rejected.push({ file, reason: \"type\" });\n                continue;\n            }\n            if (maxSize && file.size > maxSize) {\n                rejected.push({ file, reason: \"size\" });\n                continue;\n            }\n            accepted.push(file);\n        }\n\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length === 0) return;\n\n        const next = multiple ? [...value, ...accepted] : accepted.slice(0, 1);\n        onChange(next);\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>): void {\n        event.preventDefault();\n        setDragging(false);\n        if (disabled) return;\n        if (event.dataTransfer?.files) addFiles(event.dataTransfer.files);\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && <label className={styles.label}>{label}</label>}\n            <div\n                className={cn(\n                    styles.dropzone,\n                    dragging && styles.active,\n                    disabled && styles.disabled,\n                )}\n                role=\"button\"\n                tabIndex={disabled ? -1 : 0}\n                onClick={() => !disabled && inputRef.current?.click()}\n                onKeyDown={(event) => {\n                    if (event.key === \"Enter\" || event.key === \" \") {\n                        event.preventDefault();\n                        inputRef.current?.click();\n                    }\n                }}\n                onDragEnter={(event) => {\n                    event.preventDefault();\n                    if (!disabled) setDragging(true);\n                }}\n                onDragOver={(event) => event.preventDefault()}\n                onDragLeave={() => setDragging(false)}\n                onDrop={handleDrop}\n            >\n                <div className={styles.icon} aria-hidden>\n                    <UploadIcon />\n                </div>\n                <p className={styles.title}>{title}</p>\n                {subtitle && <p className={styles.subtitle}>{subtitle}</p>}\n                <input\n                    ref={inputRef}\n                    type=\"file\"\n                    accept={accept}\n                    multiple={multiple}\n                    disabled={disabled}\n                    className={styles.hidden}\n                    onChange={(event) => {\n                        if (event.target.files) addFiles(event.target.files);\n                        event.target.value = \"\";\n                    }}\n                />\n            </div>\n\n            {value.length > 0 && (\n                <ul className={styles.files}>\n                    {value.map((file, index) => (\n                        <li key={`${file.name}-${index}`} className={styles.file}>\n                            <div>\n                                <div>{file.name}</div>\n                                <div className={styles.fileMeta}>{formatSize(file.size)}</div>\n                            </div>\n                            <button\n                                type=\"button\"\n                                aria-label={`Remover ${file.name}`}\n                                className={styles.remove}\n                                onClick={() => remove(index)}\n                            >\n                                ×\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </div>\n    );\n}\n\nfunction UploadIcon() {\n    return (\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 16V4m0 0l-4 4m4-4l4 4M4 20h16\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["formatSize","bytes","matchesAccept","file","accept","tokens","t","name","type","token","FileUpload","value","onChange","label","multiple","maxSize","onReject","disabled","title","subtitle","className","dragging","setDragging","useState","inputRef","useRef","addFiles","incoming","accepted","rejected","next","handleDrop","event","remove","index","cn","styles","jsx","jsxs","UploadIcon"],"mappings":"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"}
+{"version":3,"file":"FileUpload.js","names":[],"sources":["../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { DragEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./FileUpload.module.css\";\n\nexport interface FileUploadProps {\n    /** Files currently in the dropzone (controlled). */\n    value: File[];\n    /** Called with the new list when the user adds or removes a file. */\n    onChange: (files: File[]) => void;\n    label?: string;\n    /** Accept attribute forwarded to `<input>`. */\n    accept?: string;\n    /** Allow multiple files. Default: false. */\n    multiple?: boolean;\n    /** Max file size in bytes. Files above are rejected via `onReject`. */\n    maxSize?: number;\n    /** Called with rejected files when they exceed `maxSize` or fail the `accept` filter. */\n    onReject?: (rejected: { file: File; reason: \"size\" | \"type\" }[]) => void;\n    disabled?: boolean;\n    /** Title shown on the empty dropzone. */\n    title?: string;\n    /** Helper line below the title. */\n    subtitle?: string;\n    className?: string;\n}\n\nfunction formatSize(bytes: number): string {\n    if (bytes < 1024) return `${bytes} B`;\n    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;\n}\n\nfunction matchesAccept(file: File, accept?: string): boolean {\n    if (!accept) return true;\n    const tokens = accept.split(\",\").map((t) => t.trim().toLowerCase());\n    const name = file.name.toLowerCase();\n    const type = file.type.toLowerCase();\n    return tokens.some((token) => {\n        if (token.startsWith(\".\")) return name.endsWith(token);\n        if (token.endsWith(\"/*\")) return type.startsWith(token.replace(\"/*\", \"/\"));\n        return type === token;\n    });\n}\n\n/**\n * Drag-and-drop file dropzone. Pair with `uploadWithProgress` from the SDK\n * to wire actual uploads with byte-level progress.\n */\nexport function FileUpload({\n    value,\n    onChange,\n    label,\n    accept,\n    multiple = false,\n    maxSize,\n    onReject,\n    disabled,\n    title = \"Arraste arquivos aqui ou clique para selecionar\",\n    subtitle,\n    className,\n}: FileUploadProps) {\n    const [dragging, setDragging] = useState<boolean>(false);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    function addFiles(incoming: FileList | File[]): void {\n        const accepted: File[] = [];\n        const rejected: { file: File; reason: \"size\" | \"type\" }[] = [];\n\n        for (const file of Array.from(incoming)) {\n            if (!matchesAccept(file, accept)) {\n                rejected.push({ file, reason: \"type\" });\n                continue;\n            }\n            if (maxSize && file.size > maxSize) {\n                rejected.push({ file, reason: \"size\" });\n                continue;\n            }\n            accepted.push(file);\n        }\n\n        if (rejected.length > 0) onReject?.(rejected);\n        if (accepted.length === 0) return;\n\n        const next = multiple ? [...value, ...accepted] : accepted.slice(0, 1);\n        onChange(next);\n    }\n\n    function handleDrop(event: DragEvent<HTMLDivElement>): void {\n        event.preventDefault();\n        setDragging(false);\n        if (disabled) return;\n        if (event.dataTransfer?.files) addFiles(event.dataTransfer.files);\n    }\n\n    function remove(index: number): void {\n        const next = value.slice();\n        next.splice(index, 1);\n        onChange(next);\n    }\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && <label className={styles.label}>{label}</label>}\n            <div\n                className={cn(\n                    styles.dropzone,\n                    dragging && styles.active,\n                    disabled && styles.disabled,\n                )}\n                role=\"button\"\n                tabIndex={disabled ? -1 : 0}\n                onClick={() => !disabled && inputRef.current?.click()}\n                onKeyDown={(event) => {\n                    if (event.key === \"Enter\" || event.key === \" \") {\n                        event.preventDefault();\n                        inputRef.current?.click();\n                    }\n                }}\n                onDragEnter={(event) => {\n                    event.preventDefault();\n                    if (!disabled) setDragging(true);\n                }}\n                onDragOver={(event) => event.preventDefault()}\n                onDragLeave={() => setDragging(false)}\n                onDrop={handleDrop}\n            >\n                <div className={styles.icon} aria-hidden>\n                    <UploadIcon />\n                </div>\n                <p className={styles.title}>{title}</p>\n                {subtitle && <p className={styles.subtitle}>{subtitle}</p>}\n                <input\n                    ref={inputRef}\n                    type=\"file\"\n                    accept={accept}\n                    multiple={multiple}\n                    disabled={disabled}\n                    className={styles.hidden}\n                    onChange={(event) => {\n                        if (event.target.files) addFiles(event.target.files);\n                        event.target.value = \"\";\n                    }}\n                />\n            </div>\n\n            {value.length > 0 && (\n                <ul className={styles.files}>\n                    {value.map((file, index) => (\n                        <li key={`${file.name}-${index}`} className={styles.file}>\n                            <div>\n                                <div>{file.name}</div>\n                                <div className={styles.fileMeta}>{formatSize(file.size)}</div>\n                            </div>\n                            <button\n                                type=\"button\"\n                                aria-label={`Remover ${file.name}`}\n                                className={styles.remove}\n                                onClick={() => remove(index)}\n                            >\n                                ×\n                            </button>\n                        </li>\n                    ))}\n                </ul>\n            )}\n        </div>\n    );\n}\n\nfunction UploadIcon() {\n    return (\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M12 16V4m0 0l-4 4m4-4l4 4M4 20h16\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":"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"}