tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/Textarea/Textarea.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("react"),d=require("../../utils/cn.cjs"),e=require("./Textarea.module.css.cjs"),j=c.forwardRef(function({label:s,helperText:r,error:t,wrapperClassName:u,className:i,id:o,required:l,...x},f){const m=c.useId(),n=o??m;return a.jsxs("div",{className:d.cn(e.default.wrapper,t&&e.default.error,u),children:[s&&a.jsxs("label",{htmlFor:n,className:e.default.label,children:[s,l&&a.jsx("span",{className:e.default.required,children:"*"})]}),a.jsx("textarea",{ref:f,id:n,"aria-invalid":!!t,required:l,className:d.cn(e.default.textarea,i),...x}),t?a.jsx("span",{className:e.default.errorText,children:t}):r?a.jsx("span",{className:e.default.helper,children:r}):null]})});exports.Textarea=j;
-//# sourceMappingURL=Textarea.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Textarea.module.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.forwardRef)(function({label:i,helperText:a,error:o,wrapperClassName:s,className:c,id:l,required:u,...d},f){let p=(0,n.useId)(),m=l??p;return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,o&&t.default.error,s),children:[i&&(0,r.jsxs)(`label`,{htmlFor:m,className:t.default.label,children:[i,u&&(0,r.jsx)(`span`,{className:t.default.required,children:`*`})]}),(0,r.jsx)(`textarea`,{ref:f,id:m,"aria-invalid":!!o,required:u,className:e.cn(t.default.textarea,c),...d}),o?(0,r.jsx)(`span`,{className:t.default.errorText,children:o}):a?(0,r.jsx)(`span`,{className:t.default.helper,children:a}):null]})});exports.Textarea=i;
+//# sourceMappingURL=Textarea.cjs.map

package/dist/components/Textarea/Textarea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.cjs","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Textarea.module.css\";\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Multi-line text input. Mirrors the {@link Input} API for label/helper/error.\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n    { label, helperText, error, wrapperClassName, className, id, required, ...props },\n    ref,\n) {\n    const generatedId = useId();\n    const textareaId = id ?? generatedId;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={textareaId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <textarea\n                ref={ref}\n                id={textareaId}\n                aria-invalid={!!error}\n                required={required}\n                className={cn(styles.textarea, className)}\n                {...props}\n            />\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"],"names":["Textarea","forwardRef","label","helperText","error","wrapperClassName","className","id","required","props","ref","generatedId","useId","textareaId","jsxs","cn","styles","jsx"],"mappings":"+MAeaA,EAAWC,EAAAA,WAA+C,SACnE,CAAE,MAAAC,EAAO,WAAAC,EAAY,MAAAC,EAAO,iBAAAC,EAAkB,UAAAC,EAAW,GAAAC,EAAI,SAAAC,EAAU,GAAGC,CAAA,EAC1EC,EACF,CACE,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAaN,GAAMI,EAEzB,OACIG,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASZ,GAASY,EAAAA,QAAO,MAAOX,CAAgB,EACrE,SAAA,CAAAH,UACI,QAAA,CAAM,QAASW,EAAY,UAAWG,EAAAA,QAAO,MACzC,SAAA,CAAAd,EACAM,GAAYS,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,SAAU,SAAA,GAAA,CAAC,CAAA,EACpD,EAEJC,EAAAA,IAAC,WAAA,CACG,IAAAP,EACA,GAAIG,EACJ,eAAc,CAAC,CAACT,EAChB,SAAAI,EACA,UAAWO,EAAAA,GAAGC,UAAO,SAAUV,CAAS,EACvC,GAAGG,CAAA,CAAA,EAEPL,EACGa,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,UAAY,SAAAZ,CAAA,CAAM,EAC1CD,QACC,OAAA,CAAK,UAAWa,EAAAA,QAAO,OAAS,WAAW,EAC5C,IAAA,EACR,CAER,CAAC"}
+{"version":3,"file":"Textarea.cjs","names":[],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Textarea.module.css\";\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Multi-line text input. Mirrors the {@link Input} API for label/helper/error.\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n    { label, helperText, error, wrapperClassName, className, id, required, ...props },\n    ref,\n) {\n    const generatedId = useId();\n    const textareaId = id ?? generatedId;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={textareaId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <textarea\n                ref={ref}\n                id={textareaId}\n                aria-invalid={!!error}\n                required={required}\n                className={cn(styles.textarea, className)}\n                {...props}\n            />\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"],"mappings":"+HAeA,IAAa,GAAA,EAAA,EAAA,WAAA,CAA0D,SACnE,CAAE,QAAO,aAAY,QAAO,mBAAkB,YAAW,KAAI,WAAU,GAAG,GAC1E,EACF,CACE,IAAM,GAAA,EAAA,EAAA,MAAA,CAAoB,EACpB,EAAa,GAAM,EAEzB,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,GAAS,EAAA,QAAO,MAAO,CAAgB,WAA1E,CACK,IACG,EAAA,EAAA,KAAA,CAAC,QAAD,CAAO,QAAS,EAAY,UAAW,EAAA,QAAO,eAA9C,CACK,EACA,IAAY,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAU,GAAO,CAAA,CACnD,KAEX,EAAA,EAAA,IAAA,CAAC,WAAD,CACS,MACL,GAAI,EACJ,eAAc,CAAC,CAAC,EACN,WACV,UAAW,EAAA,GAAG,EAAA,QAAO,SAAU,CAAS,EACxC,GAAI,CACP,CAAA,EACA,GACG,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,mBAAY,CAAY,CAAA,EAChD,GACA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,gBAAS,CAAiB,CAAA,EAClD,IACH,GAEb,CAAC"}

package/dist/components/Textarea/Textarea.js

@@ -1,29 +1,40 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { forwardRef as h, useId as N } from "react";
-import { cn as i } from "../../utils/cn.js";
-import a from "./Textarea.module.css.js";
-const T = h(function({ label: s, helperText: t, error: e, wrapperClassName: m, className: o, id: d, required: l, ...p }, x) {
-  const f = N(), n = d ?? f;
-  return /* @__PURE__ */ c("div", { className: i(a.wrapper, e && a.error, m), children: [
-    s && /* @__PURE__ */ c("label", { htmlFor: n, className: a.label, children: [
-      s,
-      l && /* @__PURE__ */ r("span", { className: a.required, children: "*" })
-    ] }),
-    /* @__PURE__ */ r(
-      "textarea",
-      {
-        ref: x,
-        id: n,
-        "aria-invalid": !!e,
-        required: l,
-        className: i(a.textarea, o),
-        ...p
-      }
-    ),
-    e ? /* @__PURE__ */ r("span", { className: a.errorText, children: e }) : t ? /* @__PURE__ */ r("span", { className: a.helper, children: t }) : null
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import t from "./Textarea.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/Textarea/Textarea.tsx
+var o = n(function({ label: n, helperText: o, error: s, wrapperClassName: c, className: l, id: u, required: d, ...f }, p) {
+	let m = r(), h = u ?? m;
+	return /* @__PURE__ */ a("div", {
+		className: e(t.wrapper, s && t.error, c),
+		children: [
+			n && /* @__PURE__ */ a("label", {
+				htmlFor: h,
+				className: t.label,
+				children: [n, d && /* @__PURE__ */ i("span", {
+					className: t.required,
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ i("textarea", {
+				ref: p,
+				id: h,
+				"aria-invalid": !!s,
+				required: d,
+				className: e(t.textarea, l),
+				...f
+			}),
+			s ? /* @__PURE__ */ i("span", {
+				className: t.errorText,
+				children: s
+			}) : o ? /* @__PURE__ */ i("span", {
+				className: t.helper,
+				children: o
+			}) : null
+		]
+	});
 });
-export {
-  T as Textarea
-};
-//# sourceMappingURL=Textarea.js.map
+//#endregion
+export { o as Textarea };
+
+//# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Textarea.module.css\";\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Multi-line text input. Mirrors the {@link Input} API for label/helper/error.\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n    { label, helperText, error, wrapperClassName, className, id, required, ...props },\n    ref,\n) {\n    const generatedId = useId();\n    const textareaId = id ?? generatedId;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={textareaId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <textarea\n                ref={ref}\n                id={textareaId}\n                aria-invalid={!!error}\n                required={required}\n                className={cn(styles.textarea, className)}\n                {...props}\n            />\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"],"names":["Textarea","forwardRef","label","helperText","error","wrapperClassName","className","id","required","props","ref","generatedId","useId","textareaId","jsxs","cn","styles","jsx"],"mappings":";;;;AAeO,MAAMA,IAAWC,EAA+C,SACnE,EAAE,OAAAC,GAAO,YAAAC,GAAY,OAAAC,GAAO,kBAAAC,GAAkB,WAAAC,GAAW,IAAAC,GAAI,UAAAC,GAAU,GAAGC,EAAA,GAC1EC,GACF;AACE,QAAMC,IAAcC,EAAA,GACdC,IAAaN,KAAMI;AAEzB,SACI,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,SAASZ,KAASY,EAAO,OAAOX,CAAgB,GACrE,UAAA;AAAA,IAAAH,uBACI,SAAA,EAAM,SAASW,GAAY,WAAWG,EAAO,OACzC,UAAA;AAAA,MAAAd;AAAA,MACAM,KAAY,gBAAAS,EAAC,QAAA,EAAK,WAAWD,EAAO,UAAU,UAAA,IAAA,CAAC;AAAA,IAAA,GACpD;AAAA,IAEJ,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAP;AAAA,QACA,IAAIG;AAAA,QACJ,gBAAc,CAAC,CAACT;AAAA,QAChB,UAAAI;AAAA,QACA,WAAWO,EAAGC,EAAO,UAAUV,CAAS;AAAA,QACvC,GAAGG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEPL,IACG,gBAAAa,EAAC,QAAA,EAAK,WAAWD,EAAO,WAAY,UAAAZ,EAAA,CAAM,IAC1CD,sBACC,QAAA,EAAK,WAAWa,EAAO,QAAS,aAAW,IAC5C;AAAA,EAAA,GACR;AAER,CAAC;"}
+{"version":3,"file":"Textarea.js","names":[],"sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, useId } from \"react\";\nimport type { TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Textarea.module.css\";\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n    label?: string;\n    helperText?: string;\n    error?: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Multi-line text input. Mirrors the {@link Input} API for label/helper/error.\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n    { label, helperText, error, wrapperClassName, className, id, required, ...props },\n    ref,\n) {\n    const generatedId = useId();\n    const textareaId = id ?? generatedId;\n\n    return (\n        <div className={cn(styles.wrapper, error && styles.error, wrapperClassName)}>\n            {label && (\n                <label htmlFor={textareaId} className={styles.label}>\n                    {label}\n                    {required && <span className={styles.required}>*</span>}\n                </label>\n            )}\n            <textarea\n                ref={ref}\n                id={textareaId}\n                aria-invalid={!!error}\n                required={required}\n                className={cn(styles.textarea, className)}\n                {...props}\n            />\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"],"mappings":";;;;;AAeA,IAAa,IAAW,EAA+C,SACnE,EAAE,UAAO,eAAY,UAAO,qBAAkB,cAAW,OAAI,aAAU,GAAG,KAC1E,GACF;CACE,IAAM,IAAc,EAAM,GACpB,IAAa,KAAM;CAEzB,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,KAAS,EAAO,OAAO,CAAgB;YAA1E;GACK,KACG,kBAAC,SAAD;IAAO,SAAS;IAAY,WAAW,EAAO;cAA9C,CACK,GACA,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAU;IAAO,CAAA,CACnD;;GAEX,kBAAC,YAAD;IACS;IACL,IAAI;IACJ,gBAAc,CAAC,CAAC;IACN;IACV,WAAW,EAAG,EAAO,UAAU,CAAS;IACxC,GAAI;GACP,CAAA;GACA,IACG,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAY;GAAY,CAAA,IAChD,IACA,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAS;GAAiB,CAAA,IAClD;EACH;;AAEb,CAAC"}

package/dist/components/Textarea/Textarea.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_C0gfg`,t=`tempest_label_cWLXP`,n=`tempest_required_rDZXE`,r=`tempest_textarea_Z-y6g`,i=`tempest_error_NWC9f`,a=`tempest_helper_gedut`,o=`tempest_errorText_ey07q`,s={wrapper:e,label:t,required:n,textarea:r,error:i,helper:a,errorText:o};exports.default=s,exports.error=i,exports.errorText=o,exports.helper=a,exports.label=t,exports.required=n,exports.textarea=r,exports.wrapper=e;
+//# sourceMappingURL=Textarea.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.module.cjs","names":[],"sources":["../../../src/components/Textarea/Textarea.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.textarea {\n    width: 100%;\n    min-height: 96px;\n    padding: var(--tempest-space-3) 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-normal);\n    box-shadow: var(--tempest-shadow-xs);\n    resize: vertical;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.textarea::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.textarea:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.textarea: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.textarea:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.error .textarea {\n    border-color: var(--tempest-danger);\n}\n\n.error .textarea: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/Textarea/Textarea.module.js

@@ -0,0 +1,14 @@
+//#region src/components/Textarea/Textarea.module.css
+var e = "tempest_wrapper_C0gfg", t = "tempest_label_cWLXP", n = "tempest_required_rDZXE", r = "tempest_textarea_Z-y6g", i = "tempest_error_NWC9f", a = "tempest_helper_gedut", o = "tempest_errorText_ey07q", s = {
+	wrapper: e,
+	label: t,
+	required: n,
+	textarea: r,
+	error: i,
+	helper: a,
+	errorText: o
+};
+//#endregion
+export { s as default, i as error, o as errorText, a as helper, t as label, n as required, r as textarea, e as wrapper };
+
+//# sourceMappingURL=Textarea.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.module.js","names":[],"sources":["../../../src/components/Textarea/Textarea.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.textarea {\n    width: 100%;\n    min-height: 96px;\n    padding: var(--tempest-space-3) 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-normal);\n    box-shadow: var(--tempest-shadow-xs);\n    resize: vertical;\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.textarea::placeholder {\n    color: var(--tempest-text-subtle);\n}\n\n.textarea:hover:not(:disabled):not(:focus) {\n    border-color: var(--tempest-border-strong);\n}\n\n.textarea: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.textarea:disabled {\n    background-color: var(--tempest-surface);\n    cursor: not-allowed;\n    color: var(--tempest-text-muted);\n    box-shadow: none;\n}\n\n.error .textarea {\n    border-color: var(--tempest-danger);\n}\n\n.error .textarea: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/TimePicker/TimePicker.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("react"),m=require("../../utils/cn.cjs"),n=require("./TimePicker.module.css.cjs");function f(c){return c.toString().padStart(2,"0")}function q(c){const o=/^(\d{1,2}):(\d{1,2})$/.exec(c.trim());if(!o)return{hour24:null,minute:null};const a=Number(o[1]),l=Number(o[2]);return a<0||a>23||l<0||l>59?{hour24:null,minute:null}:{hour24:a,minute:l}}function $(c){const o=c%12;return o===0?12:o}function j(c,o){const a=c%12;return o==="PM"?a+12:a}function T({value:c,onChange:o,minuteStep:a=5,use12Hours:l=!1,label:N,helperText:b,disabled:s,className:P}){const v=d.useId(),{hour24:i,minute:h}=d.useMemo(()=>q(c),[c]),M=i!==null&&i>=12?"PM":"AM",y=d.useMemo(()=>l?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t),[l]),k=d.useMemo(()=>{const e=a>0?a:1,t=[];for(let u=0;u<60;u+=e)t.push(u);return t},[a]),p=i===null?null:l?$(i):i,x=(e,t)=>{o(`${f(e)}:${f(t)}`)},g=e=>{if(s)return;const t=h??0,u=l?j(e,M):e;x(u,t)},A=e=>{if(s)return;const t=i??(l?j(12,"AM"):0);x(t,e)},C=e=>{if(s)return;const t=p??12,u=h??0;x(j(t,e),u)};return r.jsxs("div",{className:m.cn(n.default.wrapper,s&&n.default.disabled,P),children:[N&&r.jsx("span",{id:`${v}-label`,className:n.default.label,children:N}),r.jsxs("div",{className:n.default.columns,children:[r.jsx("ul",{role:"listbox","aria-label":"Horas",className:n.default.column,children:y.map(e=>{const t=e===p;return r.jsx("li",{className:n.default.cellWrapper,children:r.jsx("button",{type:"button",role:"option","aria-selected":t,disabled:s,className:m.cn(n.default.cell,t&&n.default.active),onClick:()=>g(e),children:l?e:f(e)})},e)})}),r.jsx("ul",{role:"listbox","aria-label":"Minutos",className:n.default.column,children:k.map(e=>{const t=e===h;return r.jsx("li",{className:n.default.cellWrapper,children:r.jsx("button",{type:"button",role:"option","aria-selected":t,disabled:s,className:m.cn(n.default.cell,t&&n.default.active),onClick:()=>A(e),children:f(e)})},e)})}),l&&r.jsx("ul",{role:"listbox","aria-label":"Período",className:n.default.column,children:["AM","PM"].map(e=>{const t=p!==null&&e===M;return r.jsx("li",{className:n.default.cellWrapper,children:r.jsx("button",{type:"button",role:"option","aria-selected":t,disabled:s,className:m.cn(n.default.cell,t&&n.default.active),onClick:()=>C(e),children:e})},e)})})]}),b&&r.jsx("span",{className:n.default.helper,children:b})]})}exports.TimePicker=T;
-//# sourceMappingURL=TimePicker.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./TimePicker.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i(e){return e.toString().padStart(2,`0`)}function a(e){let t=/^(\d{1,2}):(\d{1,2})$/.exec(e.trim());if(!t)return{hour24:null,minute:null};let n=Number(t[1]),r=Number(t[2]);return n<0||n>23||r<0||r>59?{hour24:null,minute:null}:{hour24:n,minute:r}}function o(e){let t=e%12;return t===0?12:t}function s(e,t){let n=e%12;return t===`PM`?n+12:n}function c({value:c,onChange:l,minuteStep:u=5,use12Hours:d=!1,label:f,helperText:p,disabled:m,className:h}){let g=(0,n.useId)(),{hour24:_,minute:v}=(0,n.useMemo)(()=>a(c),[c]),y=_!==null&&_>=12?`PM`:`AM`,b=(0,n.useMemo)(()=>d?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t),[d]),x=(0,n.useMemo)(()=>{let e=u>0?u:1,t=[];for(let n=0;n<60;n+=e)t.push(n);return t},[u]),S=_===null?null:d?o(_):_,C=(e,t)=>{l(`${i(e)}:${i(t)}`)},w=e=>{if(m)return;let t=v??0,n=d?s(e,y):e;C(n,t)},T=e=>{if(m)return;let t=_??(d?s(12,`AM`):0);C(t,e)},E=e=>{if(m)return;let t=S??12,n=v??0;C(s(t,e),n)};return(0,r.jsxs)(`div`,{className:e.cn(t.default.wrapper,m&&t.default.disabled,h),children:[f&&(0,r.jsx)(`span`,{id:`${g}-label`,className:t.default.label,children:f}),(0,r.jsxs)(`div`,{className:t.default.columns,children:[(0,r.jsx)(`ul`,{role:`listbox`,"aria-label":`Horas`,className:t.default.column,children:b.map(n=>{let a=n===S;return(0,r.jsx)(`li`,{className:t.default.cellWrapper,children:(0,r.jsx)(`button`,{type:`button`,role:`option`,"aria-selected":a,disabled:m,className:e.cn(t.default.cell,a&&t.default.active),onClick:()=>w(n),children:d?n:i(n)})},n)})}),(0,r.jsx)(`ul`,{role:`listbox`,"aria-label":`Minutos`,className:t.default.column,children:x.map(n=>{let a=n===v;return(0,r.jsx)(`li`,{className:t.default.cellWrapper,children:(0,r.jsx)(`button`,{type:`button`,role:`option`,"aria-selected":a,disabled:m,className:e.cn(t.default.cell,a&&t.default.active),onClick:()=>T(n),children:i(n)})},n)})}),d&&(0,r.jsx)(`ul`,{role:`listbox`,"aria-label":`Período`,className:t.default.column,children:[`AM`,`PM`].map(n=>{let i=S!==null&&n===y;return(0,r.jsx)(`li`,{className:t.default.cellWrapper,children:(0,r.jsx)(`button`,{type:`button`,role:`option`,"aria-selected":i,disabled:m,className:e.cn(t.default.cell,i&&t.default.active),onClick:()=>E(n),children:n})},n)})})]}),p&&(0,r.jsx)(`span`,{className:t.default.helper,children:p})]})}exports.TimePicker=c;
+//# sourceMappingURL=TimePicker.cjs.map

package/dist/components/TimePicker/TimePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.cjs","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import { useId, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TimePicker.module.css\";\n\nexport interface TimePickerProps {\n    /** Selected time as a 24h `\"HH:MM\"` string (e.g. `\"14:30\"`). May be `\"\"` for none. */\n    value: string;\n    /** Fired with the new 24h `\"HH:MM\"` string whenever a cell is picked. */\n    onChange: (value: string) => void;\n    /** Granularity of the minute column. Defaults to `5`. */\n    minuteStep?: number;\n    /** When true, show a 1–12 hour column plus an AM/PM column (still emits 24h). */\n    use12Hours?: boolean;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    className?: string;\n}\n\ntype Period = \"AM\" | \"PM\";\n\ninterface ParsedTime {\n    hour24: number | null;\n    minute: number | null;\n}\n\nfunction pad2(value: number): string {\n    return value.toString().padStart(2, \"0\");\n}\n\n/** Parse a 24h `\"HH:MM\"` string into hour/minute numbers, or nulls when empty/invalid. */\nfunction parseValue(value: string): ParsedTime {\n    const match = /^(\\d{1,2}):(\\d{1,2})$/.exec(value.trim());\n    if (!match) return { hour24: null, minute: null };\n    const hour24 = Number(match[1]);\n    const minute = Number(match[2]);\n    if (hour24 < 0 || hour24 > 23 || minute < 0 || minute > 59) {\n        return { hour24: null, minute: null };\n    }\n    return { hour24, minute };\n}\n\n/** Convert a 24h hour into its 12h display hour (1–12). */\nfunction to12Hour(hour24: number): number {\n    const mod = hour24 % 12;\n    return mod === 0 ? 12 : mod;\n}\n\n/** Convert a 12h display hour + period into a 24h hour (0–23). */\nfunction to24Hour(hour12: number, period: Period): number {\n    const base = hour12 % 12;\n    return period === \"PM\" ? base + 12 : base;\n}\n\n/**\n * TimePicker — inline, dependency-free time picker with Material \"spinner column\" styling.\n *\n * Renders scrollable columns of selectable cells (hours, minutes, and AM/PM when\n * `use12Hours`). Always emits a 24h `\"HH:MM\"` string via `onChange`, regardless of\n * whether the 12h display is enabled.\n */\nexport function TimePicker({\n    value,\n    onChange,\n    minuteStep = 5,\n    use12Hours = false,\n    label,\n    helperText,\n    disabled,\n    className,\n}: TimePickerProps) {\n    const id = useId();\n    const { hour24, minute } = useMemo(() => parseValue(value), [value]);\n\n    const period: Period = hour24 !== null && hour24 >= 12 ? \"PM\" : \"AM\";\n\n    const hourCells = useMemo<number[]>(() => {\n        if (use12Hours) {\n            return Array.from({ length: 12 }, (_, index) => index + 1);\n        }\n        return Array.from({ length: 24 }, (_, index) => index);\n    }, [use12Hours]);\n\n    const minuteCells = useMemo<number[]>(() => {\n        const step = minuteStep > 0 ? minuteStep : 1;\n        const cells: number[] = [];\n        for (let current = 0; current < 60; current += step) {\n            cells.push(current);\n        }\n        return cells;\n    }, [minuteStep]);\n\n    const selectedHourDisplay = hour24 === null ? null : use12Hours ? to12Hour(hour24) : hour24;\n\n    const emit = (nextHour24: number, nextMinute: number): void => {\n        onChange(`${pad2(nextHour24)}:${pad2(nextMinute)}`);\n    };\n\n    const handleHour = (displayHour: number): void => {\n        if (disabled) return;\n        const nextMinute = minute ?? 0;\n        const nextHour24 = use12Hours ? to24Hour(displayHour, period) : displayHour;\n        emit(nextHour24, nextMinute);\n    };\n\n    const handleMinute = (nextMinute: number): void => {\n        if (disabled) return;\n        const baseHour24 = hour24 ?? (use12Hours ? to24Hour(12, \"AM\") : 0);\n        emit(baseHour24, nextMinute);\n    };\n\n    const handlePeriod = (nextPeriod: Period): void => {\n        if (disabled) return;\n        const displayHour = selectedHourDisplay ?? 12;\n        const nextMinute = minute ?? 0;\n        emit(to24Hour(displayHour, nextPeriod), nextMinute);\n    };\n\n    return (\n        <div className={cn(styles.wrapper, disabled && styles.disabled, className)}>\n            {label && (\n                <span id={`${id}-label`} className={styles.label}>\n                    {label}\n                </span>\n            )}\n            <div className={styles.columns}>\n                <ul role=\"listbox\" aria-label=\"Horas\" className={styles.column}>\n                    {hourCells.map((cell) => {\n                        const active = cell === selectedHourDisplay;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleHour(cell)}\n                                >\n                                    {use12Hours ? cell : pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                <ul role=\"listbox\" aria-label=\"Minutos\" className={styles.column}>\n                    {minuteCells.map((cell) => {\n                        const active = cell === minute;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleMinute(cell)}\n                                >\n                                    {pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                {use12Hours && (\n                    <ul role=\"listbox\" aria-label=\"Período\" className={styles.column}>\n                        {([\"AM\", \"PM\"] as Period[]).map((cell) => {\n                            const active = selectedHourDisplay !== null && cell === period;\n                            return (\n                                <li key={cell} className={styles.cellWrapper}>\n                                    <button\n                                        type=\"button\"\n                                        role=\"option\"\n                                        aria-selected={active}\n                                        disabled={disabled}\n                                        className={cn(styles.cell, active && styles.active)}\n                                        onClick={() => handlePeriod(cell)}\n                                    >\n                                        {cell}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                )}\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"names":["pad2","value","parseValue","match","hour24","minute","to12Hour","mod","to24Hour","hour12","period","base","TimePicker","onChange","minuteStep","use12Hours","label","helperText","disabled","className","id","useId","useMemo","hourCells","_","index","minuteCells","step","cells","current","selectedHourDisplay","emit","nextHour24","nextMinute","handleHour","displayHour","handleMinute","baseHour24","handlePeriod","nextPeriod","jsxs","cn","styles","jsx","cell","active"],"mappings":"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"}
+{"version":3,"file":"TimePicker.cjs","names":[],"sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import { useId, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TimePicker.module.css\";\n\nexport interface TimePickerProps {\n    /** Selected time as a 24h `\"HH:MM\"` string (e.g. `\"14:30\"`). May be `\"\"` for none. */\n    value: string;\n    /** Fired with the new 24h `\"HH:MM\"` string whenever a cell is picked. */\n    onChange: (value: string) => void;\n    /** Granularity of the minute column. Defaults to `5`. */\n    minuteStep?: number;\n    /** When true, show a 1–12 hour column plus an AM/PM column (still emits 24h). */\n    use12Hours?: boolean;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    className?: string;\n}\n\ntype Period = \"AM\" | \"PM\";\n\ninterface ParsedTime {\n    hour24: number | null;\n    minute: number | null;\n}\n\nfunction pad2(value: number): string {\n    return value.toString().padStart(2, \"0\");\n}\n\n/** Parse a 24h `\"HH:MM\"` string into hour/minute numbers, or nulls when empty/invalid. */\nfunction parseValue(value: string): ParsedTime {\n    const match = /^(\\d{1,2}):(\\d{1,2})$/.exec(value.trim());\n    if (!match) return { hour24: null, minute: null };\n    const hour24 = Number(match[1]);\n    const minute = Number(match[2]);\n    if (hour24 < 0 || hour24 > 23 || minute < 0 || minute > 59) {\n        return { hour24: null, minute: null };\n    }\n    return { hour24, minute };\n}\n\n/** Convert a 24h hour into its 12h display hour (1–12). */\nfunction to12Hour(hour24: number): number {\n    const mod = hour24 % 12;\n    return mod === 0 ? 12 : mod;\n}\n\n/** Convert a 12h display hour + period into a 24h hour (0–23). */\nfunction to24Hour(hour12: number, period: Period): number {\n    const base = hour12 % 12;\n    return period === \"PM\" ? base + 12 : base;\n}\n\n/**\n * TimePicker — inline, dependency-free time picker with Material \"spinner column\" styling.\n *\n * Renders scrollable columns of selectable cells (hours, minutes, and AM/PM when\n * `use12Hours`). Always emits a 24h `\"HH:MM\"` string via `onChange`, regardless of\n * whether the 12h display is enabled.\n */\nexport function TimePicker({\n    value,\n    onChange,\n    minuteStep = 5,\n    use12Hours = false,\n    label,\n    helperText,\n    disabled,\n    className,\n}: TimePickerProps) {\n    const id = useId();\n    const { hour24, minute } = useMemo(() => parseValue(value), [value]);\n\n    const period: Period = hour24 !== null && hour24 >= 12 ? \"PM\" : \"AM\";\n\n    const hourCells = useMemo<number[]>(() => {\n        if (use12Hours) {\n            return Array.from({ length: 12 }, (_, index) => index + 1);\n        }\n        return Array.from({ length: 24 }, (_, index) => index);\n    }, [use12Hours]);\n\n    const minuteCells = useMemo<number[]>(() => {\n        const step = minuteStep > 0 ? minuteStep : 1;\n        const cells: number[] = [];\n        for (let current = 0; current < 60; current += step) {\n            cells.push(current);\n        }\n        return cells;\n    }, [minuteStep]);\n\n    const selectedHourDisplay = hour24 === null ? null : use12Hours ? to12Hour(hour24) : hour24;\n\n    const emit = (nextHour24: number, nextMinute: number): void => {\n        onChange(`${pad2(nextHour24)}:${pad2(nextMinute)}`);\n    };\n\n    const handleHour = (displayHour: number): void => {\n        if (disabled) return;\n        const nextMinute = minute ?? 0;\n        const nextHour24 = use12Hours ? to24Hour(displayHour, period) : displayHour;\n        emit(nextHour24, nextMinute);\n    };\n\n    const handleMinute = (nextMinute: number): void => {\n        if (disabled) return;\n        const baseHour24 = hour24 ?? (use12Hours ? to24Hour(12, \"AM\") : 0);\n        emit(baseHour24, nextMinute);\n    };\n\n    const handlePeriod = (nextPeriod: Period): void => {\n        if (disabled) return;\n        const displayHour = selectedHourDisplay ?? 12;\n        const nextMinute = minute ?? 0;\n        emit(to24Hour(displayHour, nextPeriod), nextMinute);\n    };\n\n    return (\n        <div className={cn(styles.wrapper, disabled && styles.disabled, className)}>\n            {label && (\n                <span id={`${id}-label`} className={styles.label}>\n                    {label}\n                </span>\n            )}\n            <div className={styles.columns}>\n                <ul role=\"listbox\" aria-label=\"Horas\" className={styles.column}>\n                    {hourCells.map((cell) => {\n                        const active = cell === selectedHourDisplay;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleHour(cell)}\n                                >\n                                    {use12Hours ? cell : pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                <ul role=\"listbox\" aria-label=\"Minutos\" className={styles.column}>\n                    {minuteCells.map((cell) => {\n                        const active = cell === minute;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleMinute(cell)}\n                                >\n                                    {pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                {use12Hours && (\n                    <ul role=\"listbox\" aria-label=\"Período\" className={styles.column}>\n                        {([\"AM\", \"PM\"] as Period[]).map((cell) => {\n                            const active = selectedHourDisplay !== null && cell === period;\n                            return (\n                                <li key={cell} className={styles.cellWrapper}>\n                                    <button\n                                        type=\"button\"\n                                        role=\"option\"\n                                        aria-selected={active}\n                                        disabled={disabled}\n                                        className={cn(styles.cell, active && styles.active)}\n                                        onClick={() => handlePeriod(cell)}\n                                    >\n                                        {cell}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                )}\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/TimePicker/TimePicker.js

@@ -1,107 +1,135 @@
-import { jsxs as y, jsx as o } from "react/jsx-runtime";
-import { useId as j, useMemo as N } from "react";
-import { cn as m } from "../../utils/cn.js";
-import r from "./TimePicker.module.css.js";
-function p(l) {
-  return l.toString().padStart(2, "0");
+import { cn as e } from "../../utils/cn.js";
+import t from "./TimePicker.module.js";
+import { useId as n, useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/TimePicker/TimePicker.tsx
+function o(e) {
+	return e.toString().padStart(2, "0");
 }
-function _(l) {
-  const c = /^(\d{1,2}):(\d{1,2})$/.exec(l.trim());
-  if (!c) return { hour24: null, minute: null };
-  const a = Number(c[1]), e = Number(c[2]);
-  return a < 0 || a > 23 || e < 0 || e > 59 ? { hour24: null, minute: null } : { hour24: a, minute: e };
+function s(e) {
+	let t = /^(\d{1,2}):(\d{1,2})$/.exec(e.trim());
+	if (!t) return {
+		hour24: null,
+		minute: null
+	};
+	let n = Number(t[1]), r = Number(t[2]);
+	return n < 0 || n > 23 || r < 0 || r > 59 ? {
+		hour24: null,
+		minute: null
+	} : {
+		hour24: n,
+		minute: r
+	};
 }
-function w(l) {
-  const c = l % 12;
-  return c === 0 ? 12 : c;
+function c(e) {
+	let t = e % 12;
+	return t === 0 ? 12 : t;
 }
-function b(l, c) {
-  const a = l % 12;
-  return c === "PM" ? a + 12 : a;
+function l(e, t) {
+	let n = e % 12;
+	return t === "PM" ? n + 12 : n;
 }
-function q({
-  value: l,
-  onChange: c,
-  minuteStep: a = 5,
-  use12Hours: e = !1,
-  label: M,
-  helperText: x,
-  disabled: i,
-  className: P
-}) {
-  const A = j(), { hour24: u, minute: h } = N(() => _(l), [l]), v = u !== null && u >= 12 ? "PM" : "AM", C = N(() => e ? Array.from({ length: 12 }, (n, t) => t + 1) : Array.from({ length: 24 }, (n, t) => t), [e]), k = N(() => {
-    const n = a > 0 ? a : 1, t = [];
-    for (let s = 0; s < 60; s += n)
-      t.push(s);
-    return t;
-  }, [a]), d = u === null ? null : e ? w(u) : u, f = (n, t) => {
-    c(`${p(n)}:${p(t)}`);
-  }, $ = (n) => {
-    if (i) return;
-    const t = h ?? 0, s = e ? b(n, v) : n;
-    f(s, t);
-  }, g = (n) => {
-    if (i) return;
-    const t = u ?? (e ? b(12, "AM") : 0);
-    f(t, n);
-  }, W = (n) => {
-    if (i) return;
-    const t = d ?? 12, s = h ?? 0;
-    f(b(t, n), s);
-  };
-  return /* @__PURE__ */ y("div", { className: m(r.wrapper, i && r.disabled, P), children: [
-    M && /* @__PURE__ */ o("span", { id: `${A}-label`, className: r.label, children: M }),
-    /* @__PURE__ */ y("div", { className: r.columns, children: [
-      /* @__PURE__ */ o("ul", { role: "listbox", "aria-label": "Horas", className: r.column, children: C.map((n) => {
-        const t = n === d;
-        return /* @__PURE__ */ o("li", { className: r.cellWrapper, children: /* @__PURE__ */ o(
-          "button",
-          {
-            type: "button",
-            role: "option",
-            "aria-selected": t,
-            disabled: i,
-            className: m(r.cell, t && r.active),
-            onClick: () => $(n),
-            children: e ? n : p(n)
-          }
-        ) }, n);
-      }) }),
-      /* @__PURE__ */ o("ul", { role: "listbox", "aria-label": "Minutos", className: r.column, children: k.map((n) => {
-        const t = n === h;
-        return /* @__PURE__ */ o("li", { className: r.cellWrapper, children: /* @__PURE__ */ o(
-          "button",
-          {
-            type: "button",
-            role: "option",
-            "aria-selected": t,
-            disabled: i,
-            className: m(r.cell, t && r.active),
-            onClick: () => g(n),
-            children: p(n)
-          }
-        ) }, n);
-      }) }),
-      e && /* @__PURE__ */ o("ul", { role: "listbox", "aria-label": "Período", className: r.column, children: ["AM", "PM"].map((n) => {
-        const t = d !== null && n === v;
-        return /* @__PURE__ */ o("li", { className: r.cellWrapper, children: /* @__PURE__ */ o(
-          "button",
-          {
-            type: "button",
-            role: "option",
-            "aria-selected": t,
-            disabled: i,
-            className: m(r.cell, t && r.active),
-            onClick: () => W(n),
-            children: n
-          }
-        ) }, n);
-      }) })
-    ] }),
-    x && /* @__PURE__ */ o("span", { className: r.helper, children: x })
-  ] });
+function u({ value: u, onChange: d, minuteStep: f = 5, use12Hours: p = !1, label: m, helperText: h, disabled: g, className: _ }) {
+	let v = n(), { hour24: y, minute: b } = r(() => s(u), [u]), x = y !== null && y >= 12 ? "PM" : "AM", S = r(() => p ? Array.from({ length: 12 }, (e, t) => t + 1) : Array.from({ length: 24 }, (e, t) => t), [p]), C = r(() => {
+		let e = f > 0 ? f : 1, t = [];
+		for (let n = 0; n < 60; n += e) t.push(n);
+		return t;
+	}, [f]), w = y === null ? null : p ? c(y) : y, T = (e, t) => {
+		d(`${o(e)}:${o(t)}`);
+	}, E = (e) => {
+		if (g) return;
+		let t = b ?? 0, n = p ? l(e, x) : e;
+		T(n, t);
+	}, D = (e) => {
+		if (g) return;
+		let t = y ?? (p ? l(12, "AM") : 0);
+		T(t, e);
+	}, O = (e) => {
+		if (g) return;
+		let t = w ?? 12, n = b ?? 0;
+		T(l(t, e), n);
+	};
+	return /* @__PURE__ */ a("div", {
+		className: e(t.wrapper, g && t.disabled, _),
+		children: [
+			m && /* @__PURE__ */ i("span", {
+				id: `${v}-label`,
+				className: t.label,
+				children: m
+			}),
+			/* @__PURE__ */ a("div", {
+				className: t.columns,
+				children: [
+					/* @__PURE__ */ i("ul", {
+						role: "listbox",
+						"aria-label": "Horas",
+						className: t.column,
+						children: S.map((n) => {
+							let r = n === w;
+							return /* @__PURE__ */ i("li", {
+								className: t.cellWrapper,
+								children: /* @__PURE__ */ i("button", {
+									type: "button",
+									role: "option",
+									"aria-selected": r,
+									disabled: g,
+									className: e(t.cell, r && t.active),
+									onClick: () => E(n),
+									children: p ? n : o(n)
+								})
+							}, n);
+						})
+					}),
+					/* @__PURE__ */ i("ul", {
+						role: "listbox",
+						"aria-label": "Minutos",
+						className: t.column,
+						children: C.map((n) => {
+							let r = n === b;
+							return /* @__PURE__ */ i("li", {
+								className: t.cellWrapper,
+								children: /* @__PURE__ */ i("button", {
+									type: "button",
+									role: "option",
+									"aria-selected": r,
+									disabled: g,
+									className: e(t.cell, r && t.active),
+									onClick: () => D(n),
+									children: o(n)
+								})
+							}, n);
+						})
+					}),
+					p && /* @__PURE__ */ i("ul", {
+						role: "listbox",
+						"aria-label": "Período",
+						className: t.column,
+						children: ["AM", "PM"].map((n) => {
+							let r = w !== null && n === x;
+							return /* @__PURE__ */ i("li", {
+								className: t.cellWrapper,
+								children: /* @__PURE__ */ i("button", {
+									type: "button",
+									role: "option",
+									"aria-selected": r,
+									disabled: g,
+									className: e(t.cell, r && t.active),
+									onClick: () => O(n),
+									children: n
+								})
+							}, n);
+						})
+					})
+				]
+			}),
+			h && /* @__PURE__ */ i("span", {
+				className: t.helper,
+				children: h
+			})
+		]
+	});
 }
-export {
-  q as TimePicker
-};
-//# sourceMappingURL=TimePicker.js.map
+//#endregion
+export { u as TimePicker };
+
+//# sourceMappingURL=TimePicker.js.map

package/dist/components/TimePicker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import { useId, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TimePicker.module.css\";\n\nexport interface TimePickerProps {\n    /** Selected time as a 24h `\"HH:MM\"` string (e.g. `\"14:30\"`). May be `\"\"` for none. */\n    value: string;\n    /** Fired with the new 24h `\"HH:MM\"` string whenever a cell is picked. */\n    onChange: (value: string) => void;\n    /** Granularity of the minute column. Defaults to `5`. */\n    minuteStep?: number;\n    /** When true, show a 1–12 hour column plus an AM/PM column (still emits 24h). */\n    use12Hours?: boolean;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    className?: string;\n}\n\ntype Period = \"AM\" | \"PM\";\n\ninterface ParsedTime {\n    hour24: number | null;\n    minute: number | null;\n}\n\nfunction pad2(value: number): string {\n    return value.toString().padStart(2, \"0\");\n}\n\n/** Parse a 24h `\"HH:MM\"` string into hour/minute numbers, or nulls when empty/invalid. */\nfunction parseValue(value: string): ParsedTime {\n    const match = /^(\\d{1,2}):(\\d{1,2})$/.exec(value.trim());\n    if (!match) return { hour24: null, minute: null };\n    const hour24 = Number(match[1]);\n    const minute = Number(match[2]);\n    if (hour24 < 0 || hour24 > 23 || minute < 0 || minute > 59) {\n        return { hour24: null, minute: null };\n    }\n    return { hour24, minute };\n}\n\n/** Convert a 24h hour into its 12h display hour (1–12). */\nfunction to12Hour(hour24: number): number {\n    const mod = hour24 % 12;\n    return mod === 0 ? 12 : mod;\n}\n\n/** Convert a 12h display hour + period into a 24h hour (0–23). */\nfunction to24Hour(hour12: number, period: Period): number {\n    const base = hour12 % 12;\n    return period === \"PM\" ? base + 12 : base;\n}\n\n/**\n * TimePicker — inline, dependency-free time picker with Material \"spinner column\" styling.\n *\n * Renders scrollable columns of selectable cells (hours, minutes, and AM/PM when\n * `use12Hours`). Always emits a 24h `\"HH:MM\"` string via `onChange`, regardless of\n * whether the 12h display is enabled.\n */\nexport function TimePicker({\n    value,\n    onChange,\n    minuteStep = 5,\n    use12Hours = false,\n    label,\n    helperText,\n    disabled,\n    className,\n}: TimePickerProps) {\n    const id = useId();\n    const { hour24, minute } = useMemo(() => parseValue(value), [value]);\n\n    const period: Period = hour24 !== null && hour24 >= 12 ? \"PM\" : \"AM\";\n\n    const hourCells = useMemo<number[]>(() => {\n        if (use12Hours) {\n            return Array.from({ length: 12 }, (_, index) => index + 1);\n        }\n        return Array.from({ length: 24 }, (_, index) => index);\n    }, [use12Hours]);\n\n    const minuteCells = useMemo<number[]>(() => {\n        const step = minuteStep > 0 ? minuteStep : 1;\n        const cells: number[] = [];\n        for (let current = 0; current < 60; current += step) {\n            cells.push(current);\n        }\n        return cells;\n    }, [minuteStep]);\n\n    const selectedHourDisplay = hour24 === null ? null : use12Hours ? to12Hour(hour24) : hour24;\n\n    const emit = (nextHour24: number, nextMinute: number): void => {\n        onChange(`${pad2(nextHour24)}:${pad2(nextMinute)}`);\n    };\n\n    const handleHour = (displayHour: number): void => {\n        if (disabled) return;\n        const nextMinute = minute ?? 0;\n        const nextHour24 = use12Hours ? to24Hour(displayHour, period) : displayHour;\n        emit(nextHour24, nextMinute);\n    };\n\n    const handleMinute = (nextMinute: number): void => {\n        if (disabled) return;\n        const baseHour24 = hour24 ?? (use12Hours ? to24Hour(12, \"AM\") : 0);\n        emit(baseHour24, nextMinute);\n    };\n\n    const handlePeriod = (nextPeriod: Period): void => {\n        if (disabled) return;\n        const displayHour = selectedHourDisplay ?? 12;\n        const nextMinute = minute ?? 0;\n        emit(to24Hour(displayHour, nextPeriod), nextMinute);\n    };\n\n    return (\n        <div className={cn(styles.wrapper, disabled && styles.disabled, className)}>\n            {label && (\n                <span id={`${id}-label`} className={styles.label}>\n                    {label}\n                </span>\n            )}\n            <div className={styles.columns}>\n                <ul role=\"listbox\" aria-label=\"Horas\" className={styles.column}>\n                    {hourCells.map((cell) => {\n                        const active = cell === selectedHourDisplay;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleHour(cell)}\n                                >\n                                    {use12Hours ? cell : pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                <ul role=\"listbox\" aria-label=\"Minutos\" className={styles.column}>\n                    {minuteCells.map((cell) => {\n                        const active = cell === minute;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleMinute(cell)}\n                                >\n                                    {pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                {use12Hours && (\n                    <ul role=\"listbox\" aria-label=\"Período\" className={styles.column}>\n                        {([\"AM\", \"PM\"] as Period[]).map((cell) => {\n                            const active = selectedHourDisplay !== null && cell === period;\n                            return (\n                                <li key={cell} className={styles.cellWrapper}>\n                                    <button\n                                        type=\"button\"\n                                        role=\"option\"\n                                        aria-selected={active}\n                                        disabled={disabled}\n                                        className={cn(styles.cell, active && styles.active)}\n                                        onClick={() => handlePeriod(cell)}\n                                    >\n                                        {cell}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                )}\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"names":["pad2","value","parseValue","match","hour24","minute","to12Hour","mod","to24Hour","hour12","period","base","TimePicker","onChange","minuteStep","use12Hours","label","helperText","disabled","className","id","useId","useMemo","hourCells","_","index","minuteCells","step","cells","current","selectedHourDisplay","emit","nextHour24","nextMinute","handleHour","displayHour","handleMinute","baseHour24","handlePeriod","nextPeriod","jsxs","cn","styles","jsx","cell","active"],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","names":[],"sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import { useId, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./TimePicker.module.css\";\n\nexport interface TimePickerProps {\n    /** Selected time as a 24h `\"HH:MM\"` string (e.g. `\"14:30\"`). May be `\"\"` for none. */\n    value: string;\n    /** Fired with the new 24h `\"HH:MM\"` string whenever a cell is picked. */\n    onChange: (value: string) => void;\n    /** Granularity of the minute column. Defaults to `5`. */\n    minuteStep?: number;\n    /** When true, show a 1–12 hour column plus an AM/PM column (still emits 24h). */\n    use12Hours?: boolean;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    className?: string;\n}\n\ntype Period = \"AM\" | \"PM\";\n\ninterface ParsedTime {\n    hour24: number | null;\n    minute: number | null;\n}\n\nfunction pad2(value: number): string {\n    return value.toString().padStart(2, \"0\");\n}\n\n/** Parse a 24h `\"HH:MM\"` string into hour/minute numbers, or nulls when empty/invalid. */\nfunction parseValue(value: string): ParsedTime {\n    const match = /^(\\d{1,2}):(\\d{1,2})$/.exec(value.trim());\n    if (!match) return { hour24: null, minute: null };\n    const hour24 = Number(match[1]);\n    const minute = Number(match[2]);\n    if (hour24 < 0 || hour24 > 23 || minute < 0 || minute > 59) {\n        return { hour24: null, minute: null };\n    }\n    return { hour24, minute };\n}\n\n/** Convert a 24h hour into its 12h display hour (1–12). */\nfunction to12Hour(hour24: number): number {\n    const mod = hour24 % 12;\n    return mod === 0 ? 12 : mod;\n}\n\n/** Convert a 12h display hour + period into a 24h hour (0–23). */\nfunction to24Hour(hour12: number, period: Period): number {\n    const base = hour12 % 12;\n    return period === \"PM\" ? base + 12 : base;\n}\n\n/**\n * TimePicker — inline, dependency-free time picker with Material \"spinner column\" styling.\n *\n * Renders scrollable columns of selectable cells (hours, minutes, and AM/PM when\n * `use12Hours`). Always emits a 24h `\"HH:MM\"` string via `onChange`, regardless of\n * whether the 12h display is enabled.\n */\nexport function TimePicker({\n    value,\n    onChange,\n    minuteStep = 5,\n    use12Hours = false,\n    label,\n    helperText,\n    disabled,\n    className,\n}: TimePickerProps) {\n    const id = useId();\n    const { hour24, minute } = useMemo(() => parseValue(value), [value]);\n\n    const period: Period = hour24 !== null && hour24 >= 12 ? \"PM\" : \"AM\";\n\n    const hourCells = useMemo<number[]>(() => {\n        if (use12Hours) {\n            return Array.from({ length: 12 }, (_, index) => index + 1);\n        }\n        return Array.from({ length: 24 }, (_, index) => index);\n    }, [use12Hours]);\n\n    const minuteCells = useMemo<number[]>(() => {\n        const step = minuteStep > 0 ? minuteStep : 1;\n        const cells: number[] = [];\n        for (let current = 0; current < 60; current += step) {\n            cells.push(current);\n        }\n        return cells;\n    }, [minuteStep]);\n\n    const selectedHourDisplay = hour24 === null ? null : use12Hours ? to12Hour(hour24) : hour24;\n\n    const emit = (nextHour24: number, nextMinute: number): void => {\n        onChange(`${pad2(nextHour24)}:${pad2(nextMinute)}`);\n    };\n\n    const handleHour = (displayHour: number): void => {\n        if (disabled) return;\n        const nextMinute = minute ?? 0;\n        const nextHour24 = use12Hours ? to24Hour(displayHour, period) : displayHour;\n        emit(nextHour24, nextMinute);\n    };\n\n    const handleMinute = (nextMinute: number): void => {\n        if (disabled) return;\n        const baseHour24 = hour24 ?? (use12Hours ? to24Hour(12, \"AM\") : 0);\n        emit(baseHour24, nextMinute);\n    };\n\n    const handlePeriod = (nextPeriod: Period): void => {\n        if (disabled) return;\n        const displayHour = selectedHourDisplay ?? 12;\n        const nextMinute = minute ?? 0;\n        emit(to24Hour(displayHour, nextPeriod), nextMinute);\n    };\n\n    return (\n        <div className={cn(styles.wrapper, disabled && styles.disabled, className)}>\n            {label && (\n                <span id={`${id}-label`} className={styles.label}>\n                    {label}\n                </span>\n            )}\n            <div className={styles.columns}>\n                <ul role=\"listbox\" aria-label=\"Horas\" className={styles.column}>\n                    {hourCells.map((cell) => {\n                        const active = cell === selectedHourDisplay;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleHour(cell)}\n                                >\n                                    {use12Hours ? cell : pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                <ul role=\"listbox\" aria-label=\"Minutos\" className={styles.column}>\n                    {minuteCells.map((cell) => {\n                        const active = cell === minute;\n                        return (\n                            <li key={cell} className={styles.cellWrapper}>\n                                <button\n                                    type=\"button\"\n                                    role=\"option\"\n                                    aria-selected={active}\n                                    disabled={disabled}\n                                    className={cn(styles.cell, active && styles.active)}\n                                    onClick={() => handleMinute(cell)}\n                                >\n                                    {pad2(cell)}\n                                </button>\n                            </li>\n                        );\n                    })}\n                </ul>\n                {use12Hours && (\n                    <ul role=\"listbox\" aria-label=\"Período\" className={styles.column}>\n                        {([\"AM\", \"PM\"] as Period[]).map((cell) => {\n                            const active = selectedHourDisplay !== null && cell === period;\n                            return (\n                                <li key={cell} className={styles.cellWrapper}>\n                                    <button\n                                        type=\"button\"\n                                        role=\"option\"\n                                        aria-selected={active}\n                                        disabled={disabled}\n                                        className={cn(styles.cell, active && styles.active)}\n                                        onClick={() => handlePeriod(cell)}\n                                    >\n                                        {cell}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                )}\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/TimePicker/TimePicker.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_tFKNC`,t=`tempest_label_FUecv`,n=`tempest_columns_XMru6`,r=`tempest_column_bwotJ`,i=`tempest_cellWrapper_xRos3`,a=`tempest_cell_eSc7G`,o=`tempest_active_6amgd`,s=`tempest_helper_ihHGE`,c=`tempest_disabled_NDezB`,l={wrapper:e,label:t,columns:n,column:r,cellWrapper:i,cell:a,active:o,helper:s,disabled:c};exports.active=o,exports.cell=a,exports.cellWrapper=i,exports.column=r,exports.columns=n,exports.default=l,exports.disabled=c,exports.helper=s,exports.label=t,exports.wrapper=e;
+//# sourceMappingURL=TimePicker.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.module.cjs","names":[],"sources":["../../../src/components/TimePicker/TimePicker.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n}\n\n.columns {\n    display: flex;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    box-shadow: var(--tempest-shadow-lg);\n    width: max-content;\n    max-width: 100%;\n}\n\n.column {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0 var(--tempest-space-1);\n    max-height: 220px;\n    overflow-y: auto;\n    scroll-behavior: smooth;\n}\n\n.column + .column {\n    border-left: 1px solid var(--tempest-border);\n}\n\n.cellWrapper {\n    margin: 0;\n}\n\n.cell {\n    appearance: none;\n    width: 100%;\n    min-width: 48px;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-text-base);\n    text-align: center;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .cell:hover:not(:disabled) {\n        background-color: var(--tempest-surface-2);\n    }\n}\n\n.cell:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.cell.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.cell:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.wrapper.disabled {\n    opacity: 0.7;\n}\n"],"mappings":""}

package/dist/components/TimePicker/TimePicker.module.js

@@ -0,0 +1,16 @@
+//#region src/components/TimePicker/TimePicker.module.css
+var e = "tempest_wrapper_tFKNC", t = "tempest_label_FUecv", n = "tempest_columns_XMru6", r = "tempest_column_bwotJ", i = "tempest_cellWrapper_xRos3", a = "tempest_cell_eSc7G", o = "tempest_active_6amgd", s = "tempest_helper_ihHGE", c = "tempest_disabled_NDezB", l = {
+	wrapper: e,
+	label: t,
+	columns: n,
+	column: r,
+	cellWrapper: i,
+	cell: a,
+	active: o,
+	helper: s,
+	disabled: c
+};
+//#endregion
+export { o as active, a as cell, i as cellWrapper, r as column, n as columns, l as default, c as disabled, s as helper, t as label, e as wrapper };
+
+//# sourceMappingURL=TimePicker.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.module.js","names":[],"sources":["../../../src/components/TimePicker/TimePicker.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    color: var(--tempest-text);\n}\n\n.label {\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-semibold);\n    color: var(--tempest-text);\n}\n\n.columns {\n    display: flex;\n    gap: var(--tempest-space-2);\n    padding: var(--tempest-space-2);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-surface);\n    box-shadow: var(--tempest-shadow-lg);\n    width: max-content;\n    max-width: 100%;\n}\n\n.column {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    list-style: none;\n    margin: 0;\n    padding: 0 var(--tempest-space-1);\n    max-height: 220px;\n    overflow-y: auto;\n    scroll-behavior: smooth;\n}\n\n.column + .column {\n    border-left: 1px solid var(--tempest-border);\n}\n\n.cellWrapper {\n    margin: 0;\n}\n\n.cell {\n    appearance: none;\n    width: 100%;\n    min-width: 48px;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border: none;\n    border-radius: var(--tempest-radius-md);\n    background-color: transparent;\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: var(--tempest-text-base);\n    text-align: center;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .cell:hover:not(:disabled) {\n        background-color: var(--tempest-surface-2);\n    }\n}\n\n.cell:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 var(--tempest-focus-ring-width) var(--tempest-focus-ring-color);\n}\n\n.cell.active {\n    background-color: var(--tempest-primary);\n    color: var(--tempest-primary-foreground);\n    font-weight: var(--tempest-weight-semibold);\n}\n\n.cell:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n}\n\n.helper {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n}\n\n.wrapper.disabled {\n    opacity: 0.7;\n}\n"],"mappings":""}

package/dist/components/Timeline/Timeline.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("../../utils/cn.cjs"),e=require("./Timeline.module.css.cjs");function u({items:l,connector:r=!0,className:i,...d}){return a.jsx("ol",{className:n.cn(e.default.timeline,r&&e.default.connector,i),...d,children:l.map((s,t)=>{const c=t===l.length-1;return a.jsxs("li",{className:e.default.item,children:[a.jsxs("div",{className:e.default.markerColumn,children:[a.jsx("span",{className:n.cn(e.default.marker,e.default[`marker-${s.marker??"primary"}`]),"aria-hidden":"true",children:s.icon}),r&&!c&&a.jsx("span",{className:e.default.line,"aria-hidden":"true"})]}),a.jsxs("div",{className:e.default.body,children:[a.jsxs("div",{className:e.default.row,children:[a.jsx("span",{className:e.default.title,children:s.title}),s.meta&&a.jsx("span",{className:e.default.meta,children:s.meta})]}),s.description&&a.jsx("p",{className:e.default.description,children:s.description})]})]},s.id)})})}exports.Timeline=u;
-//# sourceMappingURL=Timeline.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./Timeline.module.cjs");let n=require("react/jsx-runtime");function r({items:r,connector:i=!0,className:a,...o}){return(0,n.jsx)(`ol`,{className:e.cn(t.default.timeline,i&&t.default.connector,a),...o,children:r.map((a,o)=>{let s=o===r.length-1;return(0,n.jsxs)(`li`,{className:t.default.item,children:[(0,n.jsxs)(`div`,{className:t.default.markerColumn,children:[(0,n.jsx)(`span`,{className:e.cn(t.default.marker,t.default[`marker-${a.marker??`primary`}`]),"aria-hidden":`true`,children:a.icon}),i&&!s&&(0,n.jsx)(`span`,{className:t.default.line,"aria-hidden":`true`})]}),(0,n.jsxs)(`div`,{className:t.default.body,children:[(0,n.jsxs)(`div`,{className:t.default.row,children:[(0,n.jsx)(`span`,{className:t.default.title,children:a.title}),a.meta&&(0,n.jsx)(`span`,{className:t.default.meta,children:a.meta})]}),a.description&&(0,n.jsx)(`p`,{className:t.default.description,children:a.description})]})]},a.id)})})}exports.Timeline=r;
+//# sourceMappingURL=Timeline.cjs.map