@koide-labs/ui 0.1.2 → 0.1.4

package/dist/components/meter/meter.js

@@ -5,7 +5,7 @@ import { Text as x } from "../text/text.js";
 import * as i from "react";
 import { f as T } from "../../formatErrorMessage-BqPuTBN-.js";
 import { f as E } from "../../formatNumber-1UNwjeqf.js";
-import { u as d } from "../../useRenderElement-DngNDu_P.js";
+import { u } from "../../useRenderElement-DngNDu_P.js";
 import { u as P } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
 import { u as j } from "../../useBaseUiId-B7WyxtIE.js";
 import { v as B } from "../../valueToPercent-DaP9qN4u.js";
@@ -33,9 +33,9 @@ const V = /* @__PURE__ */ i.forwardRef(function(e, r) {
     render: W,
     className: q,
     ...I
-  } = e, [b, v] = i.useState(), u = S(o, s, c);
+  } = e, [b, v] = i.useState(), d = S(o, s, c);
   let p = `${o}%`;
-  m ? p = m(u, o) : c && (p = u);
+  m ? p = m(d, o) : c && (p = d);
   const k = {
     "aria-labelledby": b,
     "aria-valuemax": n,
@@ -44,12 +44,12 @@ const V = /* @__PURE__ */ i.forwardRef(function(e, r) {
     "aria-valuetext": p,
     role: "meter"
   }, D = i.useMemo(() => ({
-    formattedValue: u,
+    formattedValue: d,
     max: n,
     min: a,
     setLabelId: v,
     value: o
-  }), [u, n, a, v, o]), O = d("div", e, {
+  }), [d, n, a, v, o]), O = u("div", e, {
     ref: r,
     props: [k, I]
   });
@@ -65,7 +65,7 @@ const h = /* @__PURE__ */ i.forwardRef(function(e, r) {
     className: m,
     ...s
   } = e;
-  return d("div", e, {
+  return u("div", e, {
     ref: r,
     props: s
   });
@@ -77,7 +77,7 @@ const w = /* @__PURE__ */ i.forwardRef(function(e, r) {
     className: m,
     ...s
   } = e, n = N(), a = B(n.value, n.min, n.max);
-  return d("div", e, {
+  return u("div", e, {
     ref: r,
     props: [{
       style: {
@@ -99,7 +99,7 @@ const R = /* @__PURE__ */ i.forwardRef(function(e, r) {
     value: a,
     formattedValue: o
   } = N();
-  return d("span", e, {
+  return u("span", e, {
     ref: r,
     props: [{
       "aria-hidden": !0,
@@ -117,7 +117,7 @@ const y = /* @__PURE__ */ i.forwardRef(function(e, r) {
   } = e, a = j(s), {
     setLabelId: o
   } = N();
-  return P(() => (o(a), () => o(void 0)), [a, o]), d("span", e, {
+  return P(() => (o(a), () => o(void 0)), [a, o]), u("span", e, {
     ref: r,
     props: [{
       id: a
@@ -125,7 +125,7 @@ const y = /* @__PURE__ */ i.forwardRef(function(e, r) {
   });
 });
 process.env.NODE_ENV !== "production" && (y.displayName = "MeterLabel");
-const U = "_meter_1mwdr_2", $ = "_meter__value_1mwdr_8", A = "_meter__track_1mwdr_14", F = "_meter__indicator_1mwdr_21", f = {
+const U = "_meter_scpmw_3", $ = "_meter__value_scpmw_9", A = "_meter__track_scpmw_15", F = "_meter__indicator_scpmw_22", f = {
   meter: U,
   meter__value: $,
   meter__track: A,

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

@@ -2,7 +2,7 @@ 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-zw1dlr1_.js";
+import { s as b } from "../../input.module-CYcyDtrO.js";
 import { View as X } from "../view/view.js";
 var c = /* @__PURE__ */ new Map();
 function j(t) {

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

@@ -6,7 +6,7 @@ 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-wNYojB9q.js";
+import { S as Gt } from "../../separator-Or-BDQYZ.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";
@@ -106,7 +106,7 @@ function Se(n, r, t) {
   } = Je(p, t), R = ke(p, t).formatToParts(1).filter((c) => c.type === "unit").map((c) => Le(c.value)), K = R.length ? new RegExp(R.join("|"), "g") : null;
   let G = null;
   m && (new RegExp("\\p{Zs}", "u").test(m) ? G = new RegExp("\\p{Zs}", "gu") : m === "'" || m === "’" ? G = /['’]/g : G = new RegExp(Le(m), "g"));
-  let w = [
+  let F = [
     {
       regex: m ? G : null,
       replacement: ""
@@ -167,10 +167,10 @@ function Se(n, r, t) {
     regex: W,
     replacement: x
   }) => W ? c.replace(W, x) : c, s);
-  const O = w.lastIndexOf(".");
-  if (O !== -1 && (w = `${w.slice(0, O).replace(/\./g, "")}.${w.slice(O + 1).replace(/\./g, "")}`), /^[-+]?Infinity$/i.test(s) || /[∞]/.test(s))
+  const O = F.lastIndexOf(".");
+  if (O !== -1 && (F = `${F.slice(0, O).replace(/\./g, "")}.${F.slice(O + 1).replace(/\./g, "")}`), /^[-+]?Infinity$/i.test(s) || /[∞]/.test(s))
     return null;
-  const q = (a ? "-" : "") + w;
+  const q = (a ? "-" : "") + F;
   let V = parseFloat(q);
   const g = t?.style, d = g === "unit" && t?.unit === "percent", k = Nn.test(n) || g === "percent";
   return Sn.test(n) ? V /= 1e3 : !d && k && (V /= 100), Number.isNaN(V) ? null : V;
@@ -183,7 +183,7 @@ function Vn(n) {
     minimumFractionDigits: t
   };
 }
-function Fn(n, r) {
+function wn(n, r) {
   if (!Number.isFinite(n))
     return n;
   const t = Math.min(Math.max(r, 0), 20);
@@ -193,9 +193,9 @@ function $e(n, r) {
   const {
     maximumFractionDigits: t
   } = Vn(r);
-  return Fn(n, t);
+  return wn(n, t);
 }
-function wn(n, r, t, s = "directional") {
+function Fn(n, r, t, s = "directional") {
   if (t === 0)
     return n;
   const a = Math.abs(t), f = Math.sign(t), S = a * Dn * f, p = s === "nearest" ? t : a, m = (n - r + S) / p;
@@ -219,7 +219,7 @@ function Mn(n, {
       return $e(m, f);
     let _ = a;
     !p && t !== Number.MIN_SAFE_INTEGER && (_ = t);
-    const b = wn(m, _, r, p ? "nearest" : "directional");
+    const b = Fn(m, _, r, p ? "nearest" : "directional");
     return $e(b, f);
   }
   return $e(m, f);
@@ -238,7 +238,7 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
     name: K,
     defaultValue: G,
     value: h,
-    onValueChange: w,
+    onValueChange: F,
     onValueCommitted: O,
     allowWheelScrub: q = !1,
     snapOnStep: V = !1,
@@ -269,21 +269,21 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
   Ge(() => {
     z(l !== null);
   }, [z, l]);
-  const te = ln(), ie = nt(g), re = o.useRef(!1), ue = de((F, E) => {
-    re.current = !1, O?.(F, E);
-  }), fe = Ke(), ge = fn(), he = Ke(), Ve = o.useRef(!1), Fe = o.useRef(0), me = o.useRef(!0), Ee = o.useRef(null), pe = o.useRef(() => {
-  }), [D, le] = o.useState(() => h !== void 0 ? lt(l, d, g) : Te(l, d, g)), [we, wt] = o.useState("numeric"), Qe = de(() => {
+  const te = ln(), ie = nt(g), re = o.useRef(!1), ue = de((w, E) => {
+    re.current = !1, O?.(w, E);
+  }), fe = Ke(), ge = fn(), he = Ke(), Ve = o.useRef(!1), we = o.useRef(0), me = o.useRef(!0), Ee = o.useRef(null), pe = o.useRef(() => {
+  }), [D, le] = o.useState(() => h !== void 0 ? lt(l, d, g) : Te(l, d, g)), [Fe, Ft] = o.useState("numeric"), Qe = de(() => {
     const {
-      decimal: F,
+      decimal: w,
       group: E,
       currency: B,
       literal: $
     } = Je(d, g), C = /* @__PURE__ */ new Set();
-    _n.forEach((ne) => C.add(ne)), F && C.add(F), E && (C.add(E), ct.test(E) && C.add(" "));
+    _n.forEach((ne) => C.add(ne)), w && C.add(w), E && (C.add(E), ct.test(E) && C.add(" "));
     const ae = A === "percent" || A === "unit" && g?.unit === "percent", Ie = A === "percent" || A === "unit" && g?.unit === "permille";
     return ae && ht.forEach((ne) => C.add(ne)), Ie && Et.forEach((ne) => C.add(ne)), A === "currency" && B && C.add(B), $ && (Array.from($).forEach((ne) => C.add(ne)), ct.test($) && C.add(" ")), xn.forEach((ne) => C.add(ne)), y < 0 && yn.forEach((ne) => C.add(ne)), C;
-  }), be = de((F) => F?.altKey ? S : F?.shiftKey ? m : p), Me = de((F, E) => {
-    const B = E.event, $ = E.direction, C = Mn(F, {
+  }), be = de((w) => w?.altKey ? S : w?.shiftKey ? m : p), Me = de((w, E) => {
+    const B = E.event, $ = E.direction, C = Mn(w, {
       step: $ ? be(B) * $ : void 0,
       format: ie.current,
       minWithDefault: y,
@@ -292,25 +292,25 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
       snapOnStep: V,
       small: B?.altKey ?? !1
     });
-    if (C !== l || F !== l || me.current === !1) {
-      if (Ee.current = C, w?.(C, E), E.isCanceled)
+    if (C !== l || w !== l || me.current === !1) {
+      if (Ee.current = C, F?.(C, E), E.isCanceled)
         return;
       J(C), x(C !== H.initialValue), re.current = !0;
     }
     me.current && le(Te(C, d, g)), te();
-  }), Ce = de((F, {
+  }), Ce = de((w, {
     direction: E,
     currentValue: B,
     event: $,
     reason: C
   }) => {
-    const ae = B ?? oe.current, Ie = typeof ae == "number" ? ae + F * E : Math.max(0, a ?? 0);
+    const ae = B ?? oe.current, Ie = typeof ae == "number" ? ae + w * E : Math.max(0, a ?? 0);
     Me(Ie, ce(C, $, void 0, {
       direction: E
     }));
   }), Re = de(() => {
-    he.clear(), fe.clear(), ge.clear(), pe.current(), Fe.current = 0;
-  }), et = de((F, E) => {
+    he.clear(), fe.clear(), ge.clear(), pe.current(), we.current = 0;
+  }), et = de((w, E) => {
     if (Re(), !e.current)
       return;
     const B = We(e.current);
@@ -322,16 +322,16 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
     }, B.addEventListener("pointerup", (ae) => {
       Ve.current = !1, Re();
       const Ie = Ee.current ?? oe.current;
-      ue(Ie, _e(F ? "increment" : "decrement", ae));
+      ue(Ie, _e(w ? "increment" : "decrement", ae));
     }, {
       once: !0
     });
     function C() {
       const ae = be(E) ?? Pe;
       Ce(ae, {
-        direction: F ? 1 : -1,
+        direction: w ? 1 : -1,
         event: E,
-        reason: F ? "increment-press" : "decrement-press"
+        reason: w ? "increment-press" : "decrement-press"
       });
     }
     C(), fe.start(An, () => {
@@ -347,7 +347,7 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
     if (!Xt)
       return;
     let E = "text";
-    y >= 0 && (E = "decimal"), wt(E);
+    y >= 0 && (E = "decimal"), Ft(E);
   }, [y, A]), o.useEffect(() => () => Re(), [Re]), o.useEffect(function() {
     const E = e.current;
     if (I || R || !q || !E)
@@ -399,11 +399,11 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
     hasPendingCommitRef: re,
     isPressedRef: Ve,
     intentionalTouchCheckTimeout: he,
-    movesAfterTouchRef: Fe,
+    movesAfterTouchRef: we,
     name: X,
     required: _,
     invalid: v,
-    inputMode: we,
+    inputMode: Fe,
     getAllowedNonNumericKeys: Qe,
     min: a,
     max: f,
@@ -413,7 +413,7 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
     setIsScrubbing: N,
     state: He,
     onValueCommitted: ue
-  }), [e, D, l, et, Re, y, L, I, R, T, Me, Ce, be, ie, oe, he, X, _, v, we, Qe, a, f, le, d, M, He, ue]), Lt = xe("div", r, {
+  }), [e, D, l, et, Re, y, L, I, R, T, Me, Ce, be, ie, oe, he, X, _, v, Fe, Qe, a, f, le, d, M, He, ue]), Lt = xe("div", r, {
     ref: t,
     state: He,
     props: W,
@@ -423,10 +423,10 @@ const It = /* @__PURE__ */ o.forwardRef(function(r, t) {
     value: Mt,
     children: [Lt, /* @__PURE__ */ se("input", {
       ...ee.getInputValidationProps({
-        onChange(F) {
-          if (F.nativeEvent.defaultPrevented)
+        onChange(w) {
+          if (w.nativeEvent.defaultPrevented)
             return;
-          const E = F.currentTarget.valueAsNumber, B = Number.isNaN(E) ? null : E, $ = ce(on, F.nativeEvent);
+          const E = w.currentTarget.valueAsNumber, B = Number.isNaN(E) ? null : E, $ = ce(on, w.nativeEvent);
           x(B !== H.initialValue), Me(B, $), i() && ee.commit(B);
         }
       }),
@@ -483,7 +483,7 @@ function vt(n) {
     locale: K,
     maxWithDefault: G,
     minWithDefault: h,
-    movesAfterTouchRef: w,
+    movesAfterTouchRef: F,
     readOnly: O,
     setValue: q,
     startAutoChange: V,
@@ -543,8 +543,8 @@ function vt(n) {
         x: i.clientX,
         y: i.clientY
       }, U(i.nativeEvent), i.pointerType !== "touch" ? (i.preventDefault(), p.current?.focus(), V(b, i)) : _.start(vn, () => {
-        const M = w.current;
-        w.current = 0, R.current && M != null && M < Tn ? (V(b, i), H.current = !0) : (H.current = !1, g());
+        const M = F.current;
+        F.current = 0, R.current && M != null && M < Tn ? (V(b, i), H.current = !0) : (H.current = !1, g());
       }));
     },
     onPointerUp(i) {
@@ -553,7 +553,7 @@ function vt(n) {
     onPointerMove(i) {
       if (t || O || (b ? v : z) || i.pointerType !== "touch" || !R.current)
         return;
-      w.current != null && (w.current += 1);
+      F.current != null && (F.current += 1);
       const {
         x: X,
         y: M
@@ -587,7 +587,7 @@ const Tt = /* @__PURE__ */ o.forwardRef(function(r, t) {
     id: K,
     incrementValue: G,
     inputRef: h,
-    inputValue: w,
+    inputValue: F,
     intentionalTouchCheckTimeout: O,
     isPressedRef: q,
     locale: V,
@@ -611,7 +611,7 @@ const Tt = /* @__PURE__ */ o.forwardRef(function(r, t) {
     minWithDefault: d,
     maxWithDefault: g,
     value: j,
-    inputValue: w,
+    inputValue: F,
     disabled: U,
     readOnly: Y,
     id: K,
@@ -660,7 +660,7 @@ const Pt = /* @__PURE__ */ o.forwardRef(function(r, t) {
     id: K,
     incrementValue: G,
     inputRef: h,
-    inputValue: w,
+    inputValue: F,
     intentionalTouchCheckTimeout: O,
     isPressedRef: q,
     maxWithDefault: V,
@@ -684,7 +684,7 @@ const Pt = /* @__PURE__ */ o.forwardRef(function(r, t) {
     minWithDefault: g,
     maxWithDefault: V,
     value: H,
-    inputValue: w,
+    inputValue: F,
     disabled: U,
     readOnly: k,
     id: K,
@@ -736,7 +736,7 @@ const Ln = {
     incrementValue: K,
     inputMode: G,
     inputValue: h,
-    max: w,
+    max: F,
     min: O,
     name: q,
     readOnly: V,
@@ -869,16 +869,16 @@ const Ln = {
         }
         [J, l, oe].forEach((D) => {
           if (e.key === D) {
-            const le = h.indexOf(D), we = ue(le);
-            P = !h.includes(D) || re || we;
+            const le = h.indexOf(D), Fe = ue(le);
+            P = !h.includes(D) || re || Fe;
           }
         });
-        const fe = e.key >= "0" && e.key <= "9", ge = je.test(e.key), he = ze.test(e.key), Ve = at.test(e.key), Fe = On.has(e.key);
+        const fe = e.key >= "0" && e.key <= "9", ge = je.test(e.key), he = ze.test(e.key), Ve = at.test(e.key), we = On.has(e.key);
         if (
           // Allow composition events (e.g., pinyin)
           // event.nativeEvent.isComposing does not work in Safari:
           // https://bugs.webkit.org/show_bug.cgi?id=165004
-          e.which === 229 || e.altKey || e.ctrlKey || e.metaKey || P || fe || ge || Ve || he || Fe
+          e.which === 229 || e.altKey || e.ctrlKey || e.metaKey || P || fe || ge || Ve || he || we
         )
           return;
         const me = Se(h, c, m.current), Ee = b(e) ?? Pe;
@@ -894,7 +894,7 @@ const Ln = {
           currentValue: me,
           event: u,
           reason: Ae
-        }), H(j.current ?? v.current, pe)) : e.key === "Home" && O != null ? (d(O, ce(Ae, u)), H(j.current ?? v.current, pe)) : e.key === "End" && w != null && (d(w, ce(Ae, u)), H(j.current ?? v.current, pe));
+        }), H(j.current ?? v.current, pe)) : e.key === "Home" && O != null ? (d(O, ce(Ae, u)), H(j.current ?? v.current, pe)) : e.key === "End" && F != null && (d(F, ce(Ae, u)), H(j.current ?? v.current, pe));
       },
       onPaste(e) {
         if (e.defaultPrevented || V || p)
@@ -944,7 +944,7 @@ function kn(n, r) {
     t.removeEventListener("resize", s);
   };
 }
-const Ft = /* @__PURE__ */ o.forwardRef(function(r, t) {
+const wt = /* @__PURE__ */ o.forwardRef(function(r, t) {
   const {
     render: s,
     className: a,
@@ -959,7 +959,7 @@ const Ft = /* @__PURE__ */ o.forwardRef(function(r, t) {
     readOnly: K,
     inputRef: G,
     incrementValue: h,
-    getStepAmount: w,
+    getStepAmount: F,
     onValueCommitted: O,
     lastChangedValueRef: q,
     valueRef: V
@@ -1027,7 +1027,7 @@ const Ft = /* @__PURE__ */ o.forwardRef(function(r, t) {
       } = e;
       if (y += f === "vertical" ? T : u, Math.abs(y) >= S) {
         y = 0;
-        const P = f === "vertical" ? -T : u, J = w(e) ?? Pe, l = P * J;
+        const P = f === "vertical" ? -T : u, J = F(e) ?? Pe, l = P * J;
         l !== 0 && h(Math.abs(l), {
           direction: l >= 0 ? 1 : -1,
           event: e,
@@ -1039,7 +1039,7 @@ const Ft = /* @__PURE__ */ o.forwardRef(function(r, t) {
     return A.addEventListener("pointerup", L, !0), A.addEventListener("pointermove", Z, !0), () => {
       W.clear(), A.removeEventListener("pointerup", L, !0), A.removeEventListener("pointermove", Z, !0);
     };
-  }, [R, K, h, v, w, G, i, ee, f, S, q, O, V, W]), o.useEffect(function() {
+  }, [R, K, h, v, F, G, i, ee, f, S, q, O, V, W]), o.useEffect(function() {
     const y = g.current;
     if (!y || R || K)
       return;
@@ -1093,14 +1093,14 @@ const Ft = /* @__PURE__ */ o.forwardRef(function(r, t) {
     children: X
   });
 });
-process.env.NODE_ENV !== "production" && (Ft.displayName = "NumberFieldScrubArea");
+process.env.NODE_ENV !== "production" && (wt.displayName = "NumberFieldScrubArea");
 const Ne = {
-  "number-input__root": "_number-input__root_1f592_2",
-  "number-input": "_number-input_1f592_2",
-  "number-input__scrub-area": "_number-input__scrub-area_1f592_20",
-  "number-input__group": "_number-input__group_1f592_25",
-  "number-input__controls": "_number-input__controls_1f592_29",
-  "number-input__separator": "_number-input__separator_1f592_40"
+  "number-input__root": "_number-input__root_w22lt_3",
+  "number-input": "_number-input_w22lt_3",
+  "number-input__scrub-area": "_number-input__scrub-area_w22lt_21",
+  "number-input__group": "_number-input__group_w22lt_26",
+  "number-input__controls": "_number-input__controls_w22lt_30",
+  "number-input__separator": "_number-input__separator_w22lt_41"
 };
 function pr({
   label: n,
@@ -1118,7 +1118,7 @@ function pr({
       id: f,
       className: Ne["number-input__root"],
       children: [
-        n ? /* @__PURE__ */ se(Ft, { 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(kt, { color: "dimmer", children: n }) }) }) : null,
         /* @__PURE__ */ Ue(At, { className: Ne["number-input__group"], children: [
           /* @__PURE__ */ se(
             Wt,

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

@@ -1,16 +1,16 @@
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
 import { useState as i } from "react";
-import { View as a } from "../view/view.js";
-import { Input as _ } from "../input/input.js";
+import { View as _ } from "../view/view.js";
+import { Input as a } from "../input/input.js";
 import { IconButton as u } from "../icon-button/icon-button.js";
 import '../../password-input.css';const t = {
-  "password-input__root": "_password-input__root_uax96_2",
-  "password-input__eye": "_password-input__eye_uax96_6"
+  "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(a, { className: t["password-input__root"], children: [
-    /* @__PURE__ */ s(_, { type: o ? "text" : "password", ...e }),
+  return /* @__PURE__ */ n(_, { className: t["password-input__root"], children: [
+    /* @__PURE__ */ s(a, { type: o ? "text" : "password", ...e }),
     /* @__PURE__ */ s(
       u,
       {

package/dist/components/pill/pill.js

@@ -1,9 +1,9 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { c } from "../../clsx-OuTLNxxd.js";
-import { textify as e } from "../../-utils.js";
-import { View as s } from "../view/view.js";
-import { Icon as t } from "../icon/icon.js";
-import '../../pill.css';const f = "_pill_1eq5m_2", a = "_pill_icon_left_1eq5m_17", x = "_pill_icon_right_1eq5m_21", _ = {
+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 '../../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,
   pill_icon_right: x
@@ -11,24 +11,24 @@ import '../../pill.css';const f = "_pill_1eq5m_2", a = "_pill_icon_left_1eq5m_17
 function y({
   leftIcon: l,
   rightIcon: i,
-  className: n,
-  children: p,
+  className: t,
+  children: n,
   ...r
 }) {
-  return /* @__PURE__ */ m(
-    s,
+  return /* @__PURE__ */ c(
+    e,
     {
-      className: c(
+      className: m(
         _.pill,
         l && _.pill_icon_left,
         i && _.pill_icon_right,
-        n
+        t
       ),
       ...r,
       children: [
-        l ? /* @__PURE__ */ o(t, { name: l }) : null,
-        e(p, { color: "inherit" }),
-        i ? /* @__PURE__ */ o(t, { name: i }) : null
+        l ? /* @__PURE__ */ o(p, { name: l }) : null,
+        s(n, { color: "inherit" }),
+        i ? /* @__PURE__ */ o(p, { name: i }) : null
       ]
     }
   );