tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/Radio/Radio.js

@@ -1,82 +1,64 @@
-import { jsxs as v, jsx as a } from "react/jsx-runtime";
-import { forwardRef as j, useContext as k, useId as w, useState as y, createContext as G } from "react";
-import { cn as g } from "../../utils/cn.js";
-import n from "./Radio.module.css.js";
-const b = G(null), S = j(function({
-  label: o,
-  description: s,
-  value: r,
-  disabled: l,
-  name: c,
-  checked: m,
-  onChange: p,
-  wrapperClassName: u,
-  className: h,
-  ...f
-}, C) {
-  const e = k(b), N = e?.name ?? c, t = e?.disabled ?? l, d = e ? e.value === r : m;
-  function x(R) {
-    e && e.onChange?.(r), p?.(R);
-  }
-  return /* @__PURE__ */ v(
-    "label",
-    {
-      className: g(n.wrapper, t && n.disabled, u),
-      children: [
-        /* @__PURE__ */ a(
-          "input",
-          {
-            ref: C,
-            type: "radio",
-            name: N,
-            value: r,
-            checked: d,
-            disabled: t,
-            onChange: x,
-            className: g(n.input, h),
-            ...f
-          }
-        ),
-        /* @__PURE__ */ a("span", { className: n.dot, "aria-hidden": !0 }),
-        (o || s) && /* @__PURE__ */ v("span", { className: n.labelWrap, children: [
-          o && /* @__PURE__ */ a("span", { className: n.label, children: o }),
-          s && /* @__PURE__ */ a("span", { className: n.description, children: s })
-        ] })
-      ]
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./Radio.module.js";
+import { createContext as n, forwardRef as r, useContext as i, useId as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/Radio/Radio.tsx
+var l = n(null), u = r(function({ label: n, description: r, value: a, disabled: o, name: u, checked: d, onChange: f, wrapperClassName: p, className: m, ...h }, g) {
+	let _ = i(l), v = _?.name ?? u, y = _?.disabled ?? o, b = _ ? _.value === a : d;
+	function x(e) {
+		_ && _.onChange?.(a), f?.(e);
+	}
+	return /* @__PURE__ */ c("label", {
+		className: e(t.wrapper, y && t.disabled, p),
+		children: [
+			/* @__PURE__ */ s("input", {
+				ref: g,
+				type: "radio",
+				name: v,
+				value: a,
+				checked: b,
+				disabled: y,
+				onChange: x,
+				className: e(t.input, m),
+				...h
+			}),
+			/* @__PURE__ */ s("span", {
+				className: t.dot,
+				"aria-hidden": !0
+			}),
+			(n || r) && /* @__PURE__ */ c("span", {
+				className: t.labelWrap,
+				children: [n && /* @__PURE__ */ s("span", {
+					className: t.label,
+					children: n
+				}), r && /* @__PURE__ */ s("span", {
+					className: t.description,
+					children: r
+				})]
+			})
+		]
+	});
 });
-function W({
-  value: i,
-  defaultValue: o,
-  onChange: s,
-  name: r,
-  disabled: l,
-  horizontal: c = !1,
-  className: m,
-  children: p
-}) {
-  const u = w(), h = r ?? u, [f, C] = y(o), e = i !== void 0, N = e ? i : f;
-  function t(d) {
-    e || C(d), s?.(d);
-  }
-  return /* @__PURE__ */ a(
-    b.Provider,
-    {
-      value: { name: h, value: N, onChange: t, disabled: l },
-      children: /* @__PURE__ */ a(
-        "div",
-        {
-          role: "radiogroup",
-          className: g(n.group, c && n.horizontal, m),
-          children: p
-        }
-      )
-    }
-  );
+function d({ value: n, defaultValue: r, onChange: i, name: c, disabled: u, horizontal: d = !1, className: f, children: p }) {
+	let m = a(), h = c ?? m, [g, _] = o(r), v = n !== void 0, y = v ? n : g;
+	function b(e) {
+		v || _(e), i?.(e);
+	}
+	return /* @__PURE__ */ s(l.Provider, {
+		value: {
+			name: h,
+			value: y,
+			onChange: b,
+			disabled: u
+		},
+		children: /* @__PURE__ */ s("div", {
+			role: "radiogroup",
+			className: e(t.group, d && t.horizontal, f),
+			children: p
+		})
+	});
 }
-export {
-  S as Radio,
-  W as RadioGroup
-};
-//# sourceMappingURL=Radio.js.map
+//#endregion
+export { u as Radio, d as RadioGroup };
+
+//# sourceMappingURL=Radio.js.map

package/dist/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, useId, useState } from \"react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Radio.module.css\";\n\ninterface RadioGroupContextValue {\n    name: string;\n    value?: string;\n    onChange?: (value: string) => void;\n    disabled?: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    value: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Single radio button. Inside a {@link RadioGroup}, name/checked/onChange are\n * managed by the group; outside, behaves as a regular radio input.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n    {\n        label,\n        description,\n        value,\n        disabled,\n        name,\n        checked,\n        onChange,\n        wrapperClassName,\n        className,\n        ...props\n    },\n    ref,\n) {\n    const group = useContext(RadioGroupContext);\n    const resolvedName = group?.name ?? name;\n    const resolvedDisabled = group?.disabled ?? disabled;\n    const isChecked = group ? group.value === value : checked;\n\n    function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n        if (group) group.onChange?.(value);\n        onChange?.(event);\n    }\n\n    return (\n        <label\n            className={cn(styles.wrapper, resolvedDisabled && styles.disabled, wrapperClassName)}\n        >\n            <input\n                ref={ref}\n                type=\"radio\"\n                name={resolvedName}\n                value={value}\n                checked={isChecked}\n                disabled={resolvedDisabled}\n                onChange={handleChange}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.dot} aria-hidden />\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nexport interface RadioGroupProps {\n    /** Selected value (controlled). */\n    value?: string;\n    /** Default selected value (uncontrolled). */\n    defaultValue?: string;\n    /** Called when the selection changes. */\n    onChange?: (value: string) => void;\n    /** `name` attribute applied to every Radio inside. Auto-generated if omitted. */\n    name?: string;\n    /** Disable every Radio inside. */\n    disabled?: boolean;\n    /** Lay out radios horizontally. Default: false (column). */\n    horizontal?: boolean;\n    className?: string;\n    children: ReactNode;\n}\n\n/**\n * Wraps multiple {@link Radio} children and coordinates selection via context.\n * Pass `value` for controlled mode or `defaultValue` for uncontrolled.\n */\nexport function RadioGroup({\n    value,\n    defaultValue,\n    onChange,\n    name,\n    disabled,\n    horizontal = false,\n    className,\n    children,\n}: RadioGroupProps) {\n    const generatedName = useId();\n    const resolvedName = name ?? generatedName;\n\n    const [internal, setInternal] = useState<string | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : internal;\n\n    function handleChange(next: string): void {\n        if (!isControlled) setInternal(next);\n        onChange?.(next);\n    }\n\n    return (\n        <RadioGroupContext.Provider\n            value={{ name: resolvedName, value: current, onChange: handleChange, disabled }}\n        >\n            <div\n                role=\"radiogroup\"\n                className={cn(styles.group, horizontal && styles.horizontal, className)}\n            >\n                {children}\n            </div>\n        </RadioGroupContext.Provider>\n    );\n}\n"],"names":["RadioGroupContext","createContext","Radio","forwardRef","label","description","value","disabled","name","checked","onChange","wrapperClassName","className","props","ref","group","useContext","resolvedName","resolvedDisabled","isChecked","handleChange","event","jsxs","cn","styles","jsx","RadioGroup","defaultValue","horizontal","children","generatedName","useId","internal","setInternal","useState","isControlled","current","next"],"mappings":";;;;AAYA,MAAMA,IAAoBC,EAA6C,IAAI,GAa9DC,IAAQC,EAAyC,SAC1D;AAAA,EACI,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,GACAC,GACF;AACE,QAAMC,IAAQC,EAAWhB,CAAiB,GACpCiB,IAAeF,GAAO,QAAQP,GAC9BU,IAAmBH,GAAO,YAAYR,GACtCY,IAAYJ,IAAQA,EAAM,UAAUT,IAAQG;AAElD,WAASW,EAAaC,GAA4C;AAC9D,IAAIN,KAAOA,EAAM,WAAWT,CAAK,GACjCI,IAAWW,CAAK;AAAA,EACpB;AAEA,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAGC,EAAO,SAASN,KAAoBM,EAAO,UAAUb,CAAgB;AAAA,MAEnF,UAAA;AAAA,QAAA,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAAX;AAAA,YACA,MAAK;AAAA,YACL,MAAMG;AAAA,YACN,OAAAX;AAAA,YACA,SAASa;AAAA,YACT,UAAUD;AAAA,YACV,UAAUE;AAAA,YACV,WAAWG,EAAGC,EAAO,OAAOZ,CAAS;AAAA,YACpC,GAAGC;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEP,QAAA,EAAK,WAAWW,EAAO,KAAK,eAAW,IAAC;AAAA,SACvCpB,KAASC,MACP,gBAAAiB,EAAC,QAAA,EAAK,WAAWE,EAAO,WACnB,UAAA;AAAA,UAAApB,KAAS,gBAAAqB,EAAC,QAAA,EAAK,WAAWD,EAAO,OAAQ,UAAApB,GAAM;AAAA,UAC/CC,KAAe,gBAAAoB,EAAC,QAAA,EAAK,WAAWD,EAAO,aAAc,UAAAnB,EAAA,CAAY;AAAA,QAAA,EAAA,CACtE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAuBM,SAASqB,EAAW;AAAA,EACvB,OAAApB;AAAA,EACA,cAAAqB;AAAA,EACA,UAAAjB;AAAA,EACA,MAAAF;AAAA,EACA,UAAAD;AAAA,EACA,YAAAqB,IAAa;AAAA,EACb,WAAAhB;AAAA,EACA,UAAAiB;AACJ,GAAoB;AAChB,QAAMC,IAAgBC,EAAA,GAChBd,IAAeT,KAAQsB,GAEvB,CAACE,GAAUC,CAAW,IAAIC,EAA6BP,CAAY,GACnEQ,IAAe7B,MAAU,QACzB8B,IAAUD,IAAe7B,IAAQ0B;AAEvC,WAASZ,EAAaiB,GAAoB;AACtC,IAAKF,KAAcF,EAAYI,CAAI,GACnC3B,IAAW2B,CAAI;AAAA,EACnB;AAEA,SACI,gBAAAZ;AAAA,IAACzB,EAAkB;AAAA,IAAlB;AAAA,MACG,OAAO,EAAE,MAAMiB,GAAc,OAAOmB,GAAS,UAAUhB,GAAc,UAAAb,EAAA;AAAA,MAErE,UAAA,gBAAAkB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAWF,EAAGC,EAAO,OAAOI,KAAcJ,EAAO,YAAYZ,CAAS;AAAA,UAErE,UAAAiB;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGZ;"}
+{"version":3,"file":"Radio.js","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext, useId, useState } from \"react\";\nimport type { ChangeEvent, InputHTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Radio.module.css\";\n\ninterface RadioGroupContextValue {\n    name: string;\n    value?: string;\n    onChange?: (value: string) => void;\n    disabled?: boolean;\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n    label?: ReactNode;\n    description?: ReactNode;\n    value: string;\n    wrapperClassName?: string;\n}\n\n/**\n * Single radio button. Inside a {@link RadioGroup}, name/checked/onChange are\n * managed by the group; outside, behaves as a regular radio input.\n */\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n    {\n        label,\n        description,\n        value,\n        disabled,\n        name,\n        checked,\n        onChange,\n        wrapperClassName,\n        className,\n        ...props\n    },\n    ref,\n) {\n    const group = useContext(RadioGroupContext);\n    const resolvedName = group?.name ?? name;\n    const resolvedDisabled = group?.disabled ?? disabled;\n    const isChecked = group ? group.value === value : checked;\n\n    function handleChange(event: ChangeEvent<HTMLInputElement>): void {\n        if (group) group.onChange?.(value);\n        onChange?.(event);\n    }\n\n    return (\n        <label\n            className={cn(styles.wrapper, resolvedDisabled && styles.disabled, wrapperClassName)}\n        >\n            <input\n                ref={ref}\n                type=\"radio\"\n                name={resolvedName}\n                value={value}\n                checked={isChecked}\n                disabled={resolvedDisabled}\n                onChange={handleChange}\n                className={cn(styles.input, className)}\n                {...props}\n            />\n            <span className={styles.dot} aria-hidden />\n            {(label || description) && (\n                <span className={styles.labelWrap}>\n                    {label && <span className={styles.label}>{label}</span>}\n                    {description && <span className={styles.description}>{description}</span>}\n                </span>\n            )}\n        </label>\n    );\n});\n\nexport interface RadioGroupProps {\n    /** Selected value (controlled). */\n    value?: string;\n    /** Default selected value (uncontrolled). */\n    defaultValue?: string;\n    /** Called when the selection changes. */\n    onChange?: (value: string) => void;\n    /** `name` attribute applied to every Radio inside. Auto-generated if omitted. */\n    name?: string;\n    /** Disable every Radio inside. */\n    disabled?: boolean;\n    /** Lay out radios horizontally. Default: false (column). */\n    horizontal?: boolean;\n    className?: string;\n    children: ReactNode;\n}\n\n/**\n * Wraps multiple {@link Radio} children and coordinates selection via context.\n * Pass `value` for controlled mode or `defaultValue` for uncontrolled.\n */\nexport function RadioGroup({\n    value,\n    defaultValue,\n    onChange,\n    name,\n    disabled,\n    horizontal = false,\n    className,\n    children,\n}: RadioGroupProps) {\n    const generatedName = useId();\n    const resolvedName = name ?? generatedName;\n\n    const [internal, setInternal] = useState<string | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : internal;\n\n    function handleChange(next: string): void {\n        if (!isControlled) setInternal(next);\n        onChange?.(next);\n    }\n\n    return (\n        <RadioGroupContext.Provider\n            value={{ name: resolvedName, value: current, onChange: handleChange, disabled }}\n        >\n            <div\n                role=\"radiogroup\"\n                className={cn(styles.group, horizontal && styles.horizontal, className)}\n            >\n                {children}\n            </div>\n        </RadioGroupContext.Provider>\n    );\n}\n"],"mappings":";;;;;AAYA,IAAM,IAAoB,EAA6C,IAAI,GAa9D,IAAQ,EAAyC,SAC1D,EACI,UACA,gBACA,UACA,aACA,SACA,YACA,aACA,qBACA,cACA,GAAG,KAEP,GACF;CACE,IAAM,IAAQ,EAAW,CAAiB,GACpC,IAAe,GAAO,QAAQ,GAC9B,IAAmB,GAAO,YAAY,GACtC,IAAY,IAAQ,EAAM,UAAU,IAAQ;CAElD,SAAS,EAAa,GAA4C;EAE9D,AADI,KAAO,EAAM,WAAW,CAAK,GACjC,IAAW,CAAK;CACpB;CAEA,OACI,kBAAC,SAAD;EACI,WAAW,EAAG,EAAO,SAAS,KAAoB,EAAO,UAAU,CAAgB;YADvF;GAGI,kBAAC,SAAD;IACS;IACL,MAAK;IACL,MAAM;IACC;IACP,SAAS;IACT,UAAU;IACV,UAAU;IACV,WAAW,EAAG,EAAO,OAAO,CAAS;IACrC,GAAI;GACP,CAAA;GACD,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAK,eAAA;GAAa,CAAA;IACxC,KAAS,MACP,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAxB,CACK,KAAS,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAY,CAAA,GACrD,KAAe,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAc;IAAkB,CAAA,CACtE;;EAEP;;AAEf,CAAC;AAuBD,SAAgB,EAAW,EACvB,UACA,iBACA,aACA,SACA,aACA,gBAAa,IACb,cACA,eACgB;CAChB,IAAM,IAAgB,EAAM,GACtB,IAAe,KAAQ,GAEvB,CAAC,GAAU,KAAe,EAA6B,CAAY,GACnE,IAAe,MAAU,KAAA,GACzB,IAAU,IAAe,IAAQ;CAEvC,SAAS,EAAa,GAAoB;EAEtC,AADK,KAAc,EAAY,CAAI,GACnC,IAAW,CAAI;CACnB;CAEA,OACI,kBAAC,EAAkB,UAAnB;EACI,OAAO;GAAE,MAAM;GAAc,OAAO;GAAS,UAAU;GAAc;EAAS;YAE9E,kBAAC,OAAD;GACI,MAAK;GACL,WAAW,EAAG,EAAO,OAAO,KAAc,EAAO,YAAY,CAAS;GAErE;EACA,CAAA;CACmB,CAAA;AAEpC"}

package/dist/components/Radio/Radio.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_P-gFm`,t=`tempest_disabled_0-cna`,n=`tempest_input_7R8ZN`,r=`tempest_dot_P7ejP`,i=`tempest_labelWrap_iQ1HR`,a=`tempest_label_vAFIP`,o=`tempest_description_bEB8u`,s=`tempest_group_oi329`,c=`tempest_horizontal_1Ovgu`,l={wrapper:e,disabled:t,input:n,dot:r,labelWrap:i,label:a,description:o,group:s,horizontal:c};exports.default=l,exports.description=o,exports.disabled=t,exports.dot=r,exports.group=s,exports.horizontal=c,exports.input=n,exports.label=a,exports.labelWrap=i,exports.wrapper=e;
+//# sourceMappingURL=Radio.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.module.cjs","names":[],"sources":["../../../src/components/Radio/Radio.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: flex-start;\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.dot {\n    flex-shrink: 0;\n    width: 18px;\n    height: 18px;\n    border: 1.5px solid var(--tempest-border-strong);\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.dot::after {\n    content: \"\";\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background-color: var(--tempest-primary);\n    transform: scale(0);\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked) + .dot {\n    border-color: var(--tempest-primary);\n}\n\n.input:checked + .dot {\n    border-color: var(--tempest-primary);\n}\n\n.input:checked + .dot::after {\n    transform: scale(1);\n}\n\n.input:focus-visible + .dot {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.labelWrap {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    line-height: var(--tempest-leading-snug);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.group {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.group.horizontal {\n    flex-direction: row;\n    gap: var(--tempest-space-4);\n    flex-wrap: wrap;\n}\n"],"mappings":""}

package/dist/components/Radio/Radio.module.js

@@ -0,0 +1,16 @@
+//#region src/components/Radio/Radio.module.css
+var e = "tempest_wrapper_P-gFm", t = "tempest_disabled_0-cna", n = "tempest_input_7R8ZN", r = "tempest_dot_P7ejP", i = "tempest_labelWrap_iQ1HR", a = "tempest_label_vAFIP", o = "tempest_description_bEB8u", s = "tempest_group_oi329", c = "tempest_horizontal_1Ovgu", l = {
+	wrapper: e,
+	disabled: t,
+	input: n,
+	dot: r,
+	labelWrap: i,
+	label: a,
+	description: o,
+	group: s,
+	horizontal: c
+};
+//#endregion
+export { l as default, o as description, t as disabled, r as dot, s as group, c as horizontal, n as input, a as label, i as labelWrap, e as wrapper };
+
+//# sourceMappingURL=Radio.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.module.js","names":[],"sources":["../../../src/components/Radio/Radio.module.css"],"sourcesContent":[".wrapper {\n    display: inline-flex;\n    align-items: flex-start;\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.dot {\n    flex-shrink: 0;\n    width: 18px;\n    height: 18px;\n    border: 1.5px solid var(--tempest-border-strong);\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: var(--tempest-shadow-xs);\n    transition: var(--tempest-transition-color), var(--tempest-transition-shadow);\n}\n\n.dot::after {\n    content: \"\";\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n    background-color: var(--tempest-primary);\n    transform: scale(0);\n    transition: transform var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.wrapper:hover:not(.disabled) .input:not(:checked) + .dot {\n    border-color: var(--tempest-primary);\n}\n\n.input:checked + .dot {\n    border-color: var(--tempest-primary);\n}\n\n.input:checked + .dot::after {\n    transform: scale(1);\n}\n\n.input:focus-visible + .dot {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n.labelWrap {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    line-height: var(--tempest-leading-snug);\n}\n\n.label {\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n}\n\n.description {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n}\n\n.group {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.group.horizontal {\n    flex-direction: row;\n    gap: var(--tempest-space-4);\n    flex-wrap: wrap;\n}\n"],"mappings":""}

package/dist/components/RangeSlider/RangeSlider.cjs

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

package/dist/components/RangeSlider/RangeSlider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.cjs","sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RangeSlider.module.css\";\n\nexport type RangeValue = [number, number];\n\nexport interface RangeSliderProps {\n    value: RangeValue;\n    onChange: (value: RangeValue) => void;\n    min?: number;\n    max?: number;\n    step?: number;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    /** Formatter for the value badge next to the label. Defaults to `min – max`. */\n    formatValue?: (value: RangeValue) => string;\n    className?: string;\n}\n\n/**\n * Dual-thumb range slider. Built on two native `<input type=\"range\">` so it\n * stays accessible and works with keyboards/screen readers without\n * heavyweight positioning libs. The active fill is positioned via percentages.\n */\nexport function RangeSlider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: RangeSliderProps) {\n    const [low, high] = value;\n    const range = max - min;\n\n    const fillLeft = useMemo(() => ((low - min) / range) * 100, [low, min, range]);\n    const fillRight = useMemo(() => ((high - min) / range) * 100, [high, min, range]);\n\n    const valueText = formatValue?.(value) ?? `${low} – ${high}`;\n\n    const handleLow = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.min(Number(event.target.value), high);\n            onChange([next, high]);\n        },\n        [high, onChange],\n    );\n\n    const handleHigh = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.max(Number(event.target.value), low);\n            onChange([low, next]);\n        },\n        [low, onChange],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && (\n                <div className={styles.label}>\n                    <span>{label}</span>\n                    <span className={styles.value}>{valueText}</span>\n                </div>\n            )}\n            <div className={styles.field}>\n                <div className={styles.track} />\n                <div\n                    className={styles.fill}\n                    style={{ left: `${fillLeft}%`, right: `${100 - fillRight}%` }}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={low}\n                    onChange={handleLow}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (mínimo)` : \"Mínimo\"}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={high}\n                    onChange={handleHigh}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (máximo)` : \"Máximo\"}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"names":["RangeSlider","value","onChange","min","max","step","label","helperText","disabled","formatValue","className","low","high","range","fillLeft","useMemo","fillRight","valueText","handleLow","useCallback","event","next","handleHigh","cn","styles","jsxs","jsx"],"mappings":"kNAyBO,SAASA,EAAY,CACxB,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,KAAAC,EAAO,EACP,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,GACX,YAAAC,EACA,UAAAC,CACJ,EAAqB,CACjB,KAAM,CAACC,EAAKC,CAAI,EAAIX,EACdY,EAAQT,EAAMD,EAEdW,EAAWC,EAAAA,QAAQ,KAAQJ,EAAMR,GAAOU,EAAS,IAAK,CAACF,EAAKR,EAAKU,CAAK,CAAC,EACvEG,EAAYD,EAAAA,QAAQ,KAAQH,EAAOT,GAAOU,EAAS,IAAK,CAACD,EAAMT,EAAKU,CAAK,CAAC,EAE1EI,EAAYR,IAAcR,CAAK,GAAK,GAAGU,CAAG,MAAMC,CAAI,GAEpDM,EAAYC,EAAAA,YACbC,GAAqD,CAClD,MAAMC,EAAO,KAAK,IAAI,OAAOD,EAAM,OAAO,KAAK,EAAGR,CAAI,EACtDV,EAAS,CAACmB,EAAMT,CAAI,CAAC,CACzB,EACA,CAACA,EAAMV,CAAQ,CAAA,EAGboB,EAAaH,EAAAA,YACdC,GAAqD,CAClD,MAAMC,EAAO,KAAK,IAAI,OAAOD,EAAM,OAAO,KAAK,EAAGT,CAAG,EACrDT,EAAS,CAACS,EAAKU,CAAI,CAAC,CACxB,EACA,CAACV,EAAKT,CAAQ,CAAA,EAGlB,cACK,MAAA,CAAI,UAAWqB,EAAAA,GAAGC,EAAAA,QAAO,QAASd,CAAS,EACvC,SAAA,CAAAJ,GACGmB,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,MACnB,SAAA,CAAAE,EAAAA,IAAC,QAAM,SAAApB,CAAA,CAAM,EACboB,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,MAAQ,SAAAP,CAAA,CAAU,CAAA,EAC9C,EAEJQ,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,MACnB,SAAA,CAAAE,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,KAAA,CAAO,EAC9BE,EAAAA,IAAC,MAAA,CACG,UAAWF,EAAAA,QAAO,KAClB,MAAO,CAAE,KAAM,GAAGV,CAAQ,IAAK,MAAO,GAAG,IAAME,CAAS,GAAA,CAAI,CAAA,EAEhEU,EAAAA,IAAC,QAAA,CACG,KAAK,QACL,UAAWF,EAAAA,QAAO,MAClB,IAAArB,EACA,IAAAC,EACA,KAAAC,EACA,MAAOM,EACP,SAAUO,EACV,SAAAV,EACA,aAAYF,EAAQ,GAAGA,CAAK,YAAc,QAAA,CAAA,EAE9CoB,EAAAA,IAAC,QAAA,CACG,KAAK,QACL,UAAWF,EAAAA,QAAO,MAClB,IAAArB,EACA,IAAAC,EACA,KAAAC,EACA,MAAOO,EACP,SAAUU,EACV,SAAAd,EACA,aAAYF,EAAQ,GAAGA,CAAK,YAAc,QAAA,CAAA,CAC9C,EACJ,EACCC,GAAcmB,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,OAAS,SAAAjB,CAAA,CAAW,CAAA,EAC/D,CAER"}
+{"version":3,"file":"RangeSlider.cjs","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RangeSlider.module.css\";\n\nexport type RangeValue = [number, number];\n\nexport interface RangeSliderProps {\n    value: RangeValue;\n    onChange: (value: RangeValue) => void;\n    min?: number;\n    max?: number;\n    step?: number;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    /** Formatter for the value badge next to the label. Defaults to `min – max`. */\n    formatValue?: (value: RangeValue) => string;\n    className?: string;\n}\n\n/**\n * Dual-thumb range slider. Built on two native `<input type=\"range\">` so it\n * stays accessible and works with keyboards/screen readers without\n * heavyweight positioning libs. The active fill is positioned via percentages.\n */\nexport function RangeSlider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: RangeSliderProps) {\n    const [low, high] = value;\n    const range = max - min;\n\n    const fillLeft = useMemo(() => ((low - min) / range) * 100, [low, min, range]);\n    const fillRight = useMemo(() => ((high - min) / range) * 100, [high, min, range]);\n\n    const valueText = formatValue?.(value) ?? `${low} – ${high}`;\n\n    const handleLow = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.min(Number(event.target.value), high);\n            onChange([next, high]);\n        },\n        [high, onChange],\n    );\n\n    const handleHigh = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.max(Number(event.target.value), low);\n            onChange([low, next]);\n        },\n        [low, onChange],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && (\n                <div className={styles.label}>\n                    <span>{label}</span>\n                    <span className={styles.value}>{valueText}</span>\n                </div>\n            )}\n            <div className={styles.field}>\n                <div className={styles.track} />\n                <div\n                    className={styles.fill}\n                    style={{ left: `${fillLeft}%`, right: `${100 - fillRight}%` }}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={low}\n                    onChange={handleLow}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (mínimo)` : \"Mínimo\"}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={high}\n                    onChange={handleHigh}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (máximo)` : \"Máximo\"}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":"kIAyBA,SAAgB,EAAY,CACxB,QACA,WACA,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,aACA,WAAW,GACX,cACA,aACiB,CACjB,GAAM,CAAC,EAAK,GAAQ,EACd,EAAQ,EAAM,EAEd,GAAA,EAAA,EAAA,QAAA,MAA2B,EAAM,GAAO,EAAS,IAAK,CAAC,EAAK,EAAK,CAAK,CAAC,EACvE,GAAA,EAAA,EAAA,QAAA,MAA4B,EAAO,GAAO,EAAS,IAAK,CAAC,EAAM,EAAK,CAAK,CAAC,EAE1E,EAAY,IAAc,CAAK,GAAK,GAAG,EAAI,KAAK,IAEhD,GAAA,EAAA,EAAA,YAAA,CACD,GAAqD,CAElD,EAAS,CADI,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,EAAG,CACxC,EAAM,CAAI,CAAC,CACzB,EACA,CAAC,EAAM,CAAQ,CACnB,EAEM,GAAA,EAAA,EAAA,YAAA,CACD,GAAqD,CAClD,IAAM,EAAO,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,EAAG,CAAG,EACrD,EAAS,CAAC,EAAK,CAAI,CAAC,CACxB,EACA,CAAC,EAAK,CAAQ,CAClB,EAEA,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,WAA5C,CACK,IACG,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,CAAY,CAAA,GACnB,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAgB,CAAA,CAC/C,KAET,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,eAAvB,EACI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,KAAQ,CAAA,GAC/B,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,KAClB,MAAO,CAAE,KAAM,GAAG,EAAS,GAAI,MAAO,GAAG,IAAM,EAAU,EAAG,CAC/D,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAW,EAAA,QAAO,MACb,MACA,MACC,OACN,MAAO,EACP,SAAU,EACA,WACV,aAAY,EAAQ,GAAG,EAAM,WAAa,QAC7C,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,QAAD,CACI,KAAK,QACL,UAAW,EAAA,QAAO,MACb,MACA,MACC,OACN,MAAO,EACP,SAAU,EACA,WACV,aAAY,EAAQ,GAAG,EAAM,WAAa,QAC7C,CAAA,CACA,IACJ,IAAc,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAW,EAAA,QAAO,gBAAS,CAAiB,CAAA,CAChE,GAEb"}

package/dist/components/RangeSlider/RangeSlider.js

@@ -1,79 +1,76 @@
-import { jsxs as p, jsx as l } from "react/jsx-runtime";
-import { useMemo as N, useCallback as v } from "react";
-import { cn as k } from "../../utils/cn.js";
-import e from "./RangeSlider.module.css.js";
-function b({
-  value: u,
-  onChange: i,
-  min: a = 0,
-  max: c = 100,
-  step: h = 1,
-  label: r,
-  helperText: d,
-  disabled: f = !1,
-  formatValue: g,
-  className: x
-}) {
-  const [s, t] = u, n = c - a, $ = N(() => (s - a) / n * 100, [s, a, n]), M = N(() => (t - a) / n * 100, [t, a, n]), y = g?.(u) ?? `${s} – ${t}`, w = v(
-    (o) => {
-      const m = Math.min(Number(o.target.value), t);
-      i([m, t]);
-    },
-    [t, i]
-  ), j = v(
-    (o) => {
-      const m = Math.max(Number(o.target.value), s);
-      i([s, m]);
-    },
-    [s, i]
-  );
-  return /* @__PURE__ */ p("div", { className: k(e.wrapper, x), children: [
-    r && /* @__PURE__ */ p("div", { className: e.label, children: [
-      /* @__PURE__ */ l("span", { children: r }),
-      /* @__PURE__ */ l("span", { className: e.value, children: y })
-    ] }),
-    /* @__PURE__ */ p("div", { className: e.field, children: [
-      /* @__PURE__ */ l("div", { className: e.track }),
-      /* @__PURE__ */ l(
-        "div",
-        {
-          className: e.fill,
-          style: { left: `${$}%`, right: `${100 - M}%` }
-        }
-      ),
-      /* @__PURE__ */ l(
-        "input",
-        {
-          type: "range",
-          className: e.input,
-          min: a,
-          max: c,
-          step: h,
-          value: s,
-          onChange: w,
-          disabled: f,
-          "aria-label": r ? `${r} (mínimo)` : "Mínimo"
-        }
-      ),
-      /* @__PURE__ */ l(
-        "input",
-        {
-          type: "range",
-          className: e.input,
-          min: a,
-          max: c,
-          step: h,
-          value: t,
-          onChange: j,
-          disabled: f,
-          "aria-label": r ? `${r} (máximo)` : "Máximo"
-        }
-      )
-    ] }),
-    d && /* @__PURE__ */ l("span", { className: e.helper, children: d })
-  ] });
+import { cn as e } from "../../utils/cn.js";
+import t from "./RangeSlider.module.js";
+import { useCallback as n, useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/RangeSlider/RangeSlider.tsx
+function o({ value: o, onChange: s, min: c = 0, max: l = 100, step: u = 1, label: d, helperText: f, disabled: p = !1, formatValue: m, className: h }) {
+	let [g, _] = o, v = l - c, y = r(() => (g - c) / v * 100, [
+		g,
+		c,
+		v
+	]), b = r(() => (_ - c) / v * 100, [
+		_,
+		c,
+		v
+	]), x = m?.(o) ?? `${g} – ${_}`, S = n((e) => {
+		s([Math.min(Number(e.target.value), _), _]);
+	}, [_, s]), C = n((e) => {
+		let t = Math.max(Number(e.target.value), g);
+		s([g, t]);
+	}, [g, s]);
+	return /* @__PURE__ */ a("div", {
+		className: e(t.wrapper, h),
+		children: [
+			d && /* @__PURE__ */ a("div", {
+				className: t.label,
+				children: [/* @__PURE__ */ i("span", { children: d }), /* @__PURE__ */ i("span", {
+					className: t.value,
+					children: x
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: t.field,
+				children: [
+					/* @__PURE__ */ i("div", { className: t.track }),
+					/* @__PURE__ */ i("div", {
+						className: t.fill,
+						style: {
+							left: `${y}%`,
+							right: `${100 - b}%`
+						}
+					}),
+					/* @__PURE__ */ i("input", {
+						type: "range",
+						className: t.input,
+						min: c,
+						max: l,
+						step: u,
+						value: g,
+						onChange: S,
+						disabled: p,
+						"aria-label": d ? `${d} (mínimo)` : "Mínimo"
+					}),
+					/* @__PURE__ */ i("input", {
+						type: "range",
+						className: t.input,
+						min: c,
+						max: l,
+						step: u,
+						value: _,
+						onChange: C,
+						disabled: p,
+						"aria-label": d ? `${d} (máximo)` : "Máximo"
+					})
+				]
+			}),
+			f && /* @__PURE__ */ i("span", {
+				className: t.helper,
+				children: f
+			})
+		]
+	});
 }
-export {
-  b as RangeSlider
-};
-//# sourceMappingURL=RangeSlider.js.map
+//#endregion
+export { o as RangeSlider };
+
+//# sourceMappingURL=RangeSlider.js.map

package/dist/components/RangeSlider/RangeSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.js","sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RangeSlider.module.css\";\n\nexport type RangeValue = [number, number];\n\nexport interface RangeSliderProps {\n    value: RangeValue;\n    onChange: (value: RangeValue) => void;\n    min?: number;\n    max?: number;\n    step?: number;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    /** Formatter for the value badge next to the label. Defaults to `min – max`. */\n    formatValue?: (value: RangeValue) => string;\n    className?: string;\n}\n\n/**\n * Dual-thumb range slider. Built on two native `<input type=\"range\">` so it\n * stays accessible and works with keyboards/screen readers without\n * heavyweight positioning libs. The active fill is positioned via percentages.\n */\nexport function RangeSlider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: RangeSliderProps) {\n    const [low, high] = value;\n    const range = max - min;\n\n    const fillLeft = useMemo(() => ((low - min) / range) * 100, [low, min, range]);\n    const fillRight = useMemo(() => ((high - min) / range) * 100, [high, min, range]);\n\n    const valueText = formatValue?.(value) ?? `${low} – ${high}`;\n\n    const handleLow = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.min(Number(event.target.value), high);\n            onChange([next, high]);\n        },\n        [high, onChange],\n    );\n\n    const handleHigh = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.max(Number(event.target.value), low);\n            onChange([low, next]);\n        },\n        [low, onChange],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && (\n                <div className={styles.label}>\n                    <span>{label}</span>\n                    <span className={styles.value}>{valueText}</span>\n                </div>\n            )}\n            <div className={styles.field}>\n                <div className={styles.track} />\n                <div\n                    className={styles.fill}\n                    style={{ left: `${fillLeft}%`, right: `${100 - fillRight}%` }}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={low}\n                    onChange={handleLow}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (mínimo)` : \"Mínimo\"}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={high}\n                    onChange={handleHigh}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (máximo)` : \"Máximo\"}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"names":["RangeSlider","value","onChange","min","max","step","label","helperText","disabled","formatValue","className","low","high","range","fillLeft","useMemo","fillRight","valueText","handleLow","useCallback","event","next","handleHigh","cn","styles","jsxs","jsx"],"mappings":";;;;AAyBO,SAASA,EAAY;AAAA,EACxB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC;AAAA,EACA,WAAAC;AACJ,GAAqB;AACjB,QAAM,CAACC,GAAKC,CAAI,IAAIX,GACdY,IAAQT,IAAMD,GAEdW,IAAWC,EAAQ,OAAQJ,IAAMR,KAAOU,IAAS,KAAK,CAACF,GAAKR,GAAKU,CAAK,CAAC,GACvEG,IAAYD,EAAQ,OAAQH,IAAOT,KAAOU,IAAS,KAAK,CAACD,GAAMT,GAAKU,CAAK,CAAC,GAE1EI,IAAYR,IAAcR,CAAK,KAAK,GAAGU,CAAG,MAAMC,CAAI,IAEpDM,IAAYC;AAAA,IACd,CAACC,MAAqD;AAClD,YAAMC,IAAO,KAAK,IAAI,OAAOD,EAAM,OAAO,KAAK,GAAGR,CAAI;AACtD,MAAAV,EAAS,CAACmB,GAAMT,CAAI,CAAC;AAAA,IACzB;AAAA,IACA,CAACA,GAAMV,CAAQ;AAAA,EAAA,GAGboB,IAAaH;AAAA,IACf,CAACC,MAAqD;AAClD,YAAMC,IAAO,KAAK,IAAI,OAAOD,EAAM,OAAO,KAAK,GAAGT,CAAG;AACrD,MAAAT,EAAS,CAACS,GAAKU,CAAI,CAAC;AAAA,IACxB;AAAA,IACA,CAACV,GAAKT,CAAQ;AAAA,EAAA;AAGlB,2BACK,OAAA,EAAI,WAAWqB,EAAGC,EAAO,SAASd,CAAS,GACvC,UAAA;AAAA,IAAAJ,KACG,gBAAAmB,EAAC,OAAA,EAAI,WAAWD,EAAO,OACnB,UAAA;AAAA,MAAA,gBAAAE,EAAC,UAAM,UAAApB,EAAA,CAAM;AAAA,MACb,gBAAAoB,EAAC,QAAA,EAAK,WAAWF,EAAO,OAAQ,UAAAP,EAAA,CAAU;AAAA,IAAA,GAC9C;AAAA,IAEJ,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,OACnB,UAAA;AAAA,MAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWF,EAAO,MAAA,CAAO;AAAA,MAC9B,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAWF,EAAO;AAAA,UAClB,OAAO,EAAE,MAAM,GAAGV,CAAQ,KAAK,OAAO,GAAG,MAAME,CAAS,IAAA;AAAA,QAAI;AAAA,MAAA;AAAA,MAEhE,gBAAAU;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAWF,EAAO;AAAA,UAClB,KAAArB;AAAA,UACA,KAAAC;AAAA,UACA,MAAAC;AAAA,UACA,OAAOM;AAAA,UACP,UAAUO;AAAA,UACV,UAAAV;AAAA,UACA,cAAYF,IAAQ,GAAGA,CAAK,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,MAE9C,gBAAAoB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAWF,EAAO;AAAA,UAClB,KAAArB;AAAA,UACA,KAAAC;AAAA,UACA,MAAAC;AAAA,UACA,OAAOO;AAAA,UACP,UAAUU;AAAA,UACV,UAAAd;AAAA,UACA,cAAYF,IAAQ,GAAGA,CAAK,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAC9C,GACJ;AAAA,IACCC,KAAc,gBAAAmB,EAAC,QAAA,EAAK,WAAWF,EAAO,QAAS,UAAAjB,EAAA,CAAW;AAAA,EAAA,GAC/D;AAER;"}
+{"version":3,"file":"RangeSlider.js","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RangeSlider.module.css\";\n\nexport type RangeValue = [number, number];\n\nexport interface RangeSliderProps {\n    value: RangeValue;\n    onChange: (value: RangeValue) => void;\n    min?: number;\n    max?: number;\n    step?: number;\n    label?: string;\n    helperText?: string;\n    disabled?: boolean;\n    /** Formatter for the value badge next to the label. Defaults to `min – max`. */\n    formatValue?: (value: RangeValue) => string;\n    className?: string;\n}\n\n/**\n * Dual-thumb range slider. Built on two native `<input type=\"range\">` so it\n * stays accessible and works with keyboards/screen readers without\n * heavyweight positioning libs. The active fill is positioned via percentages.\n */\nexport function RangeSlider({\n    value,\n    onChange,\n    min = 0,\n    max = 100,\n    step = 1,\n    label,\n    helperText,\n    disabled = false,\n    formatValue,\n    className,\n}: RangeSliderProps) {\n    const [low, high] = value;\n    const range = max - min;\n\n    const fillLeft = useMemo(() => ((low - min) / range) * 100, [low, min, range]);\n    const fillRight = useMemo(() => ((high - min) / range) * 100, [high, min, range]);\n\n    const valueText = formatValue?.(value) ?? `${low} – ${high}`;\n\n    const handleLow = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.min(Number(event.target.value), high);\n            onChange([next, high]);\n        },\n        [high, onChange],\n    );\n\n    const handleHigh = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>): void => {\n            const next = Math.max(Number(event.target.value), low);\n            onChange([low, next]);\n        },\n        [low, onChange],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {label && (\n                <div className={styles.label}>\n                    <span>{label}</span>\n                    <span className={styles.value}>{valueText}</span>\n                </div>\n            )}\n            <div className={styles.field}>\n                <div className={styles.track} />\n                <div\n                    className={styles.fill}\n                    style={{ left: `${fillLeft}%`, right: `${100 - fillRight}%` }}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={low}\n                    onChange={handleLow}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (mínimo)` : \"Mínimo\"}\n                />\n                <input\n                    type=\"range\"\n                    className={styles.input}\n                    min={min}\n                    max={max}\n                    step={step}\n                    value={high}\n                    onChange={handleHigh}\n                    disabled={disabled}\n                    aria-label={label ? `${label} (máximo)` : \"Máximo\"}\n                />\n            </div>\n            {helperText && <span className={styles.helper}>{helperText}</span>}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAyBA,SAAgB,EAAY,EACxB,UACA,aACA,SAAM,GACN,SAAM,KACN,UAAO,GACP,UACA,eACA,cAAW,IACX,gBACA,gBACiB;CACjB,IAAM,CAAC,GAAK,KAAQ,GACd,IAAQ,IAAM,GAEd,IAAW,SAAgB,IAAM,KAAO,IAAS,KAAK;EAAC;EAAK;EAAK;CAAK,CAAC,GACvE,IAAY,SAAgB,IAAO,KAAO,IAAS,KAAK;EAAC;EAAM;EAAK;CAAK,CAAC,GAE1E,IAAY,IAAc,CAAK,KAAK,GAAG,EAAI,KAAK,KAEhD,IAAY,GACb,MAAqD;EAElD,EAAS,CADI,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,GAAG,CACxC,GAAM,CAAI,CAAC;CACzB,GACA,CAAC,GAAM,CAAQ,CACnB,GAEM,IAAa,GACd,MAAqD;EAClD,IAAM,IAAO,KAAK,IAAI,OAAO,EAAM,OAAO,KAAK,GAAG,CAAG;EACrD,EAAS,CAAC,GAAK,CAAI,CAAC;CACxB,GACA,CAAC,GAAK,CAAQ,CAClB;CAEA,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;YAA5C;GACK,KACG,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,GACnB,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAgB,CAAA,CAC/C;;GAET,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACI,kBAAC,OAAD,EAAK,WAAW,EAAO,MAAQ,CAAA;KAC/B,kBAAC,OAAD;MACI,WAAW,EAAO;MAClB,OAAO;OAAE,MAAM,GAAG,EAAS;OAAI,OAAO,GAAG,MAAM,EAAU;MAAG;KAC/D,CAAA;KACD,kBAAC,SAAD;MACI,MAAK;MACL,WAAW,EAAO;MACb;MACA;MACC;MACN,OAAO;MACP,UAAU;MACA;MACV,cAAY,IAAQ,GAAG,EAAM,aAAa;KAC7C,CAAA;KACD,kBAAC,SAAD;MACI,MAAK;MACL,WAAW,EAAO;MACb;MACA;MACC;MACN,OAAO;MACP,UAAU;MACA;MACV,cAAY,IAAQ,GAAG,EAAM,aAAa;KAC7C,CAAA;IACA;;GACJ,KAAc,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAS;GAAiB,CAAA;EAChE;;AAEb"}

package/dist/components/RangeSlider/RangeSlider.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_o1aOo`,t=`tempest_label_jaBOA`,n=`tempest_value_GKfOu`,r=`tempest_field_YxCzt`,i=`tempest_track_j-2iy`,a=`tempest_fill_1pbqj`,o=`tempest_input_1MASw`,s=`tempest_helper_uqxKu`,c={wrapper:e,label:t,value:n,field:r,track:i,fill:a,input:o,helper:s};exports.default=c,exports.field=r,exports.fill=a,exports.helper=s,exports.input=o,exports.label=t,exports.track=i,exports.value=n,exports.wrapper=e;
+//# sourceMappingURL=RangeSlider.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.module.cjs","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.label {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\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.value {\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.field {\n    position: relative;\n    height: 28px;\n    display: flex;\n    align-items: center;\n}\n\n.track {\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 4px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-2);\n}\n\n.fill {\n    position: absolute;\n    height: 4px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-primary);\n}\n\n.input {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 28px;\n    -webkit-appearance: none;\n    appearance: none;\n    background: none;\n    pointer-events: none;\n    margin: 0;\n}\n\n.input::-webkit-slider-thumb {\n    pointer-events: auto;\n    -webkit-appearance: none;\n    appearance: none;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    border: 2px solid var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-sm);\n    cursor: pointer;\n}\n\n.input::-moz-range-thumb {\n    pointer-events: auto;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    border: 2px solid var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-sm);\n    cursor: pointer;\n}\n\n.input:focus-visible::-webkit-slider-thumb {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n.input:focus-visible::-moz-range-thumb {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n.input:disabled::-webkit-slider-thumb,\n.input:disabled::-moz-range-thumb {\n    border-color: var(--tempest-border-strong);\n    cursor: not-allowed;\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"],"mappings":""}

package/dist/components/RangeSlider/RangeSlider.module.js

@@ -0,0 +1,15 @@
+//#region src/components/RangeSlider/RangeSlider.module.css
+var e = "tempest_wrapper_o1aOo", t = "tempest_label_jaBOA", n = "tempest_value_GKfOu", r = "tempest_field_YxCzt", i = "tempest_track_j-2iy", a = "tempest_fill_1pbqj", o = "tempest_input_1MASw", s = "tempest_helper_uqxKu", c = {
+	wrapper: e,
+	label: t,
+	value: n,
+	field: r,
+	track: i,
+	fill: a,
+	input: o,
+	helper: s
+};
+//#endregion
+export { c as default, r as field, a as fill, s as helper, o as input, t as label, i as track, n as value, e as wrapper };
+
+//# sourceMappingURL=RangeSlider.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.module.js","names":[],"sources":["../../../src/components/RangeSlider/RangeSlider.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.label {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\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.value {\n    color: var(--tempest-text-muted);\n    font-weight: var(--tempest-weight-medium);\n}\n\n.field {\n    position: relative;\n    height: 28px;\n    display: flex;\n    align-items: center;\n}\n\n.track {\n    position: absolute;\n    left: 0;\n    right: 0;\n    height: 4px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-surface-2);\n}\n\n.fill {\n    position: absolute;\n    height: 4px;\n    border-radius: var(--tempest-radius-full);\n    background-color: var(--tempest-primary);\n}\n\n.input {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 28px;\n    -webkit-appearance: none;\n    appearance: none;\n    background: none;\n    pointer-events: none;\n    margin: 0;\n}\n\n.input::-webkit-slider-thumb {\n    pointer-events: auto;\n    -webkit-appearance: none;\n    appearance: none;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    border: 2px solid var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-sm);\n    cursor: pointer;\n}\n\n.input::-moz-range-thumb {\n    pointer-events: auto;\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background-color: var(--tempest-bg);\n    border: 2px solid var(--tempest-primary);\n    box-shadow: var(--tempest-shadow-sm);\n    cursor: pointer;\n}\n\n.input:focus-visible::-webkit-slider-thumb {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n.input:focus-visible::-moz-range-thumb {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: 2px;\n}\n\n.input:disabled::-webkit-slider-thumb,\n.input:disabled::-moz-range-thumb {\n    border-color: var(--tempest-border-strong);\n    cursor: not-allowed;\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"],"mappings":""}

package/dist/components/RatingStars/RatingStars.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),S=require("react"),c=require("../../utils/cn.cjs"),t=require("./RatingStars.module.css.cjs");function k({value:n,max:d=5,onChange:f,size:h="md",readonly:o=!1,disabled:a=!1,label:g="Avaliação",className:j}){const[s,l]=S.useState(0),p=s>0?s:n,x=i=>{o||a||f?.(i)};return r.jsx("span",{role:"radiogroup","aria-label":g,className:c.cn(t.default.wrapper,t.default[h],a&&t.default.disabled,o&&t.default.readonly,j),onMouseLeave:()=>l(0),children:Array.from({length:d},(i,m)=>{const e=m+1,u=e<=p;return r.jsx("button",{type:"button",role:"radio","aria-checked":n===e,"aria-label":`${e} ${e===1?"estrela":"estrelas"}`,className:c.cn(t.default.star,u&&t.default.filled),disabled:a,onMouseEnter:()=>!o&&!a&&l(e),onClick:()=>x(e),children:r.jsx(v,{filled:u})},e)})})}function v({filled:n}){return r.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:n?"currentColor":"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round","aria-hidden":!0,children:r.jsx("path",{d:"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z"})})}exports.RatingStars=k;
-//# sourceMappingURL=RatingStars.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./RatingStars.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({value:i,max:o=5,onChange:s,size:c=`md`,readonly:l=!1,disabled:u=!1,label:d=`Avaliação`,className:f}){let[p,m]=(0,n.useState)(0),h=p>0?p:i,g=e=>{l||u||s?.(e)};return(0,r.jsx)(`span`,{role:`radiogroup`,"aria-label":d,className:e.cn(t.default.wrapper,t.default[c],u&&t.default.disabled,l&&t.default.readonly,f),onMouseLeave:()=>m(0),children:Array.from({length:o},(n,o)=>{let s=o+1,c=s<=h;return(0,r.jsx)(`button`,{type:`button`,role:`radio`,"aria-checked":i===s,"aria-label":`${s} ${s===1?`estrela`:`estrelas`}`,className:e.cn(t.default.star,c&&t.default.filled),disabled:u,onMouseEnter:()=>!l&&!u&&m(s),onClick:()=>g(s),children:(0,r.jsx)(a,{filled:c})},s)})})}function a({filled:e}){return(0,r.jsx)(`svg`,{width:`20`,height:`20`,viewBox:`0 0 24 24`,fill:e?`currentColor`:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinejoin:`round`,"aria-hidden":!0,children:(0,r.jsx)(`path`,{d:`M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z`})})}exports.RatingStars=i;
+//# sourceMappingURL=RatingStars.cjs.map

package/dist/components/RatingStars/RatingStars.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RatingStars.cjs","sources":["../../../src/components/RatingStars/RatingStars.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RatingStars.module.css\";\n\nexport type RatingSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface RatingStarsProps {\n    /** Current selected value (1..max). 0 means none. */\n    value: number;\n    /** Total number of stars. Default 5. */\n    max?: number;\n    onChange?: (value: number) => void;\n    size?: RatingSize;\n    readonly?: boolean;\n    disabled?: boolean;\n    /** Accessible label for the rating group. */\n    label?: string;\n    className?: string;\n}\n\n/**\n * Star rating control. Renders `max` stars, fills the first `value`. Click a\n * star to set rating (when not readonly). Hovering previews the value.\n */\nexport function RatingStars({\n    value,\n    max = 5,\n    onChange,\n    size = \"md\",\n    readonly = false,\n    disabled = false,\n    label = \"Avaliação\",\n    className,\n}: RatingStarsProps) {\n    const [hover, setHover] = useState<number>(0);\n    const displayed = hover > 0 ? hover : value;\n\n    const handleClick = (next: number): void => {\n        if (readonly || disabled) return;\n        onChange?.(next);\n    };\n\n    return (\n        <span\n            role=\"radiogroup\"\n            aria-label={label}\n            className={cn(\n                styles.wrapper,\n                styles[size],\n                disabled && styles.disabled,\n                readonly && styles.readonly,\n                className,\n            )}\n            onMouseLeave={() => setHover(0)}\n        >\n            {Array.from({ length: max }, (_, i) => {\n                const starIndex = i + 1;\n                const filled = starIndex <= displayed;\n                return (\n                    <button\n                        key={starIndex}\n                        type=\"button\"\n                        role=\"radio\"\n                        aria-checked={value === starIndex}\n                        aria-label={`${starIndex} ${starIndex === 1 ? \"estrela\" : \"estrelas\"}`}\n                        className={cn(styles.star, filled && styles.filled)}\n                        disabled={disabled}\n                        onMouseEnter={() => !readonly && !disabled && setHover(starIndex)}\n                        onClick={() => handleClick(starIndex)}\n                    >\n                        <StarIcon filled={filled} />\n                    </button>\n                );\n            })}\n        </span>\n    );\n}\n\nfunction StarIcon({ filled }: { filled: boolean }) {\n    return (\n        <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill={filled ? \"currentColor\" : \"none\"}\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinejoin=\"round\"\n            aria-hidden\n        >\n            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z\" />\n        </svg>\n    );\n}\n"],"names":["RatingStars","value","max","onChange","size","readonly","disabled","label","className","hover","setHover","useState","displayed","handleClick","next","jsx","cn","styles","_","i","starIndex","filled","StarIcon"],"mappings":"kNAwBO,SAASA,EAAY,CACxB,MAAAC,EACA,IAAAC,EAAM,EACN,SAAAC,EACA,KAAAC,EAAO,KACP,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,MAAAC,EAAQ,YACR,UAAAC,CACJ,EAAqB,CACjB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAiB,CAAC,EACtCC,EAAYH,EAAQ,EAAIA,EAAQR,EAEhCY,EAAeC,GAAuB,CACpCT,GAAYC,GAChBH,IAAWW,CAAI,CACnB,EAEA,OACIC,EAAAA,IAAC,OAAA,CACG,KAAK,aACL,aAAYR,EACZ,UAAWS,EAAAA,GACPC,EAAAA,QAAO,QACPA,EAAAA,QAAOb,CAAI,EACXE,GAAYW,EAAAA,QAAO,SACnBZ,GAAYY,EAAAA,QAAO,SACnBT,CAAA,EAEJ,aAAc,IAAME,EAAS,CAAC,EAE7B,SAAA,MAAM,KAAK,CAAE,OAAQR,GAAO,CAACgB,EAAGC,IAAM,CACnC,MAAMC,EAAYD,EAAI,EAChBE,EAASD,GAAaR,EAC5B,OACIG,EAAAA,IAAC,SAAA,CAEG,KAAK,SACL,KAAK,QACL,eAAcd,IAAUmB,EACxB,aAAY,GAAGA,CAAS,IAAIA,IAAc,EAAI,UAAY,UAAU,GACpE,UAAWJ,EAAAA,GAAGC,EAAAA,QAAO,KAAMI,GAAUJ,EAAAA,QAAO,MAAM,EAClD,SAAAX,EACA,aAAc,IAAM,CAACD,GAAY,CAACC,GAAYI,EAASU,CAAS,EAChE,QAAS,IAAMP,EAAYO,CAAS,EAEpC,SAAAL,EAAAA,IAACO,GAAS,OAAAD,CAAA,CAAgB,CAAA,EAVrBD,CAAA,CAajB,CAAC,CAAA,CAAA,CAGb,CAEA,SAASE,EAAS,CAAE,OAAAD,GAA+B,CAC/C,OACIN,EAAAA,IAAC,MAAA,CACG,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAMM,EAAS,eAAiB,OAChC,OAAO,eACP,YAAY,MACZ,eAAe,QACf,cAAW,GAEX,SAAAN,EAAAA,IAAC,OAAA,CAAK,EAAE,0FAAA,CAA2F,CAAA,CAAA,CAG/G"}
+{"version":3,"file":"RatingStars.cjs","names":[],"sources":["../../../src/components/RatingStars/RatingStars.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./RatingStars.module.css\";\n\nexport type RatingSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface RatingStarsProps {\n    /** Current selected value (1..max). 0 means none. */\n    value: number;\n    /** Total number of stars. Default 5. */\n    max?: number;\n    onChange?: (value: number) => void;\n    size?: RatingSize;\n    readonly?: boolean;\n    disabled?: boolean;\n    /** Accessible label for the rating group. */\n    label?: string;\n    className?: string;\n}\n\n/**\n * Star rating control. Renders `max` stars, fills the first `value`. Click a\n * star to set rating (when not readonly). Hovering previews the value.\n */\nexport function RatingStars({\n    value,\n    max = 5,\n    onChange,\n    size = \"md\",\n    readonly = false,\n    disabled = false,\n    label = \"Avaliação\",\n    className,\n}: RatingStarsProps) {\n    const [hover, setHover] = useState<number>(0);\n    const displayed = hover > 0 ? hover : value;\n\n    const handleClick = (next: number): void => {\n        if (readonly || disabled) return;\n        onChange?.(next);\n    };\n\n    return (\n        <span\n            role=\"radiogroup\"\n            aria-label={label}\n            className={cn(\n                styles.wrapper,\n                styles[size],\n                disabled && styles.disabled,\n                readonly && styles.readonly,\n                className,\n            )}\n            onMouseLeave={() => setHover(0)}\n        >\n            {Array.from({ length: max }, (_, i) => {\n                const starIndex = i + 1;\n                const filled = starIndex <= displayed;\n                return (\n                    <button\n                        key={starIndex}\n                        type=\"button\"\n                        role=\"radio\"\n                        aria-checked={value === starIndex}\n                        aria-label={`${starIndex} ${starIndex === 1 ? \"estrela\" : \"estrelas\"}`}\n                        className={cn(styles.star, filled && styles.filled)}\n                        disabled={disabled}\n                        onMouseEnter={() => !readonly && !disabled && setHover(starIndex)}\n                        onClick={() => handleClick(starIndex)}\n                    >\n                        <StarIcon filled={filled} />\n                    </button>\n                );\n            })}\n        </span>\n    );\n}\n\nfunction StarIcon({ filled }: { filled: boolean }) {\n    return (\n        <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill={filled ? \"currentColor\" : \"none\"}\n            stroke=\"currentColor\"\n            strokeWidth=\"1.5\"\n            strokeLinejoin=\"round\"\n            aria-hidden\n        >\n            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.56 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z\" />\n        </svg>\n    );\n}\n"],"mappings":"kIAwBA,SAAgB,EAAY,CACxB,QACA,MAAM,EACN,WACA,OAAO,KACP,WAAW,GACX,WAAW,GACX,QAAQ,YACR,aACiB,CACjB,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,SAAA,CAA6B,CAAC,EACtC,EAAY,EAAQ,EAAI,EAAQ,EAEhC,EAAe,GAAuB,CACpC,GAAY,GAChB,IAAW,CAAI,CACnB,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,OAAD,CACI,KAAK,aACL,aAAY,EACZ,UAAW,EAAA,GACP,EAAA,QAAO,QACP,EAAA,QAAO,GACP,GAAY,EAAA,QAAO,SACnB,GAAY,EAAA,QAAO,SACnB,CACJ,EACA,iBAAoB,EAAS,CAAC,WAE7B,MAAM,KAAK,CAAE,OAAQ,CAAI,GAAI,EAAG,IAAM,CACnC,IAAM,EAAY,EAAI,EAChB,EAAS,GAAa,EAC5B,OACI,EAAA,EAAA,IAAA,CAAC,SAAD,CAEI,KAAK,SACL,KAAK,QACL,eAAc,IAAU,EACxB,aAAY,GAAG,EAAU,GAAG,IAAc,EAAI,UAAY,aAC1D,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,GAAU,EAAA,QAAO,MAAM,EACxC,WACV,iBAAoB,CAAC,GAAY,CAAC,GAAY,EAAS,CAAS,EAChE,YAAe,EAAY,CAAS,YAEpC,EAAA,EAAA,IAAA,CAAC,EAAD,CAAkB,QAAS,CAAA,CACvB,EAXC,CAWD,CAEhB,CAAC,CACC,CAAA,CAEd,CAEA,SAAS,EAAS,CAAE,UAA+B,CAC/C,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAM,EAAS,eAAiB,OAChC,OAAO,eACP,YAAY,MACZ,eAAe,QACf,cAAA,aAEA,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAE,0FAA4F,CAAA,CACnG,CAAA,CAEb"}