@koide-labs/ui 0.1.0 → 0.1.2

package/dist/components/preview-card/preview-card.js

@@ -1,6 +1,6 @@
 import { jsx as P, jsxs as q } from "react/jsx-runtime";
 import { c as pe } from "../../clsx-OuTLNxxd.js";
-import { t as z, T as fe } from "../../tooltip-oCp-elli.js";
+import { t as z, T as fe } from "../../tooltip-DZkByWDR.js";
 import { d as me, e as Pe, f as Ce, p as U, t as ge } from "../../transitions.module-D9mMAtfI.js";
 import { Surface as we } from "../surface/surface.js";
 import * as e from "react";
@@ -352,7 +352,7 @@ const ie = /* @__PURE__ */ e.forwardRef(function(s, u) {
 });
 process.env.NODE_ENV !== "production" && (ie.displayName = "PreviewCardArrow");
 const Be = {
-  "preview-card": "_preview-card_ytbnp_2"
+  "preview-card": "_preview-card_3k0u3_2"
 };
 function ct({
   align: t,

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

@@ -4,24 +4,24 @@ 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 S } 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 { f as ge } from "../../formatErrorMessage-BqPuTBN-.js";
+import { u as we } from "../../useValueChanged-MJRmEWz1.js";
+import { f as Ge } from "../../element-u5WgOZX1.js";
+import { View as Se } from "../view/view.js";
 import { Text as qe } 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 He } from "../../useButton-d3_JgBNr.js";
+import { u as He } from "../../useLabelableId-CX4tcfzK.js";
+import { u as ze } from "../../useButton-d3_JgBNr.js";
 import '../../radio-group.css';function Je(e) {
   const {
     render: n,
@@ -32,7 +32,7 @@ import '../../radio-group.css';function Je(e) {
     metadata: r,
     stateAttributesMapping: a,
     tag: s = "div",
-    ...y
+    ...g
   } = e, {
     compositeProps: b,
     compositeRef: _
@@ -42,21 +42,21 @@ import '../../radio-group.css';function Je(e) {
   return re(s, e, {
     state: h,
     ref: [...m, _],
-    props: [b, ...R, y],
+    props: [b, ...R, g],
     stateAttributesMapping: a
   });
 }
-const ge = /* @__PURE__ */ o.createContext({
+const ye = /* @__PURE__ */ o.createContext({
   legendId: void 0,
   setLegendId: () => {
   },
   disabled: void 0
 });
-process.env.NODE_ENV !== "production" && (ge.displayName = "FieldsetRootContext");
+process.env.NODE_ENV !== "production" && (ye.displayName = "FieldsetRootContext");
 function We(e = !1) {
-  const n = o.useContext(ge);
+  const n = o.useContext(ye);
   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));
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldsetRootContext is missing. Fieldset parts must be placed within <Fieldset.Root>." : ge(86));
   return n;
 }
 let le = /* @__PURE__ */ (function(e) {
@@ -93,7 +93,7 @@ process.env.NODE_ENV !== "production" && (se.displayName = "RadioRootContext");
 function Ae() {
   const e = o.useContext(se);
   if (e === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: RadioRootContext is missing. Radio parts must be placed within <Radio.Root>." : ye(52));
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: RadioRootContext is missing. Radio parts must be placed within <Radio.Root>." : ge(52));
   return e;
 }
 const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
@@ -104,7 +104,7 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
     readOnly: r = !1,
     required: a = !1,
     value: s,
-    inputRef: y,
+    inputRef: g,
     nativeButton: b = !1,
     id: _,
     ...E
@@ -113,8 +113,8 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
     readOnly: V,
     required: q,
     checkedValue: T,
-    setCheckedValue: G,
-    touched: H,
+    setCheckedValue: w,
+    touched: z,
     setTouched: J,
     validation: W,
     registerControlRef: P
@@ -126,13 +126,13 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
     state: K,
     disabled: $
   } = he(), A = je(), {
-    labelId: g,
+    labelId: y,
     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);
+  } = Re(), i = $ || A.disabled || N || m, t = V || r, x = q || a, c = T === s, k = o.useRef(null), C = o.useRef(null), G = fe(g, C);
   Le(() => {
     C.current?.checked && I(!0);
   }, [I]);
-  const L = me(), O = ze({
+  const L = me(), O = He({
     id: _,
     implicit: !1,
     controlRef: k
@@ -142,7 +142,7 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
     "aria-required": x || void 0,
     "aria-disabled": i || void 0,
     "aria-readonly": t || void 0,
-    "aria-labelledby": g,
+    "aria-labelledby": y,
     [Oe]: c ? "" : void 0,
     id: L,
     disabled: i,
@@ -153,17 +153,17 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
       f.defaultPrevented || i || t || (f.preventDefault(), C.current?.click());
     },
     onFocus(f) {
-      f.defaultPrevented || i || t || !H || (C.current?.click(), J(!1));
+      f.defaultPrevented || i || t || !z || (C.current?.click(), J(!1));
     }
   }, {
     getButtonProps: X,
     buttonRef: U
-  } = He({
+  } = ze({
     disabled: i,
     native: b
   }), Z = o.useMemo(() => ({
     type: "radio",
-    ref: S,
+    ref: G,
     id: O,
     tabIndex: -1,
     style: pe,
@@ -176,18 +176,18 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
       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));
+      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(() => ({
+  }), [c, i, O, G, t, x, w, l, B, I, D.initialValue, s]), M = o.useMemo(() => ({
     ...K,
     required: x,
     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, {
+  }), [K, i, t, c, x]), ee = o.useMemo(() => M, [M]), Y = w !== F, j = [u, P, k, U], d = [Q, v, W?.getValidationProps ?? ce, E, X], H = re("span", n, {
     enabled: !Y,
     state: M,
     ref: j,
@@ -204,7 +204,7 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
       refs: j,
       props: d,
       stateAttributesMapping: oe
-    }) : z, /* @__PURE__ */ p("input", {
+    }) : H, /* @__PURE__ */ p("input", {
       ...Z
     })]
   });
@@ -217,12 +217,12 @@ const _e = /* @__PURE__ */ o.forwardRef(function(n, u) {
     keepMounted: m = !1,
     ...r
   } = n, a = Ae(), s = a.checked, {
-    transitionStatus: y,
+    transitionStatus: g,
     setMounted: b
   } = Ke(s), _ = o.useMemo(() => ({
     ...a,
-    transitionStatus: y
-  }), [a, y]), E = o.useRef(null), N = m || s, V = re("span", n, {
+    transitionStatus: g
+  }), [a, g]), E = o.useRef(null), N = m || s, V = re("span", n, {
     enabled: N,
     ref: [u, E],
     state: _,
@@ -246,7 +246,7 @@ const Qe = [Ie], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     readOnly: r,
     required: a,
     onValueChange: s,
-    value: y,
+    value: g,
     defaultValue: b,
     name: _,
     inputRef: E,
@@ -255,8 +255,8 @@ const Qe = [Ie], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
   } = n, {
     setTouched: q,
     setFocused: T,
-    shouldValidateOnChange: G,
-    validationMode: H,
+    shouldValidateOnChange: w,
+    validationMode: z,
     name: J,
     disabled: W,
     state: P,
@@ -268,14 +268,14 @@ const Qe = [Ie], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     labelId: K
   } = Re(), {
     clearErrors: $
-  } = Fe(), A = We(!0), g = W || m, v = J ?? _, i = me(N), [t, x] = Ve({
-    controlled: y,
+  } = Fe(), A = We(!0), y = W || m, v = J ?? _, i = me(N), [t, x] = Ve({
+    controlled: g,
     default: b,
     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 = S(s), k = S((d, H) => {
+    c(d, H), !H.isCanceled && x(d);
+  }), C = o.useRef(null), G = S((d) => {
     C.current == null && d != null && (C.current = d);
   });
   Te({
@@ -285,19 +285,19 @@ const Qe = [Ie], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     controlRef: C,
     name: v,
     getValue: () => t ?? null
-  }), Ge(t, () => {
-    $(v), D(t !== I.initialValue), B(t != null), G() ? l.commit(t) : l.commit(t, !0);
+  }), we(t, () => {
+    $(v), 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) => {
+  const [L, O] = o.useState(!1), Q = S((d) => {
+    Ge(d.currentTarget, d.relatedTarget) || (q(!0), T(!1), z === "onBlur" && l.commit(t));
+  }), X = S((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,
     ref: Z,
     id: i,
     name: U ? v : void 0,
-    disabled: g,
+    disabled: y,
     readOnly: r,
     required: a,
     "aria-labelledby": V["aria-labelledby"] ?? A?.legendId,
@@ -311,26 +311,26 @@ const Qe = [Ie], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     }
   }, l.getInputValidationProps), ee = o.useMemo(() => ({
     ...P,
-    disabled: g ?? !1,
+    disabled: y ?? !1,
     required: a ?? !1,
     readOnly: r ?? !1
-  }), [P, g, r, a]), Y = o.useMemo(() => ({
+  }), [P, y, r, a]), Y = o.useMemo(() => ({
     ...P,
     checkedValue: t,
-    disabled: g,
+    disabled: y,
     validation: l,
     name: v,
     onValueChange: c,
     readOnly: r,
-    registerControlRef: S,
+    registerControlRef: G,
     required: a,
     setCheckedValue: k,
     setTouched: O,
     touched: L
-  }), [t, g, l, P, v, c, r, S, a, k, O, L]), j = {
+  }), [t, y, l, P, v, c, r, G, a, k, O, L]), j = {
     role: "radiogroup",
     "aria-required": a || void 0,
-    "aria-disabled": g || void 0,
+    "aria-disabled": y || void 0,
     "aria-readonly": r || void 0,
     "aria-labelledby": K,
     onFocus() {
@@ -357,8 +357,8 @@ const Qe = [Ie], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
 });
 process.env.NODE_ENV !== "production" && (ve.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_k4tg5_2"
+}, Ze = "_radio_2wsa2_2", et = "_radio__indicator_2wsa2_9", tt = "_radio__label_2wsa2_32", te = {
   radio: Ze,
   radio__indicator: et,
   radio__label: tt
@@ -383,7 +383,7 @@ function nt({
   ...h
 }) {
   const R = Ne(xe), m = e || R || "primary", r = /* @__PURE__ */ p(
-    we,
+    Se,
     {
       render: /* @__PURE__ */ p(be, { ...h }),
       interactive: "fill-outline",

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

@@ -7,13 +7,13 @@ 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_lia0r_2",
+  "search-bar__input": "_search-bar__input_lia0r_7",
+  "search-bar__icon": "_search-bar__icon_lia0r_15",
+  "search-bar__icon_close": "_search-bar__icon_close_lia0r_27"
 };
-function I({ loading: e, onClear: l, className: i, ...c }) {
-  return /* @__PURE__ */ n(s, { className: _(a["search-bar"], i), children: [
+function j({ loading: e, onClear: i, className: l, ...c }) {
+  return /* @__PURE__ */ n(s, { className: _(a["search-bar"], l), children: [
     /* @__PURE__ */ r(o, { 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,
@@ -31,7 +31,7 @@ function I({ loading: e, onClear: l, className: i, ...c }) {
             alt: "Clear",
             size: "sm",
             disabled: c.disabled,
-            onClick: l
+            onClick: i
           }
         )
       }
@@ -39,5 +39,5 @@ function I({ loading: e, onClear: l, className: i, ...c }) {
   ] });
 }
 export {
-  I as SearchBar
+  j as SearchBar
 };