tempest-react-sdk 0.23.0 → 0.24.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/Skeleton/Skeleton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("../../utils/cn.cjs"),e=require("./Skeleton.module.css.cjs");function s({variant:t="rect",width:n,height:r,className:l,style:c}){return u.jsx("span",{"aria-hidden":!0,className:o.cn(e.default.skeleton,t==="text"&&e.default.text,t==="circle"&&e.default.circle,l),style:{width:n,height:r,...c}})}exports.Skeleton=s;
-//# sourceMappingURL=Skeleton.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Skeleton.module.cjs");let n=require("react/jsx-runtime");function r({variant:r=`rect`,width:i,height:a,className:o,style:s}){return(0,n.jsx)(`span`,{"aria-hidden":!0,className:e.cn(t.default.skeleton,r===`text`&&t.default.text,r===`circle`&&t.default.circle,o),style:{width:i,height:a,...s}})}exports.Skeleton=r;
+//# sourceMappingURL=Skeleton.cjs.map

package/dist/components/Skeleton/Skeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.cjs","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Skeleton.module.css\";\n\nexport interface SkeletonProps {\n    variant?: \"rect\" | \"text\" | \"circle\";\n    width?: number | string;\n    height?: number | string;\n    className?: string;\n    style?: CSSProperties;\n}\n\n/** Loading placeholder block. Use `variant=\"text\"` for inline lines, `circle` for avatars. */\nexport function Skeleton({ variant = \"rect\", width, height, className, style }: SkeletonProps) {\n    return (\n        <span\n            aria-hidden\n            className={cn(\n                styles.skeleton,\n                variant === \"text\" && styles.text,\n                variant === \"circle\" && styles.circle,\n                className,\n            )}\n            style={{ width, height, ...style }}\n        />\n    );\n}\n"],"names":["Skeleton","variant","width","height","className","style","jsx","cn","styles"],"mappings":"4LAaO,SAASA,EAAS,CAAE,QAAAC,EAAU,OAAQ,MAAAC,EAAO,OAAAC,EAAQ,UAAAC,EAAW,MAAAC,GAAwB,CAC3F,OACIC,EAAAA,IAAC,OAAA,CACG,cAAW,GACX,UAAWC,EAAAA,GACPC,EAAAA,QAAO,SACPP,IAAY,QAAUO,EAAAA,QAAO,KAC7BP,IAAY,UAAYO,EAAAA,QAAO,OAC/BJ,CAAA,EAEJ,MAAO,CAAE,MAAAF,EAAO,OAAAC,EAAQ,GAAGE,CAAA,CAAM,CAAA,CAG7C"}
+{"version":3,"file":"Skeleton.cjs","names":[],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Skeleton.module.css\";\n\nexport interface SkeletonProps {\n    variant?: \"rect\" | \"text\" | \"circle\";\n    width?: number | string;\n    height?: number | string;\n    className?: string;\n    style?: CSSProperties;\n}\n\n/** Loading placeholder block. Use `variant=\"text\"` for inline lines, `circle` for avatars. */\nexport function Skeleton({ variant = \"rect\", width, height, className, style }: SkeletonProps) {\n    return (\n        <span\n            aria-hidden\n            className={cn(\n                styles.skeleton,\n                variant === \"text\" && styles.text,\n                variant === \"circle\" && styles.circle,\n                className,\n            )}\n            style={{ width, height, ...style }}\n        />\n    );\n}\n"],"mappings":"4GAaA,SAAgB,EAAS,CAAE,UAAU,OAAQ,QAAO,SAAQ,YAAW,SAAwB,CAC3F,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,cAAA,GACA,UAAW,EAAA,GACP,EAAA,QAAO,SACP,IAAY,QAAU,EAAA,QAAO,KAC7B,IAAY,UAAY,EAAA,QAAO,OAC/B,CACJ,EACA,MAAO,CAAE,QAAO,SAAQ,GAAG,CAAM,CACpC,CAAA,CAET"}

package/dist/components/Skeleton/Skeleton.js

@@ -1,22 +1,19 @@
-import { jsx as i } from "react/jsx-runtime";
-import { cn as l } from "../../utils/cn.js";
-import e from "./Skeleton.module.css.js";
-function f({ variant: t = "rect", width: r, height: o, className: c, style: s }) {
-  return /* @__PURE__ */ i(
-    "span",
-    {
-      "aria-hidden": !0,
-      className: l(
-        e.skeleton,
-        t === "text" && e.text,
-        t === "circle" && e.circle,
-        c
-      ),
-      style: { width: r, height: o, ...s }
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./Skeleton.module.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Skeleton/Skeleton.tsx
+function r({ variant: r = "rect", width: i, height: a, className: o, style: s }) {
+	return /* @__PURE__ */ n("span", {
+		"aria-hidden": !0,
+		className: e(t.skeleton, r === "text" && t.text, r === "circle" && t.circle, o),
+		style: {
+			width: i,
+			height: a,
+			...s
+		}
+	});
 }
-export {
-  f as Skeleton
-};
-//# sourceMappingURL=Skeleton.js.map
+//#endregion
+export { r as Skeleton };
+
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Skeleton.module.css\";\n\nexport interface SkeletonProps {\n    variant?: \"rect\" | \"text\" | \"circle\";\n    width?: number | string;\n    height?: number | string;\n    className?: string;\n    style?: CSSProperties;\n}\n\n/** Loading placeholder block. Use `variant=\"text\"` for inline lines, `circle` for avatars. */\nexport function Skeleton({ variant = \"rect\", width, height, className, style }: SkeletonProps) {\n    return (\n        <span\n            aria-hidden\n            className={cn(\n                styles.skeleton,\n                variant === \"text\" && styles.text,\n                variant === \"circle\" && styles.circle,\n                className,\n            )}\n            style={{ width, height, ...style }}\n        />\n    );\n}\n"],"names":["Skeleton","variant","width","height","className","style","jsx","cn","styles"],"mappings":";;;AAaO,SAASA,EAAS,EAAE,SAAAC,IAAU,QAAQ,OAAAC,GAAO,QAAAC,GAAQ,WAAAC,GAAW,OAAAC,KAAwB;AAC3F,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,eAAW;AAAA,MACX,WAAWC;AAAA,QACPC,EAAO;AAAA,QACPP,MAAY,UAAUO,EAAO;AAAA,QAC7BP,MAAY,YAAYO,EAAO;AAAA,QAC/BJ;AAAA,MAAA;AAAA,MAEJ,OAAO,EAAE,OAAAF,GAAO,QAAAC,GAAQ,GAAGE,EAAA;AAAA,IAAM;AAAA,EAAA;AAG7C;"}
+{"version":3,"file":"Skeleton.js","names":[],"sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Skeleton.module.css\";\n\nexport interface SkeletonProps {\n    variant?: \"rect\" | \"text\" | \"circle\";\n    width?: number | string;\n    height?: number | string;\n    className?: string;\n    style?: CSSProperties;\n}\n\n/** Loading placeholder block. Use `variant=\"text\"` for inline lines, `circle` for avatars. */\nexport function Skeleton({ variant = \"rect\", width, height, className, style }: SkeletonProps) {\n    return (\n        <span\n            aria-hidden\n            className={cn(\n                styles.skeleton,\n                variant === \"text\" && styles.text,\n                variant === \"circle\" && styles.circle,\n                className,\n            )}\n            style={{ width, height, ...style }}\n        />\n    );\n}\n"],"mappings":";;;;AAaA,SAAgB,EAAS,EAAE,aAAU,QAAQ,UAAO,WAAQ,cAAW,YAAwB;CAC3F,OACI,kBAAC,QAAD;EACI,eAAA;EACA,WAAW,EACP,EAAO,UACP,MAAY,UAAU,EAAO,MAC7B,MAAY,YAAY,EAAO,QAC/B,CACJ;EACA,OAAO;GAAE;GAAO;GAAQ,GAAG;EAAM;CACpC,CAAA;AAET"}

package/dist/components/Skeleton/Skeleton.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_skeleton_CB4uF`,t=`tempest_tempest-skeleton_H5Y8e`,n=`tempest_text_-A8IF`,r=`tempest_circle_DYcl8`,i=`tempest_rect_do1uR`,a={skeleton:e,tempestSkeleton:t,text:n,circle:r,rect:i};exports.circle=r,exports.default=a,exports.rect=i,exports.skeleton=e,exports.tempestSkeleton=t,exports.text=n;
+//# sourceMappingURL=Skeleton.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.module.cjs","names":[],"sources":["../../../src/components/Skeleton/Skeleton.module.css"],"sourcesContent":[".skeleton {\n    display: block;\n    background: linear-gradient(\n        90deg,\n        var(--tempest-surface) 0%,\n        var(--tempest-surface-2) 50%,\n        var(--tempest-surface) 100%\n    );\n    background-size: 200% 100%;\n    border-radius: var(--tempest-radius-md);\n    animation: tempest-skeleton 1.4s var(--tempest-ease-in-out) infinite;\n}\n\n.text {\n    height: var(--tempest-text-base);\n    border-radius: var(--tempest-radius-sm);\n}\n\n.circle {\n    border-radius: 50%;\n}\n\n.rect {\n    border-radius: var(--tempest-radius-md);\n}\n\n@keyframes tempest-skeleton {\n    0% {\n        background-position: 200% 0;\n    }\n    100% {\n        background-position: -200% 0;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .skeleton {\n        animation: none;\n        background: var(--tempest-surface-2);\n    }\n}\n"],"mappings":""}

package/dist/components/Skeleton/Skeleton.module.js

@@ -0,0 +1,12 @@
+//#region src/components/Skeleton/Skeleton.module.css
+var e = "tempest_skeleton_CB4uF", t = "tempest_tempest-skeleton_H5Y8e", n = "tempest_text_-A8IF", r = "tempest_circle_DYcl8", i = "tempest_rect_do1uR", a = {
+	skeleton: e,
+	tempestSkeleton: t,
+	text: n,
+	circle: r,
+	rect: i
+};
+//#endregion
+export { r as circle, a as default, i as rect, e as skeleton, t as tempestSkeleton, n as text };
+
+//# sourceMappingURL=Skeleton.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.module.js","names":[],"sources":["../../../src/components/Skeleton/Skeleton.module.css"],"sourcesContent":[".skeleton {\n    display: block;\n    background: linear-gradient(\n        90deg,\n        var(--tempest-surface) 0%,\n        var(--tempest-surface-2) 50%,\n        var(--tempest-surface) 100%\n    );\n    background-size: 200% 100%;\n    border-radius: var(--tempest-radius-md);\n    animation: tempest-skeleton 1.4s var(--tempest-ease-in-out) infinite;\n}\n\n.text {\n    height: var(--tempest-text-base);\n    border-radius: var(--tempest-radius-sm);\n}\n\n.circle {\n    border-radius: 50%;\n}\n\n.rect {\n    border-radius: var(--tempest-radius-md);\n}\n\n@keyframes tempest-skeleton {\n    0% {\n        background-position: 200% 0;\n    }\n    100% {\n        background-position: -200% 0;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .skeleton {\n        animation: none;\n        background: var(--tempest-surface-2);\n    }\n}\n"],"mappings":""}

package/dist/components/Slider/Slider.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),x=require("../../utils/cn.cjs"),s=require("./Slider.module.css.cjs");function N({value:a,onChange:c,min:t=0,max:l=100,step:o=1,label:n,helperText:i,disabled:f=!1,formatValue:h,className:j}){const m=u.useMemo(()=>{const r=l-t;return r<=0?0:Math.min(100,Math.max(0,(a-t)/r*100))},[a,t,l]),d=h?.(a)??String(a),p=u.useCallback(r=>{c(Number(r.target.value))},[c]);return e.jsxs("div",{className:x.cn(s.default.wrapper,j),children:[n&&e.jsxs("div",{className:s.default.label,children:[e.jsx("span",{children:n}),e.jsx("span",{className:s.default.value,children:d})]}),e.jsxs("div",{className:s.default.field,children:[e.jsx("div",{className:s.default.track}),e.jsx("div",{className:s.default.fill,style:{width:`${m}%`}}),e.jsx("input",{type:"range",className:s.default.input,min:t,max:l,step:o,value:a,onChange:p,disabled:f,"aria-label":n??"Slider","aria-valuetext":d})]}),i&&e.jsx("span",{className:s.default.helper,children:i})]})}exports.Slider=N;
-//# sourceMappingURL=Slider.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Slider.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({value:i,onChange:a,min:o=0,max:s=100,step:c=1,label:l,helperText:u,disabled:d=!1,formatValue:f,className:p}){let m=(0,n.useMemo)(()=>{let e=s-o;return e<=0?0:Math.min(100,Math.max(0,(i-o)/e*100))},[i,o,s]),h=f?.(i)??String(i),g=(0,n.useCallback)(e=>{a(Number(e.target.value))},[a]);return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,p),children:[l&&(0,r.jsxs)(`div`,{className:t.default.label,children:[(0,r.jsx)(`span`,{children:l}),(0,r.jsx)(`span`,{className:t.default.value,children:h})]}),(0,r.jsxs)(`div`,{className:t.default.field,children:[(0,r.jsx)(`div`,{className:t.default.track}),(0,r.jsx)(`div`,{className:t.default.fill,style:{width:`${m}%`}}),(0,r.jsx)(`input`,{type:`range`,className:t.default.input,min:o,max:s,step:c,value:i,onChange:g,disabled:d,"aria-label":l??`Slider`,"aria-valuetext":h})]}),u&&(0,r.jsx)(`span`,{className:t.default.helper,children:u})]})}exports.Slider=i;
+//# sourceMappingURL=Slider.cjs.map

package/dist/components/Slider/Slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.cjs","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Slider.module.css\";\n\nexport interface SliderProps {\n    /** Current value. */\n    value: number;\n    /** Called with the new value on every change. */\n    onChange: (value: number) => void;\n    min?: number;\n    max?: number;\n    step?: number;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    /** Formatter for the value badge next to the label. Defaults to the raw number. */\n    formatValue?: (value: number) => string;\n    className?: string;\n}\n\n/**\n * Single-thumb slider built on a native `<input type=\"range\">`, so it stays\n * accessible (keyboard + screen reader) with no positioning libs. The active\n * fill is a percentage-width bar. For a two-thumb range, use `RangeSlider`.\n */\nexport function Slider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: SliderProps) {\n    const pct = useMemo(() => {\n        const range = max - min;\n        if (range <= 0) return 0;\n        return Math.min(100, Math.max(0, ((value - min) / range) * 100));\n    }, [value, min, max]);\n\n    const valueText = formatValue?.(value) ?? String(value);\n\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            onChange(Number(event.target.value));\n        },\n        [onChange],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && (\n                <div className={styles.label}>\n                    <span>{label}</span>\n                    <span className={styles.value}>{valueText}</span>\n                </div>\n            )}\n            <div className={styles.field}>\n                <div className={styles.track} />\n                <div className={styles.fill} style={{ width: `${pct}%` }} />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={value}\n                    onChange={handleChange}\n                    disabled={disabled}\n                    aria-label={label ?? \"Slider\"}\n                    aria-valuetext={valueText}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"names":["Slider","value","onChange","min","max","step","label","helperText","disabled","formatValue","className","pct","useMemo","range","valueText","handleChange","useCallback","event","cn","styles","jsxs","jsx"],"mappings":"6MAyBO,SAASA,EAAO,CACnB,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,KAAAC,EAAO,EACP,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,GACX,YAAAC,EACA,UAAAC,CACJ,EAAgB,CACZ,MAAMC,EAAMC,EAAAA,QAAQ,IAAM,CACtB,MAAMC,EAAQT,EAAMD,EACpB,OAAIU,GAAS,EAAU,EAChB,KAAK,IAAI,IAAK,KAAK,IAAI,GAAKZ,EAAQE,GAAOU,EAAS,GAAG,CAAC,CACnE,EAAG,CAACZ,EAAOE,EAAKC,CAAG,CAAC,EAEdU,EAAYL,IAAcR,CAAK,GAAK,OAAOA,CAAK,EAEhDc,EAAeC,EAAAA,YAChBC,GAAqD,CAClDf,EAAS,OAAOe,EAAM,OAAO,KAAK,CAAC,CACvC,EACA,CAACf,CAAQ,CAAA,EAGb,cACK,MAAA,CAAI,UAAWgB,EAAAA,GAAGC,EAAAA,QAAO,QAAST,CAAS,EACvC,SAAA,CAAAJ,GACGc,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,MACnB,SAAA,CAAAE,EAAAA,IAAC,QAAM,SAAAf,CAAA,CAAM,EACbe,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,MAAQ,SAAAL,CAAA,CAAU,CAAA,EAC9C,EAEJM,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,MACnB,SAAA,CAAAE,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,KAAA,CAAO,EAC9BE,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,KAAM,MAAO,CAAE,MAAO,GAAGR,CAAG,GAAA,CAAI,CAAG,EAC1DU,EAAAA,IAAC,QAAA,CACG,KAAK,QACL,UAAWF,EAAAA,QAAO,MAClB,IAAAhB,EACA,IAAAC,EACA,KAAAC,EACA,MAAAJ,EACA,SAAUc,EACV,SAAAP,EACA,aAAYF,GAAS,SACrB,iBAAgBQ,CAAA,CAAA,CACpB,EACJ,EACCP,GAAcc,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,OAAS,SAAAZ,CAAA,CAAW,CAAA,EAC/D,CAER"}
+{"version":3,"file":"Slider.cjs","names":[],"sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Slider.module.css\";\n\nexport interface SliderProps {\n    /** Current value. */\n    value: number;\n    /** Called with the new value on every change. */\n    onChange: (value: number) => void;\n    min?: number;\n    max?: number;\n    step?: number;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    /** Formatter for the value badge next to the label. Defaults to the raw number. */\n    formatValue?: (value: number) => string;\n    className?: string;\n}\n\n/**\n * Single-thumb slider built on a native `<input type=\"range\">`, so it stays\n * accessible (keyboard + screen reader) with no positioning libs. The active\n * fill is a percentage-width bar. For a two-thumb range, use `RangeSlider`.\n */\nexport function Slider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: SliderProps) {\n    const pct = useMemo(() => {\n        const range = max - min;\n        if (range <= 0) return 0;\n        return Math.min(100, Math.max(0, ((value - min) / range) * 100));\n    }, [value, min, max]);\n\n    const valueText = formatValue?.(value) ?? String(value);\n\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            onChange(Number(event.target.value));\n        },\n        [onChange],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && (\n                <div className={styles.label}>\n                    <span>{label}</span>\n                    <span className={styles.value}>{valueText}</span>\n                </div>\n            )}\n            <div className={styles.field}>\n                <div className={styles.track} />\n                <div className={styles.fill} style={{ width: `${pct}%` }} />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={value}\n                    onChange={handleChange}\n                    disabled={disabled}\n                    aria-label={label ?? \"Slider\"}\n                    aria-valuetext={valueText}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":"6HAyBA,SAAgB,EAAO,CACnB,QACA,WACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,aACA,WAAW,GACX,cACA,aACY,CACZ,IAAM,GAAA,EAAA,EAAA,QAAA,KAAoB,CACtB,IAAM,EAAQ,EAAM,EAEpB,OADI,GAAS,EAAU,EAChB,KAAK,IAAI,IAAK,KAAK,IAAI,GAAK,EAAQ,GAAO,EAAS,GAAG,CAAC,CACnE,EAAG,CAAC,EAAO,EAAK,CAAG,CAAC,EAEd,EAAY,IAAc,CAAK,GAAK,OAAO,CAAK,EAEhD,GAAA,EAAA,EAAA,YAAA,CACD,GAAqD,CAClD,EAAS,OAAO,EAAM,OAAO,KAAK,CAAC,CACvC,EACA,CAAC,CAAQ,CACb,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,WAA5C,CACK,IACG,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,CAAY,CAAA,GACnB,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAgB,CAAA,CAC/C,KAET,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAQ,CAAA,GAC/B,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAM,MAAO,CAAE,MAAO,GAAG,EAAI,EAAG,CAAI,CAAA,GAC3D,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAW,EAAA,QAAO,MACb,MACA,MACC,OACC,QACP,SAAU,EACA,WACV,aAAY,GAAS,SACrB,iBAAgB,CACnB,CAAA,CACA,IACJ,IAAc,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,gBAAS,CAAiB,CAAA,CAChE,GAEb"}