@weasel-js/labkit 1.4.3 → 1.4.4

package/dist/{chunk-MHAGC6VD.js → chunk-W3ECWC2K.js}

@@ -474,13 +474,13 @@ function u4({ children: e23, className: r37, ...i33 }) {
   });
 }
 var c6 = {
-  slider: "_slider_cno0k_1",
-  head: "_head_cno0k_17",
-  label: "_label_cno0k_24",
-  output: "_output_cno0k_30",
-  track: "_track_cno0k_36",
-  fill: "_fill_cno0k_50",
-  thumb: "_thumb_cno0k_59"
+  slider: "_slider_1ll0c_1",
+  head: "_head_1ll0c_17",
+  label: "_label_1ll0c_24",
+  output: "_output_1ll0c_30",
+  track: "_track_1ll0c_36",
+  fill: "_fill_1ll0c_49",
+  thumb: "_thumb_1ll0c_58"
 };
 function l5(l21) {
   let { label: u17, showOutput: d15, formatOutput: f15, className: p13, ...m12 } = l21, h11 = d15 ?? u17 !== void 0;
@@ -3516,7 +3516,7 @@ function Lt(o27) {
   let re3 = [l9.badge, b6].filter(Boolean).join(" "), z4 = !D5 && F5.compose ? F5.compose(I5) : null, ie3 = D5 ?? z4?.base, B4 = ie3 ? Ze[ie3] : null, ae3 = D5 ? O5 : z4?.baseParams, oe3 = D5 ? k5 : z4?.effects ?? k5, se3 = B4 ? {
     ...B4.defaults ?? {},
     ...ae3 ?? {}
-  } : null, ce3 = useRef(null), V4 = _2(ce3, B4), H3 = B4 ? B4.build(se3, V4.w, V4.h) : null, U3 = B4 ? (typeof B4.insets == "function" ? B4.insets(se3) : B4.insets) ?? {
+  } : null, ce3 = useRef(null), V4 = _2(ce3, B4), H4 = B4 ? B4.build(se3, V4.w, V4.h) : null, U3 = B4 ? (typeof B4.insets == "function" ? B4.insets(se3) : B4.insets) ?? {
     top: 0,
     right: 0,
     bottom: 0,
@@ -3544,7 +3544,7 @@ function Lt(o27) {
     onBlur: () => N5(false),
     "aria-label": A5
   }, W3 = (() => {
-    if (!B4 || !H3) return null;
+    if (!B4 || !H4) return null;
     let e23 = (oe3 ?? []).map((e24) => {
       let t34 = $[e24.type];
       if (!t34?.offsetAt) return null;
@@ -3557,15 +3557,15 @@ function Lt(o27) {
         params: n40
       };
     }).filter(Boolean), t33 = S6 ?? 0;
-    if (e23.length === 0 && t33 === 0) return H3;
-    let n39 = 100 / V4.w, r37 = 100 / V4.h, i33 = H3.totalCss, a31 = (a32) => {
-      let o29 = (a32 % i33 + i33) % i33, s24 = H3.perimeterAt(o29), c22 = s24.nx * t33, l21 = s24.ny * t33;
+    if (e23.length === 0 && t33 === 0) return H4;
+    let n39 = 100 / V4.w, r37 = 100 / V4.h, i33 = H4.totalCss, a31 = (a32) => {
+      let o29 = (a32 % i33 + i33) % i33, s24 = H4.perimeterAt(o29), c22 = s24.nx * t33, l21 = s24.ny * t33;
       for (let t34 of e23) {
         let e24 = t34.offsetAt(o29, {
           params: t34.params,
           phase: P5,
           totalCss: i33,
-          perimeterAt: H3.perimeterAt
+          perimeterAt: H4.perimeterAt
         });
         c22 += e24.dx, l21 += e24.dy;
       }
@@ -3693,19 +3693,20 @@ function Lt(o27) {
   });
 }
 var r17 = {
-  button: "_button_wj58b_3",
-  size_sm: "_size_sm_wj58b_110",
-  size_md: "_size_md_wj58b_111",
-  iconOnly: "_iconOnly_wj58b_113",
-  variant_primary: "_variant_primary_wj58b_121",
-  variant_secondary: "_variant_secondary_wj58b_168",
-  variant_ghost: "_variant_ghost_wj58b_203",
-  fullWidth: "_fullWidth_wj58b_220",
-  loading: "_loading_wj58b_221",
-  label: "_label_wj58b_221",
-  iconSlot: "_iconSlot_wj58b_225",
-  spinner: "_spinner_wj58b_239",
-  "wzl-btn-spin": "_wzl-btn-spin_wj58b_1"
+  button: "_button_1aa2p_3",
+  size_sm: "_size_sm_1aa2p_110",
+  size_md: "_size_md_1aa2p_111",
+  iconOnly: "_iconOnly_1aa2p_113",
+  variant_primary: "_variant_primary_1aa2p_121",
+  variant_secondary: "_variant_secondary_1aa2p_168",
+  variant_ghost: "_variant_ghost_1aa2p_203",
+  pressed: "_pressed_1aa2p_220",
+  fullWidth: "_fullWidth_1aa2p_228",
+  loading: "_loading_1aa2p_229",
+  label: "_label_1aa2p_229",
+  iconSlot: "_iconSlot_1aa2p_233",
+  spinner: "_spinner_1aa2p_247",
+  "wzl-btn-spin": "_wzl-btn-spin_1aa2p_1"
 };
 function i14() {
   return /* @__PURE__ */ jsx("span", {
@@ -3734,39 +3735,41 @@ function i14() {
   });
 }
 var a14 = forwardRef(function(n39, a31) {
-  let { variant: o27 = "secondary", size: s24 = "md", disabled: c22, loading: l21, leadingIcon: u17, trailingIcon: d15, fullWidth: f15, iconOnly: p13, ariaLabel: m12, type: h11 = "button", className: g11, style: _10, children: v9, onClick: y7 } = n39;
+  let { variant: o27 = "secondary", size: s24 = "md", pressed: c22, disabled: l21, loading: u17, leadingIcon: d15, trailingIcon: f15, fullWidth: p13, iconOnly: m12, ariaLabel: h11, type: g11 = "button", className: _10, style: v9, children: y7, onClick: b6 } = n39;
   return /* @__PURE__ */ jsxs("button", {
     ref: a31,
-    type: h11,
+    type: g11,
     className: [
       r17.button,
       r17[`variant_${o27}`],
       r17[`size_${s24}`],
-      f15 && r17.fullWidth,
-      p13 && r17.iconOnly,
-      l21 && r17.loading,
-      g11
+      p13 && r17.fullWidth,
+      c22 && r17.pressed,
+      m12 && r17.iconOnly,
+      u17 && r17.loading,
+      _10
     ].filter(Boolean).join(" "),
-    style: _10,
-    disabled: c22,
-    "aria-busy": l21 ? true : void 0,
-    "aria-label": m12,
-    onClick: y7,
+    style: v9,
+    disabled: l21,
+    "aria-busy": u17 ? true : void 0,
+    "aria-pressed": c22,
+    "aria-label": h11,
+    onClick: b6,
     children: [
-      !p13 && (l21 || u17) && /* @__PURE__ */ jsx("span", {
+      !m12 && (u17 || d15) && /* @__PURE__ */ jsx("span", {
         className: r17.iconSlot,
-        children: l21 ? /* @__PURE__ */ jsx(i14, {}) : u17
+        children: u17 ? /* @__PURE__ */ jsx(i14, {}) : d15
       }),
-      p13 ? l21 ? /* @__PURE__ */ jsx(i14, {}) : /* @__PURE__ */ jsx("span", {
+      m12 ? u17 ? /* @__PURE__ */ jsx(i14, {}) : /* @__PURE__ */ jsx("span", {
         className: r17.iconSlot,
-        children: v9
-      }) : v9 !== void 0 && /* @__PURE__ */ jsx("span", {
+        children: y7
+      }) : y7 !== void 0 && /* @__PURE__ */ jsx("span", {
         className: r17.label,
-        children: v9
+        children: y7
       }),
-      !p13 && d15 && /* @__PURE__ */ jsx("span", {
+      !m12 && f15 && /* @__PURE__ */ jsx("span", {
         className: r17.iconSlot,
-        children: d15
+        children: f15
       })
     ]
   });
@@ -4603,18 +4606,18 @@ function n23(e23) {
   return Number(e23.replace("\u2212", "-"));
 }
 var s14 = {
-  root: "_root_123hn_1",
-  row: "_row_123hn_8",
-  track: "_track_123hn_14",
-  trackInner: "_trackInner_123hn_25",
-  thumb: "_thumb_123hn_35",
-  slim: "_slim_123hn_68",
-  readoutsBelow: "_readoutsBelow_123hn_94",
-  readoutBelow: "_readoutBelow_123hn_100",
-  readoutInline: "_readoutInline_123hn_108",
-  notched: "_notched_123hn_116",
-  ticks: "_ticks_123hn_135",
-  tick: "_tick_123hn_135"
+  root: "_root_72t5i_1",
+  row: "_row_72t5i_8",
+  track: "_track_72t5i_14",
+  trackInner: "_trackInner_72t5i_25",
+  thumb: "_thumb_72t5i_35",
+  slim: "_slim_72t5i_68",
+  readoutsBelow: "_readoutsBelow_72t5i_94",
+  readoutBelow: "_readoutBelow_72t5i_100",
+  readoutInline: "_readoutInline_72t5i_108",
+  notched: "_notched_72t5i_116",
+  ticks: "_ticks_72t5i_135",
+  tick: "_tick_72t5i_135"
 };
 function c13(e23, t33, n39) {
   return t33 === void 0 || t33 <= 0 ? e23 : Math.round((e23 - n39) / t33) * t33 + n39;
@@ -4820,7 +4823,7 @@ function y3(e23) {
       ...o27[e24],
       value: p13
     }, b6(o27), x5?.(o27);
-  }, H3 = e23.readoutPlacement ?? "none", U3 = e23.renderReadout, W3 = D5 === "slim", G3 = {};
+  }, H4 = e23.readoutPlacement ?? "none", U3 = e23.renderReadout, W3 = D5 === "slim", G3 = {};
   return W3 && (G3["--rp-track-height"] = "var(--wzl-slider-track-h)", G3["--rp-thumb-size"] = "var(--wzl-slider-thumb-size)"), E5 !== void 0 && (G3["--rp-track-height"] = `${E5}px`), /* @__PURE__ */ jsxs("div", {
     className: [
       s14.root,
@@ -4880,12 +4883,12 @@ function y3(e23) {
             }, n39);
           })
         ]
-      }), H3 === "inline-after" && /* @__PURE__ */ jsx("span", {
+      }), H4 === "inline-after" && /* @__PURE__ */ jsx("span", {
         "data-readout": "inline",
         className: s14.readoutInline,
         children: y7.map((e24, t33) => /* @__PURE__ */ jsxs("span", { children: [t33 > 0 ? " / " : "", U3 ? U3(e24, t33) : v3(e24)] }, t33))
       })]
-    }), H3 === "below-thumb" && /* @__PURE__ */ jsx("div", {
+    }), H4 === "below-thumb" && /* @__PURE__ */ jsx("div", {
       className: s14.readoutsBelow,
       children: y7.map((e24, n39) => /* @__PURE__ */ jsx("span", {
         "data-readout": "below",
@@ -5100,10 +5103,10 @@ function r27(r37) {
   });
 }
 
-// ../ui/dist/chunks/range.module-CgURq-Ua.js
+// ../ui/dist/chunks/range.module-CvSfABmu.js
 var e18 = {
-  range: "_range_1uep0_9",
-  alpha: "_alpha_1uep0_74"
+  range: "_range_1fs1g_9",
+  alpha: "_alpha_1fs1g_74"
 };
 var _4 = {
   angleDeg: 135,
@@ -5737,7 +5740,7 @@ function I2(i33) {
     let e23 = /* @__PURE__ */ new Map();
     for (let t33 of k5.current) e23.set(t33.layer.id, t33.state);
     return e23;
-  }, []), H3 = useCallback((e23) => {
+  }, []), H4 = useCallback((e23) => {
     let t33 = k5.current;
     for (let n39 of t33) {
       let t34 = e23.get(n39.layer.id);
@@ -5748,21 +5751,21 @@ function I2(i33) {
     let e23 = z4.current;
     if (e23.length === 0) return;
     let t33 = e23.pop();
-    B4.current.push(V4()), H3(t33);
+    B4.current.push(V4()), H4(t33);
   }, [
     E5,
     V4,
-    H3
+    H4
   ]), W3 = useCallback(() => {
     if (!E5) return;
     let e23 = B4.current;
     if (e23.length === 0) return;
     let t33 = e23.pop();
-    z4.current.push(V4()), H3(t33);
+    z4.current.push(V4()), H4(t33);
   }, [
     E5,
     V4,
-    H3
+    H4
   ]), G3 = useRef(() => {
   }), K3 = useRef(() => {
   }), q3 = useRef(() => {
@@ -6164,58 +6167,58 @@ function y5({ values: t33, min: n39, max: r37, step: i33, width: a31, height: o2
   });
 }
 var b4 = {
-  panel: "_panel_1x92f_9",
-  list: "_list_1x92f_3",
-  row: "_row_1x92f_4",
-  group: "_group_1x92f_4",
-  subpanel: "_subpanel_1x92f_3",
-  card: "_card_1x92f_14",
-  cardList: "_cardList_1x92f_15",
-  panelTitle: "_panelTitle_1x92f_42",
-  listPairs: "_listPairs_1x92f_3",
-  rowColor: "_rowColor_1x92f_4",
-  span: "_span_1x92f_79",
-  listOneUp: "_listOneUp_1x92f_87",
-  densityTight: "_densityTight_1x92f_98",
-  densityNormal: "_densityNormal_1x92f_110",
-  densityRoomy: "_densityRoomy_1x92f_122",
-  alignStart: "_alignStart_1x92f_144",
-  alignCenter: "_alignCenter_1x92f_149",
-  alignEnd: "_alignEnd_1x92f_154",
-  alignBaseline: "_alignBaseline_1x92f_159",
-  rowLabel: "_rowLabel_1x92f_186",
-  readout: "_readout_1x92f_208",
-  help: "_help_1x92f_220",
-  readoutInput: "_readoutInput_1x92f_252",
-  readoutGroup: "_readoutGroup_1x92f_290",
-  readoutUnit: "_readoutUnit_1x92f_296",
-  fieldUnitGroup: "_fieldUnitGroup_1x92f_303",
-  rowInline: "_rowInline_1x92f_324",
-  toggle: "_toggle_1x92f_342",
-  alpha: "_alpha_1x92f_485",
-  rowBlock: "_rowBlock_1x92f_494",
-  rowCheckbox: "_rowCheckbox_1x92f_514",
-  toggleButton: "_toggleButton_1x92f_557",
-  toggleButtonSelected: "_toggleButtonSelected_1x92f_583",
-  groupTitle: "_groupTitle_1x92f_602",
-  groupHead: "_groupHead_1x92f_624",
-  groupBody: "_groupBody_1x92f_4",
-  groupPairs: "_groupPairs_1x92f_648",
-  groupOneUp: "_groupOneUp_1x92f_661",
-  subpanelTitle: "_subpanelTitle_1x92f_684",
-  cardDragging: "_cardDragging_1x92f_728",
-  cardExpanded: "_cardExpanded_1x92f_732",
-  cardAccented: "_cardAccented_1x92f_736",
-  cardHead: "_cardHead_1x92f_751",
-  cardHandle: "_cardHandle_1x92f_772",
-  cardIndexBadge: "_cardIndexBadge_1x92f_785",
-  cardTitle: "_cardTitle_1x92f_803",
-  cardPrimary: "_cardPrimary_1x92f_813",
-  cardRemove: "_cardRemove_1x92f_828",
-  cardBody: "_cardBody_1x92f_857",
-  cardListWrap: "_cardListWrap_1x92f_869",
-  cardDropHint: "_cardDropHint_1x92f_873",
-  cardListEmpty: "_cardListEmpty_1x92f_881"
+  panel: "_panel_1628n_9",
+  list: "_list_1628n_3",
+  row: "_row_1628n_4",
+  group: "_group_1628n_4",
+  subpanel: "_subpanel_1628n_3",
+  card: "_card_1628n_14",
+  cardList: "_cardList_1628n_15",
+  panelTitle: "_panelTitle_1628n_42",
+  listPairs: "_listPairs_1628n_3",
+  rowColor: "_rowColor_1628n_4",
+  span: "_span_1628n_79",
+  listOneUp: "_listOneUp_1628n_87",
+  densityTight: "_densityTight_1628n_98",
+  densityNormal: "_densityNormal_1628n_110",
+  densityRoomy: "_densityRoomy_1628n_122",
+  alignStart: "_alignStart_1628n_144",
+  alignCenter: "_alignCenter_1628n_149",
+  alignEnd: "_alignEnd_1628n_154",
+  alignBaseline: "_alignBaseline_1628n_159",
+  rowLabel: "_rowLabel_1628n_186",
+  readout: "_readout_1628n_208",
+  help: "_help_1628n_220",
+  readoutInput: "_readoutInput_1628n_252",
+  readoutGroup: "_readoutGroup_1628n_293",
+  readoutUnit: "_readoutUnit_1628n_299",
+  fieldUnitGroup: "_fieldUnitGroup_1628n_306",
+  rowInline: "_rowInline_1628n_327",
+  toggle: "_toggle_1628n_345",
+  alpha: "_alpha_1628n_488",
+  rowBlock: "_rowBlock_1628n_497",
+  rowCheckbox: "_rowCheckbox_1628n_517",
+  toggleButton: "_toggleButton_1628n_560",
+  toggleButtonSelected: "_toggleButtonSelected_1628n_586",
+  groupTitle: "_groupTitle_1628n_605",
+  groupHead: "_groupHead_1628n_627",
+  groupBody: "_groupBody_1628n_4",
+  groupPairs: "_groupPairs_1628n_651",
+  groupOneUp: "_groupOneUp_1628n_664",
+  subpanelTitle: "_subpanelTitle_1628n_687",
+  cardDragging: "_cardDragging_1628n_731",
+  cardExpanded: "_cardExpanded_1628n_735",
+  cardAccented: "_cardAccented_1628n_739",
+  cardHead: "_cardHead_1628n_754",
+  cardHandle: "_cardHandle_1628n_775",
+  cardIndexBadge: "_cardIndexBadge_1628n_788",
+  cardTitle: "_cardTitle_1628n_806",
+  cardPrimary: "_cardPrimary_1628n_816",
+  cardRemove: "_cardRemove_1628n_831",
+  cardBody: "_cardBody_1628n_860",
+  cardListWrap: "_cardListWrap_1628n_872",
+  cardDropHint: "_cardDropHint_1628n_876",
+  cardListEmpty: "_cardListEmpty_1628n_884"
 };
 var x3 = {
   tight: b4.densityTight,
@@ -6305,38 +6308,42 @@ function O3({ label: e23, description: r37 }) {
     children: "\u24D8"
   }) }), /* @__PURE__ */ jsx(l7, { children: r37 })] });
 }
-function k3({ label: t33, value: n39, min: r37, max: i33, step: s24 = 1, onChange: c22, onInput: u17, format: d15, unit: p13, layout: m12, description: g11, span: _10, density: v9, align: y7 }) {
-  let b6 = s24 >= 1 ? 0 : Math.min(6, Math.max(0, Math.ceil(-Math.log10(s24)))), x5 = u17 ?? c22, S6 = u17 ? c22 : void 0, C5 = useRef(null), w6 = useRef(S6);
+function k3(e23) {
+  let t33 = useRef(null), n39 = useRef(e23);
   return useEffect(() => {
-    w6.current = S6;
+    n39.current = e23;
   }), useEffect(() => {
-    let e23 = C5.current;
-    if (!e23) return;
-    let t34 = () => w6.current?.(Number(e23.value));
-    return e23.addEventListener("change", t34), () => e23.removeEventListener("change", t34);
-  }, []), /* @__PURE__ */ jsx(D3, {
-    span: _10,
+    let e24 = t33.current;
+    if (!e24) return;
+    let r37 = () => n39.current?.(e24.value);
+    return e24.addEventListener("change", r37), () => e24.removeEventListener("change", r37);
+  }, []), t33;
+}
+function A3({ label: t33, value: n39, min: r37, max: i33, step: s24 = 1, onChange: c22, onInput: u17, format: d15, unit: f15, layout: p13, description: m12, span: h11, density: g11, align: _10 }) {
+  let v9 = s24 >= 1 ? 0 : Math.min(6, Math.max(0, Math.ceil(-Math.log10(s24)))), y7 = u17 ?? c22, b6 = u17 ? c22 : void 0, x5 = k3(b6 && ((e23) => b6(Number(e23))));
+  return /* @__PURE__ */ jsx(D3, {
+    span: h11,
     label: t33,
-    readout: /* @__PURE__ */ jsx(A3, {
+    readout: /* @__PURE__ */ jsx(j3, {
       value: n39,
       min: r37,
       max: i33,
       format: d15 ?? ((e23) => t21(e23, {
         useGrouping: false,
-        minimumFractionDigits: b6,
-        maximumFractionDigits: b6
+        minimumFractionDigits: v9,
+        maximumFractionDigits: v9
       })),
-      unit: p13,
+      unit: f15,
       onCommit: (e23) => {
-        x5(e23), S6?.(e23);
+        y7(e23), b6?.(e23);
       }
     }),
-    layout: m12,
-    description: g11,
-    density: v9,
-    align: y7,
+    layout: p13,
+    description: m12,
+    density: g11,
+    align: _10,
     children: /* @__PURE__ */ jsx("input", {
-      ref: C5,
+      ref: x5,
       type: "range",
       className: e18.range,
       tabIndex: -1,
@@ -6349,12 +6356,12 @@ function k3({ label: t33, value: n39, min: r37, max: i33, step: s24 = 1, onChang
         a("property-panel", "slider", {
           label: t33,
           value: r38
-        }), x5(r38);
+        }), y7(r38);
       }
     })
   });
 }
-function A3({ value: e23, min: t33, max: n39, format: r37, unit: o27, onCommit: s24 }) {
+function j3({ value: e23, min: t33, max: n39, format: r37, unit: o27, onCommit: s24 }) {
   let [c22, d15] = useState(null), f15 = (e24) => r37 ? r37(e24) : t21(e24, {
     useGrouping: false,
     maximumFractionDigits: 20
@@ -6394,32 +6401,35 @@ function A3({ value: e23, min: t33, max: n39, format: r37, unit: o27, onCommit:
     }), m12]
   });
 }
-function j3({ label: e23, value: t33, onChange: n39, alpha: r37, onAlphaChange: i33, alphaDisabled: a31, layout: s24, description: c22, span: d15, density: f15, align: p13 }) {
+function M3({ label: e23, value: t33, onChange: n39, onInput: r37, alpha: i33, onAlphaChange: a31, onAlphaInput: s24, alphaDisabled: c22, layout: d15, description: f15, span: p13, density: m12, align: h11 }) {
+  let g11 = i33 != null, _10 = r37 ?? n39, v9 = k3(r37 && ((e24) => n39(e24))), y7 = s24 ?? a31, x5 = k3(s24 && a31 && ((e24) => a31(Number(e24))));
   return /* @__PURE__ */ jsxs(D3, {
-    span: d15,
+    span: p13,
     label: e23,
     variant: "color",
-    layout: s24,
-    description: c22,
-    density: f15,
-    align: p13,
+    layout: d15,
+    description: f15,
+    density: m12,
+    align: h11,
     children: [/* @__PURE__ */ jsx("input", {
+      ref: v9,
       type: "color",
       value: t33,
-      onChange: (e24) => n39(e24.target.value)
-    }), r37 != null && /* @__PURE__ */ jsx("input", {
+      onChange: (e24) => _10(e24.target.value)
+    }), g11 && /* @__PURE__ */ jsx("input", {
+      ref: x5,
       type: "range",
       className: `${e18.range} ${e18.alpha} ${b4.alpha}`,
       min: 0,
       max: 1,
       step: 0.01,
-      value: r37,
-      disabled: a31,
-      onChange: (e24) => i33?.(Number(e24.target.value))
+      value: i33,
+      disabled: c22,
+      onChange: (e24) => y7?.(Number(e24.target.value))
     })]
   });
 }
-function M3({ label: e23, value: t33, onChange: n39, layout: r37, span: i33, description: a31, density: o27, align: s24 }) {
+function N2({ label: e23, value: t33, onChange: n39, layout: r37, span: i33, description: a31, density: o27, align: s24 }) {
   return /* @__PURE__ */ jsx(D3, {
     span: i33,
     label: e23,
@@ -6435,7 +6445,7 @@ function M3({ label: e23, value: t33, onChange: n39, layout: r37, span: i33, des
     })
   });
 }
-function N2({ label: e23, value: t33, onChange: n39, placeholder: r37, maxLength: i33, layout: a31, description: o27, span: s24, density: c22, align: u17 }) {
+function P3({ label: e23, value: t33, onChange: n39, placeholder: r37, maxLength: i33, layout: a31, description: o27, span: s24, density: c22, align: u17 }) {
   return /* @__PURE__ */ jsx(D3, {
     span: s24,
     label: e23,
@@ -6452,38 +6462,43 @@ function N2({ label: e23, value: t33, onChange: n39, placeholder: r37, maxLength
     })
   });
 }
-function P3({ label: e23, value: t33, onChange: n39, min: r37, max: i33, step: a31, placeholder: o27, unit: s24, layout: c22, description: d15, span: f15, density: p13, align: m12 }) {
-  let h11 = /* @__PURE__ */ jsx("input", {
+function F3({ label: e23, value: t33, onChange: n39, onInput: r37, min: i33, max: a31, step: o27, placeholder: s24, unit: c22, layout: d15, description: f15, span: p13, density: m12, align: h11 }) {
+  let g11 = r37 ?? n39, _10 = /* @__PURE__ */ jsx("input", {
+    ref: k3(r37 && ((e24) => {
+      if (e24 === "") return;
+      let t34 = Number(e24);
+      Number.isFinite(t34) && n39(t34);
+    })),
     type: "number",
     value: t33,
-    min: r37,
-    max: i33,
-    step: a31,
-    placeholder: o27,
+    min: i33,
+    max: a31,
+    step: o27,
+    placeholder: s24,
     onChange: (e24) => {
       let t34 = e24.target.value;
       if (t34 === "") return;
-      let r38 = Number(t34);
-      Number.isFinite(r38) && n39(r38);
+      let n40 = Number(t34);
+      Number.isFinite(n40) && g11(n40);
     }
   });
   return /* @__PURE__ */ jsx(D3, {
-    span: f15,
+    span: p13,
     label: e23,
-    layout: c22,
-    description: d15,
-    density: p13,
-    align: m12,
-    children: s24 == null ? h11 : /* @__PURE__ */ jsxs("span", {
+    layout: d15,
+    description: f15,
+    density: m12,
+    align: h11,
+    children: c22 == null ? _10 : /* @__PURE__ */ jsxs("span", {
       className: b4.fieldUnitGroup,
-      children: [h11, typeof s24 == "string" ? /* @__PURE__ */ jsx("span", {
+      children: [_10, typeof c22 == "string" ? /* @__PURE__ */ jsx("span", {
         className: b4.readoutUnit,
-        children: s24
-      }) : s24]
+        children: c22
+      }) : c22]
     })
   });
 }
-function F3({ label: t33, value: n39, options: r37, onChange: i33, layout: a31, description: o27, span: s24, density: c22, align: u17 }) {
+function I3({ label: t33, value: n39, options: r37, onChange: i33, layout: a31, description: o27, span: s24, density: c22, align: u17 }) {
   return /* @__PURE__ */ jsx(D3, {
     span: s24,
     label: t33,
@@ -6507,7 +6522,7 @@ function F3({ label: t33, value: n39, options: r37, onChange: i33, layout: a31,
     })
   });
 }
-function I3({ label: e23, value: t33, options: n39, onChange: r37, layout: i33, description: a31, span: o27, density: s24, align: c22 }) {
+function L3({ label: e23, value: t33, options: n39, onChange: r37, layout: i33, description: a31, span: o27, density: s24, align: c22 }) {
   return /* @__PURE__ */ jsx(D3, {
     span: o27,
     label: e23,
@@ -6530,7 +6545,7 @@ function I3({ label: e23, value: t33, options: n39, onChange: r37, layout: i33,
     })
   });
 }
-function L3({ title: e23, children: t33, className: n39, density: r37, align: i33 }) {
+function R2({ title: e23, children: t33, className: n39, density: r37, align: i33 }) {
   return /* @__PURE__ */ jsxs("div", {
     className: C3(b4.subpanel, {
       density: r37,
@@ -6542,7 +6557,7 @@ function L3({ title: e23, children: t33, className: n39, density: r37, align: i3
     }), t33]
   });
 }
-function R2({ title: e23, primary: t33, accent: n39, index: r37, expanded: i33 = true, onToggleExpanded: a31, onRemove: o27, draggable: s24, onPressHandle: c22, onReleaseHandle: d15, onDragStart: f15, onDragEnd: p13, onDragOver: m12, onDragLeave: h11, onDrop: g11, dragging: _10, children: v9, className: y7 }) {
+function z2({ title: e23, primary: t33, accent: n39, index: r37, expanded: i33 = true, onToggleExpanded: a31, onRemove: o27, draggable: s24, onPressHandle: c22, onReleaseHandle: d15, onDragStart: f15, onDragEnd: p13, onDragOver: m12, onDragLeave: h11, onDrop: g11, dragging: _10, children: v9, className: y7 }) {
   let x5 = `${i33 ? ` ${b4.cardExpanded}` : ""}${_10 ? ` ${b4.cardDragging}` : ""}${n39 ? ` ${b4.cardAccented}` : ""}`, S6 = `${b4.card}${x5}${y7 ? ` ${y7}` : ""}`, C5 = n39 ? { "--wzl-effect-card-accent": n39 } : void 0, w6 = a31 ? {
     role: "button",
     tabIndex: 0,
@@ -6570,7 +6585,7 @@ function R2({ title: e23, primary: t33, accent: n39, index: r37, expanded: i33 =
           title: "Drag to reorder",
           onMouseDown: c22,
           onMouseUp: d15,
-          children: /* @__PURE__ */ jsx(z2, {})
+          children: /* @__PURE__ */ jsx(B2, {})
         }) : /* @__PURE__ */ jsx("button", {
           type: "button",
           className: `${b4.cardIndexBadge} ${b4.cardHandle}`,
@@ -6608,7 +6623,7 @@ function R2({ title: e23, primary: t33, accent: n39, index: r37, expanded: i33 =
     })]
   });
 }
-function z2() {
+function B2() {
   return /* @__PURE__ */ jsxs("svg", {
     width: "10",
     height: "14",
@@ -6654,7 +6669,7 @@ function z2() {
     ]
   });
 }
-function B2({ items: e23, renderItem: t33, onReorder: n39, empty: r37, defaultExpandedIds: i33 }) {
+function V2({ items: e23, renderItem: t33, onReorder: n39, empty: r37, defaultExpandedIds: i33 }) {
   let [a31, o27] = useState(() => new Set(i33 ?? [])), [s24, d15] = useState(null), [f15, p13] = useState(null), [m12, h11] = useState(null);
   return e23.length === 0 ? /* @__PURE__ */ jsx(Fragment, { children: r37 ?? /* @__PURE__ */ jsx("div", {
     className: b4.cardListEmpty,
@@ -6715,7 +6730,7 @@ function B2({ items: e23, renderItem: t33, onReorder: n39, empty: r37, defaultEx
     })
   });
 }
-function V2({ title: e23, hidden: t33, collapsible: n39, defaultCollapsed: i33, collapsed: a31, onCollapsedChange: o27, children: s24, className: c22, pack: d15 = "auto-color", density: f15, align: m12 }) {
+function H2({ title: e23, hidden: t33, collapsible: n39, defaultCollapsed: i33, collapsed: a31, onCollapsedChange: o27, children: s24, className: c22, pack: d15 = "auto-color", density: f15, align: m12 }) {
   let h11 = useId(), [_10, v9] = useState(i33 ?? false);
   if (t33) return null;
   let y7 = n39 ?? (i33 !== void 0 || a31 !== void 0 || o27 !== void 0), x5 = y7 && (a31 ?? _10), S6 = () => {
@@ -7202,7 +7217,7 @@ function g10(l21) {
   z4.current = C5;
   let B4 = useRef((e23) => {
     e23.key === "Escape" && z4.current?.();
-  }), V4 = useRef(null), H3 = useCallback((e23) => {
+  }), V4 = useRef(null), H4 = useCallback((e23) => {
     V4.current?.removeEventListener("keydown", B4.current), V4.current = e23, e23?.addEventListener("keydown", B4.current);
   }, []), U3 = useId(), W3 = T5 !== void 0;
   useEffect(() => {
@@ -7261,7 +7276,7 @@ function g10(l21) {
         className: m11.dialog,
         "aria-label": j6,
         "aria-labelledby": M5,
-        ref: H3,
+        ref: H4,
         children: ({ close: e23 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
           (v9 !== void 0 || R5) && /* @__PURE__ */ jsxs("header", {
             className: m11.header,
@@ -7315,6 +7330,6 @@ function Jn(e23, t33) {
   return e23 <= n39 ? t33.cBot : e23 >= r37 ? t33.cTop : e23 <= t33.midL ? t33.cBot + (t33.cPeak - t33.cBot) * ((e23 - n39) / (t33.midL - n39)) : t33.cPeak + (t33.cTop - t33.cPeak) * ((e23 - t33.midL) / (r37 - t33.midL));
 }
 
-export { A4 as A, B2 as B, C4 as C, D3 as D, E4 as E, E3 as E2, F3 as F, I3 as I, Je, Jn, L2 as L, L3 as L2, Lt, M4 as M, M3 as M2, N3 as N, N2, P4 as P, P3 as P2, R2 as R, T4 as T, T3 as T2, U2 as U, V2 as V, _7 as _, _8 as _2, a, a9 as a2, a14 as a3, a20 as a4, b5 as b, b as b2, c11 as c2, c12 as c3, c19 as c4, ce2 as ce, d5 as d, d12 as d2, e14 as e, e15 as e2, f2, f8 as f3, g, g9 as g2, g10 as g3, i, i17 as i2, j4 as j, j3 as j2, k3 as k, l4 as l, l5 as l2, l6 as l3, l18 as l4, le2 as le, m2 as m, n4 as n2, n12 as n3, n21 as n4, n31 as n5, n34 as n6, n38 as n7, o, o14 as o2, o22 as o3, o24 as o4, p4 as p2, qn, r2 as r, r4 as r3, r12 as r4, r20 as r5, r25 as r6, r26 as r7, r27 as r8, r29 as r9, s10 as s, s11 as s2, s12 as s3, s19 as s4, s21 as s5, t2 as t, t11 as t2, t21 as t3, u2, u4 as u3, u7 as u4, u14 as u5, v7 as v, v4 as v2, v8 as v3, w4 as w, w3 as w2, x4 as x, y6 as y, y3 as y2, y5 as y3 };
-//# sourceMappingURL=chunk-MHAGC6VD.js.map
-//# sourceMappingURL=chunk-MHAGC6VD.js.map
+export { A4 as A, A3 as A2, C4 as C, D3 as D, E4 as E, E3 as E2, F3 as F, H2 as H, I3 as I, Je, Jn, L2 as L, L3 as L2, Lt, M4 as M, M3 as M2, N3 as N, N2, P4 as P, P3 as P2, R2 as R, T4 as T, T3 as T2, U2 as U, V2 as V, _7 as _, _8 as _2, a, a9 as a2, a14 as a3, a20 as a4, b5 as b, b as b2, c11 as c2, c12 as c3, c19 as c4, ce2 as ce, d5 as d, d12 as d2, e14 as e, e15 as e2, f2, f8 as f3, g, g9 as g2, g10 as g3, i, i17 as i2, j4 as j, l4 as l, l5 as l2, l6 as l3, l18 as l4, le2 as le, m2 as m, n4 as n2, n12 as n3, n21 as n4, n31 as n5, n34 as n6, n38 as n7, o, o14 as o2, o22 as o3, o24 as o4, p4 as p2, qn, r2 as r, r4 as r3, r12 as r4, r20 as r5, r25 as r6, r26 as r7, r27 as r8, r29 as r9, s10 as s, s11 as s2, s12 as s3, s19 as s4, s21 as s5, t2 as t, t11 as t2, t21 as t3, u2, u4 as u3, u7 as u4, u14 as u5, v7 as v, v4 as v2, v8 as v3, w4 as w, w3 as w2, x4 as x, y6 as y, y3 as y2, y5 as y3, z2 as z };
+//# sourceMappingURL=chunk-W3ECWC2K.js.map
+//# sourceMappingURL=chunk-W3ECWC2K.js.map