@koide-labs/ui 0.0.15 → 0.1.0

package/dist/components/{radio/index.js → radio-group/radio-group.js}

@@ -1,29 +1,28 @@
-"use client";
 import { jsxs as ne, jsx as p } from "react/jsx-runtime";
 import { c as ue } from "../../clsx-OuTLNxxd.js";
 import * as o from "react";
 import { createContext as Ee, useContext as Ne } from "react";
-import { Text as Ve } from "../text/index.js";
-import { View as Pe } from "../view/index.js";
-import { u as Ie } from "../../useControlled-Du4sJyMj.js";
-import { E as ce, b as de, u as re, N as F, c as fe, m as ke } from "../../useRenderElement-DwToLA61.js";
-import { u as G } from "../../useStableCallback-CkTrVkNX.js";
+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 { v as pe } from "../../visuallyHidden-CpJ-mhai.js";
 import { u as me } from "../../useBaseUiId-B7WyxtIE.js";
-import { S as Oe } from "../../composite-C9L5QmZL.js";
-import { u as Me, A as Fe, C as Te } from "../../CompositeRoot-CVk5a-pR.js";
-import { f as Ce, a as he, u as Re, c as we, b as Se } from "../../LabelableContext-BMvjVwor.js";
-import { f as ge } from "../../formatErrorMessage-BqPuTBN-.js";
-import { u as Ge } from "../../useValueChanged-DL757-yD.js";
-import { f as qe } from "../../element-CZEOj04G.js";
-import { t as De, a as Be } from "../../useOpenChangeComplete-Dse9kY9E.js";
-import { u as je } from "../../useTransitionStatus-CUfcuGAV.js";
-import { u as ze } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
-import { c as Ke, n as Le } from "../../createBaseUIEventDetails-D8M2Yl-a.js";
-import { u as Ue } from "../../FieldItemContext-DAvk99to.js";
-import { u as Ye } from "../../useLabelableId-Ci_jDvmv.js";
-import { u as He } from "../../useButton-DfIwsdb8.js";
-import '../../index28.css';function Je(e) {
+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 { 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 '../../radio-group.css';function Je(e) {
   const {
     render: n,
     className: u,
@@ -33,31 +32,31 @@ import '../../index28.css';function Je(e) {
     metadata: r,
     stateAttributesMapping: a,
     tag: s = "div",
-    ...g
+    ...y
   } = e, {
     compositeProps: b,
     compositeRef: _
-  } = Me({
+  } = ke({
     metadata: r
   });
   return re(s, e, {
     state: h,
     ref: [...m, _],
-    props: [b, ...R, g],
+    props: [b, ...R, y],
     stateAttributesMapping: a
   });
 }
-const ye = /* @__PURE__ */ o.createContext({
+const ge = /* @__PURE__ */ o.createContext({
   legendId: void 0,
   setLegendId: () => {
   },
   disabled: void 0
 });
-process.env.NODE_ENV !== "production" && (ye.displayName = "FieldsetRootContext");
+process.env.NODE_ENV !== "production" && (ge.displayName = "FieldsetRootContext");
 function We(e = !1) {
-  const n = o.useContext(ye);
+  const n = o.useContext(ge);
   if (!n && !e)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldsetRootContext is missing. Fieldset parts must be placed within <Fieldset.Root>." : ge(86));
+    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;
 }
 let le = /* @__PURE__ */ (function(e) {
@@ -94,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>." : ge(52));
+    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) {
@@ -105,7 +104,7 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
     readOnly: r = !1,
     required: a = !1,
     value: s,
-    inputRef: g,
+    inputRef: y,
     nativeButton: b = !1,
     id: _,
     ...E
@@ -114,7 +113,7 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
     readOnly: V,
     required: q,
     checkedValue: T,
-    setCheckedValue: w,
+    setCheckedValue: G,
     touched: H,
     setTouched: J,
     validation: W,
@@ -124,16 +123,16 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
     validityData: D,
     setTouched: B,
     setFilled: I,
-    state: j,
+    state: K,
     disabled: $
-  } = he(), A = Ue(), {
-    labelId: y,
+  } = 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(g, C);
-  ze(() => {
+  } = 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(() => {
     C.current?.checked && I(!0);
   }, [I]);
-  const z = me(), O = Ye({
+  const L = me(), O = ze({
     id: _,
     implicit: !1,
     controlRef: k
@@ -143,9 +142,9 @@ 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": y,
-    [Fe]: c ? "" : void 0,
-    id: z,
+    "aria-labelledby": g,
+    [Oe]: c ? "" : void 0,
+    id: L,
     disabled: i,
     onKeyDown(f) {
       f.key === "Enter" && f.preventDefault();
@@ -158,7 +157,7 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
     }
   }, {
     getButtonProps: X,
-    buttonRef: K
+    buttonRef: U
   } = He({
     disabled: i,
     native: b
@@ -176,36 +175,36 @@ const be = /* @__PURE__ */ o.forwardRef(function(n, u) {
     onChange(f) {
       if (f.nativeEvent.defaultPrevented || i || t || s === void 0)
         return;
-      const ie = Ke(Le, f.nativeEvent);
-      ie.isCanceled || (B(!0), l(s !== D.initialValue), I(!0), w(s, ie));
+      const ie = Ue(Ye, f.nativeEvent);
+      ie.isCanceled || (B(!0), l(s !== D.initialValue), I(!0), G(s, ie));
     },
     onFocus() {
       k.current?.focus();
     }
-  }), [c, i, O, S, t, x, w, l, B, I, D.initialValue, s]), M = o.useMemo(() => ({
-    ...j,
+  }), [c, i, O, S, t, x, G, l, B, I, D.initialValue, s]), M = o.useMemo(() => ({
+    ...K,
     required: x,
     disabled: i,
     readOnly: t,
     checked: c
-  }), [j, i, t, c, x]), ee = o.useMemo(() => M, [M]), L = w !== F, U = [u, P, k, K], d = [Q, v, W?.getValidationProps ?? ce, E, X], Y = re("span", n, {
-    enabled: !L,
+  }), [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,
     state: M,
-    ref: U,
+    ref: j,
     props: d,
     stateAttributesMapping: oe
   });
   return /* @__PURE__ */ ne(se.Provider, {
     value: ee,
-    children: [L ? /* @__PURE__ */ p(Je, {
+    children: [Y ? /* @__PURE__ */ p(Je, {
       tag: "span",
       render: h,
       className: R,
       state: M,
-      refs: U,
+      refs: j,
       props: d,
       stateAttributesMapping: oe
-    }) : Y, /* @__PURE__ */ p("input", {
+    }) : z, /* @__PURE__ */ p("input", {
       ...Z
     })]
   });
@@ -218,12 +217,12 @@ const _e = /* @__PURE__ */ o.forwardRef(function(n, u) {
     keepMounted: m = !1,
     ...r
   } = n, a = Ae(), s = a.checked, {
-    transitionStatus: g,
+    transitionStatus: y,
     setMounted: b
-  } = je(s), _ = o.useMemo(() => ({
+  } = Ke(s), _ = o.useMemo(() => ({
     ...a,
-    transitionStatus: g
-  }), [a, g]), E = o.useRef(null), N = m || s, V = re("span", n, {
+    transitionStatus: y
+  }), [a, y]), E = o.useRef(null), N = m || s, V = re("span", n, {
     enabled: N,
     ref: [u, E],
     state: _,
@@ -239,7 +238,7 @@ const _e = /* @__PURE__ */ o.forwardRef(function(n, u) {
   }), N ? V : null;
 });
 process.env.NODE_ENV !== "production" && (_e.displayName = "RadioIndicator");
-const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
+const Qe = [Ie], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
   const {
     render: h,
     className: R,
@@ -247,7 +246,7 @@ const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     readOnly: r,
     required: a,
     onValueChange: s,
-    value: g,
+    value: y,
     defaultValue: b,
     name: _,
     inputRef: E,
@@ -256,7 +255,7 @@ const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
   } = n, {
     setTouched: q,
     setFocused: T,
-    shouldValidateOnChange: w,
+    shouldValidateOnChange: G,
     validationMode: H,
     name: J,
     disabled: W,
@@ -266,20 +265,20 @@ const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     setFilled: B,
     validityData: I
   } = he(), {
-    labelId: j
+    labelId: K
   } = Re(), {
     clearErrors: $
-  } = we(), A = We(!0), y = W || m, v = J ?? _, i = me(N), [t, x] = Ie({
-    controlled: g,
+  } = Fe(), A = We(!0), g = W || m, v = J ?? _, i = me(N), [t, x] = Ve({
+    controlled: y,
     default: b,
     name: "RadioGroup",
     state: "value"
-  }), c = G(s), k = G((d, Y) => {
-    c(d, Y), !Y.isCanceled && x(d);
-  }), C = o.useRef(null), S = G((d) => {
+  }), c = w(s), k = w((d, z) => {
+    c(d, z), !z.isCanceled && x(d);
+  }), C = o.useRef(null), S = w((d) => {
     C.current == null && d != null && (C.current = d);
   });
-  Se({
+  Te({
     id: i,
     commit: l.commit,
     value: t,
@@ -287,18 +286,18 @@ const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     name: v,
     getValue: () => t ?? null
   }), Ge(t, () => {
-    $(v), D(t !== I.initialValue), B(t != null), w() ? l.commit(t) : l.commit(t, !0);
+    $(v), D(t !== I.initialValue), B(t != null), G() ? l.commit(t) : l.commit(t, !0);
   });
-  const [z, O] = o.useState(!1), Q = G((d) => {
-    qe(d.currentTarget, d.relatedTarget) || (q(!0), T(!1), H === "onBlur" && l.commit(t));
-  }), X = G((d) => {
+  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));
-  }), K = o.useMemo(() => t == null ? "" : typeof t == "string" ? t : JSON.stringify(t), [t]), Z = fe(l.inputRef, E), M = ke({
-    value: K,
+  }), 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: K ? v : void 0,
-    disabled: y,
+    name: U ? v : void 0,
+    disabled: g,
     readOnly: r,
     required: a,
     "aria-labelledby": V["aria-labelledby"] ?? A?.legendId,
@@ -312,13 +311,13 @@ const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     }
   }, l.getInputValidationProps), ee = o.useMemo(() => ({
     ...P,
-    disabled: y ?? !1,
+    disabled: g ?? !1,
     required: a ?? !1,
     readOnly: r ?? !1
-  }), [P, y, r, a]), L = o.useMemo(() => ({
+  }), [P, g, r, a]), Y = o.useMemo(() => ({
     ...P,
     checkedValue: t,
-    disabled: y,
+    disabled: g,
     validation: l,
     name: v,
     onValueChange: c,
@@ -327,13 +326,13 @@ const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     required: a,
     setCheckedValue: k,
     setTouched: O,
-    touched: z
-  }), [t, y, l, P, v, c, r, S, a, k, O, z]), U = {
+    touched: L
+  }), [t, g, l, P, v, c, r, S, a, k, O, L]), j = {
     role: "radiogroup",
     "aria-required": a || void 0,
-    "aria-disabled": y || void 0,
+    "aria-disabled": g || void 0,
     "aria-readonly": r || void 0,
-    "aria-labelledby": j,
+    "aria-labelledby": K,
     onFocus() {
       T(!0);
     },
@@ -341,12 +340,12 @@ const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
     onKeyDownCapture: X
   };
   return /* @__PURE__ */ ne(ae.Provider, {
-    value: L,
-    children: [/* @__PURE__ */ p(Te, {
+    value: Y,
+    children: [/* @__PURE__ */ p(Me, {
       render: h,
       className: R,
       state: ee,
-      props: [U, l.getValidationProps, V],
+      props: [j, l.getValidationProps, V],
       refs: [u],
       stateAttributesMapping: Ce,
       enableHomeAndEndKeys: !1,
@@ -358,13 +357,13 @@ const Qe = [Oe], ve = /* @__PURE__ */ o.forwardRef(function(n, u) {
 });
 process.env.NODE_ENV !== "production" && (ve.displayName = "RadioGroup");
 const Xe = {
-  "radio-group": "_radio-group_rje5l_1"
-}, Ze = "_radio_jgw1z_1", et = "_radio__indicator_jgw1z_8", tt = "_radio__label_jgw1z_31", te = {
+  "radio-group": "_radio-group_7ez6e_2"
+}, Ze = "_radio_1fs52_2", et = "_radio__indicator_1fs52_9", tt = "_radio__label_1fs52_32", te = {
   radio: Ze,
   radio__indicator: et,
   radio__label: tt
 }, xe = Ee("primary");
-function Nt({
+function ot({
   color: e = "primary",
   className: n,
   ...u
@@ -377,14 +376,14 @@ function Nt({
     }
   ) });
 }
-function Vt({
+function nt({
   color: e,
   label: n,
   className: u,
   ...h
 }) {
   const R = Ne(xe), m = e || R || "primary", r = /* @__PURE__ */ p(
-    Pe,
+    we,
     {
       render: /* @__PURE__ */ p(be, { ...h }),
       interactive: "fill-outline",
@@ -396,10 +395,12 @@ function Vt({
   return n ? /* @__PURE__ */ ne("label", { className: te.radio__label, children: [
     r,
     " ",
-    /* @__PURE__ */ p(Ve, { children: n })
+    /* @__PURE__ */ p(qe, { children: n })
   ] }) : r;
 }
+const Pt = Object.assign(ot, {
+  Item: nt
+});
 export {
-  Vt as Radio,
-  Nt as RadioGroup
+  Pt as RadioGroup
 };

package/dist/components/search-bar/index.d.ts

@@ -1,12 +1 @@
-import { default as React } from 'react';
-export interface SearchBarProps extends React.ComponentPropsWithoutRef<"input"> {
-    /**
-     * Is the search bar loading or processing?
-     */
-    loading?: boolean;
-    /**
-     * Called when the input is cleared
-     */
-    onClear?: () => void;
-}
-export declare function SearchBar({ loading, onClear, className, ...props }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
+export { SearchBar } from './search-bar';

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

@@ -1,49 +1,5 @@
 "use client";
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { c as _ } from "../../clsx-OuTLNxxd.js";
-import "react";
-import { Icon as o } from "../icon/index.js";
-import { IconButton as m } from "../icon-button/index.js";
-import { Input as t } from "../input/index.js";
-import { Spinner as h } from "../spinner/index.js";
-import { View as s } from "../view/index.js";
-import '../../index5.css';const a = {
-  "search-bar": "_search-bar_1ulql_1",
-  "search-bar__input": "_search-bar__input_1ulql_6",
-  "search-bar__icon": "_search-bar__icon_1ulql_14",
-  "search-bar__icon_close": "_search-bar__icon_close_1ulql_26"
-};
-function I({
-  loading: e,
-  onClear: l,
-  className: i,
-  ...c
-}) {
-  return /* @__PURE__ */ n(s, { className: _(a["search-bar"], i), children: [
-    /* @__PURE__ */ r(t, { className: a["search-bar__input"], ...c }),
-    !e && !c.value ? /* @__PURE__ */ r(s, { className: a["search-bar__icon"], children: /* @__PURE__ */ r(o, { name: "search-line" }) }) : null,
-    e ? /* @__PURE__ */ r(h, { className: a["search-bar__icon"] }) : null,
-    !e && c.value ? /* @__PURE__ */ r(
-      s,
-      {
-        className: _(
-          a["search-bar__icon"],
-          a["search-bar__icon_close"]
-        ),
-        children: /* @__PURE__ */ r(
-          m,
-          {
-            icon: "close-line",
-            alt: "Clear",
-            size: "sm",
-            disabled: c.disabled,
-            onClick: l
-          }
-        )
-      }
-    ) : null
-  ] });
-}
+import { SearchBar as a } from "./search-bar.js";
 export {
-  I as SearchBar
+  a as SearchBar
 };

package/dist/components/search-bar/search-bar.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+interface SearchBarProps extends React.ComponentPropsWithoutRef<"input"> {
+    /**
+     * Is the search bar loading or processing?
+     */
+    loading?: boolean;
+    /**
+     * Called when the input is cleared
+     */
+    onClear?: () => void;
+}
+declare function SearchBar({ loading, onClear, className, ...props }: SearchBarProps): import("react/jsx-runtime").JSX.Element;
+export { SearchBar };
+export declare namespace SearchBar {
+    type Props = SearchBarProps;
+}

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

@@ -0,0 +1,43 @@
+import { jsxs as n, 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 { 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"
+};
+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 }),
+    !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(
+      s,
+      {
+        className: _(
+          a["search-bar__icon"],
+          a["search-bar__icon_close"]
+        ),
+        children: /* @__PURE__ */ r(
+          h,
+          {
+            icon: "close-line",
+            alt: "Clear",
+            size: "sm",
+            disabled: c.disabled,
+            onClick: l
+          }
+        )
+      }
+    ) : null
+  ] });
+}
+export {
+  I as SearchBar
+};

package/dist/components/select/index.d.ts

@@ -1,16 +1 @@
-import { Select as SelectPrimitive } from '@base-ui/react/select';
-import { CSSProperties } from 'react';
-export declare function Select<Value>({ placeholder, className, style, ...props }: SelectPrimitive.Root.Props<Value, boolean> & {
-    /**
-     * Select placeholder if no value is chosen.
-     *
-     * Behaves differently depending on the type of select.
-     * For a normal select, we simply render an item with a value of null.
-     * For a `multiple` select, we replace the {@link https://base-ui.com/react/components/select#multiple-selection renderValue} function.
-     */
-    placeholder?: string;
-    /** Apply styles to SelectPrimitive.trigger */
-    className?: string;
-    /** Apply styles to SelectPrimitive.trigger */
-    style?: CSSProperties;
-}): import("react/jsx-runtime").JSX.Element;
+export { Select } from './select';