@tcn/ui 0.3.0 → 0.3.1

package/dist/inputs/date_picker/date_picker.js

@@ -1,14 +1,14 @@
 import { jsxs as l, jsx as n, Fragment as T } from "react/jsx-runtime";
-import { useSignalValue as y, useSignalValueEffect as B } from "@tcn/state";
+import { useSignalValue as y, useSignalValueEffect as _ } from "@tcn/state";
 import "../../utils/click_away_listener.js";
 import "../../utils/focus_redirect.js";
 import "../../utils/scroll_away_listener.js";
-import Y, { useState as R, useRef as L, useLayoutEffect as r } from "react";
+import Y, { useState as B, useRef as L, useLayoutEffect as r } from "react";
 import { useResizeObserver as O } from "../../utils/hooks/use_resize_observer.js";
 import { HStack as U } from "../../stacks/h_stack.js";
-import { Spacer as V } from "../../stacks/spacer.js";
+import { Spacer as R } from "../../stacks/spacer.js";
 import { VStack as u } from "../../stacks/v_stack.js";
-import { clsx as _ } from "clsx";
+import { clsx as V } from "clsx";
 import { DatePickerBody as $ } from "./date_picker_body.js";
 import { DatePickerHeader as q } from "./date_picker_header.js";
 import { DatePickerPresenter as E } from "./date_picker_presenter.js";
@@ -22,22 +22,22 @@ import '../../date_picker.css';const J = "_date-picker_0a0d8e4", K = "_date-pick
   min: g = null,
   max: b = null,
   minVisibleTimeInMilliseconds: m,
-  maxVisibleTimeInMilliseconds: p,
-  disabledDates: f,
+  maxVisibleTimeInMilliseconds: f,
+  disabledDates: p,
   countryCode: D = "en-US",
   renderActions: P,
   onTimeSelected: S,
   timeIntervalInMinutes: d
 }, H) {
-  const [F, I] = R(0), M = L(!1), j = O((t, o) => {
+  const [F, I] = B(0), M = L(!1), j = O((t, o) => {
     I(o);
-  }), [e] = R(() => {
+  }), [e] = B(() => {
     const t = /* @__PURE__ */ new Date(), o = i == null ? t.getFullYear() : i.getFullYear(), c = i == null ? t.getMonth() : i.getMonth();
     return new E(i, o, c, s);
   }), a = y(e.stateBroadcast), z = y(e.valueBroadcast), N = a.error;
-  return B((t) => {
+  return _((t) => {
     N !== t && x && x(t);
-  }, e.errorBroadcast), B((t) => {
+  }, e.errorBroadcast), _((t) => {
     M.current ? k && k(t) : M.current = !0;
   }, e.valueBroadcast), r(() => {
     e.initialize();
@@ -48,12 +48,12 @@ import '../../date_picker.css';const J = "_date-picker_0a0d8e4", K = "_date-pick
   }, [e, g]), r(() => {
     e.setMaxDate(b);
   }, [e, b]), r(() => {
-    f == null ? e.setDisabledDates([]) : e.setDisabledDates(f);
-  }, [e, f]), r(() => {
+    p == null ? e.setDisabledDates([]) : e.setDisabledDates(p);
+  }, [e, p]), r(() => {
     typeof m == "number" && e.setMinVisibleTime(m);
   }, [e, m]), r(() => {
-    typeof p == "number" && e.setMaxVisibleTime(p);
-  }, [e, p]), r(() => {
+    typeof f == "number" && e.setMaxVisibleTime(f);
+  }, [e, f]), r(() => {
     typeof d == "number" && e.setTimeIntervalInMinutes(d);
   }, [e, d]), r(() => {
     e.selectDate(i);
@@ -63,7 +63,7 @@ import '../../date_picker.css';const J = "_date-picker_0a0d8e4", K = "_date-pick
       ref: H,
       width: "auto",
       height: "auto",
-      className: _(w["date-picker"], "date-picker"),
+      className: V(w["date-picker"], "date-picker"),
       tabIndex: 0,
       children: [
         /* @__PURE__ */ l(
@@ -73,7 +73,7 @@ import '../../date_picker.css';const J = "_date-picker_0a0d8e4", K = "_date-pick
             inline: !0,
             height: "auto",
             width: "auto",
-            className: _(w["date-picker-box"], "date-picker-box"),
+            className: V(w["date-picker-box"], "date-picker-box"),
             "data-is-disabled": h,
             children: [
               /* @__PURE__ */ l(u, { height: "auto", children: [
@@ -81,12 +81,12 @@ import '../../date_picker.css';const J = "_date-picker_0a0d8e4", K = "_date-pick
                 /* @__PURE__ */ n($, { countryCode: D, presenter: e })
               ] }),
               P && /* @__PURE__ */ n(u, { paddingInline: "8px", children: P(e) }),
-              /* @__PURE__ */ n(V, { height: "8px" })
+              /* @__PURE__ */ n(R, { height: "8px" })
             ]
           }
         ),
         s && /* @__PURE__ */ l(T, { children: [
-          /* @__PURE__ */ n(V, { width: "8px" }),
+          /* @__PURE__ */ n(R, { width: "8px" }),
           /* @__PURE__ */ n(
             G,
             {

package/dist/inputs/date_picker/date_picker_body.js

@@ -7,7 +7,7 @@ import { Spacer as c } from "../../stacks/spacer.js";
 import { VStack as d } from "../../stacks/v_stack.js";
 import { DatePickerDate as g } from "./date_picker_date.js";
 import { DatePickerDay as k } from "./date_picker_day.js";
-function V({ presenter: o, countryCode: p }) {
+function j({ presenter: o, countryCode: p }) {
   const { visibleDates: i } = n(o.stateBroadcast), a = [];
   for (let t = 0; t < i.length; t += 7)
     a.push(i.slice(t, t + 7));
@@ -21,6 +21,6 @@ function V({ presenter: o, countryCode: p }) {
   ] });
 }
 export {
-  V as DatePickerBody
+  j as DatePickerBody
 };
 //# sourceMappingURL=date_picker_body.js.map

package/dist/inputs/date_picker/date_picker_input.js

@@ -1,8 +1,8 @@
-import { jsxs as m, Fragment as q, jsx as o } from "react/jsx-runtime";
+import { jsxs as u, Fragment as q, jsx as o } from "react/jsx-runtime";
 import B, { useState as L, useRef as M, useCallback as V, useMemo as W, useLayoutEffect as Z } from "react";
 import { ZStack as G } from "../../stacks/z_stack.js";
 import { Popper as H } from "../../overlay/popper/legacy/popper.js";
-import { clsx as u } from "clsx";
+import { clsx as m } from "clsx";
 import "../../actions/button/base_button/base_button.js";
 import "../../actions/button/button_group/button_group.js";
 import "../../actions/button/slim_button/slim_button.js";
@@ -33,17 +33,17 @@ import '../../date_picker_input.css';const U = "_button_f404820", X = "_popover_
     countryCode: s,
     renderActions: S,
     onTimeSelected: w,
-    ...b
-  }, v) => {
-    const [n, a] = L(null), C = n != null, i = M(null), p = V((t) => t.closest(".suggestion-list") != null, []), F = W(() => {
+    ..._
+  }, b) => {
+    const [n, a] = L(null), v = n != null, i = M(null), p = V((t) => t.closest(".suggestion-list") != null, []), C = W(() => {
       const t = {
         year: "numeric",
         month: "short",
         day: "numeric"
       };
       return r && (t.hour = "numeric", t.minute = "2-digit", t.hour12 = !0), new Intl.DateTimeFormat(s, t);
-    }, [s, r]), P = c != null ? F.format(c) : R;
-    function O(t) {
+    }, [s, r]), F = c != null ? C.format(c) : R;
+    function P(t) {
       a(t.currentTarget);
     }
     function e() {
@@ -54,7 +54,7 @@ import '../../date_picker_input.css';const U = "_button_f404820", X = "_popover_
         n != null && i.current && i.current.focus();
       });
     }, [n]);
-    function _(t) {
+    function O(t) {
       t.key === "Escape" && e();
     }
     function I() {
@@ -67,20 +67,20 @@ import '../../date_picker_input.css';const U = "_button_f404820", X = "_popover_
     function j(t, z, K) {
       w?.(t, z, K), e();
     }
-    return /* @__PURE__ */ m(q, { children: [
+    return /* @__PURE__ */ u(q, { children: [
       /* @__PURE__ */ o(
         J,
         {
-          ref: v,
-          className: u(f.button, "select"),
+          ref: b,
+          className: m(f.button, "select"),
           hAlign: "start",
           disabled: l,
           hierarchy: A,
-          onClick: O,
+          onClick: P,
           width: y,
           maxWidth: D,
-          ...b,
-          children: /* @__PURE__ */ o("span", { className: "ellipsis", children: P })
+          ..._,
+          children: /* @__PURE__ */ o("span", { className: "ellipsis", children: F })
         }
       ),
       /* @__PURE__ */ o(
@@ -95,16 +95,16 @@ import '../../date_picker_input.css';const U = "_button_f404820", X = "_popover_
           horizontalAnchor: "start",
           verticalOrigin: "top",
           horizontalOrigin: "start",
-          open: C,
+          open: v,
           isClickAwayException: p,
           isScrollAwayException: p,
           restoreFocus: !0,
-          children: /* @__PURE__ */ m(
+          children: /* @__PURE__ */ u(
             G,
             {
               padding: "8px",
-              className: u(f.popover, "date-picker-popover"),
-              onKeyDown: _,
+              className: m(f.popover, "date-picker-popover"),
+              onKeyDown: O,
               children: [
                 /* @__PURE__ */ o(
                   Q,

package/dist/inputs/input/input.js

@@ -1,11 +1,11 @@
 import { jsx as d } from "react/jsx-runtime";
-import { clsx as o } from "clsx";
-import f from "react";
-import '../../input.css';const c = "_input_a16553f", m = { input: c }, I = f.forwardRef(function({ type: i = "text", style: s, className: n, width: r, height: l, onChange: a, ...t }, u) {
+import { clsx as f } from "clsx";
+import o from "react";
+import '../../input.css';const c = "_input_a16553f", m = { input: c }, y = o.forwardRef(function({ type: i = "text", style: s, className: n, width: r, height: l, onChange: a, ...t }, u) {
   return /* @__PURE__ */ d(
     "input",
     {
-      className: o(m.input, n, "input"),
+      className: f(m.input, n, "input"),
       type: i,
       ref: u,
       "data-is-disabled": t.disabled || !1,
@@ -19,6 +19,6 @@ import '../../input.css';const c = "_input_a16553f", m = { input: c }, I = f.for
   );
 });
 export {
-  I as Input
+  y as Input
 };
 //# sourceMappingURL=input.js.map

package/dist/inputs/mask_input/key_capture_input.js

@@ -2,12 +2,12 @@ import { jsx as L } from "react/jsx-runtime";
 import "../../utils/click_away_listener.js";
 import "../../utils/focus_redirect.js";
 import "../../utils/scroll_away_listener.js";
-import j, { useRef as e } from "react";
-import { useForkRef as B } from "../../utils/hooks/use_fork_ref.js";
+import _, { useRef as e } from "react";
+import { useForkRef as j } from "../../utils/hooks/use_fork_ref.js";
 import "../../utils/hooks/use_resize_observer.js";
-import { Input as D } from "../input/input.js";
-const O = j.forwardRef(function({ onKeyCapture: n, onKeyDown: m, onInput: d, ...E }, v) {
-  const p = e(0), c = e(0), r = e(0), u = e(0), x = e(0), o = e(0), i = e(null), P = B(v, i);
+import { Input as B } from "../input/input.js";
+const N = _.forwardRef(function({ onKeyCapture: n, onKeyDown: m, onInput: d, ...E }, v) {
+  const p = e(0), c = e(0), r = e(0), u = e(0), x = e(0), o = e(0), i = e(null), P = j(v, i);
   function g(f) {
     const t = i.current;
     t != null && (p.current = t.value.length, c.current = t.selectionStart == null ? 0 : t.selectionStart, r.current = t.selectionEnd == null ? 0 : t.selectionEnd, o.current = r.current, u.current = Math.min(
@@ -71,9 +71,9 @@ const O = j.forwardRef(function({ onKeyCapture: n, onKeyDown: m, onInput: d, ...
     }
     d && d(f);
   }
-  return /* @__PURE__ */ L(D, { ref: P, onKeyDown: g, onInput: I, ...E });
+  return /* @__PURE__ */ L(B, { ref: P, onKeyDown: g, onInput: I, ...E });
 });
 export {
-  O as KeyCaptureInput
+  N as KeyCaptureInput
 };
 //# sourceMappingURL=key_capture_input.js.map

package/dist/inputs/mask_input/mask_input.js

@@ -6,8 +6,8 @@ import "../../utils/scroll_away_listener.js";
 import A, { useRef as I, useState as j, useLayoutEffect as p } from "react";
 import { useForkRef as K } from "../../utils/hooks/use_fork_ref.js";
 import "../../utils/hooks/use_resize_observer.js";
-import { KeyCaptureInput as F } from "./key_capture_input.js";
-import { MaskPresenter as _ } from "./mask_presenter.js";
+import { KeyCaptureInput as _ } from "./key_capture_input.js";
+import { MaskPresenter as F } from "./mask_presenter.js";
 const Y = A.forwardRef(
   function({
     value: m = "",
@@ -21,7 +21,7 @@ const Y = A.forwardRef(
     prepareCopyValue: y = (i) => i,
     ...C
   }, E) {
-    const i = Array.isArray(c) ? c : [c], f = I(null), D = K(E, f), [e] = j(() => new _(i)), P = B(e.valueBroadcast);
+    const i = Array.isArray(c) ? c : [c], f = I(null), D = K(E, f), [e] = j(() => new F(i)), P = B(e.valueBroadcast);
     B(e.maskConfigsBroadcast);
     function T(t, s, n, o, l, r) {
       switch (n != null ? e.setSelection(n.start, n.end) : e.forceMoveCursorTo(o), s) {
@@ -103,7 +103,7 @@ const Y = A.forwardRef(
         document.removeEventListener("selectionchange", l), document.removeEventListener("mousedown", n), document.removeEventListener("keydown", o);
       };
     }, [e]), /* @__PURE__ */ V(
-      F,
+      _,
       {
         value: P,
         ref: D,

package/dist/inputs/multi_combo_box/multi_combo_box.js

@@ -1,12 +1,12 @@
 import { jsx as t, jsxs as h, Fragment as C } from "react/jsx-runtime";
-import O, { useState as N } from "react";
+import O, { useState as _ } from "react";
 import { ComboBox as v } from "../combo_box/combo_box.js";
-import { MultiselectInlineValues as R } from "../multiselect/multiselect_inline_values.js";
-import { MultiselectValues as T } from "../multiselect/multiselect_values.js";
-import { makeAvailableOptions as g } from "../options/utils.js";
-import { Option as j } from "../options/option.js";
-import { clsx as k } from "clsx";
-import { VStack as _ } from "../../stacks/v_stack.js";
+import { MultiselectInlineValues as N } from "../multiselect/multiselect_inline_values.js";
+import { MultiselectValues as R } from "../multiselect/multiselect_values.js";
+import { makeAvailableOptions as T } from "../options/utils.js";
+import { Option as g } from "../options/option.js";
+import { clsx as j } from "clsx";
+import { VStack as k } from "../../stacks/v_stack.js";
 import '../../multi_combo_box.css';const E = "_multi-combo-box-container_9528df3", F = { "multi-combo-box-container": E }, P = O.forwardRef(function({
   value: e = [],
   children: M,
@@ -19,11 +19,11 @@ import '../../multi_combo_box.css';const E = "_multi-combo-box-container_9528df3
   inputProps: m,
   ...y
 }, S) {
-  const [f, l] = N(""), p = O.Children.toArray(
+  const [f, l] = _(""), u = O.Children.toArray(
     M
-  ), u = g(p, e), d = e.map((o) => {
-    const i = p.find((a) => a.props.value === o);
-    return i ?? /* @__PURE__ */ t(j, { value: o, label: o, children: o });
+  ), p = T(u, e), d = e.map((o) => {
+    const i = u.find((a) => a.props.value === o);
+    return i ?? /* @__PURE__ */ t(g, { value: o, label: o, children: o });
   });
   function x(o) {
     if (e.indexOf(o.props.value) > -1) {
@@ -49,11 +49,11 @@ import '../../multi_combo_box.css';const E = "_multi-combo-box-container_9528df3
         noOptionMatchedMessage: "Press Enter To Add",
         placeholder: "Type to Add",
         ...m,
-        children: u
+        children: p
       }
     ),
     /* @__PURE__ */ t(
-      R,
+      N,
       {
         values: d,
         disabled: n,
@@ -61,11 +61,11 @@ import '../../multi_combo_box.css';const E = "_multi-combo-box-container_9528df3
       }
     )
   ] }) : /* @__PURE__ */ h(
-    _,
+    k,
     {
       ref: S,
       ...y,
-      className: k(F["multi-combo-box-container"], A),
+      className: j(F["multi-combo-box-container"], A),
       children: [
         /* @__PURE__ */ t(
           v,
@@ -79,11 +79,11 @@ import '../../multi_combo_box.css';const E = "_multi-combo-box-container_9528df3
             noOptionMatchedMessage: "No Options Matched",
             placeholder: "Type to Search or Add",
             ...m,
-            children: u
+            children: p
           }
         ),
         /* @__PURE__ */ t(
-          T,
+          R,
           {
             values: d,
             onRemove: x,

package/dist/inputs/multiselect/multiselect.js

@@ -1,9 +1,9 @@
-import { jsxs as v, Fragment as j, jsx as l } from "react/jsx-runtime";
-import A, { useRef as V, useLayoutEffect as q } from "react";
-import { Spacer as C } from "../../stacks/spacer.js";
-import { VStack as E } from "../../stacks/v_stack.js";
-import { MultiselectInlineValues as N } from "./multiselect_inline_values.js";
-import { MultiselectValues as _ } from "./multiselect_values.js";
+import { jsxs as v, Fragment as w, jsx as l } from "react/jsx-runtime";
+import A, { useRef as V, useLayoutEffect as j } from "react";
+import { Spacer as q } from "../../stacks/spacer.js";
+import { VStack as C } from "../../stacks/v_stack.js";
+import { MultiselectInlineValues as E } from "./multiselect_inline_values.js";
+import { MultiselectValues as N } from "./multiselect_values.js";
 import { makeAvailableOptions as g, makeValuesAsOptions as I } from "../options/utils.js";
 import { Select as S } from "../select/select.js";
 import "../../utils/click_away_listener.js";
@@ -26,7 +26,7 @@ import '../../multiselect.css';const $ = "_multiselect-container_009951a", z = {
   const r = V(null), F = L(m, r), c = e[e.length - 1] || null, O = V(null), f = A.Children.toArray(
     x
   ), p = g(f, e), d = I(f, e);
-  q(() => {
+  j(() => {
     const t = O.current;
     c != null && t != null && (t.querySelector(`[data-value='${c}']`)?.focus(), requestAnimationFrame(() => {
       r.current && r.current.focus();
@@ -37,11 +37,11 @@ import '../../multiselect.css';const $ = "_multiselect-container_009951a", z = {
   }
   function R(t) {
     if (e.indexOf(t.props.value) > -1) {
-      const M = e.filter((w) => w !== t.props.value);
+      const M = e.filter((_) => _ !== t.props.value);
       n && n(M);
     }
   }
-  return y ? /* @__PURE__ */ v(j, { children: [
+  return y ? /* @__PURE__ */ v(w, { children: [
     /* @__PURE__ */ l(
       S,
       {
@@ -55,9 +55,9 @@ import '../../multiselect.css';const $ = "_multiselect-container_009951a", z = {
         children: p
       }
     ),
-    /* @__PURE__ */ l(C, { width: "8px" }),
+    /* @__PURE__ */ l(q, { width: "8px" }),
     /* @__PURE__ */ l(
-      N,
+      E,
       {
         values: d,
         onRemove: R,
@@ -65,7 +65,7 @@ import '../../multiselect.css';const $ = "_multiselect-container_009951a", z = {
       }
     )
   ] }) : /* @__PURE__ */ v(
-    E,
+    C,
     {
       width: s,
       minWidth: i,
@@ -88,7 +88,7 @@ import '../../multiselect.css';const $ = "_multiselect-container_009951a", z = {
           }
         ),
         /* @__PURE__ */ l(
-          _,
+          N,
           {
             disabled: o,
             values: d,

package/dist/inputs/multiselect/multiselect_row.js

@@ -3,21 +3,21 @@ import R from "react";
 import { useSignalValue as p } from "@tcn/state";
 import { HField as E } from "../../form/field/h_field/h_field.js";
 import { Multiselect as S } from "./multiselect.js";
-const C = R.forwardRef(function({ presenter: r, children: c, id: u, ...m }, d) {
+const j = R.forwardRef(function({ presenter: r, children: c, id: u, ...m }, d) {
   let n = [];
-  const s = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), f = p(r.optionsBroadcast), { value: g, label: M, description: w, error: v } = p(r.stateBroadcast), V = f.map((e, o) => {
+  const a = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), f = p(r.optionsBroadcast), { value: g, label: M, description: w, error: v } = p(r.stateBroadcast), V = f.map((e, o) => {
     const t = c(e, o);
-    return s.set(e, t.props.value), a.set(t.props.value, e), t;
+    return a.set(e, t.props.value), l.set(t.props.value, e), t;
   });
   function h(e) {
     const o = e.map((t) => {
-      const l = a.get(t);
-      if (l == null) throw new Error(`Invalid value: ${t}`);
-      return l;
+      const s = l.get(t);
+      if (s == null) throw new Error(`Invalid value: ${t}`);
+      return s;
     });
     o && r.setValue(o);
   }
-  return n = g.map((e) => s.get(e) || "") || [], /* @__PURE__ */ i(
+  return n = g.map((e) => a.get(e) || "") || [], /* @__PURE__ */ i(
     E,
     {
       id: u,
@@ -30,6 +30,6 @@ const C = R.forwardRef(function({ presenter: r, children: c, id: u, ...m }, d) {
   );
 });
 export {
-  C as MultiselectRow
+  j as MultiselectRow
 };
 //# sourceMappingURL=multiselect_row.js.map

package/dist/inputs/phone_number_input/phone_number_input.js

@@ -14,13 +14,13 @@ import { countriesPhoneInformation as $ } from "./countries_phone_information.js
 import { NotebookIcon as Ie } from "@tcn/icons/notebook_icon.js";
 import { Option as F } from "../options/option.js";
 import { SuggestionList as Ne } from "../suggestions/suggestion_list.js";
-import { stripNonNumericAfterCountryCode as S } from "./utils.js";
+import { stripNonNumericAfterCountryCode as _ } from "./utils.js";
 import "../../utils/click_away_listener.js";
 import "../../utils/focus_redirect.js";
 import "../../utils/scroll_away_listener.js";
 import { useForkRef as ye } from "../../utils/hooks/use_fork_ref.js";
 import "../../utils/hooks/use_resize_observer.js";
-import '../../phone_number_input.css';const xe = "_phone-number-input_5c4483d", ge = "_phone-number-input-select_a7b33ac", Pe = "_phone-number-input-input_5b14556", Se = "_phone-number-input-phone-book-popover_1511f35", _e = "_phone-number-input-phone-book_7999ca1", Be = "_phone-number-input-obfuscated_5a0ed8c", f = { "phone-number-input": xe, "phone-number-input-select": ge, "phone-number-input-input": Pe, "phone-number-input-phone-book-popover": Se, "phone-number-input-phone-book": _e, "phone-number-input-obfuscated": Be }, Oe = "•";
+import '../../phone_number_input.css';const xe = "_phone-number-input_5c4483d", ge = "_phone-number-input-select_a7b33ac", Pe = "_phone-number-input-input_5b14556", _e = "_phone-number-input-phone-book-popover_1511f35", Se = "_phone-number-input-phone-book_7999ca1", Be = "_phone-number-input-obfuscated_5a0ed8c", f = { "phone-number-input": xe, "phone-number-input-select": ge, "phone-number-input-input": Pe, "phone-number-input-phone-book-popover": _e, "phone-number-input-phone-book": Se, "phone-number-input-obfuscated": Be }, Oe = "•";
 function Ve(o) {
   return o.map((n) => ({
     ...n,
@@ -66,7 +66,7 @@ function Me(o) {
       n.value
     ));
 }
-function _(o, n, r) {
+function S(o, n, r) {
   for (let h = 5; h > 1; h--) {
     const c = o.slice(0, h), u = B.get(c);
     if (u != null) {
@@ -93,13 +93,13 @@ const Ye = me.forwardRef(function({
 }, ne) {
   const N = Y(n), [j, V] = m(
     null
-  ), z = j != null, [b, M] = m(c), H = _(
+  ), z = j != null, [b, M] = m(c), H = S(
     n,
     b,
     c
   ), [y, x] = m(() => {
     const e = n.split(H.prefix)[1];
-    return e == null ? "" : S(e);
+    return e == null ? "" : _(e);
   }), D = Z(() => fe.toArray(T).filter(
     (e) => he(e) && e.type === F
   ), [T]), R = D.length > 0, [C, g] = m(H.code), [W, P] = m([
@@ -109,11 +109,11 @@ const Ye = me.forwardRef(function({
     const t = k.get(e);
     if (t == null || (g(t.code), P([...t.masks]), M(t.code), y == null))
       return;
-    const p = `${t.prefix}${S(y)}`;
+    const p = `${t.prefix}${_(y)}`;
     N.current = p, u && u(p, !1);
   }
   A(() => {
-    const e = _(
+    const e = S(
       n,
       b,
       c
@@ -121,7 +121,7 @@ const Ye = me.forwardRef(function({
     g(e.code), P([...e.masks]), M(e.code);
   }, [n, b, c]);
   function ue(e) {
-    const t = k.get(C)?.prefix, p = S(e), s = t + p;
+    const t = k.get(C)?.prefix, p = _(e), s = t + p;
     a && E(!1), N.current = s, y !== e && x(e), u && u(s, !1);
   }
   function se(e) {
@@ -135,7 +135,7 @@ const Ye = me.forwardRef(function({
   }
   function ce(e) {
     if (e.startsWith("+")) {
-      const t = _(
+      const t = S(
         e,
         b,
         c
@@ -148,12 +148,12 @@ const Ye = me.forwardRef(function({
   }
   function ae(e) {
     G(!0), E(!1), x(e);
-    const t = k.get(C)?.prefix, p = S(e), s = t + p;
+    const t = k.get(C)?.prefix, p = _(e), s = t + p;
     N.current = s, u && u(s, !1);
   }
   const w = be(
     (e, t = !1) => {
-      const p = N.current, s = _(
+      const p = N.current, s = S(
         e,
         b,
         c

package/dist/inputs/radio/radio.js

@@ -3,32 +3,32 @@ import { clsx as x } from "clsx";
 import h from "react";
 import { HStack as p } from "../../stacks/h_stack.js";
 import '../../radio.css';const y = "_radio_ce5c4e1", R = { radio: y };
-let g = 0;
-function k(o) {
-  return o ?? `radio-${g++}`;
+let _ = 0;
+function g(o) {
+  return o ?? `radio-${_++}`;
 }
-const C = h.forwardRef(function({
+const j = h.forwardRef(function({
   name: l,
   id: s,
   label: a,
   className: c,
   checked: r,
   backgroundColor: u,
-  value: m,
+  value: f,
   onChange: e,
   ...t
-}, f) {
-  const d = k(s);
+}, m) {
+  const d = g(s);
   return /* @__PURE__ */ b(p, { inline: !0, width: "auto", children: [
     /* @__PURE__ */ n(
       "input",
       {
-        ref: f,
+        ref: m,
         className: x(c, R.radio, "radio"),
         type: "radio",
         id: d,
         name: l,
-        value: m,
+        value: f,
         style: { backgroundColor: u },
         checked: r,
         "data-checked": r,
@@ -52,6 +52,6 @@ const C = h.forwardRef(function({
   ] });
 });
 export {
-  C as Radio
+  j as Radio
 };
 //# sourceMappingURL=radio.js.map

package/dist/inputs/radio/radio_row.js

@@ -4,14 +4,14 @@ import r, { useState as c } from "react";
 import { HField as d } from "../../form/field/h_field/h_field.js";
 import { FieldPresenter as R } from "../../form/field_presenters/field_presenter.js";
 function C({ presenter: t, id: n, ...a }) {
-  const [o] = c(() => t ?? new R("Label", "")), { label: i, value: s, description: l, error: m } = f(
+  const [o] = c(() => t ?? new R("Label", "")), { label: i, value: s, description: l, error: u } = f(
     o.stateBroadcast
-  ), u = r.Children.map(a.children, (e) => !r.isValidElement(e) || e.type !== "Radio" ? e : r.cloneElement(e, {
+  ), m = r.Children.map(a.children, (e) => !r.isValidElement(e) || e.type !== "Radio" ? e : r.cloneElement(e, {
     ...e.props,
     checked: s === e.props,
     onChange: o.setValue
   }));
-  return /* @__PURE__ */ p(d, { id: n, label: i, description: l, errorMessage: m, children: u });
+  return /* @__PURE__ */ p(d, { id: n, label: i, description: l, errorMessage: u, children: m });
 }
 export {
   C as RadioRow