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

package/dist/components/Alert/Alert.js

@@ -1,34 +1,34 @@
 "use client";
 import { t as h } from "../../x-BI9jmc7e.js";
-import { n as C } from "../../dist-CTvBzxW8.js";
+import { n as C } from "../../dist-DX0sBG3Q.js";
 import { t as n } from "../../utils-Cx-WzRZF.js";
 import { CheckCircleFilledIcon as v } from "../../assets/icons/components/CheckCircleFilled.js";
 import { ErrorIcon as I } from "../../assets/icons/components/Error.js";
-import { InfoCircleIcon as b } from "../../assets/icons/components/InfoCircle.js";
-import { WarningTriangleIcon as g } from "../../assets/icons/components/WarningTriangle.js";
-import { alertVariants as N, closeButtonVariants as x, descriptionVariants as V, iconVariants as k, titleVariants as w } from "./Alert.variants.js";
-import { useCallback as A, useEffect as E, useRef as j, useState as P } from "react";
+import { InfoCircleIcon as g } from "../../assets/icons/components/InfoCircle.js";
+import { WarningTriangleIcon as N } from "../../assets/icons/components/WarningTriangle.js";
+import { alertVariants as b, closeButtonVariants as x, descriptionVariants as V, iconVariants as w, titleVariants as A } from "./Alert.variants.js";
+import { useEffect as k, useRef as E, useState as j } from "react";
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
-var R = {
+var P = {
   success: v,
-  info: b,
-  warning: g,
+  info: g,
+  warning: N,
   danger: I
-}, X = ({ theme: m, type: r, title: l, description: i, isVisible: o = !0, showCloseButton: d = !1 }) => {
-  const a = j(null), [f, u] = P(o), p = A(() => {
+}, W = ({ theme: m, type: r, title: i, description: l, isVisible: o = !0, showCloseButton: d = !1 }) => {
+  const a = E(null), [f, u] = j(o), p = () => {
     const e = a.current;
     e && e.setAttribute("data-state", "hidden");
-  }, []);
-  if (E(() => {
+  };
+  if (k(() => {
     const e = new AbortController();
     return a.current?.addEventListener("animationend", () => {
       a.current?.style.setProperty("display", "none"), u(!1);
     }, { signal: e.signal }), () => e.abort();
   }, []), !f) return null;
-  const c = r ? R[r] : null;
+  const c = r ? P[r] : null;
   return /* @__PURE__ */ s("div", {
     ref: a,
-    className: n(N({
+    className: n(b({
       type: r,
       isVisible: o
     })),
@@ -37,15 +37,15 @@ var R = {
     role: "alert",
     "aria-live": "polite",
     children: [
-      c && /* @__PURE__ */ t(c, { className: n(k({ type: r })) }),
+      c && /* @__PURE__ */ t(c, { className: n(w({ type: r })) }),
       /* @__PURE__ */ s("div", {
         className: "flex flex-col gap-1 flex-1",
-        children: [l && /* @__PURE__ */ t("p", {
-          className: n(w({ type: r })),
-          children: l
-        }), i && /* @__PURE__ */ t("div", {
-          className: n(V({ type: r })),
+        children: [i && /* @__PURE__ */ t("p", {
+          className: n(A({ type: r })),
           children: i
+        }), l && /* @__PURE__ */ t("div", {
+          className: n(V({ type: r })),
+          children: l
         })]
       }),
       d && /* @__PURE__ */ s("button", {
@@ -57,5 +57,5 @@ var R = {
   });
 };
 export {
-  X as Alert
+  W as Alert
 };

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,6 +1,6 @@
 "use client";
 import { t as n } from "../../utils-Cx-WzRZF.js";
-import { a as T, c as z, i as B, l as E, n as P, o as S, r as q, s as F, t as G } from "../../AlertDialogTrigger-CgcsW_ta.js";
+import { a as T, c as z, i as B, l as E, n as P, o as S, r as q, s as F, t as G } from "../../AlertDialogTrigger-BGo_acd5.js";
 import { Button as i } from "../Button/Button.js";
 import { useAlertDialog as H } from "./hooks/useAlertDialog.js";
 import { useEffect as I, useRef as J, useState as L } from "react";

package/dist/components/AlertDialog/components/AlertDialogTrigger.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../AlertDialogTrigger-CgcsW_ta.js";
+import { t as o } from "../../../AlertDialogTrigger-BGo_acd5.js";
 export {
   o as AlertDialogTrigger
 };

package/dist/components/AlertDialog/components/index.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../AlertDialogTrigger-CgcsW_ta.js";
+import { t as o } from "../../../AlertDialogTrigger-BGo_acd5.js";
 export {
   o as AlertDialogTrigger
 };

package/dist/components/AlertDialog/hooks/useAlertDialog.js

@@ -1,15 +1,19 @@
-import { useCallback as a, useState as n } from "react";
-var o = ({ onConfirm: l }) => {
-  const [s, e] = n(!1), t = a(() => e(!0), []);
+import { useState as l } from "react";
+var c = ({ onConfirm: n }) => {
+  const [a, e] = l(!1);
   return {
-    isOpen: s,
-    handleCancel: a(() => e(!1), []),
-    handleConfirm: a(() => {
-      l?.(), e(!1);
-    }, [l]),
-    handleOpen: t
+    isOpen: a,
+    handleCancel: () => {
+      e(!1);
+    },
+    handleConfirm: () => {
+      n?.(), e(!1);
+    },
+    handleOpen: () => {
+      e(!0);
+    }
   };
 };
 export {
-  o as useAlertDialog
+  c as useAlertDialog
 };

package/dist/components/Autocomplete/components/List/List.js

@@ -1,36 +1,32 @@
-import { t } from "../../../../utils-Cx-WzRZF.js";
+import { t as e } from "../../../../utils-Cx-WzRZF.js";
 import { useNavigationUlList as f } from "../../hooks/useNavigationList.js";
-import { buttonVariants as p, emptyListVariants as u, listItemVariants as b, listVariants as N } from "./List.variants.js";
+import { emptyListVariants as p, listItemVariants as u, listVariants as x } from "./List.variants.js";
 import { useRef as d } from "react";
-import { jsx as r } from "react/jsx-runtime";
-var y = ({ className: i, inputRef: l, options: s, placeholder: n, placeholderClassName: o, wrapperRef: m, onClick: c }) => {
-  const e = d(null);
+import { jsx as s } from "react/jsx-runtime";
+var g = ({ className: l, inputRef: a, options: r, placeholder: m, placeholderClassName: o, wrapperRef: n, onClick: c }) => {
+  const i = d(null);
   return f({
-    ulRef: e,
-    inputRef: l,
-    wrapperRef: m,
-    options: s
-  }), s.length === 0 ? /* @__PURE__ */ r("span", {
-    className: t(u({ className: o })),
-    children: n
-  }) : /* @__PURE__ */ r("ul", {
-    ref: e,
+    ulRef: i,
+    inputRef: a,
+    wrapperRef: n,
+    options: r
+  }), r.length === 0 ? /* @__PURE__ */ s("span", {
+    className: e(p({ className: o })),
+    children: m
+  }) : /* @__PURE__ */ s("ul", {
+    ref: i,
     role: "listbox",
-    className: t(N({ className: i })),
-    children: s.map(({ value: a }) => /* @__PURE__ */ r("li", {
+    className: e(x({ className: l })),
+    children: r.map(({ value: t }) => /* @__PURE__ */ s("li", {
       role: "option",
+      "aria-selected": !1,
       tabIndex: 0,
-      className: t(b()),
-      children: /* @__PURE__ */ r("button", {
-        type: "button",
-        role: "button",
-        className: t(p()),
-        onClick: () => c(a),
-        children: a
-      })
-    }, a))
+      className: e(u(), "cursor-pointer px-3 py-1.5 w-full text-left"),
+      onClick: () => c(t),
+      children: t
+    }, t))
   });
 };
 export {
-  y as List
+  g as List
 };

package/dist/components/Autocomplete/components/List/List.variants.js

@@ -1,36 +1,24 @@
 import { t as r } from "../../../../dist-B9GE4SXf.js";
-var t = r([
-  "max-h-[250px]",
+var e = r([
+  "max-h-62.5",
   "overflow-y-auto",
   "bg-white"
-]), o = r([
+]), a = r([
   "p-1",
   "text-center",
   "w-full",
   "block",
   "bg-white"
-]), a = r([
+]), o = r([
   "focus-visible:outline-none",
   "kubefirst:focus:bg-purple-100",
   "kubefirst:hover:bg-purple-100",
   "border-transparent",
   "focus:bg-aurora-50",
   "hover:bg-aurora-50"
-]), u = r([
-  "cursor-pointer",
-  "focus-visible:outline-none",
-  "px-3",
-  "py-1.5",
-  "w-full",
-  "text-left",
-  "focus:bg-aurora-50",
-  "hover:bg-aurora-50",
-  "kubefirst:focus:bg-purple-100",
-  "kubefirst:hover:bg-purple-100"
 ]);
 export {
-  u as buttonVariants,
-  o as emptyListVariants,
-  a as listItemVariants,
-  t as listVariants
+  a as emptyListVariants,
+  o as listItemVariants,
+  e as listVariants
 };

package/dist/components/Autocomplete/hooks/useAutocomplete.js

@@ -1,49 +1,50 @@
-import { n as O } from "../../../utils-Cx-WzRZF.js";
-import { useCallback as u, useEffect as d, useState as g } from "react";
-var w = ({ options: o, inputRef: e, wrapperRef: n, onChange: a }) => {
-  const [f, m] = g(() => o ?? []), [h, r] = g(!1), [E, b] = g("");
-  d(() => {
-    const t = new AbortController();
-    return e.current?.addEventListener("focus", () => r(!0), { signal: t.signal }), () => {
-      t.abort();
+import { n as f } from "../../../utils-Cx-WzRZF.js";
+import { useClickOutside as C } from "../../../hooks/useClickOutside.js";
+import { useCallback as E, useEffect as a, useState as c } from "react";
+var S = ({ options: s, inputRef: t, wrapperRef: l, onChange: u }) => {
+  const [h, i] = c(() => s ?? []), [m, n] = c(!1), [b, d] = c("");
+  a(() => {
+    const e = new AbortController();
+    return t.current?.addEventListener("focus", () => n(!0), { signal: e.signal }), () => {
+      e.abort();
     };
-  }, [e]), d(() => {
-    const t = new AbortController(), l = (i) => {
-      i.key === "Escape" && (r(!1), e.current?.blur());
-    }, s = (i) => {
-      n.current?.contains(i.target) || r(!1);
+  }, [t]), C(l, E(() => {
+    n(!1);
+  }, [])), a(() => {
+    const e = new AbortController(), r = (o) => {
+      o.key === "Escape" && (n(!1), t.current?.blur());
     };
-    return document.addEventListener("keydown", l, { signal: t.signal }), document.addEventListener("mousedown", s, { signal: t.signal }), () => {
-      t.abort();
+    return document.addEventListener("keydown", r, { signal: e.signal }), () => {
+      e.abort();
     };
-  }, [e, n]), d(() => {
-    const t = new AbortController();
-    return n.current?.addEventListener("focusout", (l) => {
-      n.current?.contains(l.relatedTarget) || r(!1);
-    }, { signal: t.signal }), () => {
-      t.abort();
+  }, [t]), a(() => {
+    const e = new AbortController();
+    return l.current?.addEventListener("focusout", (r) => {
+      l.current?.contains(r.relatedTarget) || n(!1);
+    }, { signal: e.signal }), () => {
+      e.abort();
     };
-  }, [n]);
-  const c = u((t) => {
-    if (t.length === 0) m(o);
+  }, [l]);
+  const g = (e) => {
+    if (e.length === 0) i(s);
     else {
-      const l = O(o.map(({ value: s }) => s), t).map((s) => ({ value: s }));
-      m(l);
+      const r = f(s.map(({ value: o }) => o), e).map((o) => ({ value: o }));
+      i(r);
     }
-  }, [o]);
+  };
   return {
-    inputRef: e,
-    newOptions: f,
-    showOptions: h,
-    value: E,
-    handleChange: u((t) => {
-      b(t.target.value), c(t.target.value), a?.(t.target.value);
-    }, [c, a]),
-    handleSelectValue: u((t) => {
-      b(t), c(t), a?.(t), r(!1);
-    }, [c, a])
+    inputRef: t,
+    newOptions: h,
+    showOptions: m,
+    value: b,
+    handleChange: (e) => {
+      d(e.target.value), g(e.target.value), u?.(e.target.value);
+    },
+    handleSelectValue: (e) => {
+      d(e), g(e), u?.(e), n(!1);
+    }
   };
 };
 export {
-  w as useAutocomplete
+  S as useAutocomplete
 };

package/dist/components/Autocomplete/hooks/useNavigationList.js

@@ -19,7 +19,8 @@ var k = ({ ulRef: t, inputRef: c, wrapperRef: u, options: a }) => {
           r.current === 0 ? c.current?.focus() : i();
           break;
         case "Enter":
-          e[r.current].querySelector("button")?.click();
+        case " ":
+          e[r.current].click();
           break;
       }
     }, { signal: n.signal }), () => {

package/dist/components/Badge/Badge.js

@@ -1,65 +1,66 @@
-import { t as u } from "../../dist-DqKFpce5.js";
-import { t as c } from "../../utils-Cx-WzRZF.js";
-import { LoaderIcon as g } from "../../assets/icons/components/Loader.js";
-import { t as w } from "../../x-a_LpoXzG.js";
-import { badgeVariants as x, buttonDismissVariants as V } from "./Badge.variants.js";
-import { useCallback as D, useEffect as j, useRef as E, useState as L } from "react";
-import { jsx as s, jsxs as p } from "react/jsx-runtime";
-var $ = ({ className: b, dismissible: f = !1, isSelectable: h = !0, label: r, leftIcon: i, loading: n = !1, rightIcon: o, size: l, variant: m, onClick: e, onDismiss: d }) => {
-  const a = E(null), [v, N] = L("visible"), y = D((t) => {
-    t.stopPropagation(), d?.(), N("hidden");
-  }, [d]);
-  return j(() => {
-    const t = new AbortController();
-    return a.current?.addEventListener("animationend", () => {
-      a.current?.style.setProperty("display", "none"), a.current?.remove();
+import { t as c } from "../../dist-xCbHbMLA.js";
+import { t as p } from "../../utils-Cx-WzRZF.js";
+import { LoaderIcon as x } from "../../assets/icons/components/Loader.js";
+import { t as D } from "../../x-a_LpoXzG2.js";
+import { badgeVariants as V, buttonDismissVariants as j } from "./Badge.variants.js";
+import { useEffect as E, useRef as L, useState as P } from "react";
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
+var q = ({ className: b, dismissible: h = !1, isSelectable: g = !0, label: i, leftIcon: n, loading: o = !1, rightIcon: l, size: m, variant: d, onClick: e, onDismiss: v }) => {
+  const u = L(null), [r, N] = P("visible"), y = (t) => {
+    t.stopPropagation(), v?.(), N("hidden");
+  };
+  return E(() => {
+    if (r !== "hidden") return;
+    const t = new AbortController(), a = u.current;
+    return a?.addEventListener("animationend", (w) => {
+      w.target === a && (a.style.setProperty("display", "none"), a.remove());
     }, { signal: t.signal }), () => t.abort();
-  }, []), /* @__PURE__ */ p("span", {
-    ref: a,
-    className: c(x({
-      variant: m,
-      size: l,
+  }, [r]), /* @__PURE__ */ f("span", {
+    ref: u,
+    className: p(V({
+      variant: d,
+      size: m,
       className: b
     }), {
-      "select-none": !h,
+      "select-none": !g,
       "cursor-pointer": e
     }),
     role: e ? "button" : void 0,
     onClick: e,
     tabIndex: e ? 0 : void 0,
-    "aria-label": e ? `${r} badge` : void 0,
-    "aria-busy": n,
+    "aria-label": e ? `${i} badge` : void 0,
+    "aria-busy": o,
     "aria-live": "polite",
-    "data-state": v,
+    "data-state": r,
     children: [
-      n && /* @__PURE__ */ s(g, {
+      o && /* @__PURE__ */ s(x, {
         size: 12,
         className: "animate-spin animate-duration-time-2"
       }),
-      i ? /* @__PURE__ */ s(u, {
+      n ? /* @__PURE__ */ s(c, {
         className: "h-3 w-3",
-        children: i
+        children: n
       }) : null,
-      r,
-      f ? /* @__PURE__ */ p("button", {
+      i,
+      h ? /* @__PURE__ */ f("button", {
         type: "button",
-        className: c(V({
-          size: l,
-          variant: m
+        className: p(j({
+          size: m,
+          variant: d
         })),
         onClick: y,
         "aria-label": "Dismiss",
-        children: [/* @__PURE__ */ s(w, { className: "h-full w-full" }), /* @__PURE__ */ s("span", {
+        children: [/* @__PURE__ */ s(D, { className: "h-full w-full" }), /* @__PURE__ */ s("span", {
           className: "sr-only",
           children: "Dismiss"
         })]
-      }) : o ? /* @__PURE__ */ s(u, {
+      }) : l ? /* @__PURE__ */ s(c, {
         className: "h-3 w-3",
-        children: o
+        children: l
       }) : null
     ]
   });
 };
 export {
-  $ as Badge
+  q as Badge
 };

package/dist/components/Button/Button.js

@@ -1,4 +1,4 @@
-import { t as u } from "../../dist-DqKFpce5.js";
+import { t as u } from "../../dist-xCbHbMLA.js";
 import { t as l } from "../../utils-Cx-WzRZF.js";
 import { buttonVariants as c } from "./Button.variants.js";
 import { forwardRef as x } from "react";

package/dist/components/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../Checkbox-DzAx7n67.js";
+import { t as r } from "../../Checkbox-B_ngk9Dj.js";
 export {
   r as Checkbox
 };

package/dist/components/Command/Command.js

@@ -1,6 +1,6 @@
-import { n as d } from "../../dist-CTvBzxW8.js";
+import { n as d } from "../../dist-DX0sBG3Q.js";
 import { t as o } from "../../utils-Cx-WzRZF.js";
-import { s, t as p } from "../../dist-BiJrNvNo.js";
+import { s, t as p } from "../../dist-C3YVLapk.js";
 import { wrapperVariants as l } from "./Command.variants.js";
 import { CommandGroup as D } from "./components/CommandGroup.js";
 import { CommandItem as v } from "./components/CommandItem.js";

package/dist/components/Command/components/Command.js

@@ -1,16 +1,16 @@
-import { t as r } from "../../../dist-Dse3gSmZ.js";
-import { forwardRef as p } from "react";
+import { t as r } from "../../../dist-BZNE2Tnx.js";
+import { forwardRef as d } from "react";
 import { jsx as m } from "react/jsx-runtime";
-var d = p(({ className: a, children: o, ...e }, i) => /* @__PURE__ */ m(r, {
+var p = d(({ className: a, children: o, ...e }, i) => /* @__PURE__ */ m(r, {
   ref: i,
   className: a,
   ...e,
   children: /* @__PURE__ */ m("div", {
-    className: "w-[500px]",
+    className: "w-125",
     children: o
   })
 }));
-d.displayName = r.displayName;
+p.displayName = r.displayName;
 export {
-  d as Command
+  p as Command
 };

package/dist/components/Command/components/CommandEmpty.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../dist-Dse3gSmZ.js";
+import { t as m } from "../../../dist-BZNE2Tnx.js";
 import { forwardRef as a } from "react";
 import { jsx as e } from "react/jsx-runtime";
 var p = a((t, r) => /* @__PURE__ */ e(m.Empty, {

package/dist/components/Command/components/CommandGroup.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../utils-Cx-WzRZF.js";
-import { t as o } from "../../../dist-Dse3gSmZ.js";
+import { t as o } from "../../../dist-BZNE2Tnx.js";
 import { forwardRef as p } from "react";
 import { jsx as a } from "react/jsx-runtime";
 var t = p(({ className: r, ...m }, d) => /* @__PURE__ */ a(o.Group, {

package/dist/components/Command/components/CommandInput.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../CommandInput-BnvRMfLI.js";
+import { t as o } from "../../../CommandInput-BLq69pOT.js";
 export {
   o as CommandInput
 };

package/dist/components/Command/components/CommandItem.js

@@ -1,5 +1,5 @@
 import { t as d } from "../../../utils-Cx-WzRZF.js";
-import { t as a } from "../../../dist-Dse3gSmZ.js";
+import { t as a } from "../../../dist-BZNE2Tnx.js";
 import { CommandContext as i } from "../contexts/Command.context.js";
 import { forwardRef as c, useCallback as l, useContext as p } from "react";
 import { jsx as u } from "react/jsx-runtime";

package/dist/components/Command/components/CommandList.js

@@ -1,10 +1,10 @@
 import { t } from "../../../utils-Cx-WzRZF.js";
-import { t as o } from "../../../dist-Dse3gSmZ.js";
+import { t as o } from "../../../dist-BZNE2Tnx.js";
 import { forwardRef as i } from "react";
 import { jsx as s } from "react/jsx-runtime";
 var e = i(({ className: m, ...r }, a) => /* @__PURE__ */ s(o.List, {
   ref: a,
-  className: t("max-h-[300px] overflow-y-auto overflow-x-hidden", m),
+  className: t("max-h-75 overflow-y-auto overflow-x-hidden", m),
   ...r
 }));
 e.displayName = o.List.displayName;

package/dist/components/Command/components/CommandSeparator.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../utils-Cx-WzRZF.js";
-import { t as r } from "../../../dist-Dse3gSmZ.js";
+import { t as r } from "../../../dist-BZNE2Tnx.js";
 import { forwardRef as t } from "react";
 import { jsx as p } from "react/jsx-runtime";
 var s = t(({ className: a, ...o }, m) => /* @__PURE__ */ p(r.Separator, {

package/dist/components/Command/components/DialogContent.js

@@ -1,12 +1,12 @@
 import { t as r } from "../../../x-BI9jmc7e.js";
 import { t as d } from "../../../utils-Cx-WzRZF.js";
-import { n as l, o as m, r as o } from "../../../dist-BiJrNvNo.js";
+import { n as l, o as m, r as o } from "../../../dist-C3YVLapk.js";
 import { DialogOverlay as p } from "./DialogOverlay.js";
 import { forwardRef as f } from "react";
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
 var c = f(({ className: e, children: s, ...n }, i) => /* @__PURE__ */ a(m, { children: [/* @__PURE__ */ t(p, {}), /* @__PURE__ */ a(o, {
   ref: i,
-  className: d("fixed text-white left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", e),
+  className: d("fixed text-white left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", e),
   ...n,
   children: [s, /* @__PURE__ */ a(l, {
     className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground text-white",

package/dist/components/Command/components/DialogOverlay.js

@@ -1,5 +1,5 @@
 import { t as i } from "../../../utils-Cx-WzRZF.js";
-import { a } from "../../../dist-BiJrNvNo.js";
+import { a } from "../../../dist-C3YVLapk.js";
 import { forwardRef as r } from "react";
 import { jsx as s } from "react/jsx-runtime";
 var d = r(({ className: t, ...e }, o) => /* @__PURE__ */ s(a, {

package/dist/components/Command/components/index.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../CommandInput-BnvRMfLI.js";
+import { t as o } from "../../../CommandInput-BLq69pOT.js";
 import { CommandEmpty as t } from "./CommandEmpty.js";
 import { CommandGroup as a } from "./CommandGroup.js";
 import { CommandItem as n } from "./CommandItem.js";

package/dist/components/Command/contexts/Command.provider.js

@@ -1,18 +1,22 @@
 import { useToggle as l } from "../../../hooks/useToggle.js";
 import { CommandContext as p } from "./Command.context.js";
-import { useCallback as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-var c = ({ children: r }) => {
-  const [t, e] = l(!1), n = o((a) => e(a), [e]), m = o(() => e(), [e]);
-  return /* @__PURE__ */ s(p.Provider, {
-    value: {
-      isOpen: t,
-      setOpen: n,
-      toggleOpen: m
-    },
-    children: r
+import { useCallback as n, useMemo as g } from "react";
+import { jsx as i } from "react/jsx-runtime";
+var v = ({ children: m }) => {
+  const [o, e] = l(!1), t = n((a) => e(a), [e]), r = n(() => e(), [e]), s = g(() => ({
+    isOpen: o,
+    setOpen: t,
+    toggleOpen: r
+  }), [
+    o,
+    t,
+    r
+  ]);
+  return /* @__PURE__ */ i(p.Provider, {
+    value: s,
+    children: m
   });
 };
 export {
-  c as CommandProvider
+  v as CommandProvider
 };

package/dist/components/Counter/Counter.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../../Counter-CY0xGnVM.js";
+import { t as e } from "../../Counter-BV680M5r.js";
 export {
   e as Counter
 };

package/dist/components/DateRangePicker/components/CalendarPanel/components/CalendarMonth/CalendarMonth.js

@@ -2,7 +2,7 @@ import { t as n } from "../../../../../../utils-Cx-WzRZF.js";
 import { t as c } from "../../../../../../DayPicker-kweJz134.js";
 import { getMonthName as d } from "../../../../utils/validation.js";
 import { calendarMonthTitleVariants as f } from "../../CalendarPanel.variants.js";
-import { s as h } from "../../../../../../constants-DXrF9vV4.js";
+import { s as h } from "../../../../../../constants-CxJJRVK3.js";
 import { useMemo as p } from "react";
 import { jsx as r, jsxs as M } from "react/jsx-runtime";
 var y = (e) => `${d(e.getMonth())} ${e.getFullYear()}`, N = ({ month: e, range: a, onRangeSelect: i, disabled: o, disabledMatcher: s, showOutsideDays: m, classNames: t }) => {