tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/Select/Select.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { SelectHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Select.module.css\";\n\nexport interface SelectOption {\n    value: string | number;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    options?: SelectOption[];\n    placeholder?: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Native `<select>` wrapper with label/helper/error slots. Either provide\n * `options` for a quick render, or pass `<option>` children directly.\n */\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(\n    {\n        label,\n        helperText,\n        error,\n        options,\n        placeholder,\n        wrapperClassName,\n        className,\n        children,\n        id,\n        required,\n        ...props\n    },\n    ref,\n) {\n    const generatedId = useId();\n    const selectId = id ?? generatedId;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={selectId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <div className={styles.field}>\n                <select\n                    ref={ref}\n                    id={selectId}\n                    aria-invalid={!!error}\n                    required={required}\n                    className={cn(styles.select, className)}\n                    {...props}\n                >\n                    {placeholder && (\n                        <option value=\"\" disabled hidden>\n                            {placeholder}\n                        </option>\n                    )}\n                    {options?.map((opt) => (\n                        <option key={opt.value} value={opt.value} disabled={opt.disabled}>\n                            {opt.label}\n                        </option>\n                    ))}\n                    {children}\n                </select>\n                <span className={styles.caret} aria-hidden>\n                    <CaretIcon />\n                </span>\n            </div>\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n});\n\nfunction CaretIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 9l6 6 6-6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"names":["Select","forwardRef","label","helperText","error","options","placeholder","wrapperClassName","className","children","id","required","props","ref","generatedId","useId","selectId","jsxs","cn","styles","jsx","opt","CaretIcon"],"mappings":";;;;AAwBO,MAAMA,IAASC,EAA2C,SAC7D;AAAA,EACI,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,GACAC,GACF;AACE,QAAMC,IAAcC,EAAA,GACdC,IAAWN,KAAMI;AAEvB,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,SAASf,KAASe,EAAO,OAAOZ,CAAgB,GACrE,UAAA;AAAA,IAAAL,uBACI,SAAA,EAAM,SAASc,GAAU,WAAWG,EAAO,OACvC,UAAA;AAAA,MAAAjB;AAAA,MACAS,KAAY,gBAAAS,EAAC,QAAA,EAAK,WAAWD,EAAO,UAAU,UAAA,IAAA,CAAC;AAAA,IAAA,GACpD;AAAA,IAEJ,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAO,OACnB,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAAJ;AAAA,UACA,IAAIG;AAAA,UACJ,gBAAc,CAAC,CAACZ;AAAA,UAChB,UAAAO;AAAA,UACA,WAAWO,EAAGC,EAAO,QAAQX,CAAS;AAAA,UACrC,GAAGI;AAAA,UAEH,UAAA;AAAA,YAAAN,KACG,gBAAAc,EAAC,YAAO,OAAM,IAAG,UAAQ,IAAC,QAAM,IAC3B,UAAAd,EAAA,CACL;AAAA,YAEHD,GAAS,IAAI,CAACgB,MACX,gBAAAD,EAAC,YAAuB,OAAOC,EAAI,OAAO,UAAUA,EAAI,UACnD,UAAAA,EAAI,SADIA,EAAI,KAEjB,CACH;AAAA,YACAZ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,gBAAAW,EAAC,UAAK,WAAWD,EAAO,OAAO,eAAW,IACtC,UAAA,gBAAAC,EAACE,GAAA,CAAA,CAAU,EAAA,CACf;AAAA,IAAA,GACJ;AAAA,IACClB,IACG,gBAAAgB,EAAC,QAAA,EAAK,WAAWD,EAAO,WAAY,UAAAf,EAAA,CAAM,IAC1CD,sBACC,QAAA,EAAK,WAAWgB,EAAO,QAAS,aAAW,IAC5C;AAAA,EAAA,GACR;AAER,CAAC;AAED,SAASG,IAAY;AACjB,SACI,gBAAAF,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":"Select.js","names":[],"sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { SelectHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Select.module.css\";\n\nexport interface SelectOption {\n    value: string | number;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    options?: SelectOption[];\n    placeholder?: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Native `<select>` wrapper with label/helper/error slots. Either provide\n * `options` for a quick render, or pass `<option>` children directly.\n */\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(function Select(\n    {\n        label,\n        helperText,\n        error,\n        options,\n        placeholder,\n        wrapperClassName,\n        className,\n        children,\n        id,\n        required,\n        ...props\n    },\n    ref,\n) {\n    const generatedId = useId();\n    const selectId = id ?? generatedId;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={selectId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <div className={styles.field}>\n                <select\n                    ref={ref}\n                    id={selectId}\n                    aria-invalid={!!error}\n                    required={required}\n                    className={cn(styles.select, className)}\n                    {...props}\n                >\n                    {placeholder && (\n                        <option value=\"\" disabled hidden>\n                            {placeholder}\n                        </option>\n                    )}\n                    {options?.map((opt) => (\n                        <option key={opt.value} value={opt.value} disabled={opt.disabled}>\n                            {opt.label}\n                        </option>\n                    ))}\n                    {children}\n                </select>\n                <span className={styles.caret} aria-hidden>\n                    <CaretIcon />\n                </span>\n            </div>\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n});\n\nfunction CaretIcon() {\n    return (\n        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <path\n                d=\"M6 9l6 6 6-6\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n            />\n        </svg>\n    );\n}\n"],"mappings":";;;;;AAwBA,IAAa,IAAS,EAA2C,SAC7D,EACI,UACA,eACA,UACA,YACA,gBACA,qBACA,cACA,aACA,OACA,aACA,GAAG,KAEP,GACF;CACE,IAAM,IAAc,EAAM,GACpB,IAAW,KAAM;CAEvB,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,KAAS,EAAO,OAAO,CAAgB;YAA1E;GACK,KACG,kBAAC,SAAD;IAAO,SAAS;IAAU,WAAW,EAAO;cAA5C,CACK,GACA,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAU;IAAO,CAAA,CACnD;;GAEX,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,UAAD;KACS;KACL,IAAI;KACJ,gBAAc,CAAC,CAAC;KACN;KACV,WAAW,EAAG,EAAO,QAAQ,CAAS;KACtC,GAAI;eANR;MAQK,KACG,kBAAC,UAAD;OAAQ,OAAM;OAAG,UAAA;OAAS,QAAA;iBACrB;MACG,CAAA;MAEX,GAAS,KAAK,MACX,kBAAC,UAAD;OAAwB,OAAO,EAAI;OAAO,UAAU,EAAI;iBACnD,EAAI;MACD,GAFK,EAAI,KAET,CACX;MACA;KACG;QACR,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAO,eAAA;eAC3B,kBAAC,GAAD,CAAY,CAAA;IACV,CAAA,CACL;;GACJ,IACG,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAY;GAAY,CAAA,IAChD,IACA,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAS;GAAiB,CAAA,IAClD;EACH;;AAEb,CAAC;AAED,SAAS,IAAY;CACjB,OACI,kBAAC,OAAD;EAAK,OAAM;EAAK,QAAO;EAAK,SAAQ;EAAY,MAAK;YACjD,kBAAC,QAAD;GACI,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAClB,CAAA;CACA,CAAA;AAEb"}

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

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

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

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

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

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

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

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

package/dist/components/Sidebar/Sidebar.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.cjs","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Sidebar.module.css\";\n\nexport interface SidebarItem {\n    key: string;\n    label: ReactNode;\n    icon?: ReactNode;\n    badge?: ReactNode;\n    disabled?: boolean;\n    href?: string;\n}\n\nexport interface SidebarProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    /** Top slot — typically the logo + brand. */\n    header?: ReactNode;\n    /** Navigation items. */\n    items: SidebarItem[];\n    /** Active item key. */\n    value?: string;\n    /** Fires when an item is clicked. Receives the item's `key`. */\n    onChange?: (key: string) => void;\n    /** Bottom slot — typically settings/profile/logout. */\n    footer?: ReactNode;\n    /** Collapsed mode — only icons visible. Default `false`. */\n    collapsed?: boolean;\n    /** Width when expanded, in pixels or any CSS length. Default `240px`. */\n    width?: number | string;\n    /** Width when collapsed, in pixels or any CSS length. Default `64px`. */\n    collapsedWidth?: number | string;\n}\n\n/**\n * Desktop sidebar navigation. Pair with `<Show above=\"md\">` and a `Drawer`\n * for mobile.\n *\n * @example\n * const [tab, setTab] = useState(\"home\");\n * <Show above=\"md\">\n *     <Sidebar\n *         header={<Brand />}\n *         items={[{ key: \"home\", label: \"Home\", icon: <Home /> }]}\n *         value={tab}\n *         onChange={setTab}\n *     />\n * </Show>\n */\nexport function Sidebar({\n    header,\n    items,\n    value,\n    onChange,\n    footer,\n    collapsed = false,\n    width = 240,\n    collapsedWidth = 64,\n    className,\n    style,\n    ...props\n}: SidebarProps) {\n    const finalWidth =\n        typeof (collapsed ? collapsedWidth : width) === \"number\"\n            ? `${collapsed ? collapsedWidth : width}px`\n            : collapsed\n              ? collapsedWidth\n              : width;\n    return (\n        <aside\n            className={cn(styles.sidebar, collapsed && styles.collapsed, className)}\n            style={{ width: finalWidth, ...style }}\n            {...props}\n        >\n            {header && <div className={styles.header}>{header}</div>}\n            <nav className={styles.nav} aria-label=\"Navegação lateral\">\n                {items.map((item) => {\n                    const active = item.key === value;\n                    return (\n                        <button\n                            key={item.key}\n                            type=\"button\"\n                            className={cn(styles.item, active && styles.active)}\n                            aria-current={active ? \"page\" : undefined}\n                            disabled={item.disabled}\n                            onClick={() => onChange?.(item.key)}\n                            title={\n                                collapsed && typeof item.label === \"string\" ? item.label : undefined\n                            }\n                        >\n                            {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                            {!collapsed && <span className={styles.label}>{item.label}</span>}\n                            {!collapsed && item.badge !== undefined && (\n                                <span className={styles.badge}>{item.badge}</span>\n                            )}\n                        </button>\n                    );\n                })}\n            </nav>\n            {footer && <div className={styles.footer}>{footer}</div>}\n        </aside>\n    );\n}\n"],"names":["Sidebar","header","items","value","onChange","footer","collapsed","width","collapsedWidth","className","style","props","finalWidth","jsxs","cn","styles","jsx","item","active"],"mappings":"2LA+CO,SAASA,EAAQ,CACpB,OAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EAAQ,IACR,eAAAC,EAAiB,GACjB,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,EAAiB,CACb,MAAMC,EACF,OAAQN,EAAYE,EAAiBD,IAAW,SAC1C,GAAGD,EAAYE,EAAiBD,CAAK,KACrCD,EACEE,EACAD,EACZ,OACIM,EAAAA,KAAC,QAAA,CACG,UAAWC,EAAAA,GAAGC,UAAO,QAAST,GAAaS,EAAAA,QAAO,UAAWN,CAAS,EACtE,MAAO,CAAE,MAAOG,EAAY,GAAGF,CAAA,EAC9B,GAAGC,EAEH,SAAA,CAAAV,GAAUe,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,OAAS,SAAAd,EAAO,EAClDe,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,IAAK,aAAW,oBAClC,SAAAb,EAAM,IAAKe,GAAS,CACjB,MAAMC,EAASD,EAAK,MAAQd,EAC5B,OACIU,EAAAA,KAAC,SAAA,CAEG,KAAK,SACL,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,KAAMG,GAAUH,EAAAA,QAAO,MAAM,EAClD,eAAcG,EAAS,OAAS,OAChC,SAAUD,EAAK,SACf,QAAS,IAAMb,IAAWa,EAAK,GAAG,EAClC,MACIX,GAAa,OAAOW,EAAK,OAAU,SAAWA,EAAK,MAAQ,OAG9D,SAAA,CAAAA,EAAK,MAAQD,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,KAAO,WAAK,IAAA,CAAK,EACtD,CAACT,GAAaU,EAAAA,IAAC,OAAA,CAAK,UAAWD,UAAO,MAAQ,WAAK,MAAM,EACzD,CAACT,GAAaW,EAAK,QAAU,QAC1BD,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,MAAQ,SAAAE,EAAK,KAAA,CAAM,CAAA,CAAA,EAb1CA,EAAK,GAAA,CAiBtB,CAAC,CAAA,CACL,EACCZ,GAAUW,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,OAAS,SAAAV,CAAA,CAAO,CAAA,CAAA,CAAA,CAG9D"}
+{"version":3,"file":"Sidebar.cjs","names":[],"sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Sidebar.module.css\";\n\nexport interface SidebarItem {\n    key: string;\n    label: ReactNode;\n    icon?: ReactNode;\n    badge?: ReactNode;\n    disabled?: boolean;\n    href?: string;\n}\n\nexport interface SidebarProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    /** Top slot — typically the logo + brand. */\n    header?: ReactNode;\n    /** Navigation items. */\n    items: SidebarItem[];\n    /** Active item key. */\n    value?: string;\n    /** Fires when an item is clicked. Receives the item's `key`. */\n    onChange?: (key: string) => void;\n    /** Bottom slot — typically settings/profile/logout. */\n    footer?: ReactNode;\n    /** Collapsed mode — only icons visible. Default `false`. */\n    collapsed?: boolean;\n    /** Width when expanded, in pixels or any CSS length. Default `240px`. */\n    width?: number | string;\n    /** Width when collapsed, in pixels or any CSS length. Default `64px`. */\n    collapsedWidth?: number | string;\n}\n\n/**\n * Desktop sidebar navigation. Pair with `<Show above=\"md\">` and a `Drawer`\n * for mobile.\n *\n * @example\n * const [tab, setTab] = useState(\"home\");\n * <Show above=\"md\">\n *     <Sidebar\n *         header={<Brand />}\n *         items={[{ key: \"home\", label: \"Home\", icon: <Home /> }]}\n *         value={tab}\n *         onChange={setTab}\n *     />\n * </Show>\n */\nexport function Sidebar({\n    header,\n    items,\n    value,\n    onChange,\n    footer,\n    collapsed = false,\n    width = 240,\n    collapsedWidth = 64,\n    className,\n    style,\n    ...props\n}: SidebarProps) {\n    const finalWidth =\n        typeof (collapsed ? collapsedWidth : width) === \"number\"\n            ? `${collapsed ? collapsedWidth : width}px`\n            : collapsed\n              ? collapsedWidth\n              : width;\n    return (\n        <aside\n            className={cn(styles.sidebar, collapsed && styles.collapsed, className)}\n            style={{ width: finalWidth, ...style }}\n            {...props}\n        >\n            {header && <div className={styles.header}>{header}</div>}\n            <nav className={styles.nav} aria-label=\"Navegação lateral\">\n                {items.map((item) => {\n                    const active = item.key === value;\n                    return (\n                        <button\n                            key={item.key}\n                            type=\"button\"\n                            className={cn(styles.item, active && styles.active)}\n                            aria-current={active ? \"page\" : undefined}\n                            disabled={item.disabled}\n                            onClick={() => onChange?.(item.key)}\n                            title={\n                                collapsed && typeof item.label === \"string\" ? item.label : undefined\n                            }\n                        >\n                            {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                            {!collapsed && <span className={styles.label}>{item.label}</span>}\n                            {!collapsed && item.badge !== undefined && (\n                                <span className={styles.badge}>{item.badge}</span>\n                            )}\n                        </button>\n                    );\n                })}\n            </nav>\n            {footer && <div className={styles.footer}>{footer}</div>}\n        </aside>\n    );\n}\n"],"mappings":"2GA+CA,SAAgB,EAAQ,CACpB,SACA,QACA,QACA,WACA,SACA,YAAY,GACZ,QAAQ,IACR,iBAAiB,GACjB,YACA,QACA,GAAG,GACU,CACb,IAAM,EACF,OAAQ,EAAY,EAAiB,IAAW,SAC1C,GAAG,EAAY,EAAiB,EAAM,IACtC,EACE,EACA,EACZ,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAa,EAAA,QAAO,UAAW,CAAS,EACtE,MAAO,CAAE,MAAO,EAAY,GAAG,CAAM,EACrC,GAAI,WAHR,CAKK,IAAU,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,GACvD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,IAAK,aAAW,6BAClC,EAAM,IAAK,GAAS,CACjB,IAAM,EAAS,EAAK,MAAQ,EAC5B,OACI,EAAA,EAAA,KAAA,CAAC,SAAD,CAEI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAU,EAAA,QAAO,MAAM,EAClD,eAAc,EAAS,OAAS,IAAA,GAChC,SAAU,EAAK,SACf,YAAe,IAAW,EAAK,GAAG,EAClC,MACI,GAAa,OAAO,EAAK,OAAU,SAAW,EAAK,MAAQ,IAAA,YARnE,CAWK,EAAK,OAAQ,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,cAAO,EAAK,IAAW,CAAA,EAC5D,CAAC,IAAa,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAK,KAAY,CAAA,EAC/D,CAAC,GAAa,EAAK,QAAU,IAAA,KAC1B,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAK,KAAY,CAAA,CAEjD,GAfC,EAAK,GAeN,CAEhB,CAAC,CACA,CAAA,EACJ,IAAU,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,gBAAS,CAAY,CAAA,CACpD,GAEf"}

package/dist/components/Sidebar/Sidebar.js

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

package/dist/components/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Sidebar.module.css\";\n\nexport interface SidebarItem {\n    key: string;\n    label: ReactNode;\n    icon?: ReactNode;\n    badge?: ReactNode;\n    disabled?: boolean;\n    href?: string;\n}\n\nexport interface SidebarProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    /** Top slot — typically the logo + brand. */\n    header?: ReactNode;\n    /** Navigation items. */\n    items: SidebarItem[];\n    /** Active item key. */\n    value?: string;\n    /** Fires when an item is clicked. Receives the item's `key`. */\n    onChange?: (key: string) => void;\n    /** Bottom slot — typically settings/profile/logout. */\n    footer?: ReactNode;\n    /** Collapsed mode — only icons visible. Default `false`. */\n    collapsed?: boolean;\n    /** Width when expanded, in pixels or any CSS length. Default `240px`. */\n    width?: number | string;\n    /** Width when collapsed, in pixels or any CSS length. Default `64px`. */\n    collapsedWidth?: number | string;\n}\n\n/**\n * Desktop sidebar navigation. Pair with `<Show above=\"md\">` and a `Drawer`\n * for mobile.\n *\n * @example\n * const [tab, setTab] = useState(\"home\");\n * <Show above=\"md\">\n *     <Sidebar\n *         header={<Brand />}\n *         items={[{ key: \"home\", label: \"Home\", icon: <Home /> }]}\n *         value={tab}\n *         onChange={setTab}\n *     />\n * </Show>\n */\nexport function Sidebar({\n    header,\n    items,\n    value,\n    onChange,\n    footer,\n    collapsed = false,\n    width = 240,\n    collapsedWidth = 64,\n    className,\n    style,\n    ...props\n}: SidebarProps) {\n    const finalWidth =\n        typeof (collapsed ? collapsedWidth : width) === \"number\"\n            ? `${collapsed ? collapsedWidth : width}px`\n            : collapsed\n              ? collapsedWidth\n              : width;\n    return (\n        <aside\n            className={cn(styles.sidebar, collapsed && styles.collapsed, className)}\n            style={{ width: finalWidth, ...style }}\n            {...props}\n        >\n            {header && <div className={styles.header}>{header}</div>}\n            <nav className={styles.nav} aria-label=\"Navegação lateral\">\n                {items.map((item) => {\n                    const active = item.key === value;\n                    return (\n                        <button\n                            key={item.key}\n                            type=\"button\"\n                            className={cn(styles.item, active && styles.active)}\n                            aria-current={active ? \"page\" : undefined}\n                            disabled={item.disabled}\n                            onClick={() => onChange?.(item.key)}\n                            title={\n                                collapsed && typeof item.label === \"string\" ? item.label : undefined\n                            }\n                        >\n                            {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                            {!collapsed && <span className={styles.label}>{item.label}</span>}\n                            {!collapsed && item.badge !== undefined && (\n                                <span className={styles.badge}>{item.badge}</span>\n                            )}\n                        </button>\n                    );\n                })}\n            </nav>\n            {footer && <div className={styles.footer}>{footer}</div>}\n        </aside>\n    );\n}\n"],"names":["Sidebar","header","items","value","onChange","footer","collapsed","width","collapsedWidth","className","style","props","finalWidth","jsxs","cn","styles","jsx","item","active"],"mappings":";;;AA+CO,SAASA,EAAQ;AAAA,EACpB,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC,IAAQ;AAAA,EACR,gBAAAC,IAAiB;AAAA,EACjB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,GAAiB;AACb,QAAMC,IACF,QAAQN,IAAYE,IAAiBD,MAAW,WAC1C,GAAGD,IAAYE,IAAiBD,CAAK,OACrCD,IACEE,IACAD;AACZ,SACI,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAGC,EAAO,SAAST,KAAaS,EAAO,WAAWN,CAAS;AAAA,MACtE,OAAO,EAAE,OAAOG,GAAY,GAAGF,EAAA;AAAA,MAC9B,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAV,KAAU,gBAAAe,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAd,GAAO;AAAA,QAClD,gBAAAe,EAAC,OAAA,EAAI,WAAWD,EAAO,KAAK,cAAW,qBAClC,UAAAb,EAAM,IAAI,CAACe,MAAS;AACjB,gBAAMC,IAASD,EAAK,QAAQd;AAC5B,iBACI,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cAEG,MAAK;AAAA,cACL,WAAWC,EAAGC,EAAO,MAAMG,KAAUH,EAAO,MAAM;AAAA,cAClD,gBAAcG,IAAS,SAAS;AAAA,cAChC,UAAUD,EAAK;AAAA,cACf,SAAS,MAAMb,IAAWa,EAAK,GAAG;AAAA,cAClC,OACIX,KAAa,OAAOW,EAAK,SAAU,WAAWA,EAAK,QAAQ;AAAA,cAG9D,UAAA;AAAA,gBAAAA,EAAK,QAAQ,gBAAAD,EAAC,QAAA,EAAK,WAAWD,EAAO,MAAO,YAAK,KAAA,CAAK;AAAA,gBACtD,CAACT,KAAa,gBAAAU,EAAC,QAAA,EAAK,WAAWD,EAAO,OAAQ,YAAK,OAAM;AAAA,gBACzD,CAACT,KAAaW,EAAK,UAAU,UAC1B,gBAAAD,EAAC,QAAA,EAAK,WAAWD,EAAO,OAAQ,UAAAE,EAAK,MAAA,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,YAb1CA,EAAK;AAAA,UAAA;AAAA,QAiBtB,CAAC,EAAA,CACL;AAAA,QACCZ,KAAU,gBAAAW,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAV,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9D;"}
+{"version":3,"file":"Sidebar.js","names":[],"sources":["../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Sidebar.module.css\";\n\nexport interface SidebarItem {\n    key: string;\n    label: ReactNode;\n    icon?: ReactNode;\n    badge?: ReactNode;\n    disabled?: boolean;\n    href?: string;\n}\n\nexport interface SidebarProps extends Omit<HTMLAttributes<HTMLElement>, \"onChange\"> {\n    /** Top slot — typically the logo + brand. */\n    header?: ReactNode;\n    /** Navigation items. */\n    items: SidebarItem[];\n    /** Active item key. */\n    value?: string;\n    /** Fires when an item is clicked. Receives the item's `key`. */\n    onChange?: (key: string) => void;\n    /** Bottom slot — typically settings/profile/logout. */\n    footer?: ReactNode;\n    /** Collapsed mode — only icons visible. Default `false`. */\n    collapsed?: boolean;\n    /** Width when expanded, in pixels or any CSS length. Default `240px`. */\n    width?: number | string;\n    /** Width when collapsed, in pixels or any CSS length. Default `64px`. */\n    collapsedWidth?: number | string;\n}\n\n/**\n * Desktop sidebar navigation. Pair with `<Show above=\"md\">` and a `Drawer`\n * for mobile.\n *\n * @example\n * const [tab, setTab] = useState(\"home\");\n * <Show above=\"md\">\n *     <Sidebar\n *         header={<Brand />}\n *         items={[{ key: \"home\", label: \"Home\", icon: <Home /> }]}\n *         value={tab}\n *         onChange={setTab}\n *     />\n * </Show>\n */\nexport function Sidebar({\n    header,\n    items,\n    value,\n    onChange,\n    footer,\n    collapsed = false,\n    width = 240,\n    collapsedWidth = 64,\n    className,\n    style,\n    ...props\n}: SidebarProps) {\n    const finalWidth =\n        typeof (collapsed ? collapsedWidth : width) === \"number\"\n            ? `${collapsed ? collapsedWidth : width}px`\n            : collapsed\n              ? collapsedWidth\n              : width;\n    return (\n        <aside\n            className={cn(styles.sidebar, collapsed && styles.collapsed, className)}\n            style={{ width: finalWidth, ...style }}\n            {...props}\n        >\n            {header && <div className={styles.header}>{header}</div>}\n            <nav className={styles.nav} aria-label=\"Navegação lateral\">\n                {items.map((item) => {\n                    const active = item.key === value;\n                    return (\n                        <button\n                            key={item.key}\n                            type=\"button\"\n                            className={cn(styles.item, active && styles.active)}\n                            aria-current={active ? \"page\" : undefined}\n                            disabled={item.disabled}\n                            onClick={() => onChange?.(item.key)}\n                            title={\n                                collapsed && typeof item.label === \"string\" ? item.label : undefined\n                            }\n                        >\n                            {item.icon && <span className={styles.icon}>{item.icon}</span>}\n                            {!collapsed && <span className={styles.label}>{item.label}</span>}\n                            {!collapsed && item.badge !== undefined && (\n                                <span className={styles.badge}>{item.badge}</span>\n                            )}\n                        </button>\n                    );\n                })}\n            </nav>\n            {footer && <div className={styles.footer}>{footer}</div>}\n        </aside>\n    );\n}\n"],"mappings":";;;;AA+CA,SAAgB,EAAQ,EACpB,WACA,UACA,UACA,aACA,WACA,eAAY,IACZ,WAAQ,KACR,oBAAiB,IACjB,cACA,UACA,GAAG,KACU;CACb,IAAM,IACF,QAAQ,IAAY,IAAiB,MAAW,WAC1C,GAAG,IAAY,IAAiB,EAAM,MACtC,IACE,IACA;CACZ,OACI,kBAAC,SAAD;EACI,WAAW,EAAG,EAAO,SAAS,KAAa,EAAO,WAAW,CAAS;EACtE,OAAO;GAAE,OAAO;GAAY,GAAG;EAAM;EACrC,GAAI;YAHR;GAKK,KAAU,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;GAAY,CAAA;GACvD,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAK,cAAW;cAClC,EAAM,KAAK,MAAS;KACjB,IAAM,IAAS,EAAK,QAAQ;KAC5B,OACI,kBAAC,UAAD;MAEI,MAAK;MACL,WAAW,EAAG,EAAO,MAAM,KAAU,EAAO,MAAM;MAClD,gBAAc,IAAS,SAAS,KAAA;MAChC,UAAU,EAAK;MACf,eAAe,IAAW,EAAK,GAAG;MAClC,OACI,KAAa,OAAO,EAAK,SAAU,WAAW,EAAK,QAAQ,KAAA;gBARnE;OAWK,EAAK,QAAQ,kBAAC,QAAD;QAAM,WAAW,EAAO;kBAAO,EAAK;OAAW,CAAA;OAC5D,CAAC,KAAa,kBAAC,QAAD;QAAM,WAAW,EAAO;kBAAQ,EAAK;OAAY,CAAA;OAC/D,CAAC,KAAa,EAAK,UAAU,KAAA,KAC1B,kBAAC,QAAD;QAAM,WAAW,EAAO;kBAAQ,EAAK;OAAY,CAAA;MAEjD;QAfC,EAAK,GAeN;IAEhB,CAAC;GACA,CAAA;GACJ,KAAU,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAS;GAAY,CAAA;EACpD;;AAEf"}

package/dist/components/Sidebar/Sidebar.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_sidebar_UB1qz`,t=`tempest_header_zupoS`,n=`tempest_nav_aLYuL`,r=`tempest_item_IAjHb`,i=`tempest_collapsed_ZbZYA`,a=`tempest_active_BgcFy`,o=`tempest_icon_UQswn`,s=`tempest_label_TPvJ9`,c=`tempest_badge_xwEZv`,l=`tempest_footer_TyRyi`,u={sidebar:e,header:t,nav:n,item:r,collapsed:i,active:a,icon:o,label:s,badge:c,footer:l};exports.active=a,exports.badge=c,exports.collapsed=i,exports.default=u,exports.footer=l,exports.header=t,exports.icon=o,exports.item=r,exports.label=s,exports.nav=n,exports.sidebar=e;
+//# sourceMappingURL=Sidebar.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.module.cjs","names":[],"sources":["../../../src/components/Sidebar/Sidebar.module.css"],"sourcesContent":[".sidebar {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--tempest-surface);\n    border-right: 1px solid var(--tempest-border);\n    font-family: var(--tempest-font-sans);\n    transition: width var(--tempest-duration-base, 200ms) var(--tempest-ease-out, ease-out);\n    overflow: hidden;\n}\n\n.header {\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-bottom: 1px solid var(--tempest-border);\n    min-height: 56px;\n    display: flex;\n    align-items: center;\n}\n\n.nav {\n    flex: 1 1 auto;\n    overflow-y: auto;\n    padding: var(--tempest-space-2);\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: 0;\n    border-radius: var(--tempest-radius-md);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    text-align: left;\n    cursor: pointer;\n    transition: background var(--tempest-duration-fast, 120ms);\n    min-height: 36px;\n    width: 100%;\n}\n\n.collapsed .item {\n    justify-content: center;\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.item:hover {\n    background: var(--tempest-gray-100);\n}\n\n.item.active {\n    background: var(--tempest-primary-100);\n    color: var(--tempest-primary-700);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    font-size: 18px;\n    line-height: 1;\n    flex: 0 0 auto;\n}\n\n.label {\n    flex: 1 1 auto;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.badge {\n    flex: 0 0 auto;\n    min-width: 18px;\n    height: 18px;\n    padding: 0 6px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-gray-200);\n    color: var(--tempest-text);\n    font-size: 10px;\n    line-height: 18px;\n    text-align: center;\n}\n\n.footer {\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}

package/dist/components/Sidebar/Sidebar.module.js

@@ -0,0 +1,17 @@
+//#region src/components/Sidebar/Sidebar.module.css
+var e = "tempest_sidebar_UB1qz", t = "tempest_header_zupoS", n = "tempest_nav_aLYuL", r = "tempest_item_IAjHb", i = "tempest_collapsed_ZbZYA", a = "tempest_active_BgcFy", o = "tempest_icon_UQswn", s = "tempest_label_TPvJ9", c = "tempest_badge_xwEZv", l = "tempest_footer_TyRyi", u = {
+	sidebar: e,
+	header: t,
+	nav: n,
+	item: r,
+	collapsed: i,
+	active: a,
+	icon: o,
+	label: s,
+	badge: c,
+	footer: l
+};
+//#endregion
+export { a as active, c as badge, i as collapsed, u as default, l as footer, t as header, o as icon, r as item, s as label, n as nav, e as sidebar };
+
+//# sourceMappingURL=Sidebar.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.module.js","names":[],"sources":["../../../src/components/Sidebar/Sidebar.module.css"],"sourcesContent":[".sidebar {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--tempest-surface);\n    border-right: 1px solid var(--tempest-border);\n    font-family: var(--tempest-font-sans);\n    transition: width var(--tempest-duration-base, 200ms) var(--tempest-ease-out, ease-out);\n    overflow: hidden;\n}\n\n.header {\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-bottom: 1px solid var(--tempest-border);\n    min-height: 56px;\n    display: flex;\n    align-items: center;\n}\n\n.nav {\n    flex: 1 1 auto;\n    overflow-y: auto;\n    padding: var(--tempest-space-2);\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: 0;\n    border-radius: var(--tempest-radius-md);\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-sm);\n    text-align: left;\n    cursor: pointer;\n    transition: background var(--tempest-duration-fast, 120ms);\n    min-height: 36px;\n    width: 100%;\n}\n\n.collapsed .item {\n    justify-content: center;\n    padding-left: 0;\n    padding-right: 0;\n}\n\n.item:hover {\n    background: var(--tempest-gray-100);\n}\n\n.item.active {\n    background: var(--tempest-primary-100);\n    color: var(--tempest-primary-700);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.item:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.icon {\n    display: inline-flex;\n    align-items: center;\n    font-size: 18px;\n    line-height: 1;\n    flex: 0 0 auto;\n}\n\n.label {\n    flex: 1 1 auto;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.badge {\n    flex: 0 0 auto;\n    min-width: 18px;\n    height: 18px;\n    padding: 0 6px;\n    border-radius: var(--tempest-radius-full);\n    background: var(--tempest-gray-200);\n    color: var(--tempest-text);\n    font-size: 10px;\n    line-height: 18px;\n    text-align: center;\n}\n\n.footer {\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}

package/dist/components/SignaturePad/SignaturePad.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("../Button/Button.cjs"),n=require("./SignaturePad.module.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=(0,r.forwardRef)(function({width:a=400,height:o=160,penColor:s,penWidth:c=2,disabled:l=!1,label:u=`Signature`,onBegin:d,onEnd:f,onEmptyChange:p,showActions:m=!0,clearLabel:h=`Clear`,undoLabel:g=`Undo`,className:_},v){let y=(0,r.useRef)(null),b=(0,r.useRef)([]),x=(0,r.useRef)(!1),[S,C]=(0,r.useState)(!0),w=(0,r.useCallback)(()=>{if(s)return s;let e=y.current;return!e||typeof window>`u`?`#101828`:window.getComputedStyle(e).color||`#101828`},[s]),T=(0,r.useCallback)(()=>{let e=y.current,t=e?.getContext(`2d`);if(!e||!t)return;let n=typeof window>`u`?1:window.devicePixelRatio||1;e.width=a*n,e.height=o*n,t.setTransform(n,0,0,n,0,0),t.clearRect(0,0,a,o),t.lineWidth=c,t.lineCap=`round`,t.lineJoin=`round`,t.strokeStyle=w();for(let e of b.current)if(e.length!==0){t.beginPath(),t.moveTo(e[0].x,e[0].y);for(let n of e.slice(1))t.lineTo(n.x,n.y);e.length===1&&t.lineTo(e[0].x,e[0].y),t.stroke()}},[o,c,w,a]);(0,r.useEffect)(()=>{T()},[T]);let E=(0,r.useCallback)(e=>{C(t=>(t!==e&&p?.(e),e))},[p]),D=(0,r.useCallback)(e=>{let t=y.current?.getBoundingClientRect();return{x:e.clientX-(t?.left??0),y:e.clientY-(t?.top??0)}},[]),O=(0,r.useCallback)(e=>{l||(x.current=!0,b.current=[...b.current,[D(e)]],y.current?.setPointerCapture?.(e.pointerId),d?.(),E(!1),T())},[l,d,D,T,E]),k=(0,r.useCallback)(e=>{if(!x.current||l)return;let t=b.current;t[t.length-1].push(D(e)),T()},[l,D,T]),A=(0,r.useCallback)(e=>{x.current&&(x.current=!1,y.current?.releasePointerCapture?.(e.pointerId),f?.(y.current?.toDataURL()??``))},[f]),j=(0,r.useCallback)(()=>{b.current=[],E(!0),T()},[T,E]),M=(0,r.useCallback)(()=>{b.current=b.current.slice(0,-1),E(b.current.length===0),T()},[T,E]);return(0,r.useImperativeHandle)(v,()=>({clear:j,undo:M,isEmpty:()=>b.current.length===0,toDataURL:(e,t)=>y.current?.toDataURL(e,t)??``,toBlob:(e,t)=>new Promise(n=>{let r=y.current;if(!r?.toBlob){n(null);return}r.toBlob(e=>n(e),e,t)})}),[j,M]),(0,i.jsxs)(`div`,{className:e.cn(n.default.pad,l&&n.default.disabled,_),children:[(0,i.jsx)(`canvas`,{ref:y,role:`img`,"aria-label":u,"aria-disabled":l||void 0,className:n.default.canvas,style:{width:a,height:o,touchAction:`none`},onPointerDown:O,onPointerMove:k,onPointerUp:A,onPointerLeave:A}),m?(0,i.jsxs)(`div`,{className:n.default.actions,children:[(0,i.jsx)(t.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:M,disabled:l||S,children:g}),(0,i.jsx)(t.Button,{type:`button`,variant:`ghost`,size:`sm`,onClick:j,disabled:l||S,children:h})]}):null]})});exports.SignaturePad=a;
+//# sourceMappingURL=SignaturePad.cjs.map

package/dist/components/SignaturePad/SignaturePad.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignaturePad.cjs","names":[],"sources":["../../../src/components/SignaturePad/SignaturePad.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from \"react\";\nimport type { PointerEvent as ReactPointerEvent } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { Button } from \"../Button\";\nimport styles from \"./SignaturePad.module.css\";\n\n/** A single sampled point of a stroke, in CSS pixels relative to the canvas. */\ninterface Point {\n    x: number;\n    y: number;\n}\n\n/** Imperative handle exposed through `ref`. */\nexport interface SignaturePadHandle {\n    /** Drop every stroke. */\n    clear: () => void;\n    /** Drop the last stroke. */\n    undo: () => void;\n    /** `true` while nothing has been drawn. */\n    isEmpty: () => boolean;\n    /** Export as a data URL. Returns `\"\"` when the canvas is unavailable. */\n    toDataURL: (type?: string, quality?: number) => string;\n    /** Export as a `Blob` — what you actually upload. `null` when unavailable. */\n    toBlob: (type?: string, quality?: number) => Promise<Blob | null>;\n}\n\nexport interface SignaturePadProps {\n    /** Drawing surface width in CSS pixels. Default `400`. */\n    width?: number;\n    /** Drawing surface height in CSS pixels. Default `160`. */\n    height?: number;\n    /**\n     * Stroke color. Defaults to the canvas' computed `color`, which the\n     * stylesheet binds to `--tempest-text` — so the signature follows the theme\n     * (including dark mode) instead of being hardcoded black.\n     */\n    penColor?: string;\n    /** Stroke width in CSS pixels. Default `2`. */\n    penWidth?: number;\n    /** Blocks drawing and dims the surface. */\n    disabled?: boolean;\n    /** Accessible name of the surface. Default `\"Signature\"`. */\n    label?: string;\n    /** Called on the first move of each stroke. */\n    onBegin?: () => void;\n    /** Called when a stroke ends, with the current image as a data URL. */\n    onEnd?: (dataUrl: string) => void;\n    /** Called whenever the emptiness changes — wire it to a submit button. */\n    onEmptyChange?: (isEmpty: boolean) => void;\n    /** Renders the Clear/Undo buttons. Default `true`. */\n    showActions?: boolean;\n    clearLabel?: string;\n    undoLabel?: string;\n    className?: string;\n}\n\n/**\n * Signature capture on a canvas — the \"sign here\" field of a delivery receipt,\n * a service order, a term of acceptance.\n *\n * Strokes are kept as point lists and the canvas is **redrawn** from them, which\n * is what makes `undo` possible at all: a canvas holds pixels, not history, so\n * removing the last stroke means replaying the rest.\n *\n * The backing store is scaled by `devicePixelRatio`, so the line is crisp on a\n * phone instead of the blurry 1x bitmap a naive canvas produces.\n *\n * @example\n * ```tsx\n * const pad = useRef<SignaturePadHandle>(null);\n * const [empty, setEmpty] = useState(true);\n *\n * async function submit() {\n *   const blob = await pad.current?.toBlob(\"image/png\");\n *   if (blob) await api.upload(\"/receipts/42/signature\", blob);\n * }\n *\n * <SignaturePad ref={pad} label=\"Assinatura do cliente\" onEmptyChange={setEmpty} />\n * <Button disabled={empty} onClick={submit}>Enviar</Button>\n * ```\n */\nexport const SignaturePad = forwardRef<SignaturePadHandle, SignaturePadProps>(function SignaturePad(\n    {\n        width = 400,\n        height = 160,\n        penColor,\n        penWidth = 2,\n        disabled = false,\n        label = \"Signature\",\n        onBegin,\n        onEnd,\n        onEmptyChange,\n        showActions = true,\n        clearLabel = \"Clear\",\n        undoLabel = \"Undo\",\n        className,\n    },\n    ref,\n) {\n    const canvasRef = useRef<HTMLCanvasElement>(null);\n    const strokesRef = useRef<Point[][]>([]);\n    const drawingRef = useRef(false);\n    const [isEmpty, setIsEmpty] = useState(true);\n\n    const resolvePenColor = useCallback((): string => {\n        if (penColor) return penColor;\n        const canvas = canvasRef.current;\n        if (!canvas || typeof window === \"undefined\") return \"#101828\";\n        return window.getComputedStyle(canvas).color || \"#101828\";\n    }, [penColor]);\n\n    /**\n     * Repaint the whole surface from the stroke list, honouring the pixel ratio.\n     *\n     * A one-point stroke (a tap) gets a line back to its own origin: `stroke()`\n     * over a path with a single point paints nothing, so without it a tap would\n     * silently produce no dot while still counting as \"not empty\".\n     */\n    const redraw = useCallback((): void => {\n        const canvas = canvasRef.current;\n        const context = canvas?.getContext(\"2d\");\n        if (!canvas || !context) return;\n\n        const ratio = typeof window === \"undefined\" ? 1 : window.devicePixelRatio || 1;\n        canvas.width = width * ratio;\n        canvas.height = height * ratio;\n        context.setTransform(ratio, 0, 0, ratio, 0, 0);\n        context.clearRect(0, 0, width, height);\n\n        context.lineWidth = penWidth;\n        context.lineCap = \"round\";\n        context.lineJoin = \"round\";\n        context.strokeStyle = resolvePenColor();\n\n        for (const stroke of strokesRef.current) {\n            if (stroke.length === 0) continue;\n            context.beginPath();\n            context.moveTo(stroke[0].x, stroke[0].y);\n            for (const point of stroke.slice(1)) {\n                context.lineTo(point.x, point.y);\n            }\n            if (stroke.length === 1) context.lineTo(stroke[0].x, stroke[0].y);\n            context.stroke();\n        }\n    }, [height, penWidth, resolvePenColor, width]);\n\n    useEffect(() => {\n        redraw();\n    }, [redraw]);\n\n    const setEmptiness = useCallback(\n        (next: boolean): void => {\n            setIsEmpty((current) => {\n                if (current !== next) onEmptyChange?.(next);\n                return next;\n            });\n        },\n        [onEmptyChange],\n    );\n\n    const pointFrom = useCallback((event: ReactPointerEvent<HTMLCanvasElement>): Point => {\n        const rect = canvasRef.current?.getBoundingClientRect();\n        return {\n            x: event.clientX - (rect?.left ?? 0),\n            y: event.clientY - (rect?.top ?? 0),\n        };\n    }, []);\n\n    const handlePointerDown = useCallback(\n        (event: ReactPointerEvent<HTMLCanvasElement>): void => {\n            if (disabled) return;\n            drawingRef.current = true;\n            strokesRef.current = [...strokesRef.current, [pointFrom(event)]];\n            canvasRef.current?.setPointerCapture?.(event.pointerId);\n            onBegin?.();\n            setEmptiness(false);\n            redraw();\n        },\n        [disabled, onBegin, pointFrom, redraw, setEmptiness],\n    );\n\n    const handlePointerMove = useCallback(\n        (event: ReactPointerEvent<HTMLCanvasElement>): void => {\n            if (!drawingRef.current || disabled) return;\n            const strokes = strokesRef.current;\n            strokes[strokes.length - 1].push(pointFrom(event));\n            redraw();\n        },\n        [disabled, pointFrom, redraw],\n    );\n\n    const handlePointerUp = useCallback(\n        (event: ReactPointerEvent<HTMLCanvasElement>): void => {\n            if (!drawingRef.current) return;\n            drawingRef.current = false;\n            canvasRef.current?.releasePointerCapture?.(event.pointerId);\n            onEnd?.(canvasRef.current?.toDataURL() ?? \"\");\n        },\n        [onEnd],\n    );\n\n    const clear = useCallback((): void => {\n        strokesRef.current = [];\n        setEmptiness(true);\n        redraw();\n    }, [redraw, setEmptiness]);\n\n    const undo = useCallback((): void => {\n        strokesRef.current = strokesRef.current.slice(0, -1);\n        setEmptiness(strokesRef.current.length === 0);\n        redraw();\n    }, [redraw, setEmptiness]);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            clear,\n            undo,\n            isEmpty: () => strokesRef.current.length === 0,\n            toDataURL: (type, quality) => canvasRef.current?.toDataURL(type, quality) ?? \"\",\n            toBlob: (type, quality) =>\n                new Promise((resolve) => {\n                    const canvas = canvasRef.current;\n                    if (!canvas?.toBlob) {\n                        resolve(null);\n                        return;\n                    }\n                    canvas.toBlob((blob) => resolve(blob), type, quality);\n                }),\n        }),\n        [clear, undo],\n    );\n\n    return (\n        <div className={cn(styles.pad, disabled && styles.disabled, className)}>\n            <canvas\n                ref={canvasRef}\n                role=\"img\"\n                aria-label={label}\n                aria-disabled={disabled || undefined}\n                className={styles.canvas}\n                style={{ width, height, touchAction: \"none\" }}\n                onPointerDown={handlePointerDown}\n                onPointerMove={handlePointerMove}\n                onPointerUp={handlePointerUp}\n                onPointerLeave={handlePointerUp}\n            />\n            {showActions ? (\n                <div className={styles.actions}>\n                    <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={undo}\n                        disabled={disabled || isEmpty}\n                    >\n                        {undoLabel}\n                    </Button>\n                    <Button\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        onClick={clear}\n                        disabled={disabled || isEmpty}\n                    >\n                        {clearLabel}\n                    </Button>\n                </div>\n            ) : null}\n        </div>\n    );\n});\n"],"mappings":"qKAiFA,IAAa,GAAA,EAAA,EAAA,WAAA,CAAiE,SAC1E,CACI,QAAQ,IACR,SAAS,IACT,WACA,WAAW,EACX,WAAW,GACX,QAAQ,YACR,UACA,QACA,gBACA,cAAc,GACd,aAAa,QACb,YAAY,OACZ,aAEJ,EACF,CACE,IAAM,GAAA,EAAA,EAAA,OAAA,CAAsC,IAAI,EAC1C,GAAA,EAAA,EAAA,OAAA,CAA+B,CAAC,CAAC,EACjC,GAAA,EAAA,EAAA,OAAA,CAAoB,EAAK,EACzB,CAAC,EAAS,IAAA,EAAA,EAAA,SAAA,CAAuB,EAAI,EAErC,GAAA,EAAA,EAAA,YAAA,KAA4C,CAC9C,GAAI,EAAU,OAAO,EACrB,IAAM,EAAS,EAAU,QAEzB,MADI,CAAC,GAAU,OAAO,OAAW,IAAoB,UAC9C,OAAO,iBAAiB,CAAM,CAAC,CAAC,OAAS,SACpD,EAAG,CAAC,CAAQ,CAAC,EASP,GAAA,EAAA,EAAA,YAAA,KAAiC,CACnC,IAAM,EAAS,EAAU,QACnB,EAAU,GAAQ,WAAW,IAAI,EACvC,GAAI,CAAC,GAAU,CAAC,EAAS,OAEzB,IAAM,EAAQ,OAAO,OAAW,IAAc,EAAI,OAAO,kBAAoB,EAC7E,EAAO,MAAQ,EAAQ,EACvB,EAAO,OAAS,EAAS,EACzB,EAAQ,aAAa,EAAO,EAAG,EAAG,EAAO,EAAG,CAAC,EAC7C,EAAQ,UAAU,EAAG,EAAG,EAAO,CAAM,EAErC,EAAQ,UAAY,EACpB,EAAQ,QAAU,QAClB,EAAQ,SAAW,QACnB,EAAQ,YAAc,EAAgB,EAEtC,IAAK,IAAM,KAAU,EAAW,QACxB,KAAO,SAAW,EAEtB,CADA,EAAQ,UAAU,EAClB,EAAQ,OAAO,EAAO,EAAE,CAAC,EAAG,EAAO,EAAE,CAAC,CAAC,EACvC,IAAK,IAAM,KAAS,EAAO,MAAM,CAAC,EAC9B,EAAQ,OAAO,EAAM,EAAG,EAAM,CAAC,EAE/B,EAAO,SAAW,GAAG,EAAQ,OAAO,EAAO,EAAE,CAAC,EAAG,EAAO,EAAE,CAAC,CAAC,EAChE,EAAQ,OAAO,CALwB,CAO/C,EAAG,CAAC,EAAQ,EAAU,EAAiB,CAAK,CAAC,GAE7C,EAAA,EAAA,UAAA,KAAgB,CACZ,EAAO,CACX,EAAG,CAAC,CAAM,CAAC,EAEX,IAAM,GAAA,EAAA,EAAA,YAAA,CACD,GAAwB,CACrB,EAAY,IACJ,IAAY,GAAM,IAAgB,CAAI,EACnC,EACV,CACL,EACA,CAAC,CAAa,CAClB,EAEM,GAAA,EAAA,EAAA,YAAA,CAAyB,GAAuD,CAClF,IAAM,EAAO,EAAU,SAAS,sBAAsB,EACtD,MAAO,CACH,EAAG,EAAM,SAAW,GAAM,MAAQ,GAClC,EAAG,EAAM,SAAW,GAAM,KAAO,EACrC,CACJ,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,YAAA,CACD,GAAsD,CAC/C,IACJ,EAAW,QAAU,GACrB,EAAW,QAAU,CAAC,GAAG,EAAW,QAAS,CAAC,EAAU,CAAK,CAAC,CAAC,EAC/D,EAAU,SAAS,oBAAoB,EAAM,SAAS,EACtD,IAAU,EACV,EAAa,EAAK,EAClB,EAAO,EACX,EACA,CAAC,EAAU,EAAS,EAAW,EAAQ,CAAY,CACvD,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAAsD,CACnD,GAAI,CAAC,EAAW,SAAW,EAAU,OACrC,IAAM,EAAU,EAAW,QAC3B,EAAQ,EAAQ,OAAS,EAAE,CAAC,KAAK,EAAU,CAAK,CAAC,EACjD,EAAO,CACX,EACA,CAAC,EAAU,EAAW,CAAM,CAChC,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAAsD,CAC9C,EAAW,UAChB,EAAW,QAAU,GACrB,EAAU,SAAS,wBAAwB,EAAM,SAAS,EAC1D,IAAQ,EAAU,SAAS,UAAU,GAAK,EAAE,EAChD,EACA,CAAC,CAAK,CACV,EAEM,GAAA,EAAA,EAAA,YAAA,KAAgC,CAClC,EAAW,QAAU,CAAC,EACtB,EAAa,EAAI,EACjB,EAAO,CACX,EAAG,CAAC,EAAQ,CAAY,CAAC,EAEnB,GAAA,EAAA,EAAA,YAAA,KAA+B,CACjC,EAAW,QAAU,EAAW,QAAQ,MAAM,EAAG,EAAE,EACnD,EAAa,EAAW,QAAQ,SAAW,CAAC,EAC5C,EAAO,CACX,EAAG,CAAC,EAAQ,CAAY,CAAC,EAsBzB,OApBA,EAAA,EAAA,oBAAA,CACI,OACO,CACH,QACA,OACA,YAAe,EAAW,QAAQ,SAAW,EAC7C,WAAY,EAAM,IAAY,EAAU,SAAS,UAAU,EAAM,CAAO,GAAK,GAC7E,QAAS,EAAM,IACX,IAAI,QAAS,GAAY,CACrB,IAAM,EAAS,EAAU,QACzB,GAAI,CAAC,GAAQ,OAAQ,CACjB,EAAQ,IAAI,EACZ,MACJ,CACA,EAAO,OAAQ,GAAS,EAAQ,CAAI,EAAG,EAAM,CAAO,CACxD,CAAC,CACT,GACA,CAAC,EAAO,CAAI,CAChB,GAGI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,GAAY,EAAA,QAAO,SAAU,CAAS,WAArE,EACI,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,IAAK,EACL,KAAK,MACL,aAAY,EACZ,gBAAe,GAAY,IAAA,GAC3B,UAAW,EAAA,QAAO,OAClB,MAAO,CAAE,QAAO,SAAQ,YAAa,MAAO,EAC5C,cAAe,EACf,cAAe,EACf,YAAa,EACb,eAAgB,CACnB,CAAA,EACA,GACG,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,iBAAvB,EACI,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CACI,KAAK,SACL,QAAQ,QACR,KAAK,KACL,QAAS,EACT,SAAU,GAAY,WAErB,CACG,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CACI,KAAK,SACL,QAAQ,QACR,KAAK,KACL,QAAS,EACT,SAAU,GAAY,WAErB,CACG,CAAA,CACP,IACL,IACH,GAEb,CAAC"}

package/dist/components/SignaturePad/SignaturePad.js

@@ -0,0 +1,115 @@
+import { cn as e } from "../../utils/cn.js";
+import { Button as t } from "../Button/Button.js";
+import n from "./SignaturePad.module.js";
+import { forwardRef as r, useCallback as i, useEffect as a, useImperativeHandle as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/SignaturePad/SignaturePad.tsx
+var d = r(function({ width: r = 400, height: d = 160, penColor: f, penWidth: p = 2, disabled: m = !1, label: h = "Signature", onBegin: g, onEnd: _, onEmptyChange: v, showActions: y = !0, clearLabel: b = "Clear", undoLabel: x = "Undo", className: S }, C) {
+	let w = s(null), T = s([]), E = s(!1), [D, O] = c(!0), k = i(() => {
+		if (f) return f;
+		let e = w.current;
+		return !e || typeof window > "u" ? "#101828" : window.getComputedStyle(e).color || "#101828";
+	}, [f]), A = i(() => {
+		let e = w.current, t = e?.getContext("2d");
+		if (!e || !t) return;
+		let n = typeof window > "u" ? 1 : window.devicePixelRatio || 1;
+		e.width = r * n, e.height = d * n, t.setTransform(n, 0, 0, n, 0, 0), t.clearRect(0, 0, r, d), t.lineWidth = p, t.lineCap = "round", t.lineJoin = "round", t.strokeStyle = k();
+		for (let e of T.current) if (e.length !== 0) {
+			t.beginPath(), t.moveTo(e[0].x, e[0].y);
+			for (let n of e.slice(1)) t.lineTo(n.x, n.y);
+			e.length === 1 && t.lineTo(e[0].x, e[0].y), t.stroke();
+		}
+	}, [
+		d,
+		p,
+		k,
+		r
+	]);
+	a(() => {
+		A();
+	}, [A]);
+	let j = i((e) => {
+		O((t) => (t !== e && v?.(e), e));
+	}, [v]), M = i((e) => {
+		let t = w.current?.getBoundingClientRect();
+		return {
+			x: e.clientX - (t?.left ?? 0),
+			y: e.clientY - (t?.top ?? 0)
+		};
+	}, []), N = i((e) => {
+		m || (E.current = !0, T.current = [...T.current, [M(e)]], w.current?.setPointerCapture?.(e.pointerId), g?.(), j(!1), A());
+	}, [
+		m,
+		g,
+		M,
+		A,
+		j
+	]), P = i((e) => {
+		if (!E.current || m) return;
+		let t = T.current;
+		t[t.length - 1].push(M(e)), A();
+	}, [
+		m,
+		M,
+		A
+	]), F = i((e) => {
+		E.current && (E.current = !1, w.current?.releasePointerCapture?.(e.pointerId), _?.(w.current?.toDataURL() ?? ""));
+	}, [_]), I = i(() => {
+		T.current = [], j(!0), A();
+	}, [A, j]), L = i(() => {
+		T.current = T.current.slice(0, -1), j(T.current.length === 0), A();
+	}, [A, j]);
+	return o(C, () => ({
+		clear: I,
+		undo: L,
+		isEmpty: () => T.current.length === 0,
+		toDataURL: (e, t) => w.current?.toDataURL(e, t) ?? "",
+		toBlob: (e, t) => new Promise((n) => {
+			let r = w.current;
+			if (!r?.toBlob) {
+				n(null);
+				return;
+			}
+			r.toBlob((e) => n(e), e, t);
+		})
+	}), [I, L]), /* @__PURE__ */ u("div", {
+		className: e(n.pad, m && n.disabled, S),
+		children: [/* @__PURE__ */ l("canvas", {
+			ref: w,
+			role: "img",
+			"aria-label": h,
+			"aria-disabled": m || void 0,
+			className: n.canvas,
+			style: {
+				width: r,
+				height: d,
+				touchAction: "none"
+			},
+			onPointerDown: N,
+			onPointerMove: P,
+			onPointerUp: F,
+			onPointerLeave: F
+		}), y ? /* @__PURE__ */ u("div", {
+			className: n.actions,
+			children: [/* @__PURE__ */ l(t, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				onClick: L,
+				disabled: m || D,
+				children: x
+			}), /* @__PURE__ */ l(t, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				onClick: I,
+				disabled: m || D,
+				children: b
+			})]
+		}) : null]
+	});
+});
+//#endregion
+export { d as SignaturePad };
+
+//# sourceMappingURL=SignaturePad.js.map