@smwb/ui-solid 0.12.1 → 0.13.0

package/dist/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":"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"}

package/dist/components/inputs/rating/rating.d.ts

@@ -25,8 +25,17 @@ export interface RatingProps {
     error?: boolean;
     /** Supporting text shown below the control. */
     helperText?: JSX.Element;
+    /** Id of the control: the slider, or the image of a read-only rating. */
     id?: string;
+    /**
+     * What is rated: the accessible name of the slider, "Rating" by default. A read-only rating is an image named by
+     * its value ("3 of 5"), after this label.
+     */
+    "aria-label"?: string;
+    /** Ids of more elements that describe the control, after its helper text. */
+    "aria-describedby"?: string;
     onChange?: (value: number) => void;
+    /** The control: the slider, or the image of a read-only rating. */
     ref?: Ref<HTMLSpanElement>;
 }
 export declare function Rating(props: RatingProps): JSX.Element;

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

@@ -1,14 +1,15 @@
-import { addEventListener as y, use as P, insert as s, createComponent as u, effect as f, setStyleProperty as p, setAttribute as v, className as A, memo as F, template as h, delegateEvents as B } from "solid-js/web";
+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 '../../../assets/styles/less/components/rating/rating.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                       */
-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 le(E) {
-  const I = K({
+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 ve(H) {
+  const E = j({
     defaultValue: 0,
     max: 5,
     precision: 1,
@@ -16,94 +17,114 @@ function le(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), [m, _] = 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() ?? m(), 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: a
-    } = r.currentTarget.getBoundingClientRect(), n = r.clientX - t < a / 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(m() + e.precision)) : r.key === "ArrowLeft" || r.key === "ArrowDown" ? (r.preventDefault(), g(m() - 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, a) => a);
+        }, (r, n) => n);
       },
-      children: (t) => {
-        const a = () => Math.max(0, Math.min(1, O() - t));
+      children: (r) => {
+        const n = () => Math.max(0, Math.min(1, B() - r));
         return (() => {
-          var n = Y(), c = n.firstChild, d = c.nextSibling;
-          return y(n, "mouseleave", i() ? () => b(null) : void 0), y(n, "mousemove", i() ? (o) => b(e.precision === 0.5 ? x(o, t) : t + 1) : void 0, !0), n.$$click = (o) => T(o, t), s(c, L), s(d, H), f((o) => {
-            var k = `${e.size}px`, $ = `${e.size}px`, z = i() ? "pointer" : "default", C = `${a() * 100}%`;
-            return k !== o.e && p(n, "width", o.e = k), $ !== o.t && p(n, "height", o.t = $), z !== o.a && p(n, "cursor", o.a = z), C !== o.o && p(d, "width", o.o = C), o;
+          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(() => v(t, "name", e.name)), f(() => t.value = m()), 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 a = 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), c = `${m()} of ${e.max}`, d = i() ? 0 : void 0;
-      return a !== t.e && v(r, "id", t.e = a), n !== t.t && A(r, t.t = n), c !== t.a && v(r, "aria-label", t.a = c), d !== t.o && v(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 {
-  le as Rating
+  ve as Rating
 };
 //# sourceMappingURL=rating.js.map

package/dist/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":";;;;;;;;;;AAiDO,SAASA,GAAOC,GAAiC;AACtD,QAAMC,IAASC,EACb;AAAA,IACEC,cAAc;AAAA,IACdC,KAAK;AAAA,IACLC,WAAW;AAAA,IACXC,UAAU;AAAA,IACVC,UAAU;AAAA,IACVC,MAAM;AAAA,IACNC,OAAO;AAAA,EAAA,GAETT,CACF,GACM,CAACU,CAAK,IAAIC,EAAWV,GAAQ,CACjC,SACA,SACA,gBACA,OACA,aACA,YACA,YACA,QACA,QACA,aACA,QACA,SACA,SACA,cACA,MACA,cACA,oBACA,YACA,KAAK,CACN,GAKKW,IAASC,EAAiB,MAAMH,EAAMI,YAAY;AAAA,IAAEC,aAAaA,MAAML,EAAM,kBAAkB;AAAA,EAAA,CAAG,GAElG,CAACM,GAASC,CAAU,IAAIC,EAAgC;AAAA,IAC5DC,OAAOA,MAAMT,EAAMS;AAAAA,IACnBhB,cAAcO,EAAMP;AAAAA,IACpBiB,UAAWC,CAAAA,MAASX,EAAMU,WAAWC,CAAI;AAAA,EAAA,CAC1C,GACK,CAACC,GAAOC,CAAQ,IAAIC,EAA4B,IAAI,GAEpDC,IAAUA,MAAcH,EAAAA,KAAWN,EAAAA,GACnCU,IAAcA,MAAe,CAAChB,EAAMJ,YAAY,CAACI,EAAMH,UAEvDoB,IAAiBA,CAACC,GAAwDC,MAA8B;AAC5G,QAAInB,EAAML,cAAc;AACtB,aAAOwB,IAAY;AAErB,UAAM;AAAA,MAAEC,MAAAA;AAAAA,MAAMC,OAAAA;AAAAA,IAAAA,IAAUH,EAAMI,cAAcC,sBAAAA,GACtCC,IAAaN,EAAMO,UAAUL,IAAOC,IAAQ;AAClD,WAAOF,KAAaK,IAAa,MAAM;AAAA,EACzC,GAEME,IAAeA,CAACR,GAAwDC,MAA4B;AACxG,IAAKH,OACLT,EAAWU,EAAeC,GAAOC,CAAS,CAAC;AAAA,EAC7C,GAEMQ,IAASA,CAAChB,MAAuB;AACrCJ,IAAAA,EAAWqB,KAAKlC,IAAI,GAAGkC,KAAKC,IAAI7B,EAAMN,KAAKiB,CAAI,CAAC,CAAC;AAAA,EACnD,GAEMmB,IAAmEZ,CAAAA,MAAU;AACjF,IAAKF,QACDE,EAAMa,QAAQ,gBAAgBb,EAAMa,QAAQ,aAC9Cb,EAAMc,eAAAA,GACNL,EAAOrB,EAAAA,IAAYN,EAAML,SAAS,KACzBuB,EAAMa,QAAQ,eAAeb,EAAMa,QAAQ,eACpDb,EAAMc,eAAAA,GACNL,EAAOrB,EAAAA,IAAYN,EAAML,SAAS,KACzBuB,EAAMa,QAAQ,UACvBb,EAAMc,eAAAA,GACNL,EAAO,CAAC,KACCT,EAAMa,QAAQ,UACvBb,EAAMc,eAAAA,GACNL,EAAO3B,EAAMN,GAAG;AAAA,EAEpB,GAMMuC,IAAkBA,CAACf,GAAwDC,MAA4B;AAC3G,IAAKH,OACLH,EAASb,EAAML,cAAc,MAAMsB,EAAeC,GAAOC,CAAS,IAAIA,IAAY,CAAC;AAAA,EACrF,GAEMe,IAAaA,MAAmBlC,EAAMmC,QAAIC,EAAKC,GAAI;AAAA,IAACC,MAAI;AAAA,IAAQC,MAAM;AAAA,IAAC,IAAEzC,OAAI;AAAA,aAAEE,EAAMF;AAAAA,IAAI;AAAA,EAAA,CAAA,GACzF0C,IAAYA,MAAmBxC,EAAMyC,aAASL,EAAKC,GAAI;AAAA,IAACC,MAAI;AAAA,IAAA,IAAQxC,OAAI;AAAA,aAAEE,EAAMF;AAAAA,IAAI;AAAA,EAAA,CAAA,GAEpF4C,IAAYA,MAAc,GAAGpC,GAAS,OAAON,EAAMN,GAAG,IAGtDiD,IAAQA,MAAc;AAC1B,UAAMC,IAAQ5C,EAAM,YAAY;AAChC,WAAKA,EAAMJ,WACJgD,IAAQ,GAAGA,CAAK,IAAIF,EAAAA,CAAW,KAAKA,EAAAA,IADfE,KAAS;AAAA,EAEvC;AAKA,UAAA,MAAA;AAAA,QAAAC,IAAAC,GAAAA,GAAAC,IAAAF,EAAAG;AAAAD,IAAAA,EAAAE,YAuBiBnB;AAAa,QAAAoB,IAbnBC,EAAUnD,EAAMoD,GAAG;AAAC,kBAAAF,KAAA,cAAAG,EAAAH,GAAAH,CAAA,GAAAO,EAAAP,GAAAX,EAexBmB,GAAG;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEC,MAAMC,KAAK;AAAA,UAAEC,QAAQ3D,EAAMN;AAAAA,QAAAA,GAAO,CAACkE,GAAGC,MAAUA,CAAK;AAAA,MAAC;AAAA,MAAAC,UAC7DD,CAAAA,MAAU;AACV,cAAME,IAAYA,MAAcnC,KAAKlC,IAAI,GAAGkC,KAAKC,IAAI,GAAGd,EAAAA,IAAY8C,CAAK,CAAC;AAC1E,gBAAA,MAAA;AAAA,cAAAG,IAAAC,GAAAA,GAAAC,IAAAF,EAAAhB,YAAAmB,IAAAD,EAAAE;AAAAJ,iBAAAA,EAAAK,iBAAA,cAUkB,MAAMxD,EAAS,IAAI,CAAC,GAAAmD,EAAAM,cADpBpD,CAAAA,MAAUe,EAAgBf,GAAO2C,CAAK,GAACG,EAAAO,UAD3CrD,CAAAA,MAAUQ,EAAaR,GAAO2C,CAAK,GAACP,EAAAY,GAIW1B,CAAS,GAAAc,EAAAa,GAE/DjC,CAAU,GAAAsC,EAAAC,CAAAA,MAAA;AAAA,gBAAAC,IAVJ,GAAG1E,EAAMF,IAAI,MAAI6E,IAChB,GAAG3E,EAAMF,IAAI,MAAI8E,IACjB5D,MAAgB,YAAY,WAAS6D,IAO0B,GAAGd,EAAAA,IAAc,GAAG;AAAGW,mBAAAA,MAAAD,EAAAK,KAAAC,EAAAf,GAAA,SAAAS,EAAAK,IAAAJ,CAAA,GAAAC,MAAAF,EAAAO,KAAAD,EAAAf,GAAA,UAAAS,EAAAO,IAAAL,CAAA,GAAAC,MAAAH,EAAAQ,KAAAF,EAAAf,GAAA,UAAAS,EAAAQ,IAAAL,CAAA,GAAAC,MAAAJ,EAAAS,KAAAH,EAAAZ,GAAA,SAAAM,EAAAS,IAAAL,CAAA,GAAAJ;AAAAA,UAAA,GAAA;AAAA,YAAAK,GAAAK;AAAAA,YAAAH,GAAAG;AAAAA,YAAAF,GAAAE;AAAAA,YAAAD,GAAAC;AAAAA,UAAAA,CAAA,GAAAnB;AAAAA,QAAA,GAAA;AAAA,MAKtG;AAAA,IAAA,CAAC,CAAA,GAAAV,EAAAT,GAAAT,EAGJgD,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAErF,EAAMsC;AAAAA,MAAI;AAAA,MAAA,IAAAwB,WAAA;AAAA,YAAAwB,IAAAC,GAAAA;AAAAf,eAAAA,QAAAgB,EAAAF,GAAA,QACOtF,EAAMsC,IAAI,CAAA,GAAAkC,QAAAc,EAAA7E,QAASH,EAAAA,CAAS,GAAAgF;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAhC,EAAAT,GAAAT,EAExDgD,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEI,EAAcvF,EAAOwF,MAAM;AAAA,MAAC;AAAA,MAAA,IAAA5B,WAAA;AAAA,YAAA6B,IAAAC,GAAAA;AAAAtC,eAAAA,EAAAqC,GAAA,MAEnCzF,EAAOwF,KAAAA,CAAM,GAAAlB,EAAAC,CAAAA,MAAA;AAAA,cAAAoB,IADN3F,EAAO4F,IAAEC,IAASC,EAAG,uBAAuBhG,EAAMiG,SAAS,2BAA2B;AAACJ,iBAAAA,MAAApB,EAAAK,KAAAU,EAAAG,GAAA,MAAAlB,EAAAK,IAAAe,CAAA,GAAAE,MAAAtB,EAAAO,KAAAkB,EAAAP,GAAAlB,EAAAO,IAAAe,CAAA,GAAAtB;AAAAA,QAAA,GAAA;AAAA,UAAAK,GAAAK;AAAAA,UAAAH,GAAAG;AAAAA,QAAAA,CAAA,GAAAQ;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAnB,EAAAC,CAAAA,MAAA;AAAA,UAAA0B,IAnD5FH,EACL,eACA;AAAA,QAAE,wBAAwBhG,EAAMJ;AAAAA,QAAU,wBAAwBI,EAAMH;AAAAA,QAAU,qBAAqBG,EAAMiG;AAAAA,MAAAA,GAC7GjG,EAAMD,UAAU,aAAa,qBAAqBC,EAAMD,KAAK,IAC7DC,EAAMoG,KACR,GAACC,IAIKrG,EAAM8F,IAAEQ,IAGNtG,EAAMJ,WAAW,QAAQ,UAAQ2G,IAC3B5D,EAAAA,GAAO6D,IACJxG,EAAMJ,WAAWuF,SAAY,GAACsB,IAC9BzG,EAAMJ,WAAWuF,SAAYnF,EAAMN,KAAGgH,IACtC1G,EAAMJ,WAAWuF,SAAY7E,EAAAA,GAASqG,IACrC3G,EAAMJ,WAAWuF,SAAYzC,EAAAA,GAAWkE,IACzC,CAAC5G,EAAMJ,YAAYI,EAAMH,WAAW,KAAOsF,QAAS0B,IACjD3G,EAAOG,YAAAA,GAAayG,IAC5B9F,EAAAA,IAAgB,IAAImE;AAASgB,aAAAA,MAAA1B,EAAAK,KAAAoB,EAAArD,GAAA4B,EAAAK,IAAAqB,CAAA,GAAAE,MAAA5B,EAAAO,KAAAQ,EAAAzC,GAAA,MAAA0B,EAAAO,IAAAqB,CAAA,GAAAC,MAAA7B,EAAAQ,KAAAO,EAAAzC,GAAA,QAAA0B,EAAAQ,IAAAqB,CAAA,GAAAC,MAAA9B,EAAAS,KAAAM,EAAAzC,GAAA,cAAA0B,EAAAS,IAAAqB,CAAA,GAAAC,MAAA/B,EAAAsC,KAAAvB,EAAAzC,GAAA,iBAAA0B,EAAAsC,IAAAP,CAAA,GAAAC,MAAAhC,EAAAuC,KAAAxB,EAAAzC,GAAA,iBAAA0B,EAAAuC,IAAAP,CAAA,GAAAC,MAAAjC,EAAAwC,KAAAzB,EAAAzC,GAAA,iBAAA0B,EAAAwC,IAAAP,CAAA,GAAAC,MAAAlC,EAAAyC,KAAA1B,EAAAzC,GAAA,kBAAA0B,EAAAyC,IAAAP,CAAA,GAAAC,MAAAnC,EAAA0C,KAAA3B,EAAAzC,GAAA,iBAAA0B,EAAA0C,IAAAP,CAAA,GAAAC,MAAApC,EAAA2C,KAAA5B,EAAAzC,GAAA,oBAAA0B,EAAA2C,IAAAP,CAAA,GAAAC,MAAArC,EAAA4C,KAAA7B,EAAAzC,GAAA,YAAA0B,EAAA4C,IAAAP,CAAA,GAAArC;AAAAA,IAAA,GAAA;AAAA,MAAAK,GAAAK;AAAAA,MAAAH,GAAAG;AAAAA,MAAAF,GAAAE;AAAAA,MAAAD,GAAAC;AAAAA,MAAA4B,GAAA5B;AAAAA,MAAA6B,GAAA7B;AAAAA,MAAA8B,GAAA9B;AAAAA,MAAA+B,GAAA/B;AAAAA,MAAAgC,GAAAhC;AAAAA,MAAAiC,GAAAjC;AAAAA,MAAAkC,GAAAlC;AAAAA,IAAAA,CAAA,GAAAtC;AAAAA,EAAA,GAAA;AAqC/C;AAEsByE,EAAA,CAAA,WAAA,SAAA,WAAA,CAAA;"}

package/dist/components/inputs/selectField/dropdownMenu.d.ts

@@ -1,5 +1,6 @@
 import { type Accessor, type JSX } from "solid-js";
 import type { Middleware } from "@floating-ui/dom";
+import { type MenuItemProps } from "../../navigation/menu";
 export interface DropdownItem {
     key?: string | number;
     text: string;
@@ -30,7 +31,7 @@ export interface DropdownItemProps {
     value?: undefined | null | string | number | (undefined | null | string | number)[];
     onItemClick: (event: ItemEvent, item: DropdownItem) => void;
     isLoading?: boolean | undefined;
-    optionRenderer?: ((args: import("../../navigation/menu").MenuItemProps) => JSX.Element) | undefined;
+    optionRenderer?: ((args: MenuItemProps) => JSX.Element) | undefined;
     container?: HTMLElement | undefined;
     createOption?: {
         text: JSX.Element;
@@ -38,6 +39,25 @@ export interface DropdownItemProps {
     } | undefined;
     virtualized?: boolean | undefined;
     itemHeight?: number | undefined;
+    /** Id of the listbox; the options' ids follow from it (`dropdownOptionId`). */
+    listboxId?: string | undefined;
+    /** Ids of the elements that name the listbox and the search box in the menu. */
+    labelledBy?: string | undefined;
+    /** Names the listbox and the search box in the menu when no element does. */
+    label?: string | undefined;
+    /** Several options can be selected (`aria-multiselectable`). */
+    multiple?: boolean | undefined;
+    /** Index of the active option, counting `items` and then the create option; -1 for none. */
+    activeIndex?: number | undefined;
+    /** Marks the active option and keeps it in view: the keyboard moved to it. */
+    showActive?: boolean | undefined;
+    /** Attributes and handlers of the search box in the menu, which the field makes a combobox. */
+    searchInputProps?: (JSX.AriaAttributes & Pick<JSX.InputHTMLAttributes<HTMLInputElement>, "onKeyDown">) | undefined;
+    searchInputRef?: ((element: HTMLInputElement) => void) | undefined;
+    /** The menu's root element. */
+    menuRef?: ((element: HTMLDivElement) => void) | undefined;
 }
+/** Id of the option at `index` in the listbox `listboxId`. */
+export declare function dropdownOptionId(listboxId: string, index: number): string;
 export declare function DropdownMenu(props: DropdownItemProps): JSX.Element;
 export default DropdownMenu;