@koide-labs/ui 0.1.7 → 0.1.8

package/dist/components/input/input.js

@@ -2,16 +2,16 @@ import { jsx as u, jsxs as S } from "react/jsx-runtime";
 import { c as U } from "../../clsx-OuTLNxxd.js";
 import * as c from "react";
 import { useId as A } from "react";
+import { Text as K } from "../text/text.js";
+import { View as $ } from "../view/view.js";
 import { s as I } from "../../input.module-CYcyDtrO.js";
-import { View as K } from "../view/view.js";
-import { u as $ } from "../../useStableCallback-DKZHlUAT.js";
-import { u as q } from "../../useControlled-Du4sJyMj.js";
-import { u as z } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
-import { a as R, u as G, b as H, f as J } from "../../LabelableContext-Be1u-eFg.js";
-import { u as Q } from "../../useLabelableId-CX4tcfzK.js";
-import { u as W } from "../../useRenderElement-DngNDu_P.js";
-import { c as X, n as Y } from "../../createBaseUIEventDetails-CCSfZ2vM.js";
-import { Text as Z } from "../text/text.js";
+import { u as q } from "../../useStableCallback-DKZHlUAT.js";
+import { u as z } from "../../useControlled-Du4sJyMj.js";
+import { u as G } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
+import { a as R, u as H, b as J, f as Q } from "../../LabelableContext-Be1u-eFg.js";
+import { u as W } from "../../useLabelableId-CX4tcfzK.js";
+import { u as X } from "../../useRenderElement-DngNDu_P.js";
+import { c as Y, n as Z } from "../../createBaseUIEventDetails-CCSfZ2vM.js";
 const y = /* @__PURE__ */ c.forwardRef(function(a, o) {
   const {
     render: m,
@@ -40,29 +40,29 @@ const y = /* @__PURE__ */ c.forwardRef(function(a, o) {
     validation: t
   } = R(), {
     labelId: j
-  } = G(), N = Q({
+  } = H(), N = W({
     id: l
   });
-  z(() => {
+  G(() => {
     const e = n != null;
     t.inputRef.current?.value || e && n !== "" ? s(!0) : e && n === "" && s(!1);
   }, [t.inputRef, s, n]);
-  const [V, k] = q({
+  const [V, k] = z({
     controlled: n,
     default: p,
     name: "FieldControl",
     state: "value"
-  }), B = n !== void 0, O = $((e, r) => {
+  }), B = n !== void 0, O = q((e, r) => {
     x?.(e, r), !r.isCanceled && k(e);
   });
-  return H({
+  return J({
     id: N,
     name: v,
     commit: t.commit,
     value: V,
     getValue: () => t.inputRef.current?.value,
     controlRef: t.inputRef
-  }), W("input", a, {
+  }), X("input", a, {
     ref: o,
     state: w,
     props: [{
@@ -78,7 +78,7 @@ const y = /* @__PURE__ */ c.forwardRef(function(a, o) {
       },
       onChange(e) {
         const r = e.currentTarget.value;
-        O(r, X(Y, e.nativeEvent)), M(r !== _.initialValue), s(r !== "");
+        O(r, Y(Z, e.nativeEvent)), M(r !== _.initialValue), s(r !== "");
       },
       onFocus() {
         g(!0);
@@ -90,7 +90,7 @@ const y = /* @__PURE__ */ c.forwardRef(function(a, o) {
         e.currentTarget.tagName === "INPUT" && e.key === "Enter" && (C(!0), t.commit(e.currentTarget.value));
       }
     }, t.getInputValidationProps(), T],
-    stateAttributesMapping: J
+    stateAttributesMapping: Q
   });
 });
 process.env.NODE_ENV !== "production" && (y.displayName = "FieldControl");
@@ -103,7 +103,7 @@ const E = /* @__PURE__ */ c.forwardRef(function(a, o) {
 process.env.NODE_ENV !== "production" && (E.displayName = "Input");
 function pe({ label: i, className: a, ...o }) {
   const m = A(), f = o.id || m, l = /* @__PURE__ */ u(
-    K,
+    $,
     {
       interactive: "fill-outline",
       render: /* @__PURE__ */ u(
@@ -117,7 +117,7 @@ function pe({ label: i, className: a, ...o }) {
     }
   );
   return i ? /* @__PURE__ */ S("label", { className: I.input__label, children: [
-    /* @__PURE__ */ u(Z, { color: "dimmer", children: i }),
+    /* @__PURE__ */ u(K, { color: "dimmer", children: i }),
     l
   ] }) : l;
 }

package/dist/components/meter/meter.js

@@ -1,7 +1,7 @@
 import { jsx as l, jsxs as M, Fragment as g } from "react/jsx-runtime";
 import { c as C } from "../../clsx-OuTLNxxd.js";
-import { View as L } from "../view/view.js";
 import { Text as x } from "../text/text.js";
+import { View as L } from "../view/view.js";
 import * as i from "react";
 import { f as T } from "../../formatErrorMessage-BqPuTBN-.js";
 import { f as E } from "../../formatNumber-1UNwjeqf.js";

package/dist/components/multiline-input/multiline-input.js

@@ -2,8 +2,8 @@ import { jsx as T } from "react/jsx-runtime";
 import { c as R } from "../../clsx-OuTLNxxd.js";
 import { useRef as W, useEffect as Y } from "react";
 import { mergeRefs as B } from "../../-utils.js";
-import { s as b } from "../../input.module-CYcyDtrO.js";
 import { View as X } from "../view/view.js";
+import { s as b } from "../../input.module-CYcyDtrO.js";
 var c = /* @__PURE__ */ new Map();
 function j(t) {
   var o = c.get(t);

package/dist/components/number-input/number-input.js

@@ -2,11 +2,11 @@ import { jsxs as Ue, jsx as se } from "react/jsx-runtime";
 import { c as Ot } from "../../clsx-OuTLNxxd.js";
 import * as o from "react";
 import { useId as Ut } from "react";
-import { Text as kt } from "../text/text.js";
-import { Input as Wt } from "../input/input.js";
-import { View as Ht } from "../view/view.js";
 import { IconButton as tt } from "../icon-button/icon-button.js";
-import { S as Gt } from "../../separator-Or-BDQYZ.js";
+import { Input as kt } from "../input/input.js";
+import { S as Wt } from "../../separator-Or-BDQYZ.js";
+import { Text as Ht } from "../text/text.js";
+import { View as Gt } from "../view/view.js";
 import { u as Bt } from "../../useControlled-Du4sJyMj.js";
 import { u as de } from "../../useStableCallback-DKZHlUAT.js";
 import { T as $t, u as Ke } from "../../useTimeout-BNni6aw5.js";
@@ -1118,10 +1118,10 @@ function pr({
       id: f,
       className: Ne["number-input__root"],
       children: [
-        n ? /* @__PURE__ */ se(wt, { className: Ne["number-input__scrub-area"], children: /* @__PURE__ */ se("label", { htmlFor: f, children: /* @__PURE__ */ se(kt, { color: "dimmer", children: n }) }) }) : null,
+        n ? /* @__PURE__ */ se(wt, { className: Ne["number-input__scrub-area"], children: /* @__PURE__ */ se("label", { htmlFor: f, children: /* @__PURE__ */ se(Ht, { color: "dimmer", children: n }) }) }) : null,
         /* @__PURE__ */ Ue(At, { className: Ne["number-input__group"], children: [
           /* @__PURE__ */ se(
-            Wt,
+            kt,
             {
               render: /* @__PURE__ */ se(
                 Dt,
@@ -1132,7 +1132,7 @@ function pr({
               )
             }
           ),
-          /* @__PURE__ */ Ue(Ht, { className: Ne["number-input__controls"], children: [
+          /* @__PURE__ */ Ue(Gt, { className: Ne["number-input__controls"], children: [
             /* @__PURE__ */ se(
               tt,
               {
@@ -1143,7 +1143,7 @@ function pr({
               }
             ),
             /* @__PURE__ */ se(
-              Gt,
+              Wt,
               {
                 orientation: "vertical",
                 className: Ne["number-input__separator"]

package/dist/components/password-input/password-input.js

@@ -1,18 +1,18 @@
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
 import { useState as i } from "react";
-import { View as _ } from "../view/view.js";
+import { IconButton as _ } from "../icon-button/icon-button.js";
 import { Input as a } from "../input/input.js";
-import { IconButton as u } from "../icon-button/icon-button.js";
+import { View as u } from "../view/view.js";
 import '../../password-input.css';const t = {
   "password-input__root": "_password-input__root_1eu2u_3",
   "password-input__eye": "_password-input__eye_1eu2u_7"
 };
 function y(e) {
   const [o, r] = i(!1);
-  return /* @__PURE__ */ n(_, { className: t["password-input__root"], children: [
+  return /* @__PURE__ */ n(u, { className: t["password-input__root"], children: [
     /* @__PURE__ */ s(a, { type: o ? "text" : "password", ...e }),
     /* @__PURE__ */ s(
-      u,
+      _,
       {
         alt: o ? "Hide password" : "Show password",
         icon: o ? "eye-line" : "eye-close-line",

package/dist/components/pill/pill.js

@@ -1,8 +1,8 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { c as m } from "../../clsx-OuTLNxxd.js";
 import { textify as s } from "../../-utils.js";
-import { View as e } from "../view/view.js";
 import { Icon as p } from "../icon/icon.js";
+import { View as e } from "../view/view.js";
 import '../../pill.css';const f = "_pill_17k7p_3", a = "_pill_icon_left_17k7p_18", x = "_pill_icon_right_17k7p_22", _ = {
   pill: f,
   pill_icon_left: a,

package/dist/components/popover/popover.js

@@ -1,11 +1,11 @@
 import { jsx as u, jsxs as Y } from "react/jsx-runtime";
 import { c as Re } from "../../clsx-OuTLNxxd.js";
-import { u as be, t as ae, T as Se } from "../../tooltip-JPnUwFFR.js";
-import { R as ye, P as Oe, c as x, h as Ie, d as xe, e as de, u as Ne, i as Me, f as Fe, j as we, k as _e, p as ee, t as ke } from "../../transitions.module-SSNmQfsR.js";
-import { View as Ae } from "../view/view.js";
-import { Heading as De } from "../heading/heading.js";
-import { Text as He } from "../text/text.js";
-import { Surface as Ve } from "../surface/surface.js";
+import { Heading as be } from "../heading/heading.js";
+import { Surface as Se } from "../surface/surface.js";
+import { Text as ye } from "../text/text.js";
+import { u as Oe, t as ae, T as Ie } from "../../tooltip-CpyPanwd.js";
+import { View as xe } from "../view/view.js";
+import { R as Ne, P as Me, c as x, h as Fe, d as we, e as de, u as _e, i as ke, f as Ae, j as De, k as He, p as ee, t as Ve } from "../../transitions.module-SSNmQfsR.js";
 import * as n from "react";
 import { u as Be, a as Le, b as Ue, I as Ge, F as Ke } from "../../InternalBackdrop-DDLgWc7D.js";
 import { f as q } from "../../formatErrorMessage-BqPuTBN-.js";
@@ -67,7 +67,7 @@ const Ot = {
   openOnHover: x((t) => t.openOnHover),
   closeDelay: x((t) => t.closeDelay)
 };
-class se extends ye {
+class se extends Ne {
   constructor(s) {
     const o = {
       ...yt(),
@@ -82,7 +82,7 @@ class se extends ye {
       triggerFocusTargetRef: /* @__PURE__ */ n.createRef(),
       beforeContentFocusGuardRef: /* @__PURE__ */ n.createRef(),
       stickIfOpenTimeout: new je(),
-      triggerElements: new Oe()
+      triggerElements: new Me()
     }, Ot);
   }
   setOpen = (s, o) => {
@@ -169,7 +169,7 @@ function ue({
   const O = rt({
     popupStore: r,
     onOpenChange: r.setOpen
-  }), I = xe(O, {
+  }), I = we(O, {
     outsidePressEvent: {
       // Ensure `aria-hidden` on outside elements is removed immediately
       // on outside press when trapping focus.
@@ -188,7 +188,7 @@ function ue({
     inactiveTriggerProps: A,
     popupProps: L,
     floatingRootContext: O,
-    nested: Ne() != null
+    nested: _e() != null
   });
   const D = n.useMemo(() => ({
     store: r
@@ -203,7 +203,7 @@ function ue({
 function It(t) {
   return V(!0) ? /* @__PURE__ */ u(ue, {
     props: t
-  }) : /* @__PURE__ */ u(Ie, {
+  }) : /* @__PURE__ */ u(Fe, {
     children: /* @__PURE__ */ u(ue, {
       props: t
     })
@@ -258,7 +258,7 @@ const xt = 300, me = /* @__PURE__ */ n.forwardRef(function(s, o) {
     native: a
   }), G = n.useMemo(() => ({
     open(d) {
-      return d && C === X ? Me.open(d) : Fe.open(d);
+      return d && C === X ? ke.open(d) : Ae.open(d);
     }
   }), [C]), T = K("button", s, {
     state: D,
@@ -356,7 +356,7 @@ const he = /* @__PURE__ */ n.forwardRef(function(s, o) {
     ..._
   } = s, {
     store: c
-  } = V(), F = Nt(), E = we(), O = c.useState("floatingRootContext"), I = c.useState("mounted"), C = c.useState("open"), k = c.useState("openChangeReason"), w = c.useState("activeTriggerElement"), b = c.useState("modal"), B = c.useState("positionerElement"), A = c.useState("instantType"), L = c.useState("transitionStatus"), D = n.useRef(null), H = Pt(B, !1, !1), S = vt({
+  } = V(), F = Nt(), E = De(), O = c.useState("floatingRootContext"), I = c.useState("mounted"), C = c.useState("open"), k = c.useState("openChangeReason"), w = c.useState("activeTriggerElement"), b = c.useState("modal"), B = c.useState("positionerElement"), A = c.useState("instantType"), L = c.useState("transitionStatus"), D = n.useRef(null), H = Pt(B, !1, !1), S = vt({
     anchor: i,
     floatingRootContext: O,
     positionMethod: a,
@@ -420,7 +420,7 @@ const he = /* @__PURE__ */ n.forwardRef(function(s, o) {
       ref: c.context.internalBackdropRef,
       inert: gt(!C),
       cutout: w
-    }), /* @__PURE__ */ u(_e, {
+    }), /* @__PURE__ */ u(He, {
       id: E,
       children: d
     })]
@@ -474,7 +474,7 @@ const Mt = {
     });
   }
   const j = n.useCallback(() => e.context.triggerElements.size > 1, [e]);
-  be({
+  Oe({
     popupElement: I,
     positionerElement: k,
     mounted: E,
@@ -598,27 +598,27 @@ function po({
     /* @__PURE__ */ u(ge, { children: /* @__PURE__ */ u(he, { align: t, side: s, sideOffset: 8, children: /* @__PURE__ */ Y(
       Pe,
       {
-        render: /* @__PURE__ */ u(Ve, { background: P }),
+        render: /* @__PURE__ */ u(Se, { background: P }),
         className: Re(
           ae.tooltip,
           le.popover,
-          ke.transition_scale,
+          Ve.transition_scale,
           a
         ),
         children: [
-          /* @__PURE__ */ u(Ee, { className: ae.tooltip__arrow, children: /* @__PURE__ */ u(Se.Arrow, {}) }),
-          o || f ? /* @__PURE__ */ Y(Ae, { className: le.popover__header, children: [
+          /* @__PURE__ */ u(Ee, { className: ae.tooltip__arrow, children: /* @__PURE__ */ u(Ie.Arrow, {}) }),
+          o || f ? /* @__PURE__ */ Y(xe, { className: le.popover__header, children: [
             o ? /* @__PURE__ */ u(
               Ce,
               {
-                render: /* @__PURE__ */ u(De, { level: 2, size: "2xl" }),
+                render: /* @__PURE__ */ u(be, { level: 2, size: "2xl" }),
                 children: o
               }
             ) : null,
             f ? /* @__PURE__ */ u(
               Te,
               {
-                render: /* @__PURE__ */ u(He, { color: "dimmer" }),
+                render: /* @__PURE__ */ u(ye, { color: "dimmer" }),
                 children: f
               }
             ) : null

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

@@ -1,8 +1,8 @@
 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-JPnUwFFR.js";
-import { d as me, e as Pe, f as Ce, p as U, t as ge } from "../../transitions.module-SSNmQfsR.js";
-import { Surface as we } from "../surface/surface.js";
+import { Surface as fe } from "../surface/surface.js";
+import { t as z, T as me } from "../../tooltip-CpyPanwd.js";
+import { d as Pe, e as Ce, f as ge, p as U, t as we } from "../../transitions.module-SSNmQfsR.js";
 import * as e from "react";
 import * as ve from "react-dom";
 import { u as Ee } from "../../useControlled-Du4sJyMj.js";
@@ -124,10 +124,10 @@ function Fe(t) {
     })
   }), ae = Ue(w, {
     delay: _
-  }), ce = me(w), {
+  }), ce = Pe(w), {
     getReferenceProps: j,
     getFloatingProps: W
-  } = Pe([b, ae, ce]), le = e.useMemo(() => ({
+  } = Ce([b, ae, ce]), le = e.useMemo(() => ({
     open: C,
     setOpen: o,
     mounted: R,
@@ -199,7 +199,7 @@ const oe = /* @__PURE__ */ e.forwardRef(function(s, u) {
     ref: [a, u],
     state: m,
     props: [c, p],
-    stateAttributesMapping: Ce
+    stateAttributesMapping: ge
   });
 });
 process.env.NODE_ENV !== "production" && (oe.displayName = "PreviewCardTrigger");
@@ -374,11 +374,11 @@ function ct({
         children: /* @__PURE__ */ q(
           se,
           {
-            render: /* @__PURE__ */ P(we, { background: u }),
+            render: /* @__PURE__ */ P(fe, { background: u }),
             className: pe(
               z.tooltip,
               Be["preview-card"],
-              ge.transition_scale,
+              we.transition_scale,
               i
             ),
             children: [
@@ -386,7 +386,7 @@ function ct({
                 ie,
                 {
                   className: z.tooltip__arrow,
-                  children: /* @__PURE__ */ P(fe.Arrow, {})
+                  children: /* @__PURE__ */ P(me.Arrow, {})
                 }
               ),
               d

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

@@ -2,19 +2,19 @@ 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 { 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 { Text as Ve } from "../text/text.js";
+import { View as Pe } from "../view/view.js";
+import { u as Ie } from "../../useControlled-Du4sJyMj.js";
+import { E as ce, b as de, u as re, N as F, d as fe, m as ke } from "../../useRenderElement-DngNDu_P.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 { S as Oe } from "../../composite-BwEK5cWH.js";
+import { u as Me, A as Fe, C as Te } from "../../CompositeRoot-CCgh2M64.js";
+import { f as Ce, a as he, u as Re, c as we, b as qe } from "../../LabelableContext-Be1u-eFg.js";
 import { f as ye } from "../../formatErrorMessage-BqPuTBN-.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 { u as Ge } from "../../useValueChanged-MJRmEWz1.js";
+import { f as Se } from "../../element-u5WgOZX1.js";
 import { t as De, u as Be } from "../../useOpenChangeComplete-BHd-N7Ig.js";
 import { u as ze } from "../../useTransitionStatus-CmMyUh74.js";
 import { u as Ke } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
@@ -36,7 +36,7 @@ import '../../radio-group.css';function Je(e) {
   } = e, {
     compositeProps: g,
     compositeRef: x
-  } = ke({
+  } = Me({
     metadata: r
   });
   return re(s, e, {
@@ -143,7 +143,7 @@ const ge = /* @__PURE__ */ o.forwardRef(function(n, u) {
     "aria-disabled": i || void 0,
     "aria-readonly": t || void 0,
     "aria-labelledby": b,
-    [Oe]: c ? "" : void 0,
+    [Fe]: c ? "" : void 0,
     id: K,
     disabled: i,
     onKeyDown(f) {
@@ -238,7 +238,7 @@ const xe = /* @__PURE__ */ o.forwardRef(function(n, u) {
   }), N ? V : null;
 });
 process.env.NODE_ENV !== "production" && (xe.displayName = "RadioIndicator");
-const Qe = [Ie], _e = /* @__PURE__ */ o.forwardRef(function(n, u) {
+const Qe = [Oe], _e = /* @__PURE__ */ o.forwardRef(function(n, u) {
   const {
     render: h,
     className: R,
@@ -268,7 +268,7 @@ const Qe = [Ie], _e = /* @__PURE__ */ o.forwardRef(function(n, u) {
     labelId: z
   } = Re(), {
     clearErrors: $
-  } = Fe(), A = We(!0), b = W || m, _ = J ?? x, i = me(N), [t, v] = Ve({
+  } = we(), A = We(!0), b = W || m, _ = J ?? x, i = me(N), [t, v] = Ie({
     controlled: y,
     default: g,
     name: "RadioGroup",
@@ -278,21 +278,21 @@ const Qe = [Ie], _e = /* @__PURE__ */ o.forwardRef(function(n, u) {
   }), C = o.useRef(null), q = G((d) => {
     C.current == null && d != null && (C.current = d);
   });
-  Te({
+  qe({
     id: i,
     commit: l.commit,
     value: t,
     controlRef: C,
     name: _,
     getValue: () => t ?? null
-  }), we(t, () => {
+  }), Ge(t, () => {
     $(_), D(t !== I.initialValue), B(t != null), w() ? l.commit(t) : l.commit(t, !0);
   });
   const [K, O] = o.useState(!1), Q = G((d) => {
-    qe(d.currentTarget, d.relatedTarget) || (S(!0), T(!1), H === "onBlur" && l.commit(t));
+    Se(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({
+  }), L = o.useMemo(() => t == null ? "" : typeof t == "string" ? t : JSON.stringify(t), [t]), Z = fe(l.inputRef, E), M = ke({
     value: L,
     ref: Z,
     id: i,
@@ -341,7 +341,7 @@ const Qe = [Ie], _e = /* @__PURE__ */ o.forwardRef(function(n, u) {
   };
   return /* @__PURE__ */ ne(ae.Provider, {
     value: U,
-    children: [/* @__PURE__ */ p(Me, {
+    children: [/* @__PURE__ */ p(Te, {
       render: h,
       className: R,
       state: ee,
@@ -383,7 +383,7 @@ function nt({
   ...h
 }) {
   const R = Ne(ve), m = e || R || "primary", r = /* @__PURE__ */ p(
-    Ge,
+    Pe,
     {
       render: /* @__PURE__ */ p(ge, { ...h }),
       interactive: "fill-outline",
@@ -395,7 +395,7 @@ function nt({
   return n ? /* @__PURE__ */ ne("label", { className: te.radio__label, children: [
     r,
     " ",
-    /* @__PURE__ */ p(Se, { children: n })
+    /* @__PURE__ */ p(Ve, { children: n })
   ] }) : r;
 }
 const Pt = Object.assign(ot, {

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

@@ -1,11 +1,11 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import { c as _ } from "../../clsx-OuTLNxxd.js";
 import "react";
+import { Icon as l } from "../icon/icon.js";
+import { IconButton as m } from "../icon-button/icon-button.js";
+import { Input as t } from "../input/input.js";
+import { Spinner as h } from "../spinner/spinner.js";
 import { View as s } from "../view/view.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_yrf20_3",
   "search-bar__input": "_search-bar__input_yrf20_8",
@@ -14,9 +14,9 @@ import '../../search-bar.css';const a = {
 };
 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,
+    /* @__PURE__ */ r(t, { className: a["search-bar__input"], ...c }),
+    !e && !c.value ? /* @__PURE__ */ r(s, { className: a["search-bar__icon"], children: /* @__PURE__ */ r(l, { name: "search-line" }) }) : null,
+    e ? /* @__PURE__ */ r(h, { className: a["search-bar__icon"] }) : null,
     !e && c.value ? /* @__PURE__ */ r(
       s,
       {
@@ -25,7 +25,7 @@ function I({ loading: e, onClear: i, className: n, ...c }) {
           a["search-bar__icon_close"]
         ),
         children: /* @__PURE__ */ r(
-          h,
+          m,
           {
             icon: "close-line",
             alt: "Clear",

package/dist/components/select/select.js

@@ -2,9 +2,9 @@ import { jsx as C, jsxs as Ae } from "react/jsx-runtime";
 import { c as jt } from "../../clsx-OuTLNxxd.js";
 import * as n from "react";
 import { textify as $t } from "../../-utils.js";
-import { c as E, S as Yt, l as p, d as Xt, e as Kt, i as Gt, f as Jt, p as xt, t as Zt } from "../../transitions.module-SSNmQfsR.js";
-import { View as Qt } from "../view/view.js";
-import { Icon as Rt } from "../icon/icon.js";
+import { Icon as xt } from "../icon/icon.js";
+import { View as Yt } from "../view/view.js";
+import { c as E, S as Xt, l as p, d as Kt, e as Gt, i as Jt, f as Zt, p as Rt, t as Qt } from "../../transitions.module-SSNmQfsR.js";
 import { v as en } from "../../visuallyHidden-CpJ-mhai.js";
 import { b as gt, a as tn, m as St, d as It, u as Re } from "../../useRenderElement-DngNDu_P.js";
 import { u as ht } from "../../useControlled-Du4sJyMj.js";
@@ -243,7 +243,7 @@ function Ln(e) {
     openMethod: pe,
     triggerProps: k,
     reset: W
-  } = dn(T), h = tn(() => new Yt({
+  } = dn(T), h = tn(() => new Xt({
     id: A,
     modal: b,
     multiple: I,
@@ -338,7 +338,7 @@ function Ln(e) {
   }), Fe = fn(he, {
     enabled: !v && !B,
     event: "mousedown"
-  }), ze = Xt(he, {
+  }), ze = Kt(he, {
     bubbles: !1
   }), Je = xn(he, {
     enabled: !v && !B,
@@ -367,7 +367,7 @@ function Ln(e) {
     getReferenceProps: Be,
     getFloatingProps: Ce,
     getItemProps: qe
-  } = Kt([Fe, ze, Je, Ze]), Ue = n.useMemo(() => St(Be(), k), [Be, k]);
+  } = Gt([Fe, ze, Je, Ze]), Ue = n.useMemo(() => St(Be(), k), [Be, k]);
   Pn(() => {
     h.update({
       popupProps: Ce(),
@@ -467,7 +467,7 @@ function Ln(e) {
   });
 }
 const Ye = 2, kn = {
-  ...Gt,
+  ...Jt,
   ...rn,
   value: () => null
 }, Ct = /* @__PURE__ */ n.forwardRef(function(t, o) {
@@ -619,7 +619,7 @@ const _t = /* @__PURE__ */ n.forwardRef(function(t, o) {
       "aria-hidden": !0,
       children: "▼"
     }, i],
-    stateAttributesMapping: Jt
+    stateAttributesMapping: Zt
   });
 });
 process.env.NODE_ENV !== "production" && (_t.displayName = "SelectIcon");
@@ -724,7 +724,7 @@ const Ht = {
   }), ne = Re("div", t, {
     ref: [o, le],
     state: Z,
-    stateAttributesMapping: xt,
+    stateAttributesMapping: Rt,
     props: [H, V]
   }), oe = n.useRef(0), Ie = ye((_) => {
     if (_.size === 0 && oe.current === 0 || N.current.length === 0)
@@ -778,7 +778,7 @@ function Bt(e) {
   return t.top + 1 <= e.clientY && e.clientY <= t.bottom - 1 && t.left + 1 <= e.clientX && e.clientX <= t.right - 1;
 }
 const qn = {
-  ...xt,
+  ...Rt,
   ...At
 }, Ut = /* @__PURE__ */ n.forwardRef(function(t, o) {
   const {
@@ -1194,7 +1194,7 @@ function No({
 }) {
   return /* @__PURE__ */ Ae(Ln, { ...s, children: [
     /* @__PURE__ */ Ae(
-      Qt,
+      Yt,
       {
         interactive: "fill-outline",
         render: /* @__PURE__ */ C(Ct, {}),
@@ -1203,7 +1203,7 @@ function No({
         children: [
           /* @__PURE__ */ C(Nt, { children: Xn(e, s.items) }),
           /* @__PURE__ */ C(_t, { children: /* @__PURE__ */ C(
-            Rt,
+            xt,
             {
               name: "arrow-down-s-line",
               className: Pe["select__trigger-icon"]
@@ -1215,7 +1215,7 @@ function No({
     /* @__PURE__ */ C(Ot, { children: /* @__PURE__ */ C(Ft, { sideOffset: 4, alignItemWithTrigger: !1, children: /* @__PURE__ */ C(
       Ut,
       {
-        className: Zt.transition_scale,
+        className: Qt.transition_scale,
         children: /* @__PURE__ */ Ae(Lt, { className: Pe.select__list, children: [
           e && !s.multiple ? /* @__PURE__ */ C(ot, { value: null, label: e }) : null,
           Array.isArray(s.items) ? s.items.map(({ value: r, label: i }) => /* @__PURE__ */ C(ot, { value: r, label: i }, r)) : typeof s.items == "object" ? Object.entries(s.items).map(([r, i]) => /* @__PURE__ */ C(ot, { value: r, label: i }, r)) : null
@@ -1235,7 +1235,7 @@ function ot(e) {
           Wt,
           {
             className: Pe["select__item-indicator"],
-            children: /* @__PURE__ */ C(Rt, { name: "check-line" })
+            children: /* @__PURE__ */ C(xt, { name: "check-line" })
           }
         ),
         /* @__PURE__ */ C(qt, { className: Pe["select__item-text"], children: $t(e.label) })