@konstructio/ui 0.1.2-alpha.41 → 0.1.2-alpha.44

package/dist/{Modal-CtAG97Ts.js → Modal-CjC-CIJ8.js}

@@ -4,11 +4,11 @@ import { Header as w } from "./components/Modal/components/Header/Header.js";
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { Children as i, isValidElement as s, useEffect as A } from "react";
 import { createPortal as N } from "react-dom";
-import { R } from "./index-DrWQH0QF.js";
+import { R } from "./index-BKjcReYh.js";
 import { R as k } from "./Combination-BtmnusWq.js";
 import { cn as p } from "./utils/index.js";
 import { buttonCloseVariants as x, modalVariants as B } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
-import { X as E } from "./x-DPU9OdYH.js";
+import { X as E } from "./x-Eoa9FJjA.js";
 const F = ({
   buttonCloseClassName: m,
   children: e,

package/dist/chevron-right-DYvXLeql.js

@@ -0,0 +1,7 @@
+import { c as o } from "./createLucideIcon-D4r5Phnh.js";
+const e = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], n = o("chevron-left", e);
+const t = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], h = o("chevron-right", t);
+export {
+  n as C,
+  h as a
+};

package/dist/{chevron-up-CRyLc5Ml.js → chevron-up-DEfvgPCw.js}

@@ -1,5 +1,5 @@
 import l, { forwardRef as c } from "react";
-import { P as a } from "./index--V_ZsiQe.js";
+import { P as a } from "./index-BOE_3f_Z.js";
 function p() {
   return p = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {

package/dist/components/Alert/Alert.js

@@ -1,9 +1,9 @@
 import { jsx as l, jsxs as s } from "react/jsx-runtime";
 import { useRef as f, useState as h, useMemo as b, isValidElement as C, useCallback as V, useEffect as v } from "react";
-import { V as k } from "../../index-DrWQH0QF.js";
+import { V as k } from "../../index-BKjcReYh.js";
 import { cn as a } from "../../utils/index.js";
 import { closeButtonVariants as w, alertVariants as x } from "./Alert.variants.js";
-import { X as y } from "../../x-DPU9OdYH.js";
+import { X as y } from "../../x-Eoa9FJjA.js";
 const R = ({
   theme: i,
   type: o,

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,76 +1,101 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { R as A, A as D, P as v, O as j, C as k, T, D as w, a as P, b as R } from "../../index-C65LtGuU.js";
-import { Button as l } from "../Button/Button.js";
-import { cn as t } from "../../utils/index.js";
-import { useAlertDialog as z } from "./hooks/useAlertDialog.js";
-const G = ({
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { R, A as j, P as T, O as w, C as K, T as P, D as z, a as B, b as E } from "../../index-CPU02rhe.js";
+import { useRef as S, useState as q, useEffect as F } from "react";
+import { Button as s } from "../Button/Button.js";
+import { cn as n } from "../../utils/index.js";
+import { useAlertDialog as G } from "./hooks/useAlertDialog.js";
+const H = ({
   buttonCancel: {
-    className: s,
+    className: o,
     text: i = "Cancel",
-    ...r
+    ...c
   } = {},
   buttonConfirm: {
-    className: o,
-    text: c = "OK",
-    ...m
+    className: d,
+    text: m = "OK",
+    ...f
   } = {},
-  buttonTriggerClassName: d,
-  buttonTriggerText: p,
-  description: f,
-  showCancelButton: h = !0,
-  theme: n,
-  title: x,
-  wrapperClassName: u,
+  buttonTriggerClassName: p,
+  buttonTriggerText: u,
+  description: h,
+  showCancelButton: x = !0,
+  theme: a,
+  title: b,
+  wrapperClassName: g,
   onConfirm: C,
-  ...b
+  ...N
 }) => {
-  const { isOpen: N, handleCancel: g, handleConfirm: y, handleOpen: O } = z({
+  const r = S(null), [y, k] = q(null), { isOpen: A, handleCancel: D, handleConfirm: O, handleOpen: v } = G({
     onConfirm: C
   });
-  return /* @__PURE__ */ a(A, { open: N, ...b, children: [
+  return F(() => {
+    if (!r.current || a)
+      return;
+    const l = r.current.closest("[data-theme]");
+    l && k(l);
+  }, []), /* @__PURE__ */ t(R, { open: A, ...N, children: [
     /* @__PURE__ */ e(
-      D,
+      j,
       {
-        className: d,
-        text: p,
-        "data-theme": n,
-        onOpen: O
+        ref: r,
+        className: p,
+        text: u,
+        "data-theme": a,
+        onOpen: v
       }
     ),
-    /* @__PURE__ */ a(v, { children: [
-      /* @__PURE__ */ e(j, { className: "bg-black opacity-70 inset-0 fixed animate-in fade-in-0" }),
-      /* @__PURE__ */ a(
-        k,
+    /* @__PURE__ */ t(T, { container: y, children: [
+      /* @__PURE__ */ e(w, { className: "bg-black opacity-70 dark:opacity-85 inset-0 fixed animate-in fade-in-0" }),
+      /* @__PURE__ */ t(
+        K,
         {
-          "data-theme": n,
-          className: t(
-            "bg-white rounded-md fixed top-1/2 left-1/2 -translate-y-2/4 -translate-x-2/4 flex flex-col gap-8 p-8 animate-in fade-in-0 zoom-in-85",
-            u
+          "data-theme": a,
+          className: n(
+            "bg-white",
+            "rounded-md",
+            "fixed",
+            "top-1/2",
+            "left-1/2",
+            "-translate-y-2/4",
+            "-translate-x-2/4",
+            "flex",
+            "flex-col",
+            "gap-8",
+            "p-8",
+            "animate-in",
+            "fade-in-0",
+            "zoom-in-85",
+            "border",
+            "border-transparent",
+            "dark:bg-metal-800",
+            "dark:border-metal-700",
+            "dark:border-slate-700",
+            g
           ),
           children: [
-            /* @__PURE__ */ e(T, { className: "text-base text-slate-700 font-semibold", children: x }),
-            /* @__PURE__ */ e(w, { className: "text-sm text-slate-800", children: f }),
-            /* @__PURE__ */ a("div", { className: "flex flex-row gap-5 justify-end", children: [
-              h && /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(
-                l,
+            /* @__PURE__ */ e(P, { className: "text-base text-slate-700 font-semibold", children: b }),
+            /* @__PURE__ */ e(z, { className: "text-sm text-slate-800", children: h }),
+            /* @__PURE__ */ t("div", { className: "flex flex-row gap-5 justify-end", children: [
+              x && /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(
+                s,
                 {
                   type: "button",
                   variant: "secondary",
-                  className: t(s),
-                  onClick: g,
-                  ...r,
+                  className: n(o),
+                  onClick: D,
+                  ...c,
                   children: i
                 }
               ) }),
-              /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(
-                l,
+              /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e(
+                s,
                 {
                   type: "button",
                   variant: "primary",
-                  className: t(o),
-                  onClick: y,
-                  ...m,
-                  children: c
+                  className: n(d),
+                  onClick: O,
+                  ...f,
+                  children: m
                 }
               ) })
             ] })
@@ -80,6 +105,7 @@ const G = ({
     ] })
   ] });
 };
+H.displayName = "KonstructAlertDialog";
 export {
-  G as AlertDialog
+  H as AlertDialog
 };

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

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
-import { A as p } from "../../../index-C65LtGuU.js";
+import { A as e } from "../../../index-CPU02rhe.js";
+import "react";
 import "../../Button/Button.js";
 import "../../../utils/index.js";
 export {
-  p as AlertDialogTrigger
+  e as AlertDialogTrigger
 };

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

@@ -1,4 +1,4 @@
-import { A as g } from "../../../index-C65LtGuU.js";
+import { A as g } from "../../../index-CPU02rhe.js";
 export {
   g as AlertDialogTrigger
 };

package/dist/components/Badge/Badge.js

@@ -1,68 +1,69 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { useRef as v, useState as y, useCallback as g, useEffect as N } from "react";
-import { S as x } from "../../loader-juvMSJ9L.js";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { useRef as y, useState as g, useCallback as N, useEffect as x } from "react";
+import { S } from "../../loader-juvMSJ9L.js";
 import { cn as d } from "../../utils/index.js";
-import { buttonDismissVariants as S, badgeVariants as w } from "./Badge.variants.js";
-import { S as V } from "../../index-BtQfgaSF.js";
-import { c as D } from "../../createLucideIcon-D4r5Phnh.js";
-const L = [
+import { buttonDismissVariants as w, badgeVariants as V } from "./Badge.variants.js";
+import { S as D } from "../../index-BvoZGpli.js";
+import { c as L } from "../../createLucideIcon-D4r5Phnh.js";
+const j = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], j = D("x", L), B = ({
+], E = L("x", j), M = ({
   className: u,
   dismissible: p = !1,
+  isSelectable: b = !0,
   label: r,
   leftIcon: o,
-  loading: i = !1,
-  size: n,
+  loading: n = !1,
+  size: i,
   variant: l,
   onClick: e,
   onDismiss: m
 }) => {
-  const s = v(null), [b, f] = y("visible"), h = g(
-    (a) => {
-      a.stopPropagation(), m?.(), f("hidden");
+  const s = y(null), [f, h] = g("visible"), v = N(
+    (t) => {
+      t.stopPropagation(), m?.(), h("hidden");
     },
     [m]
   );
-  return N(() => {
-    const a = new AbortController();
+  return x(() => {
+    const t = new AbortController();
     return s.current?.addEventListener(
       "animationend",
       () => {
         s.current?.style.setProperty("display", "none"), s.current?.remove();
       },
-      { signal: a.signal }
-    ), () => a.abort();
+      { signal: t.signal }
+    ), () => t.abort();
   }, []), /* @__PURE__ */ c(
     "span",
     {
       ref: s,
-      className: d(
-        w({ variant: l, size: n, className: u }),
-        e && "cursor-pointer"
-      ),
+      className: d(V({ variant: l, size: i, className: u }), {
+        "select-none": !b,
+        "cursor-pointer": e
+      }),
       role: e ? "button" : void 0,
       onClick: e,
       tabIndex: e ? 0 : void 0,
       "aria-label": e ? `${r} badge` : void 0,
-      "aria-busy": i,
+      "aria-busy": n,
       "aria-live": "polite",
-      "data-state": b,
+      "data-state": f,
       children: [
-        i && /* @__PURE__ */ t(x, { className: "h-3 w-3 animate-spin animate-duration-time-2" }),
-        o ? /* @__PURE__ */ t(V, { className: "h-3 w-3", children: o }) : null,
+        n && /* @__PURE__ */ a(S, { className: "h-3 w-3 animate-spin animate-duration-time-2" }),
+        o ? /* @__PURE__ */ a(D, { className: "h-3 w-3", children: o }) : null,
         r,
         p && /* @__PURE__ */ c(
           "button",
           {
             type: "button",
-            className: d(S({ size: n, variant: l })),
-            onClick: h,
+            className: d(w({ size: i, variant: l })),
+            onClick: v,
             "aria-label": "Dismiss",
             children: [
-              /* @__PURE__ */ t(j, { className: "h-full w-full" }),
-              /* @__PURE__ */ t("span", { className: "sr-only", children: "Dismiss" })
+              /* @__PURE__ */ a(E, { className: "h-full w-full" }),
+              /* @__PURE__ */ a("span", { className: "sr-only", children: "Dismiss" })
             ]
           }
         )
@@ -71,5 +72,5 @@ const L = [
   );
 };
 export {
-  B as Badge
+  M as Badge
 };

package/dist/components/Badge/Badge.variants.js

@@ -1,5 +1,5 @@
-import { c as t } from "../../index-D29mdTf5.js";
-const a = t(
+import { c as e } from "../../index-D29mdTf5.js";
+const a = e(
   [
     "flex",
     "items-center",
@@ -17,12 +17,48 @@ const a = t(
   {
     variants: {
       variant: {
-        default: ["bg-gray-100", "text-gray-800"],
-        danger: ["bg-red-100", "text-red-800"],
-        info: ["bg-blue-100", "text-blue-800"],
-        success: ["bg-green-100", "text-green-800"],
-        warning: ["bg-yellow-100", "text-yellow-800"],
-        violet: ["bg-violet-50", "text-violet-800"]
+        default: [
+          "bg-gray-100",
+          "text-gray-800",
+          "dark:text-gray-300",
+          "dark:bg-gray-300/15"
+        ],
+        danger: [
+          "bg-red-100",
+          "text-red-800",
+          "dark:text-red-400",
+          "dark:bg-red-400/10"
+        ],
+        info: [
+          "bg-blue-100",
+          "text-blue-800",
+          "dark:text-sky-400",
+          "dark:bg-sky-400/10"
+        ],
+        success: [
+          "bg-green-100",
+          "text-green-800",
+          "dark:text-green-400",
+          "dark:bg-green-400/10"
+        ],
+        warning: [
+          "bg-yellow-100",
+          "text-yellow-800",
+          "dark:text-amber-300",
+          "dark:bg-amber-300/10"
+        ],
+        violet: [
+          "bg-violet-50",
+          "text-violet-800",
+          "dark:text-purple-400",
+          "dark:bg-purple-400/8"
+        ],
+        orange: [
+          "bg-orange-50",
+          "text-orange-800",
+          "dark:text-orange-400",
+          "dark:bg-orange-400/10"
+        ]
       },
       size: {
         default: "text-sm leading-4"
@@ -33,7 +69,7 @@ const a = t(
       size: "default"
     }
   }
-), n = t(
+), r = e(
   [
     "rounded-full",
     "inline-flex",
@@ -47,12 +83,13 @@ const a = t(
   {
     variants: {
       variant: {
-        default: ["text-gray-700"],
-        danger: ["text-red-700"],
-        info: ["text-blue-700"],
-        success: ["text-green-700"],
-        warning: ["text-yellow-700"],
-        violet: ["text-violet-700"]
+        default: ["text-gray-700", "dark:text-gray-300"],
+        danger: ["text-red-700", "dark:text-red-400"],
+        info: ["text-blue-700", "dark:text-sky-400"],
+        success: ["text-green-700", "dark:text-green-400"],
+        warning: ["text-yellow-700", "dark:text-amber-300"],
+        violet: ["text-violet-700", "dark:text-purple-400"],
+        orange: ["text-orange-800", "dark:text-orange-400"]
       },
       size: {
         default: ["h-3.5", "w-3.5"]
@@ -66,5 +103,5 @@ const a = t(
 );
 export {
   a as badgeVariants,
-  n as buttonDismissVariants
+  r as buttonDismissVariants
 };

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -3,7 +3,7 @@ import u, { forwardRef as b, useId as v, Fragment as y } from "react";
 import { cn as h } from "../../utils/index.js";
 import { breadcrumbVariants as O, breadcrumbWrapperVariants as j } from "./Breadcrumb.variants.js";
 import { Item as w } from "./components/Item/Item.js";
-import { P as l } from "../../index--V_ZsiQe.js";
+import { P as l } from "../../index-BOE_3f_Z.js";
 function m() {
   return m = Object.assign || function(r) {
     for (var o = 1; o < arguments.length; o++) {

package/dist/components/Breadcrumb/Breadcrumb.variants.js

@@ -1,6 +1,6 @@
 import { c as e } from "../../index-D29mdTf5.js";
-const r = e([
-  "text-slate-500",
+const t = e([
+  "text-gray-600",
   "text-md",
   "flex",
   "gap-2",
@@ -8,5 +8,5 @@ const r = e([
 ]), a = e(["flex", "gap-1", "items-center"]);
 export {
   a as breadcrumbVariants,
-  r as breadcrumbWrapperVariants
+  t as breadcrumbWrapperVariants
 };

package/dist/components/Breadcrumb/components/Item/Item.variants.js

@@ -1,6 +1,12 @@
 import { c as e } from "../../../../index-D29mdTf5.js";
-const r = e(
-  ["text-sm", "leading-5", "text-gray-400"],
+const s = e(
+  [
+    "text-sm",
+    "leading-5",
+    "text-gray-400",
+    "font-semibold",
+    "dark:text-gray-400"
+  ],
   {
     variants: {
       isActive: {
@@ -23,7 +29,8 @@ const r = e(
           "group-[&:has(:focus-visible)]:rounded-xs",
           "group-hover:rounded-xs",
           "hover:no-underline",
-          "hover:text-gray-500"
+          "hover:text-gray-500",
+          "dark:hover:text-gray-300"
         ]
       },
       {
@@ -37,23 +44,27 @@ const r = e(
           "group-[&:has(:focus-visible)]:rounded-xs",
           "group-hover:rounded-xs",
           "hover:no-underline",
-          "hover:text-gray-500"
+          "hover:text-gray-500",
+          "dark:hover:text-gray-300"
         ]
       }
     ]
   }
-), o = e(["text-sm", "leading-5"], {
-  variants: {
-    isActive: {
-      true: "text-gray-500",
-      false: ["text-gray-400", "cursor-default"]
+), o = e(
+  ["text-sm", "leading-5", "font-semibold"],
+  {
+    variants: {
+      isActive: {
+        true: ["text-gray-600", "dark:text-gray-300"],
+        false: ["text-gray-400", "cursor-default"]
+      }
+    },
+    defaultVariants: {
+      isActive: !0
     }
-  },
-  defaultVariants: {
-    isActive: !0
   }
-});
+);
 export {
   o as breadcrumbLabelVariants,
-  r as breadcrumbLinkVariants
+  s as breadcrumbLinkVariants
 };

package/dist/components/Button/Button.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-import { S as l } from "../../index-BtQfgaSF.js";
+import { S as l } from "../../index-BvoZGpli.js";
 import { cn as x } from "../../utils/index.js";
 import { buttonVariants as B } from "./Button.variants.js";
 const C = c(

package/dist/components/Card/Card.variants.js

@@ -1,6 +1,6 @@
 import { c as r } from "../../index-D29mdTf5.js";
-const a = r(
-  ["border", "border-slate-200", "rounded-xl"],
+const e = r(
+  ["rounded-xl", "border", "border-gray-200", "dark:border-metal-700"],
   {
     variants: {
       isActive: {
@@ -25,8 +25,7 @@ const a = r(
         true: [
           "cursor-pointer",
           "border-transparent",
-          "group-hover:border-kubefirst-primary",
-          "civo:group-hover:border-civo-primary"
+          "group-hover:border-aurora-500"
         ],
         false: ""
       }
@@ -41,6 +40,6 @@ const a = r(
   }
 );
 export {
-  a as cardBaseVariants,
+  e as cardBaseVariants,
   o as cardVariants
 };

package/dist/components/Checkbox/Checkbox.js

@@ -2,14 +2,14 @@ import { jsx as u, jsxs as B, Fragment as U } from "react/jsx-runtime";
 import * as h from "react";
 import S, { forwardRef as z, useId as V, useCallback as X } from "react";
 import { u as L } from "../../index-DLcqcWxM.js";
-import { c as J, P as w, a as Q, b as j } from "../../index-CIAmiWcw.js";
+import { c as J, P as w, a as Q, b as j } from "../../index-DKfEnhKr.js";
 import { u as Y } from "../../index-BZPx6jYI.js";
-import { u as Z } from "../../index-ohdbKsws.js";
-import { P as ee } from "../../index-mPY_8Y5v.js";
+import { u as Z } from "../../index-DtEcCIrM.js";
+import { P as ee } from "../../index-AV6ZtGhy.js";
 import { cn as T } from "../../utils/index.js";
 import { checkboxVariants as te, labelVariants as re } from "./Checkbox.variants.js";
 import { useToggle as oe } from "../../hooks/useToggle.js";
-import { P as y } from "../../index--V_ZsiQe.js";
+import { P as y } from "../../index-BOE_3f_Z.js";
 function R() {
   return R = Object.assign || function(e) {
     for (var a = 1; a < arguments.length; a++) {

package/dist/components/Checkbox/Checkbox.variants.js

@@ -39,7 +39,11 @@ const e = r(
       variant: "default"
     }
   }
-), a = r(["cursor-pointer", "text-slate-800"]);
+), a = r([
+  "cursor-pointer",
+  "text-slate-800",
+  "dark:text-slate-50"
+]);
 export {
   e as checkboxVariants,
   a as labelVariants

package/dist/components/Command/Command.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { R as s, D as p } from "../../index-Ds6U2x4Z.js";
-import { V as l } from "../../index-DrWQH0QF.js";
+import { R as s, D as p } from "../../index-CeZcoQDw.js";
+import { V as l } from "../../index-BKjcReYh.js";
 import { cn as m } from "../../utils/index.js";
 import { wrapperVariants as f } from "./Command.variants.js";
 import { DialogContent as c } from "./components/DialogContent.js";

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

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-CdwPV0FE.js";
+import { _ as o } from "../../../index-D9SSJ6om.js";
 const s = p(({ className: r, children: a, ...e }, i) => /* @__PURE__ */ m(o, { ref: i, className: r, ...e, children: /* @__PURE__ */ m("div", { className: "w-[500px]", children: a }) }));
 s.displayName = o.displayName;
 export {

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

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as m } from "../../../index-CdwPV0FE.js";
+import { _ as m } from "../../../index-D9SSJ6om.js";
 const r = p((t, e) => /* @__PURE__ */ o(
   m.Empty,
   {

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

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-CdwPV0FE.js";
+import { _ as o } from "../../../index-D9SSJ6om.js";
 import { cn as a } from "../../../utils/index.js";
 const t = p(({ className: r, ...m }, d) => /* @__PURE__ */ e(
   o.Group,

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

@@ -1,9 +1,9 @@
 import { jsxs as y, jsx as c } from "react/jsx-runtime";
-import { _ as m } from "../../../index-CdwPV0FE.js";
+import { _ as m } from "../../../index-D9SSJ6om.js";
 import s, { forwardRef as u } from "react";
 import { cn as f } from "../../../utils/index.js";
 import { searchInconInputVariants as v, inputVariants as g } from "../Command.variants.js";
-import { P as a } from "../../../index--V_ZsiQe.js";
+import { P as a } from "../../../index-BOE_3f_Z.js";
 function p() {
   return p = Object.assign || function(r) {
     for (var n = 1; n < arguments.length; n++) {

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

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { forwardRef as i, useContext as c, useCallback as l } from "react";
-import { _ as o } from "../../../index-CdwPV0FE.js";
+import { _ as o } from "../../../index-D9SSJ6om.js";
 import { cn as p } from "../../../utils/index.js";
 import { CommandContext as u } from "../contexts/Command.context.js";
 const f = i(({ className: n, onSelect: e, ...r }, a) => {