@konstructio/ui 0.1.2-alpha.103 → 0.1.2-alpha.105

package/README.md

@@ -28,39 +28,33 @@ npm install @konstructio/ui
 
 ---
 
-### Step 2: Install Tailwind CSS
+### Step 2: Install Tailwind CSS v4
 
-If you don't already have Tailwind CSS installed, follow the official installation guide from the [Tailwind CSS documentation](https://tailwindcss.com/docs/installation). Ensure that Tailwind is properly configured in your project.
+Tailwind CSS v4 is a peer dependency. If you don't already have it installed, follow the official [Tailwind CSS installation guide](https://tailwindcss.com/docs/installation).
 
 ---
 
-### Step 3: Import and Configure the Plugin
+### Step 3: Import the theme styles
 
-To use the components provided by `@konstructio/ui`, you need to import the plugin and add it to your Tailwind CSS configuration file.
+In your global CSS file, import Tailwind and the library theme, plus the brand theme you need:
 
-Modify your Tailwind configuration file (usually `tailwind.config.js` or `tailwind.config.ts`) as follows:
-
-```ts
-import { konstructPlugin } from '@konstructio/ui';
-
-const config: Config = {
-  plugins: [konstructPlugin],
-};
+```css
+@import 'tailwindcss';
+@import '@konstructio/ui/ui/theme.css';
+@import '@konstructio/ui/ui/utilities.css';
+@import '@konstructio/ui/ui/civo-theme.css'; /* or kubefirst-theme.css */
 ```
 
+Component styles are bundled with the components and injected automatically — no extra CSS import is needed.
+
 ---
 
-### Step 4: Include `@konstructio/ui` in Tailwind Content
+### Step 4: Include `@konstructio/ui` in Tailwind's source detection
 
-To ensure Tailwind parses the components from `@konstructio/ui`, add its path to the `content` array in your Tailwind configuration file:
+So Tailwind generates the utility classes used by the components, add the package to your global CSS with `@source` (the path is relative to your CSS file):
 
-```ts
-const config: Config = {
-  content: [
-    // Other content paths
-    './node_modules/@konstructio/ui/dist/**/*.{js,ts,jsx,tsx}',
-  ],
-};
+```css
+@source '../node_modules/@konstructio/ui/dist';
 ```
 
 ## Final Steps

package/dist/{AdditionalOptions-Cj29eeMF.js → AdditionalOptions-D0BAS2HG.js}

@@ -1,4 +1,4 @@
-import { t as i } from "./dist-DqKFpce5.js";
+import { t as i } from "./dist-xCbHbMLA.js";
 import { t as p } from "./utils-Cx-WzRZF.js";
 import { useSelectContext as s } from "./components/Select/contexts/select.hook.js";
 import { listGroupLabelVariants as m } from "./components/Select/components/List/List.variants.js";

package/dist/{AlertDialogTrigger-CgcsW_ta.js → AlertDialogTrigger-BGo_acd5.js}

@@ -1,7 +1,7 @@
-import { a as A } from "./dist-DqKFpce5.js";
+import { a as A } from "./dist-xCbHbMLA.js";
 import { t as d } from "./utils-Cx-WzRZF.js";
-import { i as m, r as _ } from "./dist-D4FePjTS.js";
-import { a as C, c as P, i as R, l as u, n as v, o as S, r as T, s as O, t as w } from "./dist-BiJrNvNo.js";
+import { i as m, r as _ } from "./dist-D-yS0HN8.js";
+import { a as C, c as P, i as R, l as u, n as v, o as S, r as T, s as O, t as w } from "./dist-C3YVLapk.js";
 import { Button as y } from "./components/Button/Button.js";
 import * as n from "react";
 import { forwardRef as h } from "react";

package/dist/{Checkbox-DzAx7n67.js → Checkbox-B_ngk9Dj.js}

@@ -1,16 +1,16 @@
 import { o as X } from "./rolldown-runtime-Ck3dxwZt.js";
 import { t as J } from "./prop-types-CfEYxTbR.js";
-import { a as U } from "./dist-DqKFpce5.js";
-import { t as N } from "./dist-CVy-ulDZ.js";
+import { a as U } from "./dist-xCbHbMLA.js";
+import { t as N } from "./dist-CCdbu9GU.js";
 import { t as O } from "./utils-Cx-WzRZF.js";
-import { i as Q, r as S, t as Y } from "./dist-D4FePjTS.js";
-import { t as Z } from "./dist-DISvWx7U.js";
-import { t as ee } from "./dist-C2s4VX-42.js";
-import { useToggle as te } from "./hooks/useToggle.js";
+import { i as Q, r as S, t as Y } from "./dist-D-yS0HN8.js";
+import { t as Z } from "./dist-BUocnzkM.js";
+import { useToggle as ee } from "./hooks/useToggle.js";
+import { t as te } from "./dist-pWlMx4Fi2.js";
 import { checkboxVariants as re, labelVariants as oe } from "./components/Checkbox/Checkbox.variants.js";
 import * as u from "react";
-import q, { forwardRef as A, useCallback as ne, useId as ce } from "react";
-import { Fragment as ae, jsx as p, jsxs as $ } from "react/jsx-runtime";
+import q, { forwardRef as A, useId as ne } from "react";
+import { Fragment as ce, jsx as f, jsxs as $ } from "react/jsx-runtime";
 var w = /* @__PURE__ */ X(J());
 function j() {
   return j = Object.assign || function(e) {
@@ -21,9 +21,9 @@ function j() {
     return e;
   }, j.apply(this, arguments);
 }
-function se(e, o) {
+function ae(e, o) {
   if (e == null) return {};
-  var n = ie(e, o), t, r;
+  var n = se(e, o), t, r;
   if (Object.getOwnPropertySymbols) {
     var c = Object.getOwnPropertySymbols(e);
     for (r = 0; r < c.length; r++)
@@ -31,7 +31,7 @@ function se(e, o) {
   }
   return n;
 }
-function ie(e, o) {
+function se(e, o) {
   if (e == null) return {};
   var n = {}, t = Object.keys(e), r, c;
   for (c = 0; c < t.length; c++)
@@ -39,7 +39,7 @@ function ie(e, o) {
   return n;
 }
 var B = A(function(e, o) {
-  var n = e.color, t = n === void 0 ? "currentColor" : n, r = e.size, c = r === void 0 ? 24 : r, a = se(e, ["color", "size"]);
+  var n = e.color, t = n === void 0 ? "currentColor" : n, r = e.size, c = r === void 0 ? 24 : r, a = ae(e, ["color", "size"]);
   return /* @__PURE__ */ q.createElement("svg", j({
     ref: o,
     xmlns: "http://www.w3.org/2000/svg",
@@ -58,18 +58,18 @@ B.propTypes = {
   size: w.default.oneOfType([w.default.string, w.default.number])
 };
 B.displayName = "Check";
-var ue = Object.defineProperty, x = (e, o) => ue(e, "name", {
+var ie = Object.defineProperty, x = (e, o) => ie(e, "name", {
   value: o,
   configurable: !0
-}), T = "Checkbox", [le, Ne] = Q(T), [de, z] = le(T);
+}), T = "Checkbox", [ue, je] = Q(T), [le, z] = ue(T);
 function D(e) {
-  const { __scopeCheckbox: o, checked: n, children: t, defaultChecked: r, disabled: c, form: a, name: l, onCheckedChange: s, required: d, value: C = "on", internal_do_not_use_render: h } = e, [f, b] = Y({
+  const { __scopeCheckbox: o, checked: n, children: t, defaultChecked: r, disabled: c, form: a, name: l, onCheckedChange: s, required: d, value: C = "on", internal_do_not_use_render: h } = e, [p, b] = Y({
     prop: n,
     defaultProp: r ?? !1,
     onChange: s,
     caller: T
-  }), [v, m] = u.useState(null), [_, R] = u.useState(null), I = u.useRef(!1), [i, k] = u.useReducer((y) => y + 1, 0), P = v ? !!a || !!v.closest("form") : !0, E = {
-    checked: f,
+  }), [v, m] = u.useState(null), [y, R] = u.useState(null), _ = u.useRef(!1), [i, k] = u.useReducer((I) => I + 1, 0), P = v ? !!a || !!v.closest("form") : !0, E = {
+    checked: p,
     disabled: c,
     setChecked: b,
     control: v,
@@ -77,31 +77,31 @@ function D(e) {
     name: l,
     form: a,
     value: C,
-    hasConsumerStoppedPropagationRef: I,
+    hasConsumerStoppedPropagationRef: _,
     userInteractionCount: i,
     onUserInteraction: k,
     required: d,
     defaultChecked: g(r) ? !1 : r,
     isFormControl: P,
-    bubbleInput: _,
+    bubbleInput: y,
     setBubbleInput: R
   };
-  return /* @__PURE__ */ p(de, {
+  return /* @__PURE__ */ f(le, {
     scope: o,
     ...E,
     children: H(h) ? h(E) : t
   });
 }
 x(D, "CheckboxProvider");
-var fe = "CheckboxTrigger", pe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function({ __scopeCheckbox: o, onKeyDown: n, onClick: t, ...r }, c) {
-  const { control: a, value: l, disabled: s, checked: d, required: C, setControl: h, setChecked: f, hasConsumerStoppedPropagationRef: b, onUserInteraction: v, isFormControl: m, bubbleInput: _ } = z(fe, o), R = U(c, h), I = u.useRef(d);
+var de = "CheckboxTrigger", fe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function({ __scopeCheckbox: o, onKeyDown: n, onClick: t, ...r }, c) {
+  const { control: a, value: l, disabled: s, checked: d, required: C, setControl: h, setChecked: p, hasConsumerStoppedPropagationRef: b, onUserInteraction: v, isFormControl: m, bubbleInput: y } = z(de, o), R = U(c, h), _ = u.useRef(d);
   return u.useEffect(() => {
     const i = a?.form;
     if (i) {
-      const k = /* @__PURE__ */ x(() => f(I.current), "reset");
+      const k = /* @__PURE__ */ x(() => p(_.current), "reset");
       return i.addEventListener("reset", k), () => i.removeEventListener("reset", k);
     }
-  }, [a, f]), /* @__PURE__ */ p(N.button, {
+  }, [a, p]), /* @__PURE__ */ f(N.button, {
     type: "button",
     role: "checkbox",
     "aria-checked": g(d) ? "mixed" : d,
@@ -116,12 +116,12 @@ var fe = "CheckboxTrigger", pe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(
       i.key === "Enter" && i.preventDefault();
     }),
     onClick: S(t, (i) => {
-      v(), f((k) => g(k) ? !0 : !k), _ && m && (b.current = i.isPropagationStopped(), b.current || i.stopPropagation());
+      v(), p((k) => g(k) ? !0 : !k), y && m && (b.current = i.isPropagationStopped(), b.current || i.stopPropagation());
     })
   });
-}, "CheckboxTrigger")), he = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function(o, n) {
-  const { __scopeCheckbox: t, name: r, checked: c, defaultChecked: a, required: l, disabled: s, value: d, onCheckedChange: C, form: h, ...f } = o;
-  return /* @__PURE__ */ p(D, {
+}, "CheckboxTrigger")), pe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function(o, n) {
+  const { __scopeCheckbox: t, name: r, checked: c, defaultChecked: a, required: l, disabled: s, value: d, onCheckedChange: C, form: h, ...p } = o;
+  return /* @__PURE__ */ f(D, {
     __scopeCheckbox: t,
     checked: c,
     defaultChecked: a,
@@ -131,17 +131,17 @@ var fe = "CheckboxTrigger", pe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(
     name: r,
     form: h,
     value: d,
-    internal_do_not_use_render: ({ isFormControl: b }) => /* @__PURE__ */ $(ae, { children: [/* @__PURE__ */ p(pe, {
-      ...f,
+    internal_do_not_use_render: ({ isFormControl: b }) => /* @__PURE__ */ $(ce, { children: [/* @__PURE__ */ f(fe, {
+      ...p,
       ref: n,
       __scopeCheckbox: t
-    }), b && /* @__PURE__ */ p(Ce, { __scopeCheckbox: t })] })
+    }), b && /* @__PURE__ */ f(ke, { __scopeCheckbox: t })] })
   });
-}, "Checkbox")), be = "CheckboxIndicator", me = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function(o, n) {
-  const { __scopeCheckbox: t, forceMount: r, ...c } = o, a = z(be, t);
-  return /* @__PURE__ */ p(Z, {
+}, "Checkbox")), he = "CheckboxIndicator", be = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function(o, n) {
+  const { __scopeCheckbox: t, forceMount: r, ...c } = o, a = z(he, t);
+  return /* @__PURE__ */ f(Z, {
     present: r || g(a.checked) || a.checked === !0,
-    children: /* @__PURE__ */ p(N.span, {
+    children: /* @__PURE__ */ f(N.span, {
       "data-state": F(a.checked),
       "data-disabled": a.disabled ? "" : void 0,
       ...c,
@@ -152,11 +152,11 @@ var fe = "CheckboxTrigger", pe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(
       }
     })
   });
-}, "CheckboxIndicator")), ke = "CheckboxBubbleInput", Ce = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function({ __scopeCheckbox: o, onClick: n, ...t }, r) {
-  const { control: c, hasConsumerStoppedPropagationRef: a, userInteractionCount: l, checked: s, defaultChecked: d, required: C, disabled: h, name: f, value: b, form: v, bubbleInput: m, setBubbleInput: _ } = z(ke, o), R = U(r, _), I = ee(c), i = u.useRef(!1), k = u.useRef(s), P = u.useRef(l);
+}, "CheckboxIndicator")), me = "CheckboxBubbleInput", ke = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function({ __scopeCheckbox: o, onClick: n, ...t }, r) {
+  const { control: c, hasConsumerStoppedPropagationRef: a, userInteractionCount: l, checked: s, defaultChecked: d, required: C, disabled: h, name: p, value: b, form: v, bubbleInput: m, setBubbleInput: y } = z(me, o), R = U(r, y), _ = te(c), i = u.useRef(!1), k = u.useRef(s), P = u.useRef(l);
   u.useEffect(() => {
-    const y = m;
-    if (!y) return;
+    const I = m;
+    if (!I) return;
     const K = window.HTMLInputElement.prototype, L = Object.getOwnPropertyDescriptor(K, "checked").set, M = l !== P.current;
     P.current = l;
     const W = k.current !== s;
@@ -165,7 +165,7 @@ var fe = "CheckboxTrigger", pe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(
     if (W && L) {
       i.current = !M;
       const V = new Event("click", { bubbles: G });
-      y.indeterminate = g(s), L.call(y, g(s) ? !1 : s), y.dispatchEvent(V), i.current = !1;
+      I.indeterminate = g(s), L.call(I, g(s) ? !1 : s), I.dispatchEvent(V), i.current = !1;
     }
   }, [
     m,
@@ -174,24 +174,24 @@ var fe = "CheckboxTrigger", pe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(
     l
   ]);
   const E = u.useRef(g(s) ? !1 : s);
-  return /* @__PURE__ */ p(N.input, {
+  return /* @__PURE__ */ f(N.input, {
     type: "checkbox",
     "aria-hidden": !0,
     defaultChecked: d ?? E.current,
     required: C,
     disabled: h,
-    name: f,
+    name: p,
     value: b,
     form: v,
     ...t,
     tabIndex: -1,
     ref: R,
-    onClick: S(n, (y) => {
-      i.current && y.stopPropagation();
+    onClick: S(n, (I) => {
+      i.current && I.stopPropagation();
     }),
     style: {
       ...t.style,
-      ...I,
+      ..._,
       position: "absolute",
       pointerEvents: "none",
       opacity: 0,
@@ -212,14 +212,14 @@ function F(e) {
   return g(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
 x(F, "getState");
-var ve = A(({ ariaLabelledBy: e, className: o, defaultChecked: n, disabled: t, id: r, label: c, labelClassName: a, labelWrapperClassName: l, name: s, theme: d, title: C, variant: h, onChange: f, ...b }, v) => {
-  const [m, _] = te(n ?? !1), R = ce(), I = ne((i) => {
-    _(i), f?.(i);
-  }, [f, _]);
+var Ce = A(({ ariaLabelledBy: e, className: o, defaultChecked: n, disabled: t, id: r, label: c, labelClassName: a, labelWrapperClassName: l, name: s, theme: d, title: C, variant: h, onChange: p, ...b }, v) => {
+  const [m, y] = ee(n ?? !1), R = ne(), _ = (i) => {
+    y(i), p?.(i);
+  };
   return /* @__PURE__ */ $("div", {
     className: O("flex items-center gap-4", l),
     "data-theme": d,
-    children: [/* @__PURE__ */ p(he, {
+    children: [/* @__PURE__ */ f(pe, {
       id: r ?? R,
       checked: m,
       ref: v,
@@ -232,18 +232,18 @@ var ve = A(({ ariaLabelledBy: e, className: o, defaultChecked: n, disabled: t, i
         variant: h,
         checked: m
       })),
-      onCheckedChange: I,
+      onCheckedChange: _,
       ...b,
-      children: /* @__PURE__ */ p(me, { children: /* @__PURE__ */ p(B, { className: "w-4 h-4 stroke-2" }) })
-    }), c ? /* @__PURE__ */ p("label", {
+      children: /* @__PURE__ */ f(be, { children: /* @__PURE__ */ f(B, { className: "w-4 h-4 stroke-2" }) })
+    }), c ? /* @__PURE__ */ f("label", {
       htmlFor: s ?? r,
       className: O(oe({ className: a }), { "cursor-not-allowed": t }),
-      onClick: () => !t && I(!m),
+      onClick: () => !t && _(!m),
       children: c
     }) : null]
   });
 });
-ve.displayName = "KonstructCheckbox";
+Ce.displayName = "KonstructCheckbox";
 export {
-  ve as t
+  Ce as t
 };

package/dist/{Combination-cjXRJS03.js → Combination-CnMM05mt.js}

@@ -1,5 +1,5 @@
 import * as i from "react";
-import { useState as te } from "react";
+import { useState as re } from "react";
 var y = function() {
   return y = Object.assign || function(t) {
     for (var r, n = 1, a = arguments.length; n < a; n++) {
@@ -16,17 +16,17 @@ function Q(e, t) {
     for (var a = 0, n = Object.getOwnPropertySymbols(e); a < n.length; a++) t.indexOf(n[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[a]) && (r[n[a]] = e[n[a]]);
   return r;
 }
-function ne(e, t, r) {
+function ae(e, t, r) {
   if (r || arguments.length === 2)
     for (var n = 0, a = t.length, c; n < a; n++) (c || !(n in t)) && (c || (c = Array.prototype.slice.call(t, 0, n)), c[n] = t[n]);
   return e.concat(c || Array.prototype.slice.call(t));
 }
-var B = "right-scroll-bar-position", A = "width-before-scroll-bar", re = "with-scroll-bars-hidden", ae = "--removed-body-scroll-bar-size";
+var B = "right-scroll-bar-position", A = "width-before-scroll-bar", oe = "with-scroll-bars-hidden", ce = "--removed-body-scroll-bar-size";
 function W(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
-function oe(e, t) {
-  var r = te(function() {
+function ie(e, t) {
+  var r = re(function() {
     return {
       value: e,
       callback: t,
@@ -43,14 +43,14 @@ function oe(e, t) {
   })[0];
   return r.callback = t, r.facade;
 }
-var ce = typeof window < "u" ? i.useLayoutEffect : i.useEffect, F = /* @__PURE__ */ new WeakMap();
-function ie(e, t) {
-  var r = oe(t || null, function(n) {
+var ue = typeof window < "u" ? i.useLayoutEffect : i.useEffect, F = /* @__PURE__ */ new WeakMap();
+function le(e, t) {
+  var r = ie(t || null, function(n) {
     return e.forEach(function(a) {
       return W(a, n);
     });
   });
-  return ce(function() {
+  return ue(function() {
     var n = F.get(r);
     if (n) {
       var a = new Set(n), c = new Set(e), f = r.current;
@@ -63,11 +63,11 @@ function ie(e, t) {
     F.set(r, e);
   }, [e]), r;
 }
-function ue(e) {
+function U(e) {
   return e;
 }
-function le(e, t) {
-  t === void 0 && (t = ue);
+function K(e, t) {
+  t === void 0 && (t = U);
   var r = [], n = !1;
   return {
     read: function() {
@@ -120,26 +120,29 @@ function le(e, t) {
     }
   };
 }
+function je(e, t) {
+  return t === void 0 && (t = U), K(e, t);
+}
 function fe(e) {
   e === void 0 && (e = {});
-  var t = le(null);
+  var t = K(null);
   return t.options = y({
     async: !0,
     ssr: !1
   }, e), t;
 }
-var U = function(e) {
+var $ = function(e) {
   var t = e.sideCar, r = Q(e, ["sideCar"]);
   if (!t) throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var n = t.read();
   if (!n) throw new Error("Sidecar medium not found");
   return i.createElement(n, y({}, r));
 };
-U.isSideCarExport = !0;
+$.isSideCarExport = !0;
 function se(e, t) {
-  return e.useMedium(t), U;
+  return e.useMedium(t), $;
 }
-var K = fe(), D = function() {
+var q = fe(), D = function() {
 }, I = i.forwardRef(function(e, t) {
   var r = i.useRef(null), n = i.useState({
     onScrollCapture: D,
@@ -159,9 +162,9 @@ var K = fe(), D = function() {
     "allowPinchZoom",
     "as",
     "gapMode"
-  ]), k = C, S = ie([r, t]), w = y(y({}, d), a);
+  ]), k = C, S = le([r, t]), w = y(y({}, d), a);
   return i.createElement(i.Fragment, null, p && i.createElement(k, {
-    sideCar: K,
+    sideCar: q,
     removeScrollBar: s,
     shards: b,
     noRelative: E,
@@ -221,7 +224,7 @@ var ge = function() {
       };
     }, [t && r]);
   };
-}, $ = function() {
+}, J = function() {
   var e = ye(), t = function(r) {
     var n = r.styles, a = r.dynamic;
     return e(n, a), null;
@@ -250,14 +253,14 @@ var ge = function() {
     right: t[2],
     gap: Math.max(0, n - r + t[2] - t[0])
   };
-}, pe = $(), T = "data-scroll-locked", Ce = function(e, t, r, n) {
+}, pe = J(), M = "data-scroll-locked", Ce = function(e, t, r, n) {
   var a = e.left, c = e.top, f = e.right, u = e.gap;
   return r === void 0 && (r = "margin"), `
-  .`.concat(re, ` {
+  .`.concat(oe, ` {
    overflow: hidden `).concat(n, `;
    padding-right: `).concat(u, "px ").concat(n, `;
   }
-  body[`).concat(T, `] {
+  body[`).concat(M, `] {
     overflow: hidden `).concat(n, `;
     overscroll-behavior: contain;
     `).concat([
@@ -290,8 +293,8 @@ var ge = function() {
     margin-right: 0 `).concat(n, `;
   }
   
-  body[`).concat(T, `] {
-    `).concat(ae, ": ").concat(u, `px;
+  body[`).concat(M, `] {
+    `).concat(ce, ": ").concat(u, `px;
   }
 `);
 }, H = function() {
@@ -299,9 +302,9 @@ var ge = function() {
   return isFinite(e) ? e : 0;
 }, Ee = function() {
   i.useEffect(function() {
-    return document.body.setAttribute(T, (H() + 1).toString()), function() {
+    return document.body.setAttribute(M, (H() + 1).toString()), function() {
       var e = H() - 1;
-      e <= 0 ? document.body.removeAttribute(T) : document.body.setAttribute(T, e.toString());
+      e <= 0 ? document.body.removeAttribute(M) : document.body.setAttribute(M, e.toString());
     };
   }, []);
 }, Re = function(e) {
@@ -322,48 +325,48 @@ if (typeof window < "u") try {
 }
 var P = Y ? { passive: !1 } : !1, ke = function(e) {
   return e.tagName === "TEXTAREA";
-}, q = function(e, t) {
+}, ee = function(e, t) {
   if (!(e instanceof Element)) return !1;
   var r = window.getComputedStyle(e);
   return r[t] !== "hidden" && !(r.overflowY === r.overflowX && !ke(e) && r[t] === "visible");
 }, Pe = function(e) {
-  return q(e, "overflowY");
+  return ee(e, "overflowY");
 }, Ne = function(e) {
-  return q(e, "overflowX");
+  return ee(e, "overflowX");
 }, Z = function(e, t) {
   var r = t.ownerDocument, n = t;
   do {
-    if (typeof ShadowRoot < "u" && n instanceof ShadowRoot && (n = n.host), J(e, n)) {
-      var a = ee(e, n);
+    if (typeof ShadowRoot < "u" && n instanceof ShadowRoot && (n = n.host), te(e, n)) {
+      var a = ne(e, n);
       if (a[1] > a[2]) return !0;
     }
     n = n.parentNode;
   } while (n && n !== r.body);
   return !1;
-}, Te = function(e) {
+}, Me = function(e) {
   return [
     e.scrollTop,
     e.scrollHeight,
     e.clientHeight
   ];
-}, Me = function(e) {
+}, Te = function(e) {
   return [
     e.scrollLeft,
     e.scrollWidth,
     e.clientWidth
   ];
-}, J = function(e, t) {
+}, te = function(e, t) {
   return e === "v" ? Pe(t) : Ne(t);
-}, ee = function(e, t) {
-  return e === "v" ? Te(t) : Me(t);
+}, ne = function(e, t) {
+  return e === "v" ? Me(t) : Te(t);
 }, Le = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, xe = function(e, t, r, n, a) {
   var c = Le(e, window.getComputedStyle(t).direction), f = c * n, u = r.target, v = t.contains(u), s = !1, p = f > 0, b = 0, C = 0;
   do {
     if (!u) break;
-    var E = ee(e, u), R = E[0], o = E[1] - E[2] - c * R;
-    (R || o) && J(e, u) && (b += o, C += R);
+    var E = ne(e, u), R = E[0], o = E[1] - E[2] - c * R;
+    (R || o) && te(e, u) && (b += o, C += R);
     var l = u.parentNode;
     u = l && l.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? l.host : l;
   } while (!v && u !== document.body || v && (t.contains(u) || t === u));
@@ -383,13 +386,13 @@ var P = Y ? { passive: !1 } : !1, ke = function(e) {
 `);
 }, Ie = 0, N = [];
 function Oe(e) {
-  var t = i.useRef([]), r = i.useRef([0, 0]), n = i.useRef(), a = i.useState(Ie++)[0], c = i.useState($)[0], f = i.useRef(e);
+  var t = i.useRef([]), r = i.useRef([0, 0]), n = i.useRef(), a = i.useState(Ie++)[0], c = i.useState(J)[0], f = i.useRef(e);
   i.useEffect(function() {
     f.current = e;
   }, [e]), i.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var o = ne([e.lockRef.current], (e.shards || []).map(G), !0).filter(Boolean);
+      var o = ae([e.lockRef.current], (e.shards || []).map(G), !0).filter(Boolean);
       return o.forEach(function(l) {
         return l.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -409,9 +412,9 @@ function Oe(e) {
     if ("touches" in o && w === "h" && S.type === "range") return !1;
     var j = window.getSelection(), O = j && j.anchorNode;
     if (O && (O === S || O.contains(S))) return !1;
-    var M = Z(w, S);
-    if (!M) return !0;
-    if (M ? k = w : (k = w === "v" ? "h" : "v", M = Z(w, S)), !M) return !1;
+    var T = Z(w, S);
+    if (!T) return !0;
+    if (T ? k = w : (k = w === "v" ? "h" : "v", T = Z(w, S)), !T) return !1;
     if (!n.current && "changedTouches" in o && (h || d) && (n.current = k), !k) return !0;
     var V = n.current || k;
     return xe(V, l, o, V === "h" ? h : d, !0);
@@ -474,7 +477,7 @@ function We(e) {
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-var De = se(K, Oe), Xe = i.forwardRef(function(e, t) {
+var De = se(q, Oe), Xe = i.forwardRef(function(e, t) {
   return i.createElement(I, y({}, e, {
     ref: t,
     sideCar: De
@@ -482,5 +485,8 @@ var De = se(K, Oe), Xe = i.forwardRef(function(e, t) {
 });
 Xe.classNames = I.classNames;
 export {
+  le as i,
+  je as n,
+  fe as r,
   Xe as t
 };

package/dist/{CommandInput-BnvRMfLI.js → CommandInput-BLq69pOT.js}

@@ -2,7 +2,7 @@ import { o as v } from "./rolldown-runtime-Ck3dxwZt.js";
 import { t as y } from "./prop-types-CfEYxTbR.js";
 import { t as c } from "./utils-Cx-WzRZF.js";
 import { inputVariants as g, searchInconInputVariants as h } from "./components/Command/Command.variants.js";
-import { t as m } from "./dist-Dse3gSmZ.js";
+import { t as m } from "./dist-BZNE2Tnx.js";
 import p, { forwardRef as u } from "react";
 import { jsx as f, jsxs as b } from "react/jsx-runtime";
 var a = /* @__PURE__ */ v(y());