@smwb/ui-solid 0.12.0 → 0.13.0

package/dist/headless/components/inputs/floatingButton/floatingButton.js

@@ -1,33 +1,43 @@
 import { use as p, spread as c, mergeProps as f, insert as n, createComponent as u, template as b } from "solid-js/web";
-import { mergeProps as g, splitProps as $ } from "solid-js";
+import { mergeProps as w, splitProps as P } from "solid-js";
 import d from "clsx";
-import { mergeRefs as v } from "../../../primitives/mergeRefs.js";
-import { Ripple as w } from "../../base/ripple/ripple.js";
-var P = /* @__PURE__ */ b("<button>");
-function D(s) {
-  const i = g({
+import { mergeRefs as g } from "../../../primitives/mergeRefs.js";
+import { callHandler as $ } from "../../../primitives/callHandler.js";
+import { Ripple as v } from "../../base/ripple/ripple.js";
+var D = /* @__PURE__ */ b("<button>");
+function A(i) {
+  const l = w({
     variant: "default",
     size: "medium",
     color: "primary",
     type: "button"
-  }, s), [e, l] = $(i, ["children", "class", "variant", "size", "color", "ref"]);
-  let o;
+  }, i), [o, s] = P(l, [
+    "children",
+    "class",
+    "variant",
+    "size",
+    "color",
+    "ref",
+    // The button sets this on its root too; its own handler calls the caller's first.
+    "onPointerDown"
+  ]);
+  let e;
   const m = (r) => {
-    o?.onRipple(r);
+    $(o.onPointerDown, r), e?.onRipple(r);
   };
   return (() => {
-    var r = P(), t = v(e.ref);
-    return typeof t == "function" && p(t, r), c(r, f(l, {
+    var r = D(), t = g(o.ref);
+    return typeof t == "function" && p(t, r), c(r, f(s, {
       get class() {
-        return d("smwb-fab", `smwb-${e.variant}`, `smwb-${e.size}`, `smwb-fab_color-${e.color}`, e.class);
+        return d("smwb-fab", `smwb-${o.variant}`, `smwb-${o.size}`, `smwb-fab_color-${o.color}`, o.class);
       },
       onPointerDown: m
-    }), !1, !0), n(r, () => e.children, null), n(r, u(w, {
-      actionRef: (a) => o = a
+    }), !1, !0), n(r, () => o.children, null), n(r, u(v, {
+      actionRef: (a) => e = a
     }), null), r;
   })();
 }
 export {
-  D as FloatingButton
+  A as FloatingButton
 };
 //# sourceMappingURL=floatingButton.js.map

package/dist/headless/components/inputs/floatingButton/floatingButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"floatingButton.js","sources":["../../../../../src/components/inputs/floatingButton/floatingButton.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type FloatingButtonColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface FloatingButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: \"extended\" | \"default\";\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Semantic color. Resolves through the shared `--smui-*Color*` tokens. */\n  color?: FloatingButtonColor;\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport function FloatingButton(props: ParentProps<FloatingButtonProps>): JSX.Element {\n  const merged = mergeProps(\n    { variant: \"default\" as const, size: \"medium\" as const, color: \"primary\" as FloatingButtonColor, type: \"button\" as const },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\"children\", \"class\", \"variant\", \"size\", \"color\", \"ref\"]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown = (event: PointerEvent): void => {\n    rippleActions?.onRipple(event);\n  };\n\n  return (\n    <button\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-fab\", `smwb-${local.variant}`, `smwb-${local.size}`, `smwb-fab_color-${local.color}`, local.class)}\n      onPointerDown={onPointerDown}\n    >\n      {local.children}\n      <Ripple actionRef={(actions) => (rippleActions = actions)} />\n    </button>\n  );\n}\n\nexport default FloatingButton;\n"],"names":["FloatingButton","props","merged","mergeProps","variant","size","color","type","local","rest","splitProps","rippleActions","onPointerDown","event","onRipple","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert","children","_$createComponent","Ripple","actionRef","actions"],"mappings":";;;;;;AAeO,SAASA,EAAeC,GAAsD;AACnF,QAAMC,IAASC,EACb;AAAA,IAAEC,SAAS;AAAA,IAAoBC,MAAM;AAAA,IAAmBC,OAAO;AAAA,IAAkCC,MAAM;AAAA,EAAA,GACvGN,CACF,GACM,CAACO,GAAOC,CAAI,IAAIC,EAAWR,GAAQ,CAAC,YAAY,SAAS,WAAW,QAAQ,SAAS,KAAK,CAAC;AAEjG,MAAIS;AAEJ,QAAMC,IAAgBA,CAACC,MAA8B;AACnDF,IAAAA,GAAeG,SAASD,CAAK;AAAA,EAC/B;AAEA,UAAA,MAAA;AAAA,QAAAE,IAAAC,EAAAA,GAAAC,IAGSC,EAAUV,EAAMW,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBb,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDc,EAAG,YAAY,QAAQf,EAAMJ,OAAO,IAAI,QAAQI,EAAMH,IAAI,IAAI,kBAAkBG,EAAMF,KAAK,IAAIE,EAAMgB,KAAK;AAAA,MAAC;AAAA,MAAA,eACnGZ;AAAAA,IAAAA,CAAa,GAAA,IAAA,EAAA,GAAAa,EAAAV,GAAA,MAE3BP,EAAMkB,UAAQ,IAAA,GAAAD,EAAAV,GAAAY,EACdC,GAAM;AAAA,MAACC,WAAYC,OAAanB,IAAgBmB;AAAAA,IAAAA,CAAQ,GAAA,IAAA,GAAAf;AAAAA,EAAA,GAAA;AAG/D;"}
+{"version":3,"file":"floatingButton.js","sources":["../../../../../src/components/inputs/floatingButton/floatingButton.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport type FloatingButtonColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface FloatingButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: \"extended\" | \"default\";\n  size?: \"small\" | \"medium\" | \"large\";\n  /** Semantic color. Resolves through the shared `--smui-*Color*` tokens. */\n  color?: FloatingButtonColor;\n  ref?: Ref<HTMLButtonElement>;\n}\n\nexport function FloatingButton(props: ParentProps<FloatingButtonProps>): JSX.Element {\n  const merged = mergeProps(\n    { variant: \"default\" as const, size: \"medium\" as const, color: \"primary\" as FloatingButtonColor, type: \"button\" as const },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"children\",\n    \"class\",\n    \"variant\",\n    \"size\",\n    \"color\",\n    \"ref\",\n    // The button sets this on its root too; its own handler calls the caller's first.\n    \"onPointerDown\",\n  ]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown: JSX.EventHandler<HTMLButtonElement, PointerEvent> = (event) => {\n    callHandler(local.onPointerDown, event);\n    rippleActions?.onRipple(event);\n  };\n\n  return (\n    <button\n      {...rest}\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-fab\", `smwb-${local.variant}`, `smwb-${local.size}`, `smwb-fab_color-${local.color}`, local.class)}\n      onPointerDown={onPointerDown}\n    >\n      {local.children}\n      <Ripple actionRef={(actions) => (rippleActions = actions)} />\n    </button>\n  );\n}\n\nexport default FloatingButton;\n"],"names":["FloatingButton","props","merged","mergeProps","variant","size","color","type","local","rest","splitProps","rippleActions","onPointerDown","event","callHandler","onRipple","_el$","_tmpl$","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","cn","class","_$insert","children","_$createComponent","Ripple","actionRef","actions"],"mappings":";;;;;;;AAgBO,SAASA,EAAeC,GAAsD;AACnF,QAAMC,IAASC,EACb;AAAA,IAAEC,SAAS;AAAA,IAAoBC,MAAM;AAAA,IAAmBC,OAAO;AAAA,IAAkCC,MAAM;AAAA,EAAA,GACvGN,CACF,GACM,CAACO,GAAOC,CAAI,IAAIC,EAAWR,GAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,EAAA,CACD;AAED,MAAIS;AAEJ,QAAMC,IAAoEC,CAAAA,MAAU;AAClFC,IAAAA,EAAYN,EAAMI,eAAeC,CAAK,GACtCF,GAAeI,SAASF,CAAK;AAAA,EAC/B;AAEA,UAAA,MAAA;AAAA,QAAAG,IAAAC,EAAAA,GAAAC,IAGSC,EAAUX,EAAMY,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAF,CAAA,GAAAM,EAAAN,GAAAO,EADrBd,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eAEDe,EAAG,YAAY,QAAQhB,EAAMJ,OAAO,IAAI,QAAQI,EAAMH,IAAI,IAAI,kBAAkBG,EAAMF,KAAK,IAAIE,EAAMiB,KAAK;AAAA,MAAC;AAAA,MAAA,eACnGb;AAAAA,IAAAA,CAAa,GAAA,IAAA,EAAA,GAAAc,EAAAV,GAAA,MAE3BR,EAAMmB,UAAQ,IAAA,GAAAD,EAAAV,GAAAY,EACdC,GAAM;AAAA,MAACC,WAAYC,OAAapB,IAAgBoB;AAAAA,IAAAA,CAAQ,GAAA,IAAA,GAAAf;AAAAA,EAAA,GAAA;AAG/D;"}

package/dist/headless/components/inputs/radioButton/radioButton.js

@@ -1,25 +1,32 @@
-import { createComponent as g, setAttribute as f, use as y, spread as $, mergeProps as C, insert as p, effect as q, className as s, template as _ } from "solid-js/web";
-import { mergeProps as T, splitProps as z, Show as O } from "solid-js";
-import l from "clsx";
-import { TextFieldWrapper as P } from "../textField/textFieldWrapper.js";
-import { createId as S } from "../../../primitives/createId.js";
-import { mergeRefs as k } from "../../../primitives/mergeRefs.js";
-var R = /* @__PURE__ */ _("<span class=smwb-radio__label>"), A = /* @__PURE__ */ _("<label><span class=smwb-radio__wrapper><input type=radio data-testid=radio><span></span><span>");
-function j(t) {
-  const v = T({
+import { createComponent as p, setAttribute as f, use as $, spread as T, mergeProps as k, insert as h, effect as q, className as s, template as _ } from "solid-js/web";
+import { mergeProps as O, splitProps as z, Show as P } from "solid-js";
+import d from "clsx";
+import { TextFieldWrapper as B } from "../textField/textFieldWrapper.js";
+import { createHelperText as S } from "../../../primitives/createHelperText.js";
+import { createId as H } from "../../../primitives/createId.js";
+import { mergeRefs as I } from "../../../primitives/mergeRefs.js";
+import { callHandler as R } from "../../../primitives/callHandler.js";
+var A = /* @__PURE__ */ _("<span class=smwb-radio__label>"), D = /* @__PURE__ */ _("<label><span class=smwb-radio__wrapper><input type=radio><span></span><span>");
+function L(a) {
+  const v = O({
     size: "medium",
     color: "primary"
-  }, t), [e, h] = z(v, ["label", "disabled", "readOnly", "required", "name", "id", "size", "color", "helperText", "error", "onChange", "class", "ref"]), n = S(e.id), w = (a) => {
-    if (e.readOnly) {
-      a.preventDefault();
+  }, a), [e, w] = z(v, ["label", "disabled", "readOnly", "onClick", "required", "name", "id", "size", "color", "helperText", "error", "onChange", "class", "aria-describedby", "ref", "data-testid"]), o = H(e.id), l = S(() => e.helperText, {
+    describedBy: () => e["aria-describedby"]
+  }), y = (r) => {
+    R(e.onClick, r), e.readOnly && r.preventDefault();
+  }, x = (r) => {
+    if (e.readOnly)
       return;
-    }
-    const d = t.value !== void 0 ? t.value : a.currentTarget.checked;
-    e.onChange?.(a, d, t);
+    const n = a.value !== void 0 ? a.value : r.currentTarget.checked;
+    e.onChange?.(r, n, a);
   };
-  return g(P, {
+  return p(B, {
     get helperText() {
-      return e.helperText;
+      return l.text();
+    },
+    get helperTextId() {
+      return l.id;
     },
     get disabled() {
       return e.disabled;
@@ -29,10 +36,10 @@ function j(t) {
     },
     class: "smwb-text-field-checkbox",
     get children() {
-      var a = A(), d = a.firstChild, i = d.firstChild, o = i.nextSibling, x = o.nextSibling;
-      f(a, "for", n);
-      var m = k(e.ref);
-      return typeof m == "function" && y(m, i), f(i, "id", n), $(i, C({
+      var r = D(), n = r.firstChild, i = n.firstChild, m = i.nextSibling, C = m.nextSibling;
+      f(r, "for", o);
+      var b = I(e.ref);
+      return typeof b == "function" && $(b, i), f(i, "id", o), T(i, k({
         get name() {
           return e.name;
         },
@@ -51,38 +58,45 @@ function j(t) {
         get "aria-required"() {
           return e.required || void 0;
         },
+        get "aria-describedby"() {
+          return l.describedBy();
+        },
         get class() {
-          return l("smwb-radio__input", e.class);
+          return d("smwb-radio__input", e.class);
+        },
+        get "data-testid"() {
+          return e["data-testid"] ?? "radio";
         }
-      }, h, {
-        onChange: w
-      }), !1, !1), p(a, g(O, {
+      }, w, {
+        onChange: x,
+        onClick: y
+      }), !1, !1), h(r, p(P, {
         get when() {
           return e.label;
         },
         get children() {
-          var r = R();
-          return p(r, () => e.label), r;
+          var t = A();
+          return h(t, () => e.label), t;
         }
-      }), null), q((r) => {
-        var b = l("smwb-radio", `smwb-radio_size-${e.size}`, `smwb-radio_color-${e.color}`, {
+      }), null), q((t) => {
+        var c = d("smwb-radio", `smwb-radio_size-${e.size}`, `smwb-radio_color-${e.color}`, {
           "smwb-disabled": e.disabled,
           "smwb-readonly": e.readOnly
-        }), u = l("smwb-radio__btn", {
+        }), u = d("smwb-radio__btn", {
           "smwb-disabled": e.disabled
-        }), c = l("smwb-radio__bg", {
+        }), g = d("smwb-radio__bg", {
           "smwb-disabled": e.disabled
         });
-        return b !== r.e && s(a, r.e = b), u !== r.t && s(o, r.t = u), c !== r.a && s(x, r.a = c), r;
+        return c !== t.e && s(r, t.e = c), u !== t.t && s(m, t.t = u), g !== t.a && s(C, t.a = g), t;
       }, {
         e: void 0,
         t: void 0,
         a: void 0
-      }), a;
+      }), r;
     }
   });
 }
 export {
-  j as RadioButton
+  L as RadioButton
 };
 //# sourceMappingURL=radioButton.js.map

package/dist/headless/components/inputs/radioButton/radioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"radioButton.js","sources":["../../../../../src/components/inputs/radioButton/radioButton.tsx"],"sourcesContent":["import { type JSX, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { TextFieldWrapper } from \"../textField/textFieldWrapper\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport type { SelectionChangeEvent, SelectionControlColor, SelectionControlSize } from \"../checkbox/checkbox\";\n\nexport interface RadioButtonProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\"> {\n  label?: string;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  checked?: boolean;\n  size?: SelectionControlSize;\n  color?: SelectionControlColor;\n  helperText?: JSX.Element;\n  error?: boolean;\n  /** Unified handler: `(event, value, data)` where `value` is the radio's value (or checked state). */\n  onChange?: (\n    event: SelectionChangeEvent,\n    value: string | number | string[] | boolean | undefined,\n    data: RadioButtonProps\n  ) => void;\n  ref?: Ref<HTMLInputElement>;\n}\n\nexport function RadioButton(props: RadioButtonProps): JSX.Element {\n  const merged = mergeProps({ size: \"medium\" as SelectionControlSize, color: \"primary\" as SelectionControlColor }, props);\n  const [local, args] = splitProps(merged, [\n    \"label\",\n    \"disabled\",\n    \"readOnly\",\n    \"required\",\n    \"name\",\n    \"id\",\n    \"size\",\n    \"color\",\n    \"helperText\",\n    \"error\",\n    \"onChange\",\n    \"class\",\n    \"ref\",\n  ]);\n  const id = createId(local.id);\n\n  const handleChange: JSX.EventHandler<HTMLInputElement, Event> = (event) => {\n    if (local.readOnly) {\n      event.preventDefault();\n      return;\n    }\n    const value = props.value !== undefined ? (props.value as string | number | string[]) : event.currentTarget.checked;\n    local.onChange?.(event, value, props);\n  };\n\n  return (\n    <TextFieldWrapper\n      helperText={local.helperText}\n      disabled={local.disabled}\n      error={local.error}\n      class=\"smwb-text-field-checkbox\"\n    >\n      <label\n        for={id}\n        class={cn(\"smwb-radio\", `smwb-radio_size-${local.size}`, `smwb-radio_color-${local.color}`, {\n          \"smwb-disabled\": local.disabled,\n          \"smwb-readonly\": local.readOnly,\n        })}\n      >\n        <span class=\"smwb-radio__wrapper\">\n          <input\n            id={id}\n            name={local.name}\n            disabled={local.disabled}\n            readonly={local.readOnly}\n            required={local.required}\n            aria-invalid={local.error || undefined}\n            aria-required={local.required || undefined}\n            class={cn(\"smwb-radio__input\", local.class)}\n            type=\"radio\"\n            data-testid=\"radio\"\n            ref={mergeRefs(local.ref)}\n            {...args}\n            onChange={handleChange}\n          />\n          <span class={cn(\"smwb-radio__btn\", { \"smwb-disabled\": local.disabled })} />\n          <span class={cn(\"smwb-radio__bg\", { \"smwb-disabled\": local.disabled })} />\n        </span>\n        <Show when={local.label}>\n          <span class=\"smwb-radio__label\">{local.label}</span>\n        </Show>\n      </label>\n    </TextFieldWrapper>\n  );\n}\n\nexport default RadioButton;\n"],"names":["RadioButton","props","merged","mergeProps","size","color","local","args","splitProps","id","createId","handleChange","event","readOnly","preventDefault","value","undefined","currentTarget","checked","onChange","_$createComponent","TextFieldWrapper","helperText","disabled","error","children","_el$","_tmpl$2","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_$setAttribute","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","name","readonly","required","cn","class","_$insert","Show","when","label","_el$6","_tmpl$","_$effect","_p$","_v$","_v$2","_v$3","e","_$className","t","a"],"mappings":"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"}
+{"version":3,"file":"radioButton.js","sources":["../../../../../src/components/inputs/radioButton/radioButton.tsx"],"sourcesContent":["import { type JSX, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { TextFieldWrapper } from \"../textField/textFieldWrapper\";\nimport { createHelperText } from \"../../../primitives/createHelperText\";\nimport { createId } from \"../../../primitives/createId\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\nimport type { SelectionChangeEvent, SelectionControlColor, SelectionControlSize } from \"../checkbox/checkbox\";\n\nexport interface RadioButtonProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"size\"> {\n  label?: string;\n  disabled?: boolean;\n  /**\n   * Keeps the radio as it is: clicks on it or its label, Space and the arrow keys of its group do not check it, and\n   * `onChange` is not called. It stays focusable.\n   *\n   * The input does not tell assistive technology it is read-only: ARIA has no read-only state for a single radio,\n   * only for its group. Put `role=\"radiogroup\"`, a name and `aria-readonly=\"true\"` on the element around the radios.\n   */\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  checked?: boolean;\n  size?: SelectionControlSize;\n  color?: SelectionControlColor;\n  helperText?: JSX.Element;\n  error?: boolean;\n  /** Unified handler: `(event, value, data)` where `value` is the radio's value (or checked state). */\n  onChange?: (\n    event: SelectionChangeEvent,\n    value: string | number | string[] | boolean | undefined,\n    data: RadioButtonProps\n  ) => void;\n  /** Test id of the `<input>`; `radio` unless given. */\n  \"data-testid\"?: string | undefined;\n  ref?: Ref<HTMLInputElement>;\n}\n\nexport function RadioButton(props: RadioButtonProps): JSX.Element {\n  const merged = mergeProps({ size: \"medium\" as SelectionControlSize, color: \"primary\" as SelectionControlColor }, props);\n  const [local, args] = splitProps(merged, [\n    \"label\",\n    \"disabled\",\n    \"readOnly\",\n    \"onClick\",\n    \"required\",\n    \"name\",\n    \"id\",\n    \"size\",\n    \"color\",\n    \"helperText\",\n    \"error\",\n    \"onChange\",\n    \"class\",\n    \"aria-describedby\",\n    \"ref\",\n    \"data-testid\",\n  ]);\n  const id = createId(local.id);\n  const helper = createHelperText(() => local.helperText, { describedBy: () => local[\"aria-describedby\"] });\n\n  // `readonly` means nothing to a radio input: a click on it or on its label, Space, and the arrow\n  // keys in its group still check it. Cancel the click; the browser then puts the previous state\n  // back and re-checks the radio that was checked before.\n  const handleClick: JSX.EventHandler<HTMLInputElement, MouseEvent> = (event) => {\n    callHandler(local.onClick, event);\n    if (local.readOnly) event.preventDefault();\n  };\n\n  const handleChange: JSX.EventHandler<HTMLInputElement, Event> = (event) => {\n    if (local.readOnly) {\n      return;\n    }\n    const value = props.value !== undefined ? (props.value as string | number | string[]) : event.currentTarget.checked;\n    local.onChange?.(event, value, props);\n  };\n\n  return (\n    <TextFieldWrapper\n      helperText={helper.text()}\n      helperTextId={helper.id}\n      disabled={local.disabled}\n      error={local.error}\n      class=\"smwb-text-field-checkbox\"\n    >\n      <label\n        for={id}\n        class={cn(\"smwb-radio\", `smwb-radio_size-${local.size}`, `smwb-radio_color-${local.color}`, {\n          \"smwb-disabled\": local.disabled,\n          \"smwb-readonly\": local.readOnly,\n        })}\n      >\n        <span class=\"smwb-radio__wrapper\">\n          <input\n            id={id}\n            name={local.name}\n            disabled={local.disabled}\n            readonly={local.readOnly}\n            required={local.required}\n            aria-invalid={local.error || undefined}\n            aria-required={local.required || undefined}\n            aria-describedby={helper.describedBy()}\n            class={cn(\"smwb-radio__input\", local.class)}\n            type=\"radio\"\n            data-testid={local[\"data-testid\"] ?? \"radio\"}\n            ref={mergeRefs(local.ref)}\n            {...args}\n            onChange={handleChange}\n            onClick={handleClick}\n          />\n          <span class={cn(\"smwb-radio__btn\", { \"smwb-disabled\": local.disabled })} />\n          <span class={cn(\"smwb-radio__bg\", { \"smwb-disabled\": local.disabled })} />\n        </span>\n        <Show when={local.label}>\n          <span class=\"smwb-radio__label\">{local.label}</span>\n        </Show>\n      </label>\n    </TextFieldWrapper>\n  );\n}\n\nexport default RadioButton;\n"],"names":["RadioButton","props","merged","mergeProps","size","color","local","args","splitProps","id","createId","helper","createHelperText","helperText","describedBy","handleClick","event","callHandler","onClick","readOnly","preventDefault","handleChange","value","undefined","currentTarget","checked","onChange","_$createComponent","TextFieldWrapper","text","helperTextId","disabled","error","children","_el$","_tmpl$2","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_$setAttribute","_ref$","mergeRefs","ref","_$use","_$spread","_$mergeProps","name","readonly","required","cn","class","_$insert","Show","when","label","_el$6","_tmpl$","_$effect","_p$","_v$","_v$2","_v$3","e","_$className","t","a"],"mappings":";;;;;;;;;AAuCO,SAASA,EAAYC,GAAsC;AAChE,QAAMC,IAASC,EAAW;AAAA,IAAEC,MAAM;AAAA,IAAkCC,OAAO;AAAA,EAAA,GAAsCJ,CAAK,GAChH,CAACK,GAAOC,CAAI,IAAIC,EAAWN,GAAQ,CACvC,SACA,YACA,YACA,WACA,YACA,QACA,MACA,QACA,SACA,cACA,SACA,YACA,SACA,oBACA,OACA,aAAa,CACd,GACKO,IAAKC,EAASJ,EAAMG,EAAE,GACtBE,IAASC,EAAiB,MAAMN,EAAMO,YAAY;AAAA,IAAEC,aAAaA,MAAMR,EAAM,kBAAkB;AAAA,EAAA,CAAG,GAKlGS,IAA+DC,CAAAA,MAAU;AAC7EC,IAAAA,EAAYX,EAAMY,SAASF,CAAK,GAC5BV,EAAMa,YAAUH,EAAMI,eAAAA;AAAAA,EAC5B,GAEMC,IAA2DL,CAAAA,MAAU;AACzE,QAAIV,EAAMa;AACR;AAEF,UAAMG,IAAQrB,EAAMqB,UAAUC,SAAatB,EAAMqB,QAAuCN,EAAMQ,cAAcC;AAC5GnB,IAAAA,EAAMoB,WAAWV,GAAOM,GAAOrB,CAAK;AAAA,EACtC;AAEA,SAAA0B,EACGC,GAAgB;AAAA,IAAA,IACff,aAAU;AAAA,aAAEF,EAAOkB,KAAAA;AAAAA,IAAM;AAAA,IAAA,IACzBC,eAAY;AAAA,aAAEnB,EAAOF;AAAAA,IAAE;AAAA,IAAA,IACvBsB,WAAQ;AAAA,aAAEzB,EAAMyB;AAAAA,IAAQ;AAAA,IAAA,IACxBC,QAAK;AAAA,aAAE1B,EAAM0B;AAAAA,IAAK;AAAA,IAAA,OAAA;AAAA,IAAA,IAAAC,WAAA;AAAA,UAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAC,YAAAE,IAAAD,EAAAE,aAAAC,IAAAF,EAAAC;AAAAE,MAAAA,EAAAR,GAAA,OAIXzB,CAAE;AAAA,UAAAkC,IAmBEC,EAAUtC,EAAMuC,GAAG;AAAC,oBAAAF,KAAA,cAAAG,EAAAH,GAAAL,CAAA,GAAAI,EAAAJ,GAAA,MAXrB7B,CAAE,GAAAsC,EAAAT,GAAAU,EAAA;AAAA,QAAA,IACNC,OAAI;AAAA,iBAAE3C,EAAM2C;AAAAA,QAAI;AAAA,QAAA,IAChBlB,WAAQ;AAAA,iBAAEzB,EAAMyB;AAAAA,QAAQ;AAAA,QAAA,IACxBmB,WAAQ;AAAA,iBAAE5C,EAAMa;AAAAA,QAAQ;AAAA,QAAA,IACxBgC,WAAQ;AAAA,iBAAE7C,EAAM6C;AAAAA,QAAQ;AAAA,QAAA,IAAA,iBAAA;AAAA,iBACV7C,EAAM0B,SAAST;AAAAA,QAAS;AAAA,QAAA,IAAA,kBAAA;AAAA,iBACvBjB,EAAM6C,YAAY5B;AAAAA,QAAS;AAAA,QAAA,IAAA,qBAAA;AAAA,iBACxBZ,EAAOG,YAAAA;AAAAA,QAAa;AAAA,QAAA,IAAA,QAAA;AAAA,iBAC/BsC,EAAG,qBAAqB9C,EAAM+C,KAAK;AAAA,QAAC;AAAA,QAAA,IAAA,gBAAA;AAAA,iBAE9B/C,EAAM,aAAa,KAAK;AAAA,QAAO;AAAA,MAAA,GAExCC,GAAI;AAAA,QAAA,UACEc;AAAAA,QAAY,SACbN;AAAAA,MAAAA,CAAW,GAAA,IAAA,EAAA,GAAAuC,EAAApB,GAAAP,EAKvB4B,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAElD,EAAMmD;AAAAA,QAAK;AAAA,QAAA,IAAAxB,WAAA;AAAA,cAAAyB,IAAAC,EAAAA;AAAAL,iBAAAA,EAAAI,GAAA,MACYpD,EAAMmD,KAAK,GAAAC;AAAAA,QAAA;AAAA,MAAA,CAAA,GAAA,IAAA,GAAAE,EAAAC,CAAAA,MAAA;AAAA,YAAAC,IA3BvCV,EAAG,cAAc,mBAAmB9C,EAAMF,IAAI,IAAI,oBAAoBE,EAAMD,KAAK,IAAI;AAAA,UAC1F,iBAAiBC,EAAMyB;AAAAA,UACvB,iBAAiBzB,EAAMa;AAAAA,QAAAA,CACxB,GAAC4C,IAoBaX,EAAG,mBAAmB;AAAA,UAAE,iBAAiB9C,EAAMyB;AAAAA,QAAAA,CAAU,GAACiC,IAC1DZ,EAAG,kBAAkB;AAAA,UAAE,iBAAiB9C,EAAMyB;AAAAA,QAAAA,CAAU;AAAC+B,eAAAA,MAAAD,EAAAI,KAAAC,EAAAhC,GAAA2B,EAAAI,IAAAH,CAAA,GAAAC,MAAAF,EAAAM,KAAAD,EAAA3B,GAAAsB,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAO,KAAAF,EAAAzB,GAAAoB,EAAAO,IAAAJ,CAAA,GAAAH;AAAAA,MAAA,GAAA;AAAA,QAAAI,GAAA1C;AAAAA,QAAA4C,GAAA5C;AAAAA,QAAA6C,GAAA7C;AAAAA,MAAAA,CAAA,GAAAW;AAAAA,IAAA;AAAA,EAAA,CAAA;AAQhF;"}

package/dist/headless/components/inputs/rating/rating.js

@@ -1,12 +1,13 @@
-import { addEventListener as y, use as P, insert as s, createComponent as u, effect as f, setStyleProperty as v, setAttribute as p, className as A, memo as F, template as h, delegateEvents as B } from "solid-js/web";
-import { mergeProps as K, splitProps as N, children as U, createSignal as X, For as j, Show as D } from "solid-js";
-import S from "clsx";
-import { createControllableState as q } from "../../../primitives/createControllableState.js";
-import { mergeRefs as G } from "../../../primitives/mergeRefs.js";
-import { Icon as R } from "../../base/icon/icon.js";
-var J = /* @__PURE__ */ h("<input type=hidden>"), Q = /* @__PURE__ */ h("<span>"), W = /* @__PURE__ */ h("<span data-testid=rating role=img>"), Y = /* @__PURE__ */ h('<span class=smwb-rating__item><span class="smwb-rating__icon smwb-rating__icon_empty"></span><span class="smwb-rating__icon smwb-rating__icon_filled">');
-function oe(E) {
-  const I = K({
+import { use as U, insert as c, createComponent as y, effect as h, setStyleProperty as _, setAttribute as l, className as D, template as k, delegateEvents as X } from "solid-js/web";
+import { mergeProps as j, splitProps as q, createSignal as G, For as J, Show as M } from "solid-js";
+import R from "clsx";
+import { createControllableState as Q } from "../../../primitives/createControllableState.js";
+import { createHelperText as W, hasHelperText as Y } from "../../../primitives/createHelperText.js";
+import { mergeRefs as Z } from "../../../primitives/mergeRefs.js";
+import { Icon as T } from "../../base/icon/icon.js";
+var ee = /* @__PURE__ */ k("<input type=hidden>"), re = /* @__PURE__ */ k("<span>"), te = /* @__PURE__ */ k("<span><span class=smwb-rating__control data-testid=rating>"), ae = /* @__PURE__ */ k('<span class=smwb-rating__item><span class="smwb-rating__icon smwb-rating__icon_empty"></span><span class="smwb-rating__icon smwb-rating__icon_filled">');
+function me(H) {
+  const E = j({
     defaultValue: 0,
     max: 5,
     precision: 1,
@@ -14,94 +15,114 @@ function oe(E) {
     disabled: !1,
     size: 28,
     color: "primary"
-  }, E), [e] = N(I, ["class", "value", "defaultValue", "max", "precision", "readOnly", "disabled", "size", "icon", "emptyIcon", "name", "color", "error", "helperText", "id", "onChange", "ref"]), w = U(() => e.helperText), [c, _] = q({
+  }, H), [e] = q(E, ["class", "value", "defaultValue", "max", "precision", "readOnly", "disabled", "size", "icon", "emptyIcon", "name", "color", "error", "helperText", "id", "aria-label", "aria-describedby", "onChange", "ref"]), w = W(() => e.helperText, {
+    describedBy: () => e["aria-describedby"]
+  }), [d, C] = Q({
     value: () => e.value,
     defaultValue: e.defaultValue,
-    onChange: (r) => e.onChange?.(r)
-  }), [M, b] = X(null), O = () => M() ?? c(), i = () => !e.readOnly && !e.disabled, x = (r, l) => {
+    onChange: (t) => e.onChange?.(t)
+  }), [V, $] = G(null), B = () => V() ?? d(), m = () => !e.readOnly && !e.disabled, z = (t, a) => {
     if (e.precision === 1)
-      return l + 1;
+      return a + 1;
     const {
-      left: t,
-      width: o
-    } = r.currentTarget.getBoundingClientRect(), n = r.clientX - t < o / 2;
-    return l + (n ? 0.5 : 1);
-  }, T = (r, l) => {
-    i() && _(x(r, l));
-  }, g = (r) => {
-    _(Math.max(0, Math.min(e.max, r)));
-  }, V = (r) => {
-    i() && (r.key === "ArrowRight" || r.key === "ArrowUp" ? (r.preventDefault(), g(c() + e.precision)) : r.key === "ArrowLeft" || r.key === "ArrowDown" ? (r.preventDefault(), g(c() - e.precision)) : r.key === "Home" ? (r.preventDefault(), g(0)) : r.key === "End" && (r.preventDefault(), g(e.max)));
-  }, H = () => e.icon ?? u(R, {
+      left: x,
+      width: r
+    } = t.currentTarget.getBoundingClientRect(), n = t.clientX - x < r / 2;
+    return a + (n ? 0.5 : 1);
+  }, I = (t, a) => {
+    m() && C(z(t, a));
+  }, p = (t) => {
+    C(Math.max(0, Math.min(e.max, t)));
+  }, L = (t) => {
+    m() && (t.key === "ArrowRight" || t.key === "ArrowUp" ? (t.preventDefault(), p(d() + e.precision)) : t.key === "ArrowLeft" || t.key === "ArrowDown" ? (t.preventDefault(), p(d() - e.precision)) : t.key === "Home" ? (t.preventDefault(), p(0)) : t.key === "End" && (t.preventDefault(), p(e.max)));
+  }, P = (t, a) => {
+    m() && $(e.precision === 0.5 ? z(t, a) : a + 1);
+  }, F = () => e.icon ?? y(T, {
     name: "star",
     fill: 1,
     get size() {
       return e.size;
     }
-  }), L = () => e.emptyIcon ?? u(R, {
+  }), K = () => e.emptyIcon ?? y(T, {
     name: "star",
     get size() {
       return e.size;
     }
-  });
+  }), O = () => `${d()} of ${e.max}`, N = () => {
+    const t = e["aria-label"];
+    return e.readOnly ? t ? `${t} ${O()}` : O() : t || "Rating";
+  };
   return (() => {
-    var r = W();
-    y(r, "keydown", i() ? V : void 0, !0);
-    var l = G(e.ref);
-    return typeof l == "function" && P(l, r), s(r, u(j, {
+    var t = te(), a = t.firstChild;
+    a.$$keydown = L;
+    var x = Z(e.ref);
+    return typeof x == "function" && U(x, a), c(a, y(J, {
       get each() {
         return Array.from({
           length: e.max
-        }, (t, o) => o);
+        }, (r, n) => n);
       },
-      children: (t) => {
-        const o = () => Math.max(0, Math.min(1, O() - t));
+      children: (r) => {
+        const n = () => Math.max(0, Math.min(1, B() - r));
         return (() => {
-          var n = Y(), m = n.firstChild, d = m.nextSibling;
-          return y(n, "mouseleave", i() ? () => b(null) : void 0), y(n, "mousemove", i() ? (a) => b(e.precision === 0.5 ? x(a, t) : t + 1) : void 0, !0), n.$$click = (a) => T(a, t), s(m, L), s(d, H), f((a) => {
-            var k = `${e.size}px`, $ = `${e.size}px`, z = i() ? "pointer" : "default", C = `${o() * 100}%`;
-            return k !== a.e && v(n, "width", a.e = k), $ !== a.t && v(n, "height", a.t = $), z !== a.a && v(n, "cursor", a.a = z), C !== a.o && v(d, "width", a.o = C), a;
+          var o = ae(), s = o.firstChild, u = s.nextSibling;
+          return o.addEventListener("mouseleave", () => $(null)), o.$$mousemove = (i) => P(i, r), o.$$click = (i) => I(i, r), c(s, K), c(u, F), h((i) => {
+            var v = `${e.size}px`, f = `${e.size}px`, g = m() ? "pointer" : "default", b = `${n() * 100}%`;
+            return v !== i.e && _(o, "width", i.e = v), f !== i.t && _(o, "height", i.t = f), g !== i.a && _(o, "cursor", i.a = g), b !== i.o && _(u, "width", i.o = b), i;
           }, {
             e: void 0,
             t: void 0,
             a: void 0,
             o: void 0
-          }), n;
+          }), o;
         })();
       }
-    }), null), s(r, u(D, {
+    })), c(t, y(M, {
       get when() {
         return e.name;
       },
       get children() {
-        var t = J();
-        return f(() => p(t, "name", e.name)), f(() => t.value = c()), t;
+        var r = ee();
+        return h(() => l(r, "name", e.name)), h(() => r.value = d()), r;
       }
-    }), null), s(r, u(D, {
+    }), null), c(t, y(M, {
       get when() {
-        return F(() => w() != null)() && w() !== !1;
+        return Y(w.text());
       },
       get children() {
-        var t = Q();
-        return s(t, w), f(() => A(t, S("smwb-rating__helper", e.error && "smwb-rating__helper_error"))), t;
+        var r = re();
+        return c(r, () => w.text()), h((n) => {
+          var o = w.id, s = R("smwb-rating__helper", e.error && "smwb-rating__helper_error");
+          return o !== n.e && l(r, "id", n.e = o), s !== n.t && D(r, n.t = s), n;
+        }, {
+          e: void 0,
+          t: void 0
+        }), r;
       }
-    }), null), f((t) => {
-      var o = e.id, n = S("smwb-rating", {
+    }), null), h((r) => {
+      var n = R("smwb-rating", {
         "smwb-rating_readonly": e.readOnly,
         "smwb-rating_disabled": e.disabled,
         "smwb-rating_error": e.error
-      }, e.color !== "primary" && `smwb-rating_color-${e.color}`, e.class), m = `${c()} of ${e.max}`, d = i() ? 0 : void 0;
-      return o !== t.e && p(r, "id", t.e = o), n !== t.t && A(r, t.t = n), m !== t.a && p(r, "aria-label", t.a = m), d !== t.o && p(r, "tabindex", t.o = d), t;
+      }, e.color !== "primary" && `smwb-rating_color-${e.color}`, e.class), o = e.id, s = e.readOnly ? "img" : "slider", u = N(), i = e.readOnly ? void 0 : 0, v = e.readOnly ? void 0 : e.max, f = e.readOnly ? void 0 : d(), g = e.readOnly ? void 0 : O(), b = !e.readOnly && e.disabled ? !0 : void 0, S = w.describedBy(), A = m() ? 0 : void 0;
+      return n !== r.e && D(t, r.e = n), o !== r.t && l(a, "id", r.t = o), s !== r.a && l(a, "role", r.a = s), u !== r.o && l(a, "aria-label", r.o = u), i !== r.i && l(a, "aria-valuemin", r.i = i), v !== r.n && l(a, "aria-valuemax", r.n = v), f !== r.s && l(a, "aria-valuenow", r.s = f), g !== r.h && l(a, "aria-valuetext", r.h = g), b !== r.r && l(a, "aria-disabled", r.r = b), S !== r.d && l(a, "aria-describedby", r.d = S), A !== r.l && l(a, "tabindex", r.l = A), r;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
-      o: void 0
-    }), r;
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0,
+      h: void 0,
+      r: void 0,
+      d: void 0,
+      l: void 0
+    }), t;
   })();
 }
-B(["keydown", "click", "mousemove"]);
+X(["keydown", "click", "mousemove"]);
 export {
-  oe as Rating
+  me as Rating
 };
 //# sourceMappingURL=rating.js.map

package/dist/headless/components/inputs/rating/rating.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating.js","sources":["../../../../../src/components/inputs/rating/rating.tsx"],"sourcesContent":["import { type JSX, For, Show, children, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type RatingColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface RatingProps {\n  class?: string;\n  /** Controlled value. */\n  value?: number;\n  /** Uncontrolled initial value. */\n  defaultValue?: number;\n  /** Number of icons. */\n  max?: number;\n  /** Smallest selectable increment: 1 (whole) or 0.5 (half). */\n  precision?: 1 | 0.5;\n  readOnly?: boolean;\n  disabled?: boolean;\n  size?: number;\n  /** Filled icon. */\n  icon?: JSX.Element;\n  /** Empty icon. */\n  emptyIcon?: JSX.Element;\n  name?: string;\n  /** Color of the filled icons. */\n  color?: RatingColor;\n  /** Renders the control in an error state. */\n  error?: boolean;\n  /** Supporting text shown below the control. */\n  helperText?: JSX.Element;\n  id?: string;\n  onChange?: (value: number) => void;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function Rating(props: RatingProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      defaultValue: 0,\n      max: 5,\n      precision: 1 as 1 | 0.5,\n      readOnly: false,\n      disabled: false,\n      size: 28,\n      color: \"primary\" as RatingColor,\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"value\",\n    \"defaultValue\",\n    \"max\",\n    \"precision\",\n    \"readOnly\",\n    \"disabled\",\n    \"size\",\n    \"icon\",\n    \"emptyIcon\",\n    \"name\",\n    \"color\",\n    \"error\",\n    \"helperText\",\n    \"id\",\n    \"onChange\",\n    \"ref\",\n  ]);\n  // Read once: markup passed as a prop is created anew on every read, and\n  // during hydration a copy the server never rendered has no DOM node.\n  const helperText = children(() => local.helperText);\n\n  const [current, setCurrent] = createControllableState<number>({\n    value: () => local.value,\n    defaultValue: local.defaultValue,\n    onChange: (next) => local.onChange?.(next),\n  });\n  const [hover, setHover] = createSignal<number | null>(null);\n\n  const display = (): number => hover() ?? current();\n  const interactive = (): boolean => !local.readOnly && !local.disabled;\n\n  const valueFromEvent = (event: MouseEvent & { currentTarget: HTMLSpanElement }, starIndex: number): number => {\n    if (local.precision === 1) {\n      return starIndex + 1;\n    }\n    const { left, width } = event.currentTarget.getBoundingClientRect();\n    const isLeftHalf = event.clientX - left < width / 2;\n    return starIndex + (isLeftHalf ? 0.5 : 1);\n  };\n\n  const handleSelect = (event: MouseEvent & { currentTarget: HTMLSpanElement }, starIndex: number): void => {\n    if (!interactive()) return;\n    setCurrent(valueFromEvent(event, starIndex));\n  };\n\n  const commit = (next: number): void => {\n    setCurrent(Math.max(0, Math.min(local.max, next)));\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!interactive()) return;\n    if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      commit(current() + local.precision);\n    } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n      event.preventDefault();\n      commit(current() - local.precision);\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      commit(0);\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      commit(local.max);\n    }\n  };\n\n  const filledIcon = (): JSX.Element => local.icon ?? <Icon name=\"star\" fill={1} size={local.size} />;\n  const blankIcon = (): JSX.Element => local.emptyIcon ?? <Icon name=\"star\" size={local.size} />;\n\n  return (\n    <span\n      ref={mergeRefs(local.ref)}\n      id={local.id}\n      class={cn(\n        \"smwb-rating\",\n        { \"smwb-rating_readonly\": local.readOnly, \"smwb-rating_disabled\": local.disabled, \"smwb-rating_error\": local.error },\n        local.color !== \"primary\" && `smwb-rating_color-${local.color}`,\n        local.class\n      )}\n      data-testid=\"rating\"\n      role=\"img\"\n      aria-label={`${current()} of ${local.max}`}\n      tabindex={interactive() ? 0 : undefined}\n      onKeyDown={interactive() ? handleKeyDown : undefined}\n    >\n      <For each={Array.from({ length: local.max }, (_, index) => index)}>\n        {(index) => {\n          const fillRatio = (): number => Math.max(0, Math.min(1, display() - index));\n          return (\n            <span\n              class=\"smwb-rating__item\"\n              style={{ width: `${local.size}px`, height: `${local.size}px`, cursor: interactive() ? \"pointer\" : \"default\" }}\n              onClick={(event) => handleSelect(event, index)}\n              onMouseMove={\n                interactive()\n                  ? (event) => setHover(local.precision === 0.5 ? valueFromEvent(event, index) : index + 1)\n                  : undefined\n              }\n              onMouseLeave={interactive() ? () => setHover(null) : undefined}\n            >\n              <span class=\"smwb-rating__icon smwb-rating__icon_empty\">{blankIcon()}</span>\n              <span class=\"smwb-rating__icon smwb-rating__icon_filled\" style={{ width: `${fillRatio() * 100}%` }}>\n                {filledIcon()}\n              </span>\n            </span>\n          );\n        }}\n      </For>\n      <Show when={local.name}>\n        <input type=\"hidden\" name={local.name} value={current()} />\n      </Show>\n      <Show when={helperText() != null && (helperText() as unknown) !== false}>\n        <span class={cn(\"smwb-rating__helper\", local.error && \"smwb-rating__helper_error\")}>{helperText()}</span>\n      </Show>\n    </span>\n  );\n}\n\nexport default Rating;\n"],"names":["Rating","props","merged","mergeProps","defaultValue","max","precision","readOnly","disabled","size","color","local","splitProps","helperText","children","current","setCurrent","createControllableState","value","onChange","next","hover","setHover","createSignal","display","interactive","valueFromEvent","event","starIndex","left","width","currentTarget","getBoundingClientRect","isLeftHalf","clientX","handleSelect","commit","Math","min","handleKeyDown","key","preventDefault","filledIcon","icon","_$createComponent","Icon","name","fill","blankIcon","emptyIcon","_el$","_tmpl$3","_$addEventListener","undefined","_ref$","mergeRefs","ref","_$use","_$insert","For","each","Array","from","length","_","index","fillRatio","_el$4","_tmpl$4","_el$5","firstChild","_el$6","nextSibling","$$click","_$effect","_p$","_v$5","_v$6","_v$7","_v$8","e","_$setStyleProperty","t","a","o","Show","when","_el$2","_tmpl$","_$setAttribute","_$memo","_el$3","_tmpl$2","_$className","cn","error","_v$","id","_v$2","class","_v$3","_v$4","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"rating.js","sources":["../../../../../src/components/inputs/rating/rating.tsx"],"sourcesContent":["import { type JSX, For, Show, createSignal, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { createHelperText, hasHelperText } from \"../../../primitives/createHelperText\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type RatingColor = \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface RatingProps {\n  class?: string;\n  /** Controlled value. */\n  value?: number;\n  /** Uncontrolled initial value. */\n  defaultValue?: number;\n  /** Number of icons. */\n  max?: number;\n  /** Smallest selectable increment: 1 (whole) or 0.5 (half). */\n  precision?: 1 | 0.5;\n  readOnly?: boolean;\n  disabled?: boolean;\n  size?: number;\n  /** Filled icon. */\n  icon?: JSX.Element;\n  /** Empty icon. */\n  emptyIcon?: JSX.Element;\n  name?: string;\n  /** Color of the filled icons. */\n  color?: RatingColor;\n  /** Renders the control in an error state. */\n  error?: boolean;\n  /** Supporting text shown below the control. */\n  helperText?: JSX.Element;\n  /** Id of the control: the slider, or the image of a read-only rating. */\n  id?: string;\n  /**\n   * What is rated: the accessible name of the slider, \"Rating\" by default. A read-only rating is an image named by\n   * its value (\"3 of 5\"), after this label.\n   */\n  \"aria-label\"?: string;\n  /** Ids of more elements that describe the control, after its helper text. */\n  \"aria-describedby\"?: string;\n  onChange?: (value: number) => void;\n  /** The control: the slider, or the image of a read-only rating. */\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport function Rating(props: RatingProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      defaultValue: 0,\n      max: 5,\n      precision: 1 as 1 | 0.5,\n      readOnly: false,\n      disabled: false,\n      size: 28,\n      color: \"primary\" as RatingColor,\n    },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"value\",\n    \"defaultValue\",\n    \"max\",\n    \"precision\",\n    \"readOnly\",\n    \"disabled\",\n    \"size\",\n    \"icon\",\n    \"emptyIcon\",\n    \"name\",\n    \"color\",\n    \"error\",\n    \"helperText\",\n    \"id\",\n    \"aria-label\",\n    \"aria-describedby\",\n    \"onChange\",\n    \"ref\",\n  ]);\n  // Reads the helper text once: markup passed as a prop is created anew on\n  // every read, and during hydration a copy the server never rendered has no DOM\n  // node. The rating draws any helper text it is given, so the read creates\n  // nothing that is not drawn.\n  const helper = createHelperText(() => local.helperText, { describedBy: () => local[\"aria-describedby\"] });\n\n  const [current, setCurrent] = createControllableState<number>({\n    value: () => local.value,\n    defaultValue: local.defaultValue,\n    onChange: (next) => local.onChange?.(next),\n  });\n  const [hover, setHover] = createSignal<number | null>(null);\n\n  const display = (): number => hover() ?? current();\n  const interactive = (): boolean => !local.readOnly && !local.disabled;\n\n  const valueFromEvent = (event: MouseEvent & { currentTarget: HTMLSpanElement }, starIndex: number): number => {\n    if (local.precision === 1) {\n      return starIndex + 1;\n    }\n    const { left, width } = event.currentTarget.getBoundingClientRect();\n    const isLeftHalf = event.clientX - left < width / 2;\n    return starIndex + (isLeftHalf ? 0.5 : 1);\n  };\n\n  const handleSelect = (event: MouseEvent & { currentTarget: HTMLSpanElement }, starIndex: number): void => {\n    if (!interactive()) return;\n    setCurrent(valueFromEvent(event, starIndex));\n  };\n\n  const commit = (next: number): void => {\n    setCurrent(Math.max(0, Math.min(local.max, next)));\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLSpanElement, KeyboardEvent> = (event) => {\n    if (!interactive()) return;\n    if (event.key === \"ArrowRight\" || event.key === \"ArrowUp\") {\n      event.preventDefault();\n      commit(current() + local.precision);\n    } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowDown\") {\n      event.preventDefault();\n      commit(current() - local.precision);\n    } else if (event.key === \"Home\") {\n      event.preventDefault();\n      commit(0);\n    } else if (event.key === \"End\") {\n      event.preventDefault();\n      commit(local.max);\n    }\n  };\n\n  // Solid binds event handlers once, so they are always attached and check\n  // `interactive()` themselves (handleKeyDown too): a rating can turn read-only,\n  // or back, after it renders. Leaving always clears the preview, so a rating\n  // that turns read-only while hovered does not keep it.\n  const onStarMouseMove = (event: MouseEvent & { currentTarget: HTMLSpanElement }, starIndex: number): void => {\n    if (!interactive()) return;\n    setHover(local.precision === 0.5 ? valueFromEvent(event, starIndex) : starIndex + 1);\n  };\n\n  const filledIcon = (): JSX.Element => local.icon ?? <Icon name=\"star\" fill={1} size={local.size} />;\n  const blankIcon = (): JSX.Element => local.emptyIcon ?? <Icon name=\"star\" size={local.size} />;\n\n  const valueText = (): string => `${current()} of ${local.max}`;\n  // The slider is named by what is rated. An image has no value, so its name\n  // carries the value too.\n  const label = (): string => {\n    const rated = local[\"aria-label\"];\n    if (!local.readOnly) return rated || \"Rating\";\n    return rated ? `${rated} ${valueText()}` : valueText();\n  };\n\n  // The control is a slider, or an image named by its value when the rating is\n  // read-only. The helper text stays outside it: the children of a slider or an\n  // image are presentational, so assistive technology would never read it.\n  return (\n    <span\n      class={cn(\n        \"smwb-rating\",\n        { \"smwb-rating_readonly\": local.readOnly, \"smwb-rating_disabled\": local.disabled, \"smwb-rating_error\": local.error },\n        local.color !== \"primary\" && `smwb-rating_color-${local.color}`,\n        local.class\n      )}\n    >\n      <span\n        ref={mergeRefs(local.ref)}\n        id={local.id}\n        class=\"smwb-rating__control\"\n        data-testid=\"rating\"\n        role={local.readOnly ? \"img\" : \"slider\"}\n        aria-label={label()}\n        aria-valuemin={local.readOnly ? undefined : 0}\n        aria-valuemax={local.readOnly ? undefined : local.max}\n        aria-valuenow={local.readOnly ? undefined : current()}\n        aria-valuetext={local.readOnly ? undefined : valueText()}\n        aria-disabled={!local.readOnly && local.disabled ? true : undefined}\n        aria-describedby={helper.describedBy()}\n        tabindex={interactive() ? 0 : undefined}\n        onKeyDown={handleKeyDown}\n      >\n        <For each={Array.from({ length: local.max }, (_, index) => index)}>\n          {(index) => {\n            const fillRatio = (): number => Math.max(0, Math.min(1, display() - index));\n            return (\n              <span\n                class=\"smwb-rating__item\"\n                style={{\n                  width: `${local.size}px`,\n                  height: `${local.size}px`,\n                  cursor: interactive() ? \"pointer\" : \"default\",\n                }}\n                onClick={(event) => handleSelect(event, index)}\n                onMouseMove={(event) => onStarMouseMove(event, index)}\n                onMouseLeave={() => setHover(null)}\n              >\n                <span class=\"smwb-rating__icon smwb-rating__icon_empty\">{blankIcon()}</span>\n                <span class=\"smwb-rating__icon smwb-rating__icon_filled\" style={{ width: `${fillRatio() * 100}%` }}>\n                  {filledIcon()}\n                </span>\n              </span>\n            );\n          }}\n        </For>\n      </span>\n      <Show when={local.name}>\n        <input type=\"hidden\" name={local.name} value={current()} />\n      </Show>\n      <Show when={hasHelperText(helper.text())}>\n        <span id={helper.id} class={cn(\"smwb-rating__helper\", local.error && \"smwb-rating__helper_error\")}>\n          {helper.text()}\n        </span>\n      </Show>\n    </span>\n  );\n}\n\nexport default Rating;\n"],"names":["Rating","props","merged","mergeProps","defaultValue","max","precision","readOnly","disabled","size","color","local","splitProps","helper","createHelperText","helperText","describedBy","current","setCurrent","createControllableState","value","onChange","next","hover","setHover","createSignal","display","interactive","valueFromEvent","event","starIndex","left","width","currentTarget","getBoundingClientRect","isLeftHalf","clientX","handleSelect","commit","Math","min","handleKeyDown","key","preventDefault","onStarMouseMove","filledIcon","icon","_$createComponent","Icon","name","fill","blankIcon","emptyIcon","valueText","label","rated","_el$","_tmpl$3","_el$2","firstChild","$$keydown","_ref$","mergeRefs","ref","_$use","_$insert","For","each","Array","from","length","_","index","children","fillRatio","_el$5","_tmpl$4","_el$6","_el$7","nextSibling","addEventListener","$$mousemove","$$click","_$effect","_p$","_v$12","_v$13","_v$14","_v$15","e","_$setStyleProperty","t","a","o","undefined","Show","when","_el$3","_tmpl$","_$setAttribute","hasHelperText","text","_el$4","_tmpl$2","_v$","id","_v$2","cn","error","_$className","_v$3","class","_v$4","_v$5","_v$6","_v$7","_v$8","_v$9","_v$0","_v$1","_v$10","_v$11","i","n","s","h","r","d","l","_$delegateEvents"],"mappings":"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"}