@koide-labs/ui 0.1.3 → 0.1.4

package/dist/components/context-menu/context-menu.js

@@ -4,12 +4,12 @@ import * as t from "react";
 import { createContext as Wt, useContext as Xt } from "react";
 import { textify as Ce } from "../../-utils.js";
 import { tokens as st } from "../../styles/tokens.js";
-import { p as it, k as jt, R as $t, P as qt, c as U, m as zt, j as Jt, u as Qt, d as Zt, e as at, h as en, f as tn, i as nn, t as ut } from "../../transitions.module-D9mMAtfI.js";
+import { p as it, k as jt, R as $t, P as qt, c as U, m as zt, j as Jt, u as Qt, d as Zt, e as at, h as en, f as tn, i as nn, t as ut } from "../../transitions.module-SSNmQfsR.js";
 import { Surface as ct } from "../surface/surface.js";
 import { View as Re } from "../view/view.js";
 import { Icon as ce } from "../icon/icon.js";
 import { Text as lt } from "../text/text.js";
-import { S as on, a as rn } from "../../separator-DgY7BjjO.js";
+import { S as on, a as rn } from "../../separator-Or-BDQYZ.js";
 import { u as dt } from "../../useControlled-Du4sJyMj.js";
 import { u as le } from "../../useStableCallback-DKZHlUAT.js";
 import { f as J } from "../../formatErrorMessage-BqPuTBN-.js";
@@ -19,24 +19,24 @@ import * as ln from "react-dom";
 import { u as Me } from "../../useTimeout-BNni6aw5.js";
 import { u as Te } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
 import { u as dn } from "../../useAnimationFrame-DvK1s63A.js";
-import { F as pn, I as fn, u as mn, a as gn, b as hn } from "../../InternalBackdrop-BSMKU-hc.js";
+import { F as pn, I as fn, u as mn, a as gn, b as hn } from "../../InternalBackdrop-DDLgWc7D.js";
 import { h as xn, m as Mn, P as Cn, T as Rn } from "../../FloatingPortal-BQsQhvIr.js";
 import { u as bn } from "../../DirectionContext-C2o_MF_i.js";
 import { x as be, c as z, o as vn, t as xe, y as ue, b as et, a as ft, f as En, l as In, e as yn, i as Nn, v as Pn } from "../../createBaseUIEventDetails-CCSfZ2vM.js";
-import { p as Sn, c as Tn, u as On, a as kn, b as _n, e as wn } from "../../useSyncedFloatingRootContext-BB1vwkV-.js";
-import { u as Dn } from "../../useRole-BD3OL1rr.js";
-import { u as Vn, a as An } from "../../useTypeahead-BiL5IAVb.js";
+import { p as Sn, c as Tn, u as On, a as kn, b as _n, e as wn } from "../../useSyncedFloatingRootContext-CaohymZI.js";
+import { u as Dn } from "../../useRole-D1k7CnHQ.js";
+import { u as Vn, a as An } from "../../useTypeahead-CSZtonjF.js";
 import { o as tt } from "../../owner-rKN292Q9.js";
 import { i as Un, o as Ln, n as Fn } from "../../floating-ui.utils.dom-cbi420Pg.js";
 import { h as nt, f as he } from "../../element-u5WgOZX1.js";
 import { s as Gn } from "../../event-B89-Ng5h.js";
 import { i as Bn } from "../../inertValue-BTpPjX30.js";
-import { g as Hn, a as Yn } from "../../getDisabledMountTransitionStyles-E2x-_lte.js";
+import { g as Hn, a as Yn } from "../../getDisabledMountTransitionStyles-CyEI2117.js";
 import { u as ve, C as Kn } from "../../useCompositeListItem-CZp9WTnF.js";
 import { t as mt, u as Oe } from "../../useOpenChangeComplete-BHd-N7Ig.js";
 import { u as Wn } from "../../ToolbarRootContext-CvvL0Tk1.js";
 import { C as Xn } from "../../composite-BwEK5cWH.js";
-import { b as jn, a as $n, s as qn } from "../../safePolygon-DnkzOIur.js";
+import { b as jn, a as $n, s as qn } from "../../safePolygon-lAEp2rci.js";
 import { u as pe } from "../../useBaseUiId-B7WyxtIE.js";
 import { u as zn } from "../../useButton-d3_JgBNr.js";
 import { u as gt } from "../../useTransitionStatus-CmMyUh74.js";
@@ -1257,11 +1257,11 @@ const rt = 500, Tt = /* @__PURE__ */ t.forwardRef(function(o, i) {
 });
 process.env.NODE_ENV !== "production" && (Tt.displayName = "ContextMenuTrigger");
 const H = {
-  "context-menu": "_context-menu_ct7eh_2",
-  "context-menu__item": "_context-menu__item_ct7eh_11",
-  "context-menu__item-icon": "_context-menu__item-icon_ct7eh_23",
-  "context-menu__item-shortcut": "_context-menu__item-shortcut_ct7eh_30",
-  "context-menu__label": "_context-menu__label_ct7eh_35"
+  "context-menu": "_context-menu_1x98f_3",
+  "context-menu__item": "_context-menu__item_1x98f_12",
+  "context-menu__item-icon": "_context-menu__item-icon_1x98f_24",
+  "context-menu__item-shortcut": "_context-menu__item-shortcut_1x98f_31",
+  "context-menu__label": "_context-menu__label_1x98f_36"
 }, Ot = Wt("root");
 function uo({
   trigger: e,

package/dist/components/dialog/dialog.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { c as f } from "../../clsx-OuTLNxxd.js";
-import { t as h } from "../../transitions.module-D9mMAtfI.js";
-import { u as y, D as T, a as b, b as O, c as k, d as v, e as N, s as n, f as S, g as w, h as B, i as P } from "../../dialog.module-1PAL873u.js";
+import { t as h } from "../../transitions.module-SSNmQfsR.js";
+import { u as y, D as T, a as b, b as O, c as k, d as v, e as N, s as n, f as S, g as w, h as B, i as P } from "../../dialog.module-CRiRBcbM.js";
 import { Surface as j } from "../surface/surface.js";
 import { View as V } from "../view/view.js";
 import { Text as x } from "../text/text.js";

package/dist/components/heading/heading.js

@@ -3,9 +3,9 @@ import { createContext as i, useContext as x } from "react";
 import { Text as c } from "../text/text.js";
 import { u as d } from "../../useRender-C3vlzS3t.js";
 import { m as p } from "../../useRenderElement-DngNDu_P.js";
-import '../../heading.css';const f = "_heading_m8x05_2", g = {
-  heading: f
-}, u = i(0), h = {
+import '../../heading.css';const u = "_heading_u1xze_3", f = {
+  heading: u
+}, g = i(0), h = {
   1: "3xl",
   2: "2xl",
   3: "xl",
@@ -17,10 +17,10 @@ function v(e = 1) {
   return Math.max(Math.min(e, 6), 1);
 }
 function _({ level: e, size: o, color: n, render: r, ...m }) {
-  const s = x(u), t = v(e || s), a = d({
+  const s = x(g), t = v(e || s), a = d({
     defaultTagName: `h${t}`,
     render: r,
-    props: p(m, { className: g.heading })
+    props: p(m, { className: f.heading })
   });
   return /* @__PURE__ */ l(
     c,

package/dist/components/icon/icon.js

@@ -1,14 +1,14 @@
-import { jsxs as t, jsx as o } from "react/jsx-runtime";
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
 import { c as z } from "../../clsx-OuTLNxxd.js";
 import "react";
 import x from "remixicon/fonts/remixicon.symbol.svg";
-import '../../icon.css';const m = "_icon_ol0rk_2", d = "_icon_size_sm_ol0rk_14", f = "_icon_size_md_ol0rk_19", p = "_icon_size_lg_ol0rk_23", k = "_icon_size_xl_ol0rk_27", g = "_icon_size_2xl_ol0rk_31", a = "_icon_size_3xl_ol0rk_35", s = {
-  icon: m,
-  icon_size_sm: d,
-  icon_size_md: f,
+import '../../icon.css';const f = "_icon_15q8f_3", m = "_icon_size_sm_15q8f_15", d = "_icon_size_md_15q8f_20", p = "_icon_size_lg_15q8f_24", g = "_icon_size_xl_15q8f_28", q = "_icon_size_2xl_15q8f_32", a = "_icon_size_3xl_15q8f_36", o = {
+  icon: f,
+  icon_size_sm: m,
+  icon_size_md: d,
   icon_size_lg: p,
-  icon_size_xl: k,
-  icon_size_2xl: g,
+  icon_size_xl: g,
+  icon_size_2xl: q,
   icon_size_3xl: a
 };
 function $({
@@ -29,11 +29,11 @@ function $({
       focusable: !1,
       xmlns: "http://www.w3.org/2000/svg",
       fill: e || "currentColor",
-      className: z(s.icon, s[`icon_size_${n}`], l),
+      className: z(o.icon, o[`icon_size_${n}`], l),
       ...r,
       children: [
-        i ? /* @__PURE__ */ o("title", { children: i }) : null,
-        /* @__PURE__ */ o("use", { xlinkHref: _, href: _ })
+        i ? /* @__PURE__ */ s("title", { children: i }) : null,
+        /* @__PURE__ */ s("use", { xlinkHref: _, href: _ })
       ]
     }
   );

package/dist/components/icon-button/icon-button.js

@@ -1,35 +1,35 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { c as u } from "../../clsx-OuTLNxxd.js";
 import { View as b } from "../view/view.js";
 import { Icon as m } from "../icon/icon.js";
 import { B as r } from "../../Button-BmcVHRRW.js";
 import '../../icon-button.css';const n = {
-  "icon-button": "_icon-button_1aj78_2",
-  "icon-button_size_sm": "_icon-button_size_sm_1aj78_12",
-  "icon-button_size_md": "_icon-button_size_md_1aj78_16",
-  "icon-button_size_lg": "_icon-button_size_lg_1aj78_20",
-  "icon-button_size_xl": "_icon-button_size_xl_1aj78_24",
-  "icon-button_size_2xl": "_icon-button_size_2xl_1aj78_28",
-  "icon-button_size_3xl": "_icon-button_size_3xl_1aj78_32"
+  "icon-button": "_icon-button_qkt95_3",
+  "icon-button_size_sm": "_icon-button_size_sm_qkt95_13",
+  "icon-button_size_md": "_icon-button_size_md_qkt95_17",
+  "icon-button_size_lg": "_icon-button_size_lg_qkt95_21",
+  "icon-button_size_xl": "_icon-button_size_xl_qkt95_25",
+  "icon-button_size_2xl": "_icon-button_size_2xl_qkt95_29",
+  "icon-button_size_3xl": "_icon-button_size_3xl_qkt95_33"
 };
-function d({
+function f({
   icon: i,
   alt: e,
-  size: t = "md",
+  size: o = "md",
   render: c,
   className: s,
   ..._
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ t(
     b,
     {
       interactive: !0,
-      render: /* @__PURE__ */ o(
+      render: /* @__PURE__ */ t(
         r,
         {
           className: u(
             n["icon-button"],
-            n[`icon-button_size_${t}`],
+            n[`icon-button_size_${o}`],
             s
           ),
           focusableWhenDisabled: !!_.loading,
@@ -37,10 +37,10 @@ function d({
         }
       ),
       ..._,
-      children: /* @__PURE__ */ o(m, { name: i, size: t, alt: e })
+      children: /* @__PURE__ */ t(m, { name: i, size: o, alt: e })
     }
   );
 }
 export {
-  d as IconButton
+  f as IconButton
 };

package/dist/components/inline-code/inline-code.js

@@ -2,20 +2,20 @@ import { jsx as e } from "react/jsx-runtime";
 import { c as r } from "../../clsx-OuTLNxxd.js";
 import { Surface as c } from "../surface/surface.js";
 import { Text as l } from "../text/text.js";
-import '../../inline-code.css';const i = {
-  "inline-code": "_inline-code_1vbg6_2",
-  "inline-code_colorway": "_inline-code_colorway_1vbg6_12"
+import '../../inline-code.css';const o = {
+  "inline-code": "_inline-code_1595i_3",
+  "inline-code_colorway": "_inline-code_colorway_1595i_13"
 };
-function _({ color: o, ...n }) {
+function _({ color: i, ...n }) {
   return /* @__PURE__ */ e(
     c,
     {
       elevated: !0,
       className: r(
-        i["inline-code"],
-        o && i["inline-code_colorway"]
+        o["inline-code"],
+        i && o["inline-code_colorway"]
       ),
-      color: o,
+      color: i,
       children: /* @__PURE__ */ e(l, { size: "sm", color: "inherit", children: /* @__PURE__ */ e("code", { ...n }) })
     }
   );

package/dist/components/input/input.js

@@ -2,7 +2,7 @@ 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 { s as I } from "../../input.module-CtE19OH8.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";

package/dist/components/meter/meter.js

@@ -1,10 +1,10 @@
-import { jsx as m, jsxs as x, Fragment as g } from "react/jsx-runtime";
+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 M } from "../text/text.js";
+import { Text as x } from "../text/text.js";
 import * as i from "react";
 import { f as T } from "../../formatErrorMessage-BqPuTBN-.js";
-import { f as h } from "../../formatNumber-1UNwjeqf.js";
+import { f as E } from "../../formatNumber-1UNwjeqf.js";
 import { u } from "../../useRenderElement-DngNDu_P.js";
 import { u as P } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
 import { u as j } from "../../useBaseUiId-B7WyxtIE.js";
@@ -18,14 +18,14 @@ function N() {
   return t;
 }
 function S(t, e, r) {
-  return r ? h(t, e, r) : h(t / 100, e, {
+  return r ? E(t, e, r) : E(t / 100, e, {
     style: "percent"
   });
 }
-const E = /* @__PURE__ */ i.forwardRef(function(e, r) {
+const V = /* @__PURE__ */ i.forwardRef(function(e, r) {
   const {
     format: c,
-    getAriaValueText: l,
+    getAriaValueText: m,
     locale: s,
     max: n = 100,
     min: a = 0,
@@ -35,7 +35,7 @@ const E = /* @__PURE__ */ i.forwardRef(function(e, r) {
     ...I
   } = e, [b, v] = i.useState(), d = S(o, s, c);
   let p = `${o}%`;
-  l ? p = l(d, o) : c && (p = d);
+  m ? p = m(d, o) : c && (p = d);
   const k = {
     "aria-labelledby": b,
     "aria-valuemax": n,
@@ -53,16 +53,16 @@ const E = /* @__PURE__ */ i.forwardRef(function(e, r) {
     ref: r,
     props: [k, I]
   });
-  return /* @__PURE__ */ m(_.Provider, {
+  return /* @__PURE__ */ l(_.Provider, {
     value: D,
     children: O
   });
 });
-process.env.NODE_ENV !== "production" && (E.displayName = "MeterRoot");
-const V = /* @__PURE__ */ i.forwardRef(function(e, r) {
+process.env.NODE_ENV !== "production" && (V.displayName = "MeterRoot");
+const h = /* @__PURE__ */ i.forwardRef(function(e, r) {
   const {
     render: c,
-    className: l,
+    className: m,
     ...s
   } = e;
   return u("div", e, {
@@ -70,11 +70,11 @@ const V = /* @__PURE__ */ i.forwardRef(function(e, r) {
     props: s
   });
 });
-process.env.NODE_ENV !== "production" && (V.displayName = "MeterTrack");
-const R = /* @__PURE__ */ i.forwardRef(function(e, r) {
+process.env.NODE_ENV !== "production" && (h.displayName = "MeterTrack");
+const w = /* @__PURE__ */ i.forwardRef(function(e, r) {
   const {
     render: c,
-    className: l,
+    className: m,
     ...s
   } = e, n = N(), a = B(n.value, n.min, n.max);
   return u("div", e, {
@@ -88,11 +88,11 @@ const R = /* @__PURE__ */ i.forwardRef(function(e, r) {
     }, s]
   });
 });
-process.env.NODE_ENV !== "production" && (R.displayName = "MeterIndicator");
-const y = /* @__PURE__ */ i.forwardRef(function(e, r) {
+process.env.NODE_ENV !== "production" && (w.displayName = "MeterIndicator");
+const R = /* @__PURE__ */ i.forwardRef(function(e, r) {
   const {
     className: c,
-    render: l,
+    render: m,
     children: s,
     ...n
   } = e, {
@@ -107,11 +107,11 @@ const y = /* @__PURE__ */ i.forwardRef(function(e, r) {
     }, n]
   });
 });
-process.env.NODE_ENV !== "production" && (y.displayName = "MeterValue");
-const w = /* @__PURE__ */ i.forwardRef(function(e, r) {
+process.env.NODE_ENV !== "production" && (R.displayName = "MeterValue");
+const y = /* @__PURE__ */ i.forwardRef(function(e, r) {
   const {
     render: c,
-    className: l,
+    className: m,
     id: s,
     ...n
   } = e, a = j(s), {
@@ -124,8 +124,8 @@ const w = /* @__PURE__ */ i.forwardRef(function(e, r) {
     }, n]
   });
 });
-process.env.NODE_ENV !== "production" && (w.displayName = "MeterLabel");
-const U = "_meter_1hxrp_2", $ = "_meter__value_1hxrp_8", A = "_meter__track_1hxrp_14", F = "_meter__indicator_1hxrp_21", f = {
+process.env.NODE_ENV !== "production" && (y.displayName = "MeterLabel");
+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,
@@ -136,26 +136,26 @@ function re({
   color: e = "primary",
   className: r,
   children: c,
-  ...l
+  ...m
 }) {
-  return /* @__PURE__ */ m(L, { color: e, children: /* @__PURE__ */ x(
-    E,
+  return /* @__PURE__ */ l(L, { color: e, children: /* @__PURE__ */ M(
+    V,
     {
       className: C(f.meter, r),
-      ...l,
+      ...m,
       children: [
-        t ? /* @__PURE__ */ x(g, { children: [
-          /* @__PURE__ */ m(M, { render: /* @__PURE__ */ m(w, {}), children: t }),
-          /* @__PURE__ */ m(
-            M,
+        t ? /* @__PURE__ */ M(g, { children: [
+          /* @__PURE__ */ l(x, { render: /* @__PURE__ */ l(y, {}), children: t }),
+          /* @__PURE__ */ l(
+            x,
             {
               className: f.meter__value,
-              render: /* @__PURE__ */ m(y, {})
+              render: /* @__PURE__ */ l(R, {})
             }
           )
         ] }) : null,
         c,
-        /* @__PURE__ */ m(V, { className: f.meter__track, children: /* @__PURE__ */ m(R, { className: f.meter__indicator }) })
+        /* @__PURE__ */ l(h, { className: f.meter__track, children: /* @__PURE__ */ l(w, { className: f.meter__indicator }) })
       ]
     }
   ) });

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-CtE19OH8.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) {