@koide-labs/ui 0.1.3 → 0.1.4

package/dist/components/radio-group/radio-group.js

@@ -4,23 +4,23 @@ import * as o from "react";
 import { createContext as Ee, useContext as Ne } from "react";
 import { u as Ve } from "../../useControlled-Du4sJyMj.js";
 import { E as ce, b as de, u as re, N as F, d as fe, m as Pe } from "../../useRenderElement-DngNDu_P.js";
-import { u as w } from "../../useStableCallback-DKZHlUAT.js";
+import { u as G } from "../../useStableCallback-DKZHlUAT.js";
 import { v as pe } from "../../visuallyHidden-CpJ-mhai.js";
 import { u as me } from "../../useBaseUiId-B7WyxtIE.js";
 import { S as Ie } from "../../composite-BwEK5cWH.js";
 import { u as ke, A as Oe, C as Me } from "../../CompositeRoot-CCgh2M64.js";
 import { f as Ce, a as he, u as Re, c as Fe, b as Te } from "../../LabelableContext-Be1u-eFg.js";
 import { f as ye } from "../../formatErrorMessage-BqPuTBN-.js";
-import { u as Ge } from "../../useValueChanged-MJRmEWz1.js";
-import { f as Se } from "../../element-u5WgOZX1.js";
-import { View as we } from "../view/view.js";
-import { Text as qe } from "../text/text.js";
+import { u as we } from "../../useValueChanged-MJRmEWz1.js";
+import { f as qe } from "../../element-u5WgOZX1.js";
+import { View as Ge } from "../view/view.js";
+import { Text as Se } from "../text/text.js";
 import { t as De, u as Be } from "../../useOpenChangeComplete-BHd-N7Ig.js";
-import { u as Ke } from "../../useTransitionStatus-CmMyUh74.js";
-import { u as Le } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
-import { c as Ue, n as Ye } from "../../createBaseUIEventDetails-CCSfZ2vM.js";
-import { u as je } from "../../FieldItemContext-DAvk99to.js";
-import { u as ze } from "../../useLabelableId-CX4tcfzK.js";
+import { u as ze } from "../../useTransitionStatus-CmMyUh74.js";
+import { u as Ke } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
+import { c as Le, n as Ue } from "../../createBaseUIEventDetails-CCSfZ2vM.js";
+import { u as Ye } from "../../FieldItemContext-DAvk99to.js";
+import { u as je } from "../../useLabelableId-CX4tcfzK.js";
 import { u as He } from "../../useButton-d3_JgBNr.js";
 import '../../radio-group.css';function Je(e) {
   const {
@@ -34,27 +34,27 @@ import '../../radio-group.css';function Je(e) {
     tag: s = "div",
     ...y
   } = e, {
-    compositeProps: b,
-    compositeRef: _
+    compositeProps: g,
+    compositeRef: x
   } = ke({
     metadata: r
   });
   return re(s, e, {
     state: h,
-    ref: [...m, _],
-    props: [b, ...R, y],
+    ref: [...m, x],
+    props: [g, ...R, y],
     stateAttributesMapping: a
   });
 }
-const ge = /* @__PURE__ */ o.createContext({
+const be = /* @__PURE__ */ o.createContext({
   legendId: void 0,
   setLegendId: () => {
   },
   disabled: void 0
 });
-process.env.NODE_ENV !== "production" && (ge.displayName = "FieldsetRootContext");
+process.env.NODE_ENV !== "production" && (be.displayName = "FieldsetRootContext");
 function We(e = !1) {
-  const n = o.useContext(ge);
+  const n = o.useContext(be);
   if (!n && !e)
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldsetRootContext is missing. Fieldset parts must be placed within <Fieldset.Root>." : ye(86));
   return n;
@@ -96,7 +96,7 @@ function Ae() {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: RadioRootContext is missing. Radio parts must be placed within <Radio.Root>." : ye(52));
   return e;
 }
-const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
+const ge = /* @__PURE__ */ o.forwardRef(function(n, u) {
   const {
     render: h,
     className: R,
@@ -105,15 +105,15 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
     required: a = !1,
     value: s,
     inputRef: y,
-    nativeButton: b = !1,
-    id: _,
+    nativeButton: g = !1,
+    id: x,
     ...E
   } = n, {
     disabled: N,
     readOnly: V,
-    required: q,
+    required: S,
     checkedValue: T,
-    setCheckedValue: G,
+    setCheckedValue: w,
     touched: H,
     setTouched: J,
     validation: W,
@@ -123,28 +123,28 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
     validityData: D,
     setTouched: B,
     setFilled: I,
-    state: K,
+    state: z,
     disabled: $
-  } = he(), A = je(), {
-    labelId: g,
-    getDescriptionProps: v
-  } = Re(), i = $ || A.disabled || N || m, t = V || r, x = q || a, c = T === s, k = o.useRef(null), C = o.useRef(null), S = fe(y, C);
-  Le(() => {
+  } = he(), A = Ye(), {
+    labelId: b,
+    getDescriptionProps: _
+  } = Re(), i = $ || A.disabled || N || m, t = V || r, v = S || a, c = T === s, k = o.useRef(null), C = o.useRef(null), q = fe(y, C);
+  Ke(() => {
     C.current?.checked && I(!0);
   }, [I]);
-  const L = me(), O = ze({
-    id: _,
+  const K = me(), O = je({
+    id: x,
     implicit: !1,
     controlRef: k
   }), Q = {
     role: "radio",
     "aria-checked": c,
-    "aria-required": x || void 0,
+    "aria-required": v || void 0,
     "aria-disabled": i || void 0,
     "aria-readonly": t || void 0,
-    "aria-labelledby": g,
+    "aria-labelledby": b,
     [Oe]: c ? "" : void 0,
-    id: L,
+    id: K,
     disabled: i,
     onKeyDown(f) {
       f.key === "Enter" && f.preventDefault();
@@ -157,60 +157,60 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
     }
   }, {
     getButtonProps: X,
-    buttonRef: U
+    buttonRef: L
   } = He({
     disabled: i,
-    native: b
+    native: g
   }), Z = o.useMemo(() => ({
     type: "radio",
-    ref: S,
+    ref: q,
     id: O,
     tabIndex: -1,
     style: pe,
     "aria-hidden": !0,
     disabled: i,
     checked: c,
-    required: x,
+    required: v,
     readOnly: t,
     onChange(f) {
       if (f.nativeEvent.defaultPrevented || i || t || s === void 0)
         return;
-      const ie = Ue(Ye, f.nativeEvent);
-      ie.isCanceled || (B(!0), l(s !== D.initialValue), I(!0), G(s, ie));
+      const ie = Le(Ue, f.nativeEvent);
+      ie.isCanceled || (B(!0), l(s !== D.initialValue), I(!0), w(s, ie));
     },
     onFocus() {
       k.current?.focus();
     }
-  }), [c, i, O, S, t, x, G, l, B, I, D.initialValue, s]), M = o.useMemo(() => ({
-    ...K,
-    required: x,
+  }), [c, i, O, q, t, v, w, l, B, I, D.initialValue, s]), M = o.useMemo(() => ({
+    ...z,
+    required: v,
     disabled: i,
     readOnly: t,
     checked: c
-  }), [K, i, t, c, x]), ee = o.useMemo(() => M, [M]), Y = G !== F, j = [u, P, k, U], d = [Q, v, W?.getValidationProps ?? ce, E, X], z = re("span", n, {
-    enabled: !Y,
+  }), [z, i, t, c, v]), ee = o.useMemo(() => M, [M]), U = w !== F, Y = [u, P, k, L], d = [Q, _, W?.getValidationProps ?? ce, E, X], j = re("span", n, {
+    enabled: !U,
     state: M,
-    ref: j,
+    ref: Y,
     props: d,
     stateAttributesMapping: oe
   });
   return /* @__PURE__ */ ne(se.Provider, {
     value: ee,
-    children: [Y ? /* @__PURE__ */ p(Je, {
+    children: [U ? /* @__PURE__ */ p(Je, {
       tag: "span",
       render: h,
       className: R,
       state: M,
-      refs: j,
+      refs: Y,
       props: d,
       stateAttributesMapping: oe
-    }) : z, /* @__PURE__ */ p("input", {
+    }) : j, /* @__PURE__ */ p("input", {
       ...Z
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (be.displayName = "RadioRoot");
-const _e = /* @__PURE__ */ o.forwardRef(function(n, u) {
+process.env.NODE_ENV !== "production" && (ge.displayName = "RadioRoot");
+const xe = /* @__PURE__ */ o.forwardRef(function(n, u) {
   const {
     render: h,
     className: R,
@@ -218,14 +218,14 @@ const _e = /* @__PURE__ */ o.forwardRef(function(n, u) {
     ...r
   } = n, a = Ae(), s = a.checked, {
     transitionStatus: y,
-    setMounted: b
-  } = Ke(s), _ = o.useMemo(() => ({
+    setMounted: g
+  } = ze(s), x = o.useMemo(() => ({
     ...a,
     transitionStatus: y
   }), [a, y]), E = o.useRef(null), N = m || s, V = re("span", n, {
     enabled: N,
     ref: [u, E],
-    state: _,
+    state: x,
     props: r,
     stateAttributesMapping: oe
   });
@@ -233,12 +233,12 @@ const _e = /* @__PURE__ */ o.forwardRef(function(n, u) {
     open: s,
     ref: E,
     onComplete() {
-      s || b(!1);
+      s || g(!1);
     }
   }), N ? V : null;
 });
-process.env.NODE_ENV !== "production" && (_e.displayName = "RadioIndicator");
-const Qe = [Ie], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
+process.env.NODE_ENV !== "production" && (xe.displayName = "RadioIndicator");
+const Qe = [Ie], _e = /* @__PURE__ */ o.forwardRef(function(n, u) {
   const {
     render: h,
     className: R,
@@ -247,15 +247,15 @@ const Qe = [Ie], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     required: a,
     onValueChange: s,
     value: y,
-    defaultValue: b,
-    name: _,
+    defaultValue: g,
+    name: x,
     inputRef: E,
     id: N,
     ...V
   } = n, {
-    setTouched: q,
+    setTouched: S,
     setFocused: T,
-    shouldValidateOnChange: G,
+    shouldValidateOnChange: w,
     validationMode: H,
     name: J,
     disabled: W,
@@ -265,17 +265,17 @@ const Qe = [Ie], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     setFilled: B,
     validityData: I
   } = he(), {
-    labelId: K
+    labelId: z
   } = Re(), {
     clearErrors: $
-  } = Fe(), A = We(!0), g = W || m, v = J ?? _, i = me(N), [t, x] = Ve({
+  } = Fe(), A = We(!0), b = W || m, _ = J ?? x, i = me(N), [t, v] = Ve({
     controlled: y,
-    default: b,
+    default: g,
     name: "RadioGroup",
     state: "value"
-  }), c = w(s), k = w((d, z) => {
-    c(d, z), !z.isCanceled && x(d);
-  }), C = o.useRef(null), S = w((d) => {
+  }), c = G(s), k = G((d, j) => {
+    c(d, j), !j.isCanceled && v(d);
+  }), C = o.useRef(null), q = G((d) => {
     C.current == null && d != null && (C.current = d);
   });
   Te({
@@ -283,21 +283,21 @@ const Qe = [Ie], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     commit: l.commit,
     value: t,
     controlRef: C,
-    name: v,
+    name: _,
     getValue: () => t ?? null
-  }), Ge(t, () => {
-    $(v), D(t !== I.initialValue), B(t != null), G() ? l.commit(t) : l.commit(t, !0);
+  }), we(t, () => {
+    $(_), D(t !== I.initialValue), B(t != null), w() ? l.commit(t) : l.commit(t, !0);
   });
-  const [L, O] = o.useState(!1), Q = w((d) => {
-    Se(d.currentTarget, d.relatedTarget) || (q(!0), T(!1), H === "onBlur" && l.commit(t));
-  }), X = w((d) => {
-    d.key.startsWith("Arrow") && (q(!0), O(!0), T(!0));
-  }), U = o.useMemo(() => t == null ? "" : typeof t == "string" ? t : JSON.stringify(t), [t]), Z = fe(l.inputRef, E), M = Pe({
-    value: U,
+  const [K, O] = o.useState(!1), Q = G((d) => {
+    qe(d.currentTarget, d.relatedTarget) || (S(!0), T(!1), H === "onBlur" && l.commit(t));
+  }), X = G((d) => {
+    d.key.startsWith("Arrow") && (S(!0), O(!0), T(!0));
+  }), L = o.useMemo(() => t == null ? "" : typeof t == "string" ? t : JSON.stringify(t), [t]), Z = fe(l.inputRef, E), M = Pe({
+    value: L,
     ref: Z,
     id: i,
-    name: U ? v : void 0,
-    disabled: g,
+    name: L ? _ : void 0,
+    disabled: b,
     readOnly: r,
     required: a,
     "aria-labelledby": V["aria-labelledby"] ?? A?.legendId,
@@ -311,28 +311,28 @@ const Qe = [Ie], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     }
   }, l.getInputValidationProps), ee = o.useMemo(() => ({
     ...P,
-    disabled: g ?? !1,
+    disabled: b ?? !1,
     required: a ?? !1,
     readOnly: r ?? !1
-  }), [P, g, r, a]), Y = o.useMemo(() => ({
+  }), [P, b, r, a]), U = o.useMemo(() => ({
     ...P,
     checkedValue: t,
-    disabled: g,
+    disabled: b,
     validation: l,
-    name: v,
+    name: _,
     onValueChange: c,
     readOnly: r,
-    registerControlRef: S,
+    registerControlRef: q,
     required: a,
     setCheckedValue: k,
     setTouched: O,
-    touched: L
-  }), [t, g, l, P, v, c, r, S, a, k, O, L]), j = {
+    touched: K
+  }), [t, b, l, P, _, c, r, q, a, k, O, K]), Y = {
     role: "radiogroup",
     "aria-required": a || void 0,
-    "aria-disabled": g || void 0,
+    "aria-disabled": b || void 0,
     "aria-readonly": r || void 0,
-    "aria-labelledby": K,
+    "aria-labelledby": z,
     onFocus() {
       T(!0);
     },
@@ -340,12 +340,12 @@ const Qe = [Ie], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     onKeyDownCapture: X
   };
   return /* @__PURE__ */ ne(ae.Provider, {
-    value: Y,
+    value: U,
     children: [/* @__PURE__ */ p(Me, {
       render: h,
       className: R,
       state: ee,
-      props: [j, l.getValidationProps, V],
+      props: [Y, l.getValidationProps, V],
       refs: [u],
       stateAttributesMapping: Ce,
       enableHomeAndEndKeys: !1,
@@ -355,21 +355,21 @@ const Qe = [Ie], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (ve.displayName = "RadioGroup");
+process.env.NODE_ENV !== "production" && (_e.displayName = "RadioGroup");
 const Xe = {
-  "radio-group": "_radio-group_7ez6e_2"
-}, Ze = "_radio_1fs52_2", et = "_radio__indicator_1fs52_9", tt = "_radio__label_1fs52_32", te = {
+  "radio-group": "_radio-group_1e0b2_3"
+}, Ze = "_radio_xweqz_3", et = "_radio__indicator_xweqz_10", tt = "_radio__label_xweqz_33", te = {
   radio: Ze,
   radio__indicator: et,
   radio__label: tt
-}, xe = Ee("primary");
+}, ve = Ee("primary");
 function ot({
   color: e = "primary",
   className: n,
   ...u
 }) {
-  return /* @__PURE__ */ p(xe.Provider, { value: e, children: /* @__PURE__ */ p(
-    ve,
+  return /* @__PURE__ */ p(ve.Provider, { value: e, children: /* @__PURE__ */ p(
+    _e,
     {
       className: ue(Xe["radio-group"], n),
       ...u
@@ -382,20 +382,20 @@ function nt({
   className: u,
   ...h
 }) {
-  const R = Ne(xe), m = e || R || "primary", r = /* @__PURE__ */ p(
-    we,
+  const R = Ne(ve), m = e || R || "primary", r = /* @__PURE__ */ p(
+    Ge,
     {
-      render: /* @__PURE__ */ p(be, { ...h }),
+      render: /* @__PURE__ */ p(ge, { ...h }),
       interactive: "fill-outline",
       color: m,
       className: ue(te.radio, u),
-      children: /* @__PURE__ */ p(_e, { className: te.radio__indicator })
+      children: /* @__PURE__ */ p(xe, { className: te.radio__indicator })
     }
   );
   return n ? /* @__PURE__ */ ne("label", { className: te.radio__label, children: [
     r,
     " ",
-    /* @__PURE__ */ p(qe, { children: n })
+    /* @__PURE__ */ p(Se, { children: n })
   ] }) : r;
 }
 const Pt = Object.assign(ot, {

package/dist/components/search-bar/search-bar.js

@@ -1,20 +1,20 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import { c as _ } from "../../clsx-OuTLNxxd.js";
 import "react";
 import { View as s } from "../view/view.js";
-import { Input as o } from "../input/input.js";
+import { Input as l } from "../input/input.js";
 import { Icon as m } from "../icon/icon.js";
 import { Spinner as t } from "../spinner/spinner.js";
 import { IconButton as h } from "../icon-button/icon-button.js";
 import '../../search-bar.css';const a = {
-  "search-bar": "_search-bar_r8lqs_2",
-  "search-bar__input": "_search-bar__input_r8lqs_7",
-  "search-bar__icon": "_search-bar__icon_r8lqs_15",
-  "search-bar__icon_close": "_search-bar__icon_close_r8lqs_27"
+  "search-bar": "_search-bar_yrf20_3",
+  "search-bar__input": "_search-bar__input_yrf20_8",
+  "search-bar__icon": "_search-bar__icon_yrf20_16",
+  "search-bar__icon_close": "_search-bar__icon_close_yrf20_28"
 };
-function I({ loading: e, onClear: l, className: i, ...c }) {
-  return /* @__PURE__ */ n(s, { className: _(a["search-bar"], i), children: [
-    /* @__PURE__ */ r(o, { className: a["search-bar__input"], ...c }),
+function I({ loading: e, onClear: i, className: n, ...c }) {
+  return /* @__PURE__ */ o(s, { className: _(a["search-bar"], n), children: [
+    /* @__PURE__ */ r(l, { className: a["search-bar__input"], ...c }),
     !e && !c.value ? /* @__PURE__ */ r(s, { className: a["search-bar__icon"], children: /* @__PURE__ */ r(m, { name: "search-line" }) }) : null,
     e ? /* @__PURE__ */ r(t, { className: a["search-bar__icon"] }) : null,
     !e && c.value ? /* @__PURE__ */ r(
@@ -31,7 +31,7 @@ function I({ loading: e, onClear: l, className: i, ...c }) {
             alt: "Clear",
             size: "sm",
             disabled: c.disabled,
-            onClick: l
+            onClick: i
           }
         )
       }