tempest-react-sdk 0.22.0 → 0.24.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.module.js","names":[],"sources":["../../../src/components/Stepper/Stepper.module.css"],"sourcesContent":[".stepper {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.stepper.vertical {\n    flex-direction: column;\n    align-items: stretch;\n}\n\n.step {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    flex: 1;\n}\n\n.dot {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    border: 2px solid var(--tempest-border-strong);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text-muted);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-bold);\n    flex-shrink: 0;\n    transition: var(--tempest-transition-color);\n}\n\n.step.completed .dot {\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.step.active .dot {\n    border-color: var(--tempest-primary-on-soft);\n    color: var(--tempest-primary-on-soft);\n    box-shadow: 0 0 0 4px var(--tempest-primary-soft);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n}\n\n.step.active .label,\n.step.completed .label {\n    color: var(--tempest-text);\n}\n\n.connector {\n    flex: 1;\n    height: 2px;\n    background-color: var(--tempest-border);\n    margin: 0 var(--tempest-space-1);\n    transition: background-color var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.connector.completed {\n    background-color: var(--tempest-primary);\n}\n\n.stepper.vertical .connector {\n    width: 2px;\n    height: 24px;\n    margin: 0 0 0 13px;\n}\n\n/* Mobile — horizontal stepper becomes vertical automatically. */\n@media (max-width: 639.98px) {\n    .stepper:not(.vertical) {\n        flex-direction: column;\n        align-items: stretch;\n    }\n    .stepper:not(.vertical) .connector {\n        width: 2px;\n        height: 16px;\n        margin: 0 0 0 13px;\n    }\n}\n"],"mappings":""}

package/dist/components/StepperInput/StepperInput.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("../../utils/numbers.cjs"),n=require("./StepperInput.module.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=(0,r.forwardRef)(function({value:r,onChange:a,min:o=0,max:s=1/0,step:c=1,size:l=`md`,disabled:u=!1,label:d,format:f,labels:p={decrement:`Diminuir`,increment:`Aumentar`},className:m},h){let g=()=>{u||a(t.clamp(r-c,o,s))},_=()=>{u||a(t.clamp(r+c,o,s))},v=f?f(r):String(r),y=!u&&r>o,b=!u&&r<s;return(0,i.jsxs)(`div`,{ref:h,className:e.cn(n.default.wrapper,m),children:[d&&(0,i.jsx)(`label`,{className:n.default.label,children:d}),(0,i.jsxs)(`div`,{className:e.cn(n.default.row,n.default[l],u&&n.default.disabled),children:[(0,i.jsx)(`button`,{type:`button`,className:n.default.btn,"aria-label":p.decrement,onClick:g,disabled:!y,children:`−`}),(0,i.jsx)(`span`,{className:n.default.value,role:`status`,"aria-live":`polite`,children:v}),(0,i.jsx)(`button`,{type:`button`,className:n.default.btn,"aria-label":p.increment,onClick:_,disabled:!b,children:`+`})]})]})});exports.StepperInput=a;
+//# sourceMappingURL=StepperInput.cjs.map

package/dist/components/StepperInput/StepperInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperInput.cjs","names":[],"sources":["../../../src/components/StepperInput/StepperInput.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { clamp } from \"@/utils/numbers\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./StepperInput.module.css\";\n\nexport interface StepperInputProps {\n    /** Current value. */\n    value: number;\n    /** Fires with the new value (already clamped to min/max). */\n    onChange: (value: number) => void;\n    /** Lower bound. Default `0`. */\n    min?: number;\n    /** Upper bound. Default `Number.POSITIVE_INFINITY`. */\n    max?: number;\n    /** Increment per click. Default `1`. */\n    step?: number;\n    /** Visual size. Default `\"md\"`. */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Disable the whole control. */\n    disabled?: boolean;\n    /** Optional label rendered above. */\n    label?: ReactNode;\n    /** Optional formatter for the displayed value. */\n    format?: (value: number) => string;\n    /** Custom button labels for accessibility. */\n    labels?: { decrement: string; increment: string };\n    className?: string;\n}\n\n/**\n * Numeric +/− stepper. Common in checkout quantity selectors and admin\n * forms. Clamps to `[min, max]` and emits already-bounded values.\n *\n * @example\n * <StepperInput value={qty} onChange={setQty} min={1} max={10} />\n */\nexport const StepperInput = forwardRef<HTMLDivElement, StepperInputProps>(function StepperInput(\n    {\n        value,\n        onChange,\n        min = 0,\n        max = Number.POSITIVE_INFINITY,\n        step = 1,\n        size = \"md\",\n        disabled = false,\n        label,\n        format,\n        labels = { decrement: \"Diminuir\", increment: \"Aumentar\" },\n        className,\n    },\n    ref,\n) {\n    const decrement = (): void => {\n        if (disabled) return;\n        onChange(clamp(value - step, min, max));\n    };\n    const increment = (): void => {\n        if (disabled) return;\n        onChange(clamp(value + step, min, max));\n    };\n\n    const display = format ? format(value) : String(value);\n    const canDecrement = !disabled && value > min;\n    const canIncrement = !disabled && value < max;\n\n    return (\n        <div ref={ref} className={cn(styles.wrapper, className)}>\n            {label && <label className={styles.label}>{label}</label>}\n            <div className={cn(styles.row, styles[size], disabled && styles.disabled)}>\n                <button\n                    type=\"button\"\n                    className={styles.btn}\n                    aria-label={labels.decrement}\n                    onClick={decrement}\n                    disabled={!canDecrement}\n                >\n                    −\n                </button>\n                <span className={styles.value} role=\"status\" aria-live=\"polite\">\n                    {display}\n                </span>\n                <button\n                    type=\"button\"\n                    className={styles.btn}\n                    aria-label={labels.increment}\n                    onClick={increment}\n                    disabled={!canIncrement}\n                >\n                    +\n                </button>\n            </div>\n        </div>\n    );\n});\n"],"mappings":"wKAqCA,IAAa,GAAA,EAAA,EAAA,WAAA,CAA6D,SACtE,CACI,QACA,WACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,OAAO,KACP,WAAW,GACX,QACA,SACA,SAAS,CAAE,UAAW,WAAY,UAAW,UAAW,EACxD,aAEJ,EACF,CACE,IAAM,MAAwB,CACtB,GACJ,EAAS,EAAA,MAAM,EAAQ,EAAM,EAAK,CAAG,CAAC,CAC1C,EACM,MAAwB,CACtB,GACJ,EAAS,EAAA,MAAM,EAAQ,EAAM,EAAK,CAAG,CAAC,CAC1C,EAEM,EAAU,EAAS,EAAO,CAAK,EAAI,OAAO,CAAK,EAC/C,EAAe,CAAC,GAAY,EAAQ,EACpC,EAAe,CAAC,GAAY,EAAQ,EAE1C,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAU,MAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,WAAtD,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,UAAW,EAAA,QAAO,eAAQ,CAAa,CAAA,GACxD,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,EAAA,QAAO,GAAO,GAAY,EAAA,QAAO,QAAQ,WAAxE,EACI,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,IAClB,aAAY,EAAO,UACnB,QAAS,EACT,SAAU,CAAC,WACd,GAEO,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAO,KAAK,SAAS,YAAU,kBAClD,CACC,CAAA,GACN,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,QAAO,IAClB,aAAY,EAAO,UACnB,QAAS,EACT,SAAU,CAAC,WACd,GAEO,CAAA,CACP,GACJ,GAEb,CAAC"}

package/dist/components/StepperInput/StepperInput.js

@@ -0,0 +1,54 @@
+import { cn as e } from "../../utils/cn.js";
+import { clamp as t } from "../../utils/numbers.js";
+import n from "./StepperInput.module.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/StepperInput/StepperInput.tsx
+var o = r(function({ value: r, onChange: o, min: s = 0, max: c = Infinity, step: l = 1, size: u = "md", disabled: d = !1, label: f, format: p, labels: m = {
+	decrement: "Diminuir",
+	increment: "Aumentar"
+}, className: h }, g) {
+	let _ = () => {
+		d || o(t(r - l, s, c));
+	}, v = () => {
+		d || o(t(r + l, s, c));
+	}, y = p ? p(r) : String(r), b = !d && r > s, x = !d && r < c;
+	return /* @__PURE__ */ a("div", {
+		ref: g,
+		className: e(n.wrapper, h),
+		children: [f && /* @__PURE__ */ i("label", {
+			className: n.label,
+			children: f
+		}), /* @__PURE__ */ a("div", {
+			className: e(n.row, n[u], d && n.disabled),
+			children: [
+				/* @__PURE__ */ i("button", {
+					type: "button",
+					className: n.btn,
+					"aria-label": m.decrement,
+					onClick: _,
+					disabled: !b,
+					children: "−"
+				}),
+				/* @__PURE__ */ i("span", {
+					className: n.value,
+					role: "status",
+					"aria-live": "polite",
+					children: y
+				}),
+				/* @__PURE__ */ i("button", {
+					type: "button",
+					className: n.btn,
+					"aria-label": m.increment,
+					onClick: v,
+					disabled: !x,
+					children: "+"
+				})
+			]
+		})]
+	});
+});
+//#endregion
+export { o as StepperInput };
+
+//# sourceMappingURL=StepperInput.js.map

package/dist/components/StepperInput/StepperInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperInput.js","names":[],"sources":["../../../src/components/StepperInput/StepperInput.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { clamp } from \"@/utils/numbers\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./StepperInput.module.css\";\n\nexport interface StepperInputProps {\n    /** Current value. */\n    value: number;\n    /** Fires with the new value (already clamped to min/max). */\n    onChange: (value: number) => void;\n    /** Lower bound. Default `0`. */\n    min?: number;\n    /** Upper bound. Default `Number.POSITIVE_INFINITY`. */\n    max?: number;\n    /** Increment per click. Default `1`. */\n    step?: number;\n    /** Visual size. Default `\"md\"`. */\n    size?: \"sm\" | \"md\" | \"lg\";\n    /** Disable the whole control. */\n    disabled?: boolean;\n    /** Optional label rendered above. */\n    label?: ReactNode;\n    /** Optional formatter for the displayed value. */\n    format?: (value: number) => string;\n    /** Custom button labels for accessibility. */\n    labels?: { decrement: string; increment: string };\n    className?: string;\n}\n\n/**\n * Numeric +/− stepper. Common in checkout quantity selectors and admin\n * forms. Clamps to `[min, max]` and emits already-bounded values.\n *\n * @example\n * <StepperInput value={qty} onChange={setQty} min={1} max={10} />\n */\nexport const StepperInput = forwardRef<HTMLDivElement, StepperInputProps>(function StepperInput(\n    {\n        value,\n        onChange,\n        min = 0,\n        max = Number.POSITIVE_INFINITY,\n        step = 1,\n        size = \"md\",\n        disabled = false,\n        label,\n        format,\n        labels = { decrement: \"Diminuir\", increment: \"Aumentar\" },\n        className,\n    },\n    ref,\n) {\n    const decrement = (): void => {\n        if (disabled) return;\n        onChange(clamp(value - step, min, max));\n    };\n    const increment = (): void => {\n        if (disabled) return;\n        onChange(clamp(value + step, min, max));\n    };\n\n    const display = format ? format(value) : String(value);\n    const canDecrement = !disabled && value > min;\n    const canIncrement = !disabled && value < max;\n\n    return (\n        <div ref={ref} className={cn(styles.wrapper, className)}>\n            {label && <label className={styles.label}>{label}</label>}\n            <div className={cn(styles.row, styles[size], disabled && styles.disabled)}>\n                <button\n                    type=\"button\"\n                    className={styles.btn}\n                    aria-label={labels.decrement}\n                    onClick={decrement}\n                    disabled={!canDecrement}\n                >\n                    −\n                </button>\n                <span className={styles.value} role=\"status\" aria-live=\"polite\">\n                    {display}\n                </span>\n                <button\n                    type=\"button\"\n                    className={styles.btn}\n                    aria-label={labels.increment}\n                    onClick={increment}\n                    disabled={!canIncrement}\n                >\n                    +\n                </button>\n            </div>\n        </div>\n    );\n});\n"],"mappings":";;;;;;AAqCA,IAAa,IAAe,EAA8C,SACtE,EACI,UACA,aACA,SAAM,GACN,SAAM,UACN,UAAO,GACP,UAAO,MACP,cAAW,IACX,UACA,WACA,YAAS;CAAE,WAAW;CAAY,WAAW;AAAW,GACxD,gBAEJ,GACF;CACE,IAAM,UAAwB;EACtB,KACJ,EAAS,EAAM,IAAQ,GAAM,GAAK,CAAG,CAAC;CAC1C,GACM,UAAwB;EACtB,KACJ,EAAS,EAAM,IAAQ,GAAM,GAAK,CAAG,CAAC;CAC1C,GAEM,IAAU,IAAS,EAAO,CAAK,IAAI,OAAO,CAAK,GAC/C,IAAe,CAAC,KAAY,IAAQ,GACpC,IAAe,CAAC,KAAY,IAAQ;CAE1C,OACI,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;YAAtD,CACK,KAAS,kBAAC,SAAD;GAAO,WAAW,EAAO;aAAQ;EAAa,CAAA,GACxD,kBAAC,OAAD;GAAK,WAAW,EAAG,EAAO,KAAK,EAAO,IAAO,KAAY,EAAO,QAAQ;aAAxE;IACI,kBAAC,UAAD;KACI,MAAK;KACL,WAAW,EAAO;KAClB,cAAY,EAAO;KACnB,SAAS;KACT,UAAU,CAAC;eACd;IAEO,CAAA;IACR,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAO,MAAK;KAAS,aAAU;eAClD;IACC,CAAA;IACN,kBAAC,UAAD;KACI,MAAK;KACL,WAAW,EAAO;KAClB,cAAY,EAAO;KACnB,SAAS;KACT,UAAU,CAAC;eACd;IAEO,CAAA;GACP;IACJ;;AAEb,CAAC"}

package/dist/components/StepperInput/StepperInput.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_JNjXK`,t=`tempest_label_9XKNm`,n=`tempest_row_cOARX`,r=`tempest_sm_RzVSU`,i=`tempest_md_pezRm`,a=`tempest_lg_kYbIN`,o=`tempest_disabled_vqmo2`,s=`tempest_btn_xuHhj`,c=`tempest_value_NEatO`,l={wrapper:e,label:t,row:n,sm:r,md:i,lg:a,disabled:o,btn:s,value:c};exports.btn=s,exports.default=l,exports.disabled=o,exports.label=t,exports.lg=a,exports.md=i,exports.row=n,exports.sm=r,exports.value=c,exports.wrapper=e;
+//# sourceMappingURL=StepperInput.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepperInput.module.cjs","names":[],"sources":["../../../src/components/StepperInput/StepperInput.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    color: var(--tempest-text);\n}\n\n.row {\n    display: inline-flex;\n    align-items: center;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-surface);\n    overflow: hidden;\n}\n\n.row.sm {\n    font-size: var(--tempest-text-sm);\n}\n.row.md {\n    font-size: var(--tempest-text-md);\n}\n.row.lg {\n    font-size: var(--tempest-text-lg);\n}\n\n.row.disabled {\n    opacity: 0.5;\n}\n\n.btn {\n    background: transparent;\n    border: 0;\n    color: var(--tempest-text);\n    cursor: pointer;\n    line-height: 1;\n    font: inherit;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.row.sm .btn {\n    width: 28px;\n    height: 28px;\n}\n\n.row.md .btn {\n    width: 36px;\n    height: 36px;\n}\n\n.row.lg .btn {\n    width: 44px;\n    height: 44px;\n}\n\n.btn:hover:not(:disabled) {\n    background: var(--tempest-gray-100);\n}\n\n.btn:disabled {\n    color: var(--tempest-text-muted);\n    cursor: not-allowed;\n}\n\n.value {\n    min-width: 2ch;\n    padding: 0 var(--tempest-space-3);\n    text-align: center;\n    font-variant-numeric: tabular-nums;\n}\n"],"mappings":""}

package/dist/components/StepperInput/StepperInput.module.js

@@ -0,0 +1,16 @@
+//#region src/components/StepperInput/StepperInput.module.css
+var e = "tempest_wrapper_JNjXK", t = "tempest_label_9XKNm", n = "tempest_row_cOARX", r = "tempest_sm_RzVSU", i = "tempest_md_pezRm", a = "tempest_lg_kYbIN", o = "tempest_disabled_vqmo2", s = "tempest_btn_xuHhj", c = "tempest_value_NEatO", l = {
+	wrapper: e,
+	label: t,
+	row: n,
+	sm: r,
+	md: i,
+	lg: a,
+	disabled: o,
+	btn: s,
+	value: c
+};
+//#endregion
+export { s as btn, l as default, o as disabled, t as label, a as lg, i as md, n as row, r as sm, c as value, e as wrapper };
+
+//# sourceMappingURL=StepperInput.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepperInput.module.js","names":[],"sources":["../../../src/components/StepperInput/StepperInput.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    color: var(--tempest-text);\n}\n\n.row {\n    display: inline-flex;\n    align-items: center;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-md);\n    background: var(--tempest-surface);\n    overflow: hidden;\n}\n\n.row.sm {\n    font-size: var(--tempest-text-sm);\n}\n.row.md {\n    font-size: var(--tempest-text-md);\n}\n.row.lg {\n    font-size: var(--tempest-text-lg);\n}\n\n.row.disabled {\n    opacity: 0.5;\n}\n\n.btn {\n    background: transparent;\n    border: 0;\n    color: var(--tempest-text);\n    cursor: pointer;\n    line-height: 1;\n    font: inherit;\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.row.sm .btn {\n    width: 28px;\n    height: 28px;\n}\n\n.row.md .btn {\n    width: 36px;\n    height: 36px;\n}\n\n.row.lg .btn {\n    width: 44px;\n    height: 44px;\n}\n\n.btn:hover:not(:disabled) {\n    background: var(--tempest-gray-100);\n}\n\n.btn:disabled {\n    color: var(--tempest-text-muted);\n    cursor: not-allowed;\n}\n\n.value {\n    min-width: 2ch;\n    padding: 0 var(--tempest-space-3);\n    text-align: center;\n    font-variant-numeric: tabular-nums;\n}\n"],"mappings":""}

package/dist/components/Switch/Switch.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Switch.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({label:n,disabled:i,wrapperClassName:a,className:o,...s},c){return(0,r.jsxs)(`label`,{className:e.cn(t.default.wrapper,i&&t.default.disabled,a),children:[(0,r.jsx)(`input`,{ref:c,type:`checkbox`,role:`switch`,disabled:i,className:e.cn(t.default.input,o),...s}),(0,r.jsx)(`span`,{className:t.default.track,"aria-hidden":!0,children:(0,r.jsx)(`span`,{className:t.default.thumb})}),n&&(0,r.jsx)(`span`,{className:t.default.label,children:n})]})});exports.Switch=i;
+//# sourceMappingURL=Switch.cjs.map

package/dist/components/Switch/Switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.cjs","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Switch.module.css\";\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    wrapperClassName?: string;\n}\n\n/** Toggle switch backed by a checkbox input. Accessible via keyboard. */\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n    { label, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={ref}\n                type=\"checkbox\"\n                role=\"switch\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.track} aria-hidden>\n                <span className={styles.thumb} />\n            </span>\n            {label && <span className={styles.label}>{label}</span>}\n        </label>\n    );\n});\n"],"mappings":"6HAWA,IAAa,GAAA,EAAA,EAAA,WAAA,CAAmD,SAC5D,CAAE,QAAO,WAAU,mBAAkB,YAAW,GAAG,GACnD,EACF,CACE,OACI,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAY,EAAA,QAAO,SAAU,CAAgB,WAAlF,EACI,EAAA,EAAA,IAAA,CAAC,QAAD,CACS,MACL,KAAK,WACL,KAAK,SACK,WACV,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,CAAS,EACrC,GAAI,CACP,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,MAAO,cAAA,aAC3B,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,KAAQ,CAAA,CAC9B,CAAA,EACL,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,CACnD,GAEf,CAAC"}

package/dist/components/Switch/Switch.js

@@ -0,0 +1,33 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Switch.module.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Switch/Switch.tsx
+var a = n(function({ label: n, disabled: a, wrapperClassName: o, className: s, ...c }, l) {
+	return /* @__PURE__ */ i("label", {
+		className: e(t.wrapper, a && t.disabled, o),
+		children: [
+			/* @__PURE__ */ r("input", {
+				ref: l,
+				type: "checkbox",
+				role: "switch",
+				disabled: a,
+				className: e(t.input, s),
+				...c
+			}),
+			/* @__PURE__ */ r("span", {
+				className: t.track,
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ r("span", { className: t.thumb })
+			}),
+			n && /* @__PURE__ */ r("span", {
+				className: t.label,
+				children: n
+			})
+		]
+	});
+});
+//#endregion
+export { a as Switch };
+
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Switch.module.css\";\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    wrapperClassName?: string;\n}\n\n/** Toggle switch backed by a checkbox input. Accessible via keyboard. */\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(function Switch(\n    { label, disabled, wrapperClassName, className, ...props },\n    ref,\n) {\n    return (\n        <label className={cn(styles.wrapper, disabled && styles.disabled, wrapperClassName)}>\n            <input\n                ref={ref}\n                type=\"checkbox\"\n                role=\"switch\"\n                disabled={disabled}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.track} aria-hidden>\n                <span className={styles.thumb} />\n            </span>\n            {label && <span className={styles.label}>{label}</span>}\n        </label>\n    );\n});\n"],"mappings":";;;;;AAWA,IAAa,IAAS,EAA0C,SAC5D,EAAE,UAAO,aAAU,qBAAkB,cAAW,GAAG,KACnD,GACF;CACE,OACI,kBAAC,SAAD;EAAO,WAAW,EAAG,EAAO,SAAS,KAAY,EAAO,UAAU,CAAgB;YAAlF;GACI,kBAAC,SAAD;IACS;IACL,MAAK;IACL,MAAK;IACK;IACV,WAAW,EAAG,EAAO,OAAO,CAAS;IACrC,GAAI;GACP,CAAA;GACD,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAO,eAAA;cAC3B,kBAAC,QAAD,EAAM,WAAW,EAAO,MAAQ,CAAA;GAC9B,CAAA;GACL,KAAS,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAQ;GAAY,CAAA;EACnD;;AAEf,CAAC"}

package/dist/components/Switch/Switch.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_kudO9`,t=`tempest_disabled_2aZ0V`,n=`tempest_input_5BPNu`,r=`tempest_track_7ObdZ`,i=`tempest_thumb_-FTeK`,a=`tempest_label_LrH7V`,o={wrapper:e,disabled:t,input:n,track:r,thumb:i,label:a};exports.default=o,exports.disabled=t,exports.input=n,exports.label=a,exports.thumb=i,exports.track=r,exports.wrapper=e;
+//# sourceMappingURL=Switch.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.module.cjs","names":[],"sources":["../../../src/components/Switch/Switch.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    cursor: pointer;\n    user-select: none;\n}\n\n.wrapper.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.input {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n.track {\n    width: 36px;\n    height: 20px;\n    background-color: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n    position: relative;\n    flex-shrink: 0;\n    box-shadow: var(--tempest-shadow-inner);\n    transition: background-color var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 16px;\n    height: 16px;\n    background-color: #ffffff;\n    border-radius: 50%;\n    box-shadow: var(--tempest-shadow-sm);\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked) + .track {\n    background-color: var(--tempest-gray-400);\n}\n\n.input:checked + .track {\n    background-color: var(--tempest-primary);\n}\n\n.input:checked + .track .thumb {\n    transform: translateX(16px);\n}\n\n.input:focus-visible + .track {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n"],"mappings":""}

package/dist/components/Switch/Switch.module.js

@@ -0,0 +1,13 @@
+//#region src/components/Switch/Switch.module.css
+var e = "tempest_wrapper_kudO9", t = "tempest_disabled_2aZ0V", n = "tempest_input_5BPNu", r = "tempest_track_7ObdZ", i = "tempest_thumb_-FTeK", a = "tempest_label_LrH7V", o = {
+	wrapper: e,
+	disabled: t,
+	input: n,
+	track: r,
+	thumb: i,
+	label: a
+};
+//#endregion
+export { o as default, t as disabled, n as input, a as label, i as thumb, r as track, e as wrapper };
+
+//# sourceMappingURL=Switch.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.module.js","names":[],"sources":["../../../src/components/Switch/Switch.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    cursor: pointer;\n    user-select: none;\n}\n\n.wrapper.disabled {\n    cursor: not-allowed;\n    opacity: 0.55;\n}\n\n.input {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    pointer-events: none;\n}\n\n.track {\n    width: 36px;\n    height: 20px;\n    background-color: var(--tempest-border-strong);\n    border-radius: var(--tempest-radius-full);\n    position: relative;\n    flex-shrink: 0;\n    box-shadow: var(--tempest-shadow-inner);\n    transition: background-color var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 16px;\n    height: 16px;\n    background-color: #ffffff;\n    border-radius: 50%;\n    box-shadow: var(--tempest-shadow-sm);\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked) + .track {\n    background-color: var(--tempest-gray-400);\n}\n\n.input:checked + .track {\n    background-color: var(--tempest-primary);\n}\n\n.input:checked + .track .thumb {\n    transform: translateX(16px);\n}\n\n.input:focus-visible + .track {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n"],"mappings":""}

package/dist/components/SyncStatusBadge/SyncStatusBadge.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("../../offline/use-offline-sync.cjs"),n=require("./SyncStatusBadge.module.cjs");let r=require("react/jsx-runtime"),i=require("lucide-react");var a={idle:`Sincronizado`,syncing:`Sincronizando…`,pending:`Pendente`,offline:`Offline`,error:`Erro`},o={idle:i.Check,syncing:i.RefreshCw,pending:i.UploadCloud,offline:i.CloudOff,error:i.AlertTriangle};function s({tone:t=`idle`,pending:i=0,labels:s,showPending:c=!0,iconOnly:l=!1,className:u,...d}){let f=o[t],p=s?.[t]??a[t],m=c&&i>0&&(t===`pending`||t===`error`);return(0,r.jsxs)(`span`,{className:e.cn(n.default.badge,n.default[t],u),role:`status`,"aria-live":`polite`,title:p,...d,children:[(0,r.jsx)(f,{className:e.cn(n.default.icon,t===`syncing`&&n.default.spin),size:14,"aria-hidden":`true`}),!l&&(0,r.jsx)(`span`,{className:n.default.label,children:p}),m&&(0,r.jsx)(`span`,{className:n.default.count,children:i})]})}function c({sync:e,...n}){let{tone:i,pending:a}=t.useSyncStatus(e);return(0,r.jsx)(s,{...n,tone:i,pending:a})}function l({sync:e,...t}){return e?(0,r.jsx)(c,{sync:e,...t}):(0,r.jsx)(s,{...t})}exports.SyncStatusBadge=l;
+//# sourceMappingURL=SyncStatusBadge.cjs.map

package/dist/components/SyncStatusBadge/SyncStatusBadge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyncStatusBadge.cjs","names":[],"sources":["../../../src/components/SyncStatusBadge/SyncStatusBadge.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { AlertTriangle, Check, CloudOff, RefreshCw, UploadCloud } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport type { OfflineSync, SyncTone } from \"@/offline\";\nimport { useSyncStatus } from \"@/offline/use-offline-sync\";\nimport styles from \"./SyncStatusBadge.module.css\";\n\nconst DEFAULT_LABELS: Record<SyncTone, string> = {\n    idle: \"Sincronizado\",\n    syncing: \"Sincronizando…\",\n    pending: \"Pendente\",\n    offline: \"Offline\",\n    error: \"Erro\",\n};\n\nconst ICONS: Record<SyncTone, typeof Check> = {\n    idle: Check,\n    syncing: RefreshCw,\n    pending: UploadCloud,\n    offline: CloudOff,\n    error: AlertTriangle,\n};\n\nexport interface SyncStatusBadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\n    /**\n     * The dominant tone. Required when `sync` is not passed. Ignored when `sync`\n     * is passed (the tone is derived from the engine).\n     */\n    tone?: SyncTone;\n    /**\n     * An `OfflineSync` engine to observe directly. When set, the badge wires\n     * `useSyncStatus` internally, so `tone` and `pending` come from the engine.\n     */\n    sync?: OfflineSync<unknown>;\n    /** Number of queued mutations, appended to the label when `> 0`. */\n    pending?: number;\n    /** Override the per-tone label text. */\n    labels?: Partial<Record<SyncTone, string>>;\n    /** Show the pending count next to the label. Default `true`. */\n    showPending?: boolean;\n    /** Render only the icon (no text). Default `false`. */\n    iconOnly?: boolean;\n}\n\ntype PresentationalProps = Omit<SyncStatusBadgeProps, \"sync\">;\n\nfunction PresentationalBadge({\n    tone = \"idle\",\n    pending = 0,\n    labels,\n    showPending = true,\n    iconOnly = false,\n    className,\n    ...props\n}: PresentationalProps) {\n    const Icon = ICONS[tone];\n    const label = labels?.[tone] ?? DEFAULT_LABELS[tone];\n    const showCount = showPending && pending > 0 && (tone === \"pending\" || tone === \"error\");\n    return (\n        <span\n            className={cn(styles.badge, styles[tone], className)}\n            role=\"status\"\n            aria-live=\"polite\"\n            title={label}\n            {...props}\n        >\n            <Icon\n                className={cn(styles.icon, tone === \"syncing\" && styles.spin)}\n                size={14}\n                aria-hidden=\"true\"\n            />\n            {!iconOnly && <span className={styles.label}>{label}</span>}\n            {showCount && <span className={styles.count}>{pending}</span>}\n        </span>\n    );\n}\n\nfunction ConnectedBadge({ sync, ...rest }: PresentationalProps & { sync: OfflineSync<unknown> }) {\n    const { tone, pending } = useSyncStatus(sync);\n    return <PresentationalBadge {...rest} tone={tone} pending={pending} />;\n}\n\n/**\n * Compact pill showing offline-sync status: a tone-colored icon plus a label\n * and optional pending count.\n *\n * Two modes: pass `sync` to have the badge observe an engine via\n * `useSyncStatus` (zero wiring), or pass an explicit `tone` (+ `pending`) to\n * keep it presentational and testable without IndexedDB.\n *\n * @example\n * // Connected — auto-wires the engine:\n * <SyncStatusBadge sync={notesSync} />\n *\n * // Presentational — you own the state:\n * const { tone, pending } = useSyncStatus(notesSync);\n * <SyncStatusBadge tone={tone} pending={pending} />\n */\nexport function SyncStatusBadge({ sync, ...rest }: SyncStatusBadgeProps) {\n    if (sync) return <ConnectedBadge sync={sync} {...rest} />;\n    return <PresentationalBadge {...rest} />;\n}\n"],"mappings":"6LAOA,IAAM,EAA2C,CAC7C,KAAM,eACN,QAAS,iBACT,QAAS,WACT,QAAS,UACT,MAAO,MACX,EAEM,EAAwC,CAC1C,KAAM,EAAA,MACN,QAAS,EAAA,UACT,QAAS,EAAA,YACT,QAAS,EAAA,SACT,MAAO,EAAA,aACX,EAyBA,SAAS,EAAoB,CACzB,OAAO,OACP,UAAU,EACV,SACA,cAAc,GACd,WAAW,GACX,YACA,GAAG,GACiB,CACpB,IAAM,EAAO,EAAM,GACb,EAAQ,IAAS,IAAS,EAAe,GACzC,EAAY,GAAe,EAAU,IAAM,IAAS,WAAa,IAAS,SAChF,OACI,EAAA,EAAA,KAAA,CAAC,OAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,MAAO,EAAA,QAAO,GAAO,CAAS,EACnD,KAAK,SACL,YAAU,SACV,MAAO,EACP,GAAI,WALR,EAOI,EAAA,EAAA,IAAA,CAAC,EAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,IAAS,WAAa,EAAA,QAAO,IAAI,EAC5D,KAAM,GACN,cAAY,MACf,CAAA,EACA,CAAC,IAAY,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EACzD,IAAa,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAc,CAAA,CAC1D,GAEd,CAEA,SAAS,EAAe,CAAE,OAAM,GAAG,GAA8D,CAC7F,GAAM,CAAE,OAAM,WAAY,EAAA,cAAc,CAAI,EAC5C,OAAO,EAAA,EAAA,IAAA,CAAC,EAAD,CAAqB,GAAI,EAAY,OAAe,SAAU,CAAA,CACzE,CAkBA,SAAgB,EAAgB,CAAE,OAAM,GAAG,GAA8B,CAErE,OADI,GAAa,EAAA,EAAA,IAAA,CAAC,EAAD,CAAsB,OAAM,GAAI,CAAO,CAAA,GACjD,EAAA,EAAA,IAAA,CAAC,EAAD,CAAqB,GAAI,CAAO,CAAA,CAC3C"}

package/dist/components/SyncStatusBadge/SyncStatusBadge.js

@@ -0,0 +1,62 @@
+import { cn as e } from "../../utils/cn.js";
+import { useSyncStatus as t } from "../../offline/use-offline-sync.js";
+import n from "./SyncStatusBadge.module.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { AlertTriangle as a, Check as o, CloudOff as s, RefreshCw as c, UploadCloud as l } from "lucide-react";
+//#region src/components/SyncStatusBadge/SyncStatusBadge.tsx
+var u = {
+	idle: "Sincronizado",
+	syncing: "Sincronizando…",
+	pending: "Pendente",
+	offline: "Offline",
+	error: "Erro"
+}, d = {
+	idle: o,
+	syncing: c,
+	pending: l,
+	offline: s,
+	error: a
+};
+function f({ tone: t = "idle", pending: a = 0, labels: o, showPending: s = !0, iconOnly: c = !1, className: l, ...f }) {
+	let p = d[t], m = o?.[t] ?? u[t], h = s && a > 0 && (t === "pending" || t === "error");
+	return /* @__PURE__ */ i("span", {
+		className: e(n.badge, n[t], l),
+		role: "status",
+		"aria-live": "polite",
+		title: m,
+		...f,
+		children: [
+			/* @__PURE__ */ r(p, {
+				className: e(n.icon, t === "syncing" && n.spin),
+				size: 14,
+				"aria-hidden": "true"
+			}),
+			!c && /* @__PURE__ */ r("span", {
+				className: n.label,
+				children: m
+			}),
+			h && /* @__PURE__ */ r("span", {
+				className: n.count,
+				children: a
+			})
+		]
+	});
+}
+function p({ sync: e, ...n }) {
+	let { tone: i, pending: a } = t(e);
+	return /* @__PURE__ */ r(f, {
+		...n,
+		tone: i,
+		pending: a
+	});
+}
+function m({ sync: e, ...t }) {
+	return e ? /* @__PURE__ */ r(p, {
+		sync: e,
+		...t
+	}) : /* @__PURE__ */ r(f, { ...t });
+}
+//#endregion
+export { m as SyncStatusBadge };
+
+//# sourceMappingURL=SyncStatusBadge.js.map

package/dist/components/SyncStatusBadge/SyncStatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SyncStatusBadge.js","names":[],"sources":["../../../src/components/SyncStatusBadge/SyncStatusBadge.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { AlertTriangle, Check, CloudOff, RefreshCw, UploadCloud } from \"lucide-react\";\nimport { cn } from \"@/utils/cn\";\nimport type { OfflineSync, SyncTone } from \"@/offline\";\nimport { useSyncStatus } from \"@/offline/use-offline-sync\";\nimport styles from \"./SyncStatusBadge.module.css\";\n\nconst DEFAULT_LABELS: Record<SyncTone, string> = {\n    idle: \"Sincronizado\",\n    syncing: \"Sincronizando…\",\n    pending: \"Pendente\",\n    offline: \"Offline\",\n    error: \"Erro\",\n};\n\nconst ICONS: Record<SyncTone, typeof Check> = {\n    idle: Check,\n    syncing: RefreshCw,\n    pending: UploadCloud,\n    offline: CloudOff,\n    error: AlertTriangle,\n};\n\nexport interface SyncStatusBadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, \"children\"> {\n    /**\n     * The dominant tone. Required when `sync` is not passed. Ignored when `sync`\n     * is passed (the tone is derived from the engine).\n     */\n    tone?: SyncTone;\n    /**\n     * An `OfflineSync` engine to observe directly. When set, the badge wires\n     * `useSyncStatus` internally, so `tone` and `pending` come from the engine.\n     */\n    sync?: OfflineSync<unknown>;\n    /** Number of queued mutations, appended to the label when `> 0`. */\n    pending?: number;\n    /** Override the per-tone label text. */\n    labels?: Partial<Record<SyncTone, string>>;\n    /** Show the pending count next to the label. Default `true`. */\n    showPending?: boolean;\n    /** Render only the icon (no text). Default `false`. */\n    iconOnly?: boolean;\n}\n\ntype PresentationalProps = Omit<SyncStatusBadgeProps, \"sync\">;\n\nfunction PresentationalBadge({\n    tone = \"idle\",\n    pending = 0,\n    labels,\n    showPending = true,\n    iconOnly = false,\n    className,\n    ...props\n}: PresentationalProps) {\n    const Icon = ICONS[tone];\n    const label = labels?.[tone] ?? DEFAULT_LABELS[tone];\n    const showCount = showPending && pending > 0 && (tone === \"pending\" || tone === \"error\");\n    return (\n        <span\n            className={cn(styles.badge, styles[tone], className)}\n            role=\"status\"\n            aria-live=\"polite\"\n            title={label}\n            {...props}\n        >\n            <Icon\n                className={cn(styles.icon, tone === \"syncing\" && styles.spin)}\n                size={14}\n                aria-hidden=\"true\"\n            />\n            {!iconOnly && <span className={styles.label}>{label}</span>}\n            {showCount && <span className={styles.count}>{pending}</span>}\n        </span>\n    );\n}\n\nfunction ConnectedBadge({ sync, ...rest }: PresentationalProps & { sync: OfflineSync<unknown> }) {\n    const { tone, pending } = useSyncStatus(sync);\n    return <PresentationalBadge {...rest} tone={tone} pending={pending} />;\n}\n\n/**\n * Compact pill showing offline-sync status: a tone-colored icon plus a label\n * and optional pending count.\n *\n * Two modes: pass `sync` to have the badge observe an engine via\n * `useSyncStatus` (zero wiring), or pass an explicit `tone` (+ `pending`) to\n * keep it presentational and testable without IndexedDB.\n *\n * @example\n * // Connected — auto-wires the engine:\n * <SyncStatusBadge sync={notesSync} />\n *\n * // Presentational — you own the state:\n * const { tone, pending } = useSyncStatus(notesSync);\n * <SyncStatusBadge tone={tone} pending={pending} />\n */\nexport function SyncStatusBadge({ sync, ...rest }: SyncStatusBadgeProps) {\n    if (sync) return <ConnectedBadge sync={sync} {...rest} />;\n    return <PresentationalBadge {...rest} />;\n}\n"],"mappings":";;;;;;AAOA,IAAM,IAA2C;CAC7C,MAAM;CACN,SAAS;CACT,SAAS;CACT,SAAS;CACT,OAAO;AACX,GAEM,IAAwC;CAC1C,MAAM;CACN,SAAS;CACT,SAAS;CACT,SAAS;CACT,OAAO;AACX;AAyBA,SAAS,EAAoB,EACzB,UAAO,QACP,aAAU,GACV,WACA,iBAAc,IACd,cAAW,IACX,cACA,GAAG,KACiB;CACpB,IAAM,IAAO,EAAM,IACb,IAAQ,IAAS,MAAS,EAAe,IACzC,IAAY,KAAe,IAAU,MAAM,MAAS,aAAa,MAAS;CAChF,OACI,kBAAC,QAAD;EACI,WAAW,EAAG,EAAO,OAAO,EAAO,IAAO,CAAS;EACnD,MAAK;EACL,aAAU;EACV,OAAO;EACP,GAAI;YALR;GAOI,kBAAC,GAAD;IACI,WAAW,EAAG,EAAO,MAAM,MAAS,aAAa,EAAO,IAAI;IAC5D,MAAM;IACN,eAAY;GACf,CAAA;GACA,CAAC,KAAY,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAQ;GAAY,CAAA;GACzD,KAAa,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAQ;GAAc,CAAA;EAC1D;;AAEd;AAEA,SAAS,EAAe,EAAE,SAAM,GAAG,KAA8D;CAC7F,IAAM,EAAE,SAAM,eAAY,EAAc,CAAI;CAC5C,OAAO,kBAAC,GAAD;EAAqB,GAAI;EAAY;EAAe;CAAU,CAAA;AACzE;AAkBA,SAAgB,EAAgB,EAAE,SAAM,GAAG,KAA8B;CAErE,OADI,IAAa,kBAAC,GAAD;EAAsB;EAAM,GAAI;CAAO,CAAA,IACjD,kBAAC,GAAD,EAAqB,GAAI,EAAO,CAAA;AAC3C"}

package/dist/components/SyncStatusBadge/SyncStatusBadge.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_badge_4RSlz`,t=`tempest_icon_danE7`,n=`tempest_label_30UqD`,r=`tempest_count_Ce5CM`,i=`tempest_idle_xWASu`,a=`tempest_syncing_yQbKA`,o=`tempest_pending_rZuTO`,s=`tempest_offline_zEed5`,c=`tempest_error_-5nSk`,l=`tempest_spin_UBPq-`,u=`tempest_tempest-sync-spin_Owxhy`,d={badge:e,icon:t,label:n,count:r,idle:i,syncing:a,pending:o,offline:s,error:c,spin:l,tempestSyncSpin:u};exports.badge=e,exports.count=r,exports.default=d,exports.error=c,exports.icon=t,exports.idle=i,exports.label=n,exports.offline=s,exports.pending=o,exports.spin=l,exports.syncing=a,exports.tempestSyncSpin=u;
+//# sourceMappingURL=SyncStatusBadge.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SyncStatusBadge.module.cjs","names":[],"sources":["../../../src/components/SyncStatusBadge/SyncStatusBadge.module.css"],"sourcesContent":[".badge {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: 2px var(--tempest-space-2);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    white-space: nowrap;\n}\n\n.icon {\n    flex: 0 0 auto;\n}\n\n.label {\n    min-width: 0;\n}\n\n.count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 16px;\n    height: 16px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: color-mix(in srgb, currentColor 18%, transparent);\n    font-size: var(--tempest-text-2xs);\n}\n\n.idle {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n\n.syncing {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n\n.pending {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n\n.offline {\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text-muted);\n    border-color: var(--tempest-border-strong);\n}\n\n.error {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n\n.spin {\n    animation: tempest-sync-spin 0.9s linear infinite;\n}\n\n@keyframes tempest-sync-spin {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .spin {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/SyncStatusBadge/SyncStatusBadge.module.js

@@ -0,0 +1,18 @@
+//#region src/components/SyncStatusBadge/SyncStatusBadge.module.css
+var e = "tempest_badge_4RSlz", t = "tempest_icon_danE7", n = "tempest_label_30UqD", r = "tempest_count_Ce5CM", i = "tempest_idle_xWASu", a = "tempest_syncing_yQbKA", o = "tempest_pending_rZuTO", s = "tempest_offline_zEed5", c = "tempest_error_-5nSk", l = "tempest_spin_UBPq-", u = "tempest_tempest-sync-spin_Owxhy", d = {
+	badge: e,
+	icon: t,
+	label: n,
+	count: r,
+	idle: i,
+	syncing: a,
+	pending: o,
+	offline: s,
+	error: c,
+	spin: l,
+	tempestSyncSpin: u
+};
+//#endregion
+export { e as badge, r as count, d as default, c as error, t as icon, i as idle, n as label, s as offline, o as pending, l as spin, a as syncing, u as tempestSyncSpin };
+
+//# sourceMappingURL=SyncStatusBadge.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SyncStatusBadge.module.js","names":[],"sources":["../../../src/components/SyncStatusBadge/SyncStatusBadge.module.css"],"sourcesContent":[".badge {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--tempest-space-1);\n    padding: 2px var(--tempest-space-2);\n    border: 1px solid transparent;\n    border-radius: var(--tempest-radius-full);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    line-height: var(--tempest-leading-snug);\n    white-space: nowrap;\n}\n\n.icon {\n    flex: 0 0 auto;\n}\n\n.label {\n    min-width: 0;\n}\n\n.count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 16px;\n    height: 16px;\n    padding: 0 4px;\n    border-radius: var(--tempest-radius-full);\n    background: color-mix(in srgb, currentColor 18%, transparent);\n    font-size: var(--tempest-text-2xs);\n}\n\n.idle {\n    background-color: var(--tempest-success-bg);\n    color: var(--tempest-success-fg);\n    border-color: var(--tempest-success-border);\n}\n\n.syncing {\n    background-color: var(--tempest-info-bg);\n    color: var(--tempest-info-fg);\n    border-color: var(--tempest-info-border);\n}\n\n.pending {\n    background-color: var(--tempest-warning-bg);\n    color: var(--tempest-warning-fg);\n    border-color: var(--tempest-warning-border);\n}\n\n.offline {\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text-muted);\n    border-color: var(--tempest-border-strong);\n}\n\n.error {\n    background-color: var(--tempest-danger-bg);\n    color: var(--tempest-danger-fg);\n    border-color: var(--tempest-danger-border);\n}\n\n.spin {\n    animation: tempest-sync-spin 0.9s linear infinite;\n}\n\n@keyframes tempest-sync-spin {\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .spin {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Table/Table.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Table.module.cjs");let n=require("react/jsx-runtime");function r(e){if(e===`tablet`)return t.default.priorityTablet;if(e===`desktop`)return t.default.priorityDesktop}function i({columns:i,data:a,rowKey:o,onRowClick:s,emptyMessage:c=`Nenhum registro encontrado.`,className:l,stackOnMobile:u=!1}){return(0,n.jsx)(`div`,{className:e.cn(t.default.scroll,u&&t.default.stackable,l),children:(0,n.jsxs)(`table`,{className:t.default.table,children:[(0,n.jsx)(`thead`,{className:e.cn(u&&t.default.stackableHead),children:(0,n.jsx)(`tr`,{children:i.map(i=>(0,n.jsx)(`th`,{className:e.cn(t.default.th,i.align===`right`&&t.default.alignRight,i.align===`center`&&t.default.alignCenter,r(i.priority)),style:{width:i.width},children:i.header},i.key))})}),(0,n.jsx)(`tbody`,{children:a.length===0?(0,n.jsx)(`tr`,{children:(0,n.jsx)(`td`,{className:t.default.emptyRow,colSpan:i.length,children:c})}):a.map((a,c)=>(0,n.jsx)(`tr`,{className:e.cn(t.default.tr,s&&t.default.clickable,u&&t.default.stackableRow),onClick:s?()=>s(a):void 0,children:i.map(i=>{let o=i.render?i.render(a,c):a[i.key];return(0,n.jsx)(`td`,{className:e.cn(t.default.td,i.align===`right`&&t.default.alignRight,i.align===`center`&&t.default.alignCenter,r(i.priority),i.className),"data-label":typeof i.header==`string`?i.header:void 0,children:o},i.key)})},o(a,c)))})]})})}exports.Table=i;
+//# sourceMappingURL=Table.cjs.map

package/dist/components/Table/Table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.cjs","names":[],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Table.module.css\";\n\nexport type TableAlign = \"left\" | \"right\" | \"center\";\nexport type TablePriority = \"always\" | \"tablet\" | \"desktop\";\n\nexport interface TableColumn<T> {\n    key: string;\n    header: ReactNode;\n    /** Render the cell content. Defaults to `row[key]` if not provided. */\n    render?: (row: T, index: number) => ReactNode;\n    align?: TableAlign;\n    width?: string | number;\n    className?: string;\n    /**\n     * Visibility priority: `always` (default) shows on every viewport,\n     * `tablet` hides below md (< 768px), `desktop` hides below lg (< 1024px).\n     */\n    priority?: TablePriority;\n}\n\nexport interface TableProps<T> {\n    columns: TableColumn<T>[];\n    data: T[];\n    rowKey: (row: T, index: number) => string | number;\n    onRowClick?: (row: T) => void;\n    emptyMessage?: ReactNode;\n    className?: string;\n    /**\n     * Stack mode — render rows as label/value cards on mobile (< md).\n     * Better than horizontal scroll when each row has 3+ columns of dense data.\n     */\n    stackOnMobile?: boolean;\n}\n\nfunction priorityClass(priority: TablePriority | undefined): string | undefined {\n    if (priority === \"tablet\") return styles.priorityTablet;\n    if (priority === \"desktop\") return styles.priorityDesktop;\n    return undefined;\n}\n\n/**\n * Lightweight table with declarative columns + mobile niceties.\n *\n * - `priority` per column lets less-important data hide on narrow viewports.\n * - `stackOnMobile` re-renders each row as a label/value card on mobile,\n *   avoiding horizontal scroll for dense data.\n */\nexport function Table<T>({\n    columns,\n    data,\n    rowKey,\n    onRowClick,\n    emptyMessage = \"Nenhum registro encontrado.\",\n    className,\n    stackOnMobile = false,\n}: TableProps<T>) {\n    return (\n        <div className={cn(styles.scroll, stackOnMobile && styles.stackable, className)}>\n            <table className={styles.table}>\n                <thead className={cn(stackOnMobile && styles.stackableHead)}>\n                    <tr>\n                        {columns.map((column) => (\n                            <th\n                                key={column.key}\n                                className={cn(\n                                    styles.th,\n                                    column.align === \"right\" && styles.alignRight,\n                                    column.align === \"center\" && styles.alignCenter,\n                                    priorityClass(column.priority),\n                                )}\n                                style={{ width: column.width }}\n                            >\n                                {column.header}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody>\n                    {data.length === 0 ? (\n                        <tr>\n                            <td className={styles.emptyRow} colSpan={columns.length}>\n                                {emptyMessage}\n                            </td>\n                        </tr>\n                    ) : (\n                        data.map((row, index) => (\n                            <tr\n                                key={rowKey(row, index)}\n                                className={cn(\n                                    styles.tr,\n                                    onRowClick && styles.clickable,\n                                    stackOnMobile && styles.stackableRow,\n                                )}\n                                onClick={onRowClick ? () => onRowClick(row) : undefined}\n                            >\n                                {columns.map((column) => {\n                                    const content = column.render\n                                        ? column.render(row, index)\n                                        : (row as Record<string, ReactNode>)[column.key];\n                                    return (\n                                        <td\n                                            key={column.key}\n                                            className={cn(\n                                                styles.td,\n                                                column.align === \"right\" && styles.alignRight,\n                                                column.align === \"center\" && styles.alignCenter,\n                                                priorityClass(column.priority),\n                                                column.className,\n                                            )}\n                                            data-label={\n                                                typeof column.header === \"string\"\n                                                    ? column.header\n                                                    : undefined\n                                            }\n                                        >\n                                            {content}\n                                        </td>\n                                    );\n                                })}\n                            </tr>\n                        ))\n                    )}\n                </tbody>\n            </table>\n        </div>\n    );\n}\n"],"mappings":"yGAoCA,SAAS,EAAc,EAAyD,CAC5E,GAAI,IAAa,SAAU,OAAO,EAAA,QAAO,eACzC,GAAI,IAAa,UAAW,OAAO,EAAA,QAAO,eAE9C,CASA,SAAgB,EAAS,CACrB,UACA,OACA,SACA,aACA,eAAe,8BACf,YACA,gBAAgB,IACF,CACd,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,GAAiB,EAAA,QAAO,UAAW,CAAS,YAC1E,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,UAAW,EAAA,QAAO,eAAzB,EACI,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,UAAW,EAAA,GAAG,GAAiB,EAAA,QAAO,aAAa,YACtD,EAAA,EAAA,IAAA,CAAC,KAAD,CAAA,SACK,EAAQ,IAAK,IACV,EAAA,EAAA,IAAA,CAAC,KAAD,CAEI,UAAW,EAAA,GACP,EAAA,QAAO,GACP,EAAO,QAAU,SAAW,EAAA,QAAO,WACnC,EAAO,QAAU,UAAY,EAAA,QAAO,YACpC,EAAc,EAAO,QAAQ,CACjC,EACA,MAAO,CAAE,MAAO,EAAO,KAAM,WAE5B,EAAO,MACR,EAVK,EAAO,GAUZ,CACP,CACD,CAAA,CACD,CAAA,GACP,EAAA,EAAA,IAAA,CAAC,QAAD,CAAA,SACK,EAAK,SAAW,GACb,EAAA,EAAA,IAAA,CAAC,KAAD,CAAA,UACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,QAAO,SAAU,QAAS,EAAQ,gBAC5C,CACD,CAAA,CACJ,CAAA,EAEJ,EAAK,KAAK,EAAK,KACX,EAAA,EAAA,IAAA,CAAC,KAAD,CAEI,UAAW,EAAA,GACP,EAAA,QAAO,GACP,GAAc,EAAA,QAAO,UACrB,GAAiB,EAAA,QAAO,YAC5B,EACA,QAAS,MAAmB,EAAW,CAAG,EAAI,IAAA,YAE7C,EAAQ,IAAK,GAAW,CACrB,IAAM,EAAU,EAAO,OACjB,EAAO,OAAO,EAAK,CAAK,EACvB,EAAkC,EAAO,KAChD,OACI,EAAA,EAAA,IAAA,CAAC,KAAD,CAEI,UAAW,EAAA,GACP,EAAA,QAAO,GACP,EAAO,QAAU,SAAW,EAAA,QAAO,WACnC,EAAO,QAAU,UAAY,EAAA,QAAO,YACpC,EAAc,EAAO,QAAQ,EAC7B,EAAO,SACX,EACA,aACI,OAAO,EAAO,QAAW,SACnB,EAAO,OACP,IAAA,YAGT,CACD,EAfK,EAAO,GAeZ,CAEZ,CAAC,CACD,EAhCK,EAAO,EAAK,CAAK,CAgCtB,CACP,CAEF,CAAA,CACJ,GACN,CAAA,CAEb"}

package/dist/components/Table/Table.js

@@ -0,0 +1,43 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Table.module.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Table/Table.tsx
+function i(e) {
+	if (e === "tablet") return t.priorityTablet;
+	if (e === "desktop") return t.priorityDesktop;
+}
+function a({ columns: a, data: o, rowKey: s, onRowClick: c, emptyMessage: l = "Nenhum registro encontrado.", className: u, stackOnMobile: d = !1 }) {
+	return /* @__PURE__ */ n("div", {
+		className: e(t.scroll, d && t.stackable, u),
+		children: /* @__PURE__ */ r("table", {
+			className: t.table,
+			children: [/* @__PURE__ */ n("thead", {
+				className: e(d && t.stackableHead),
+				children: /* @__PURE__ */ n("tr", { children: a.map((r) => /* @__PURE__ */ n("th", {
+					className: e(t.th, r.align === "right" && t.alignRight, r.align === "center" && t.alignCenter, i(r.priority)),
+					style: { width: r.width },
+					children: r.header
+				}, r.key)) })
+			}), /* @__PURE__ */ n("tbody", { children: o.length === 0 ? /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n("td", {
+				className: t.emptyRow,
+				colSpan: a.length,
+				children: l
+			}) }) : o.map((r, o) => /* @__PURE__ */ n("tr", {
+				className: e(t.tr, c && t.clickable, d && t.stackableRow),
+				onClick: c ? () => c(r) : void 0,
+				children: a.map((a) => {
+					let s = a.render ? a.render(r, o) : r[a.key];
+					return /* @__PURE__ */ n("td", {
+						className: e(t.td, a.align === "right" && t.alignRight, a.align === "center" && t.alignCenter, i(a.priority), a.className),
+						"data-label": typeof a.header == "string" ? a.header : void 0,
+						children: s
+					}, a.key);
+				})
+			}, s(r, o))) })]
+		})
+	});
+}
+//#endregion
+export { a as Table };
+
+//# sourceMappingURL=Table.js.map

package/dist/components/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","names":[],"sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Table.module.css\";\n\nexport type TableAlign = \"left\" | \"right\" | \"center\";\nexport type TablePriority = \"always\" | \"tablet\" | \"desktop\";\n\nexport interface TableColumn<T> {\n    key: string;\n    header: ReactNode;\n    /** Render the cell content. Defaults to `row[key]` if not provided. */\n    render?: (row: T, index: number) => ReactNode;\n    align?: TableAlign;\n    width?: string | number;\n    className?: string;\n    /**\n     * Visibility priority: `always` (default) shows on every viewport,\n     * `tablet` hides below md (< 768px), `desktop` hides below lg (< 1024px).\n     */\n    priority?: TablePriority;\n}\n\nexport interface TableProps<T> {\n    columns: TableColumn<T>[];\n    data: T[];\n    rowKey: (row: T, index: number) => string | number;\n    onRowClick?: (row: T) => void;\n    emptyMessage?: ReactNode;\n    className?: string;\n    /**\n     * Stack mode — render rows as label/value cards on mobile (< md).\n     * Better than horizontal scroll when each row has 3+ columns of dense data.\n     */\n    stackOnMobile?: boolean;\n}\n\nfunction priorityClass(priority: TablePriority | undefined): string | undefined {\n    if (priority === \"tablet\") return styles.priorityTablet;\n    if (priority === \"desktop\") return styles.priorityDesktop;\n    return undefined;\n}\n\n/**\n * Lightweight table with declarative columns + mobile niceties.\n *\n * - `priority` per column lets less-important data hide on narrow viewports.\n * - `stackOnMobile` re-renders each row as a label/value card on mobile,\n *   avoiding horizontal scroll for dense data.\n */\nexport function Table<T>({\n    columns,\n    data,\n    rowKey,\n    onRowClick,\n    emptyMessage = \"Nenhum registro encontrado.\",\n    className,\n    stackOnMobile = false,\n}: TableProps<T>) {\n    return (\n        <div className={cn(styles.scroll, stackOnMobile && styles.stackable, className)}>\n            <table className={styles.table}>\n                <thead className={cn(stackOnMobile && styles.stackableHead)}>\n                    <tr>\n                        {columns.map((column) => (\n                            <th\n                                key={column.key}\n                                className={cn(\n                                    styles.th,\n                                    column.align === \"right\" && styles.alignRight,\n                                    column.align === \"center\" && styles.alignCenter,\n                                    priorityClass(column.priority),\n                                )}\n                                style={{ width: column.width }}\n                            >\n                                {column.header}\n                            </th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody>\n                    {data.length === 0 ? (\n                        <tr>\n                            <td className={styles.emptyRow} colSpan={columns.length}>\n                                {emptyMessage}\n                            </td>\n                        </tr>\n                    ) : (\n                        data.map((row, index) => (\n                            <tr\n                                key={rowKey(row, index)}\n                                className={cn(\n                                    styles.tr,\n                                    onRowClick && styles.clickable,\n                                    stackOnMobile && styles.stackableRow,\n                                )}\n                                onClick={onRowClick ? () => onRowClick(row) : undefined}\n                            >\n                                {columns.map((column) => {\n                                    const content = column.render\n                                        ? column.render(row, index)\n                                        : (row as Record<string, ReactNode>)[column.key];\n                                    return (\n                                        <td\n                                            key={column.key}\n                                            className={cn(\n                                                styles.td,\n                                                column.align === \"right\" && styles.alignRight,\n                                                column.align === \"center\" && styles.alignCenter,\n                                                priorityClass(column.priority),\n                                                column.className,\n                                            )}\n                                            data-label={\n                                                typeof column.header === \"string\"\n                                                    ? column.header\n                                                    : undefined\n                                            }\n                                        >\n                                            {content}\n                                        </td>\n                                    );\n                                })}\n                            </tr>\n                        ))\n                    )}\n                </tbody>\n            </table>\n        </div>\n    );\n}\n"],"mappings":";;;;AAoCA,SAAS,EAAc,GAAyD;CAC5E,IAAI,MAAa,UAAU,OAAO,EAAO;CACzC,IAAI,MAAa,WAAW,OAAO,EAAO;AAE9C;AASA,SAAgB,EAAS,EACrB,YACA,SACA,WACA,eACA,kBAAe,+BACf,cACA,mBAAgB,MACF;CACd,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,QAAQ,KAAiB,EAAO,WAAW,CAAS;YAC1E,kBAAC,SAAD;GAAO,WAAW,EAAO;aAAzB,CACI,kBAAC,SAAD;IAAO,WAAW,EAAG,KAAiB,EAAO,aAAa;cACtD,kBAAC,MAAD,EAAA,UACK,EAAQ,KAAK,MACV,kBAAC,MAAD;KAEI,WAAW,EACP,EAAO,IACP,EAAO,UAAU,WAAW,EAAO,YACnC,EAAO,UAAU,YAAY,EAAO,aACpC,EAAc,EAAO,QAAQ,CACjC;KACA,OAAO,EAAE,OAAO,EAAO,MAAM;eAE5B,EAAO;IACR,GAVK,EAAO,GAUZ,CACP,EACD,CAAA;GACD,CAAA,GACP,kBAAC,SAAD,EAAA,UACK,EAAK,WAAW,IACb,kBAAC,MAAD,EAAA,UACI,kBAAC,MAAD;IAAI,WAAW,EAAO;IAAU,SAAS,EAAQ;cAC5C;GACD,CAAA,EACJ,CAAA,IAEJ,EAAK,KAAK,GAAK,MACX,kBAAC,MAAD;IAEI,WAAW,EACP,EAAO,IACP,KAAc,EAAO,WACrB,KAAiB,EAAO,YAC5B;IACA,SAAS,UAAmB,EAAW,CAAG,IAAI,KAAA;cAE7C,EAAQ,KAAK,MAAW;KACrB,IAAM,IAAU,EAAO,SACjB,EAAO,OAAO,GAAK,CAAK,IACvB,EAAkC,EAAO;KAChD,OACI,kBAAC,MAAD;MAEI,WAAW,EACP,EAAO,IACP,EAAO,UAAU,WAAW,EAAO,YACnC,EAAO,UAAU,YAAY,EAAO,aACpC,EAAc,EAAO,QAAQ,GAC7B,EAAO,SACX;MACA,cACI,OAAO,EAAO,UAAW,WACnB,EAAO,SACP,KAAA;gBAGT;KACD,GAfK,EAAO,GAeZ;IAEZ,CAAC;GACD,GAhCK,EAAO,GAAK,CAAK,CAgCtB,CACP,EAEF,CAAA,CACJ;;CACN,CAAA;AAEb"}

package/dist/components/Table/Table.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_scroll_unrJp`,t=`tempest_table_Dkosn`,n=`tempest_th_PNuEx`,r=`tempest_td_jv9tA`,i=`tempest_tr_7UG8J`,a=`tempest_clickable_B6Si-`,o=`tempest_alignRight_9hY0G`,s=`tempest_alignCenter_YiUQy`,c=`tempest_emptyRow_kdMiv`,l=`tempest_priorityTablet_3alUt`,u=`tempest_priorityDesktop_3f8Fq`,d=`tempest_stackable_heix7`,f=`tempest_stackableHead_mKGcA`,p=`tempest_stackableRow_qPNqc`,m={scroll:e,table:t,th:n,td:r,tr:i,clickable:a,alignRight:o,alignCenter:s,emptyRow:c,priorityTablet:l,priorityDesktop:u,stackable:d,stackableHead:f,stackableRow:p};exports.alignCenter=s,exports.alignRight=o,exports.clickable=a,exports.default=m,exports.emptyRow=c,exports.priorityDesktop=u,exports.priorityTablet=l,exports.scroll=e,exports.stackable=d,exports.stackableHead=f,exports.stackableRow=p,exports.table=t,exports.td=r,exports.th=n,exports.tr=i;
+//# sourceMappingURL=Table.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.cjs","names":[],"sources":["../../../src/components/Table/Table.module.css"],"sourcesContent":[".scroll {\n    width: 100%;\n    overflow-x: auto;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.table {\n    width: 100%;\n    border-collapse: collapse;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n}\n\n.th,\n.td {\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    text-align: left;\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.th {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-xs);\n    letter-spacing: var(--tempest-tracking-wider);\n    text-transform: uppercase;\n    white-space: nowrap;\n}\n\n.tr:last-child .td {\n    border-bottom: none;\n}\n\n.tr.clickable {\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .tr.clickable:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.tr.clickable:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.alignRight {\n    text-align: right;\n}\n\n.alignCenter {\n    text-align: center;\n}\n\n.emptyRow {\n    padding: var(--tempest-space-6);\n    text-align: center;\n    color: var(--tempest-text-muted);\n}\n\n/* ============================================================\n * Priority columns — hide below the corresponding breakpoint.\n * ============================================================ */\n@media (max-width: 767.98px) {\n    .priorityTablet {\n        display: none;\n    }\n}\n\n@media (max-width: 1023.98px) {\n    .priorityDesktop {\n        display: none;\n    }\n}\n\n/* ============================================================\n * Stack on mobile — convert rows to label/value cards below md.\n * ============================================================ */\n@media (max-width: 767.98px) {\n    .stackable {\n        border: 0;\n        background: transparent;\n        box-shadow: none;\n        overflow-x: visible;\n    }\n    .stackable .table {\n        display: block;\n        width: 100%;\n    }\n    .stackableHead {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;\n        clip: rect(0 0 0 0);\n        clip-path: inset(50%);\n        white-space: nowrap;\n    }\n    .stackable tbody,\n    .stackable tbody tr,\n    .stackable tbody td {\n        display: block;\n        width: 100%;\n    }\n    .stackableRow {\n        margin-bottom: var(--tempest-space-3);\n        border: 1px solid var(--tempest-border);\n        border-radius: var(--tempest-radius-lg);\n        background-color: var(--tempest-bg);\n        box-shadow: var(--tempest-shadow-xs);\n        overflow: hidden;\n    }\n    .stackableRow .td {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: var(--tempest-space-3);\n        padding: var(--tempest-space-3) var(--tempest-space-4);\n        border-bottom: 1px solid var(--tempest-border);\n        text-align: left !important;\n    }\n    .stackableRow .td:last-child {\n        border-bottom: none;\n    }\n    .stackableRow .td::before {\n        content: attr(data-label);\n        font-size: var(--tempest-text-xs);\n        font-weight: var(--tempest-weight-semibold);\n        color: var(--tempest-text-muted);\n        text-transform: uppercase;\n        letter-spacing: var(--tempest-tracking-wider);\n        flex-shrink: 0;\n    }\n    .stackableRow .td:empty::before,\n    .stackableRow .td:not([data-label])::before {\n        display: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Table/Table.module.js

@@ -0,0 +1,21 @@
+//#region src/components/Table/Table.module.css
+var e = "tempest_scroll_unrJp", t = "tempest_table_Dkosn", n = "tempest_th_PNuEx", r = "tempest_td_jv9tA", i = "tempest_tr_7UG8J", a = "tempest_clickable_B6Si-", o = "tempest_alignRight_9hY0G", s = "tempest_alignCenter_YiUQy", c = "tempest_emptyRow_kdMiv", l = "tempest_priorityTablet_3alUt", u = "tempest_priorityDesktop_3f8Fq", d = "tempest_stackable_heix7", f = "tempest_stackableHead_mKGcA", p = "tempest_stackableRow_qPNqc", m = {
+	scroll: e,
+	table: t,
+	th: n,
+	td: r,
+	tr: i,
+	clickable: a,
+	alignRight: o,
+	alignCenter: s,
+	emptyRow: c,
+	priorityTablet: l,
+	priorityDesktop: u,
+	stackable: d,
+	stackableHead: f,
+	stackableRow: p
+};
+//#endregion
+export { s as alignCenter, o as alignRight, a as clickable, m as default, c as emptyRow, u as priorityDesktop, l as priorityTablet, e as scroll, d as stackable, f as stackableHead, p as stackableRow, t as table, r as td, n as th, i as tr };
+
+//# sourceMappingURL=Table.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.js","names":[],"sources":["../../../src/components/Table/Table.module.css"],"sourcesContent":[".scroll {\n    width: 100%;\n    overflow-x: auto;\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    box-shadow: var(--tempest-shadow-xs);\n}\n\n.table {\n    width: 100%;\n    border-collapse: collapse;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n}\n\n.th,\n.td {\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    text-align: left;\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.th {\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-xs);\n    letter-spacing: var(--tempest-tracking-wider);\n    text-transform: uppercase;\n    white-space: nowrap;\n}\n\n.tr:last-child .td {\n    border-bottom: none;\n}\n\n.tr.clickable {\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .tr.clickable:hover {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.tr.clickable:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n}\n\n.alignRight {\n    text-align: right;\n}\n\n.alignCenter {\n    text-align: center;\n}\n\n.emptyRow {\n    padding: var(--tempest-space-6);\n    text-align: center;\n    color: var(--tempest-text-muted);\n}\n\n/* ============================================================\n * Priority columns — hide below the corresponding breakpoint.\n * ============================================================ */\n@media (max-width: 767.98px) {\n    .priorityTablet {\n        display: none;\n    }\n}\n\n@media (max-width: 1023.98px) {\n    .priorityDesktop {\n        display: none;\n    }\n}\n\n/* ============================================================\n * Stack on mobile — convert rows to label/value cards below md.\n * ============================================================ */\n@media (max-width: 767.98px) {\n    .stackable {\n        border: 0;\n        background: transparent;\n        box-shadow: none;\n        overflow-x: visible;\n    }\n    .stackable .table {\n        display: block;\n        width: 100%;\n    }\n    .stackableHead {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;\n        clip: rect(0 0 0 0);\n        clip-path: inset(50%);\n        white-space: nowrap;\n    }\n    .stackable tbody,\n    .stackable tbody tr,\n    .stackable tbody td {\n        display: block;\n        width: 100%;\n    }\n    .stackableRow {\n        margin-bottom: var(--tempest-space-3);\n        border: 1px solid var(--tempest-border);\n        border-radius: var(--tempest-radius-lg);\n        background-color: var(--tempest-bg);\n        box-shadow: var(--tempest-shadow-xs);\n        overflow: hidden;\n    }\n    .stackableRow .td {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: var(--tempest-space-3);\n        padding: var(--tempest-space-3) var(--tempest-space-4);\n        border-bottom: 1px solid var(--tempest-border);\n        text-align: left !important;\n    }\n    .stackableRow .td:last-child {\n        border-bottom: none;\n    }\n    .stackableRow .td::before {\n        content: attr(data-label);\n        font-size: var(--tempest-text-xs);\n        font-weight: var(--tempest-weight-semibold);\n        color: var(--tempest-text-muted);\n        text-transform: uppercase;\n        letter-spacing: var(--tempest-tracking-wider);\n        flex-shrink: 0;\n    }\n    .stackableRow .td:empty::before,\n    .stackableRow .td:not([data-label])::before {\n        display: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Tabs/Tabs.cjs

@@ -0,0 +1,2 @@
+const e=require("../../utils/cn.cjs"),t=require("./Tabs.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({items:i,defaultId:a,activeId:o,onChange:s,variant:c=`underline`,className:l}){let u=i.find(e=>!e.disabled),[d,f]=(0,n.useState)(a??u?.id),p=o!==void 0,m=p?o:d,h=i.find(e=>e.id===m)??u;function g(e){p||f(e),s?.(e)}return(0,r.jsxs)(`div`,{className:l,children:[(0,r.jsx)(`div`,{role:`tablist`,className:e.cn(t.default.tablist,c===`pill`&&t.default.pill),children:i.map(n=>{let i=n.id===h?.id;return(0,r.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":i,"aria-controls":`panel-${n.id}`,id:`tab-${n.id}`,disabled:n.disabled,className:e.cn(t.default.tab,i&&t.default.active),onClick:()=>g(n.id),children:n.label},n.id)})}),h&&(0,r.jsx)(`div`,{role:`tabpanel`,id:`panel-${h.id}`,"aria-labelledby":`tab-${h.id}`,className:t.default.panel,children:h.content})]})}exports.Tabs=i;
+//# sourceMappingURL=Tabs.cjs.map

package/dist/components/Tabs/Tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tabs.module.css\";\n\nexport interface TabItem {\n    id: string;\n    label: ReactNode;\n    content: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface TabsProps {\n    items: TabItem[];\n    /** Initial active tab id. Defaults to the first non-disabled item. */\n    defaultId?: string;\n    /** Controlled active id. When provided, ignore internal state. */\n    activeId?: string;\n    onChange?: (id: string) => void;\n    variant?: \"underline\" | \"pill\";\n    className?: string;\n}\n\n/**\n * Accessible tabs with an underline (default) or pill variant. Controlled via\n * `activeId` + `onChange` or uncontrolled via `defaultId`.\n */\nexport function Tabs({\n    items,\n    defaultId,\n    activeId,\n    onChange,\n    variant = \"underline\",\n    className,\n}: TabsProps) {\n    const firstEnabled = items.find((item) => !item.disabled);\n    const [internal, setInternal] = useState<string | undefined>(defaultId ?? firstEnabled?.id);\n\n    const isControlled = activeId !== undefined;\n    const current = isControlled ? activeId : internal;\n    const active = items.find((item) => item.id === current) ?? firstEnabled;\n\n    function activate(id: string): void {\n        if (!isControlled) setInternal(id);\n        onChange?.(id);\n    }\n\n    return (\n        <div className={className}>\n            <div role=\"tablist\" className={cn(styles.tablist, variant === \"pill\" && styles.pill)}>\n                {items.map((item) => {\n                    const isActive = item.id === active?.id;\n                    return (\n                        <button\n                            key={item.id}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-selected={isActive}\n                            aria-controls={`panel-${item.id}`}\n                            id={`tab-${item.id}`}\n                            disabled={item.disabled}\n                            className={cn(styles.tab, isActive && styles.active)}\n                            onClick={() => activate(item.id)}\n                        >\n                            {item.label}\n                        </button>\n                    );\n                })}\n            </div>\n            {active && (\n                <div\n                    role=\"tabpanel\"\n                    id={`panel-${active.id}`}\n                    aria-labelledby={`tab-${active.id}`}\n                    className={styles.panel}\n                >\n                    {active.content}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"mappings":"2HA2BA,SAAgB,EAAK,CACjB,QACA,YACA,WACA,WACA,UAAU,YACV,aACU,CACV,IAAM,EAAe,EAAM,KAAM,GAAS,CAAC,EAAK,QAAQ,EAClD,CAAC,EAAU,IAAA,EAAA,EAAA,SAAA,CAA4C,GAAa,GAAc,EAAE,EAEpF,EAAe,IAAa,IAAA,GAC5B,EAAU,EAAe,EAAW,EACpC,EAAS,EAAM,KAAM,GAAS,EAAK,KAAO,CAAO,GAAK,EAE5D,SAAS,EAAS,EAAkB,CAC3B,GAAc,EAAY,CAAE,EACjC,IAAW,CAAE,CACjB,CAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAgB,qBAAhB,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,KAAK,UAAU,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,IAAY,QAAU,EAAA,QAAO,IAAI,WAC9E,EAAM,IAAK,GAAS,CACjB,IAAM,EAAW,EAAK,KAAO,GAAQ,GACrC,OACI,EAAA,EAAA,IAAA,CAAC,SAAD,CAEI,KAAK,SACL,KAAK,MACL,gBAAe,EACf,gBAAe,SAAS,EAAK,KAC7B,GAAI,OAAO,EAAK,KAChB,SAAU,EAAK,SACf,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,GAAY,EAAA,QAAO,MAAM,EACnD,YAAe,EAAS,EAAK,EAAE,WAE9B,EAAK,KACF,EAXC,EAAK,EAWN,CAEhB,CAAC,CACA,CAAA,EACJ,IACG,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,WACL,GAAI,SAAS,EAAO,KACpB,kBAAiB,OAAO,EAAO,KAC/B,UAAW,EAAA,QAAO,eAEjB,EAAO,OACP,CAAA,CAER,GAEb"}

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,42 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "./Tabs.module.js";
+import { useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/Tabs/Tabs.tsx
+function a({ items: a, defaultId: o, activeId: s, onChange: c, variant: l = "underline", className: u }) {
+	let d = a.find((e) => !e.disabled), [f, p] = n(o ?? d?.id), m = s !== void 0, h = m ? s : f, g = a.find((e) => e.id === h) ?? d;
+	function _(e) {
+		m || p(e), c?.(e);
+	}
+	return /* @__PURE__ */ i("div", {
+		className: u,
+		children: [/* @__PURE__ */ r("div", {
+			role: "tablist",
+			className: e(t.tablist, l === "pill" && t.pill),
+			children: a.map((n) => {
+				let i = n.id === g?.id;
+				return /* @__PURE__ */ r("button", {
+					type: "button",
+					role: "tab",
+					"aria-selected": i,
+					"aria-controls": `panel-${n.id}`,
+					id: `tab-${n.id}`,
+					disabled: n.disabled,
+					className: e(t.tab, i && t.active),
+					onClick: () => _(n.id),
+					children: n.label
+				}, n.id);
+			})
+		}), g && /* @__PURE__ */ r("div", {
+			role: "tabpanel",
+			id: `panel-${g.id}`,
+			"aria-labelledby": `tab-${g.id}`,
+			className: t.panel,
+			children: g.content
+		})]
+	});
+}
+//#endregion
+export { a as Tabs };
+
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":[],"sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Tabs.module.css\";\n\nexport interface TabItem {\n    id: string;\n    label: ReactNode;\n    content: ReactNode;\n    disabled?: boolean;\n}\n\nexport interface TabsProps {\n    items: TabItem[];\n    /** Initial active tab id. Defaults to the first non-disabled item. */\n    defaultId?: string;\n    /** Controlled active id. When provided, ignore internal state. */\n    activeId?: string;\n    onChange?: (id: string) => void;\n    variant?: \"underline\" | \"pill\";\n    className?: string;\n}\n\n/**\n * Accessible tabs with an underline (default) or pill variant. Controlled via\n * `activeId` + `onChange` or uncontrolled via `defaultId`.\n */\nexport function Tabs({\n    items,\n    defaultId,\n    activeId,\n    onChange,\n    variant = \"underline\",\n    className,\n}: TabsProps) {\n    const firstEnabled = items.find((item) => !item.disabled);\n    const [internal, setInternal] = useState<string | undefined>(defaultId ?? firstEnabled?.id);\n\n    const isControlled = activeId !== undefined;\n    const current = isControlled ? activeId : internal;\n    const active = items.find((item) => item.id === current) ?? firstEnabled;\n\n    function activate(id: string): void {\n        if (!isControlled) setInternal(id);\n        onChange?.(id);\n    }\n\n    return (\n        <div className={className}>\n            <div role=\"tablist\" className={cn(styles.tablist, variant === \"pill\" && styles.pill)}>\n                {items.map((item) => {\n                    const isActive = item.id === active?.id;\n                    return (\n                        <button\n                            key={item.id}\n                            type=\"button\"\n                            role=\"tab\"\n                            aria-selected={isActive}\n                            aria-controls={`panel-${item.id}`}\n                            id={`tab-${item.id}`}\n                            disabled={item.disabled}\n                            className={cn(styles.tab, isActive && styles.active)}\n                            onClick={() => activate(item.id)}\n                        >\n                            {item.label}\n                        </button>\n                    );\n                })}\n            </div>\n            {active && (\n                <div\n                    role=\"tabpanel\"\n                    id={`panel-${active.id}`}\n                    aria-labelledby={`tab-${active.id}`}\n                    className={styles.panel}\n                >\n                    {active.content}\n                </div>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AA2BA,SAAgB,EAAK,EACjB,UACA,cACA,aACA,aACA,aAAU,aACV,gBACU;CACV,IAAM,IAAe,EAAM,MAAM,MAAS,CAAC,EAAK,QAAQ,GAClD,CAAC,GAAU,KAAe,EAA6B,KAAa,GAAc,EAAE,GAEpF,IAAe,MAAa,KAAA,GAC5B,IAAU,IAAe,IAAW,GACpC,IAAS,EAAM,MAAM,MAAS,EAAK,OAAO,CAAO,KAAK;CAE5D,SAAS,EAAS,GAAkB;EAEhC,AADK,KAAc,EAAY,CAAE,GACjC,IAAW,CAAE;CACjB;CAEA,OACI,kBAAC,OAAD;EAAgB;YAAhB,CACI,kBAAC,OAAD;GAAK,MAAK;GAAU,WAAW,EAAG,EAAO,SAAS,MAAY,UAAU,EAAO,IAAI;aAC9E,EAAM,KAAK,MAAS;IACjB,IAAM,IAAW,EAAK,OAAO,GAAQ;IACrC,OACI,kBAAC,UAAD;KAEI,MAAK;KACL,MAAK;KACL,iBAAe;KACf,iBAAe,SAAS,EAAK;KAC7B,IAAI,OAAO,EAAK;KAChB,UAAU,EAAK;KACf,WAAW,EAAG,EAAO,KAAK,KAAY,EAAO,MAAM;KACnD,eAAe,EAAS,EAAK,EAAE;eAE9B,EAAK;IACF,GAXC,EAAK,EAWN;GAEhB,CAAC;EACA,CAAA,GACJ,KACG,kBAAC,OAAD;GACI,MAAK;GACL,IAAI,SAAS,EAAO;GACpB,mBAAiB,OAAO,EAAO;GAC/B,WAAW,EAAO;aAEjB,EAAO;EACP,CAAA,CAER;;AAEb"}

package/dist/components/Tabs/Tabs.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_tablist_WR6ag`,t=`tempest_tab_IdDYc`,n=`tempest_active_PTNtG`,r=`tempest_panel_08i9c`,i=`tempest_pill_lGuqn`,a={tablist:e,tab:t,active:n,panel:r,pill:i};exports.active=n,exports.default=a,exports.panel=r,exports.pill=i,exports.tab=t,exports.tablist=e;
+//# sourceMappingURL=Tabs.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.module.cjs","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":[".tablist {\n    position: relative;\n    display: flex;\n    gap: var(--tempest-space-1);\n    border-bottom: 1px solid var(--tempest-border);\n    overflow-x: auto;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    /* Fade indicator on both edges when overflow horizontal. */\n    mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n    -webkit-mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n}\n\n.tablist::-webkit-scrollbar {\n    display: none;\n}\n\n.tab {\n    background: transparent;\n    border: none;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .tab:hover:not(:disabled) {\n        color: var(--tempest-text);\n    }\n}\n\n.tab:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.tab.active {\n    color: var(--tempest-primary);\n}\n\n.tab.active::after {\n    content: \"\";\n    position: absolute;\n    left: var(--tempest-space-3);\n    right: var(--tempest-space-3);\n    bottom: -1px;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    border-radius: var(--tempest-radius-sm) var(--tempest-radius-sm) 0 0;\n}\n\n.tab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.panel {\n    padding: var(--tempest-space-4) 0;\n}\n\n.pill .tab {\n    border-radius: var(--tempest-radius-full);\n    padding: 6px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n.pill .tab.active::after {\n    display: none;\n}\n\n.pill .tab.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.pill.tablist {\n    border-bottom: none;\n}\n"],"mappings":""}

package/dist/components/Tabs/Tabs.module.js

@@ -0,0 +1,12 @@
+//#region src/components/Tabs/Tabs.module.css
+var e = "tempest_tablist_WR6ag", t = "tempest_tab_IdDYc", n = "tempest_active_PTNtG", r = "tempest_panel_08i9c", i = "tempest_pill_lGuqn", a = {
+	tablist: e,
+	tab: t,
+	active: n,
+	panel: r,
+	pill: i
+};
+//#endregion
+export { n as active, a as default, r as panel, i as pill, t as tab, e as tablist };
+
+//# sourceMappingURL=Tabs.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.module.js","names":[],"sources":["../../../src/components/Tabs/Tabs.module.css"],"sourcesContent":[".tablist {\n    position: relative;\n    display: flex;\n    gap: var(--tempest-space-1);\n    border-bottom: 1px solid var(--tempest-border);\n    overflow-x: auto;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    /* Fade indicator on both edges when overflow horizontal. */\n    mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n    -webkit-mask-image: linear-gradient(\n        to right,\n        transparent 0,\n        #000 var(--tempest-space-4),\n        #000 calc(100% - var(--tempest-space-4)),\n        transparent 100%\n    );\n}\n\n.tablist::-webkit-scrollbar {\n    display: none;\n}\n\n.tab {\n    background: transparent;\n    border: none;\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .tab:hover:not(:disabled) {\n        color: var(--tempest-text);\n    }\n}\n\n.tab:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: -2px;\n    border-radius: var(--tempest-radius-sm);\n}\n\n.tab.active {\n    color: var(--tempest-primary);\n}\n\n.tab.active::after {\n    content: \"\";\n    position: absolute;\n    left: var(--tempest-space-3);\n    right: var(--tempest-space-3);\n    bottom: -1px;\n    height: 2px;\n    background-color: var(--tempest-primary);\n    border-radius: var(--tempest-radius-sm) var(--tempest-radius-sm) 0 0;\n}\n\n.tab:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.panel {\n    padding: var(--tempest-space-4) 0;\n}\n\n.pill .tab {\n    border-radius: var(--tempest-radius-full);\n    padding: 6px var(--tempest-space-3);\n    font-size: var(--tempest-text-sm);\n}\n\n.pill .tab.active::after {\n    display: none;\n}\n\n.pill .tab.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n}\n\n.pill.tablist {\n    border-bottom: none;\n}\n"],"mappings":""}