@konstructio/ui 0.1.2-alpha.75 → 0.1.2-alpha.77

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

@@ -1,72 +1,25 @@
 import { c as e } from "../../index-D29mdTf5.js";
-const t = e(
-  [
-    "cursor-pointer",
-    "border",
-    "rounded",
-    "w-5",
-    "h-5",
-    "flex",
-    "justify-center",
-    "items-center",
-    "transition-all",
-    "text-slate-800",
-    "border-zinc-400",
-    "disabled:cursor-not-allowed"
-  ],
-  {
-    variants: {
-      variant: {
-        default: ""
-      },
-      checked: {
-        true: "",
-        false: ""
-      }
+const t = e(["cursor-pointer", "border", "rounded", "w-5", "h-5", "flex", "justify-center", "items-center", "transition-all", "text-slate-800", "border-zinc-400", "disabled:cursor-not-allowed"], {
+  variants: {
+    variant: {
+      default: ""
     },
-    compoundVariants: [
-      {
-        checked: !0,
-        class: [
-          "kubefirst:border-kubefirst-primary",
-          "kubefirst:bg-kubefirst-primary",
-          "bg-aurora-500",
-          "border-aurora-500",
-          "disabled:bg-zinc-300",
-          "disabled:border-transparent",
-          "*:text-metal-900",
-          "kubefirst:*:text-white",
-          "disabled:*:text-white",
-          "dark:disabled:*:text-metal-900",
-          "dark:disabled:bg-aurora-500/45"
-        ]
-      },
-      {
-        checked: !1,
-        class: [
-          "kubefirst:border-kubefirst-primary",
-          "kubefirst:text-white",
-          "border-zinc-400",
-          "disabled:bg-zinc-50",
-          "disabled:border-zinc-300",
-          "dark:disabled:bg-metal-800",
-          "dark:disabled:border-metal-600",
-          "dark:border-metal-600",
-          "dark:bg-metal-800"
-        ]
-      }
-    ],
-    defaultVariants: {
-      variant: "default"
+    checked: {
+      true: "",
+      false: ""
     }
+  },
+  compoundVariants: [{
+    checked: !0,
+    class: ["kubefirst:border-kubefirst-primary", "kubefirst:bg-kubefirst-primary", "bg-aurora-500", "border-aurora-500", "disabled:bg-zinc-300", "disabled:border-transparent", "*:text-metal-900", "kubefirst:*:text-white", "disabled:*:text-white", "dark:disabled:*:text-metal-900", "dark:disabled:bg-aurora-500/45"]
+  }, {
+    checked: !1,
+    class: ["kubefirst:border-kubefirst-primary", "kubefirst:text-white", "border-zinc-400", "disabled:bg-zinc-50", "disabled:border-zinc-300", "dark:disabled:bg-metal-800", "dark:disabled:border-metal-600", "dark:border-metal-600", "dark:bg-metal-800"]
+  }],
+  defaultVariants: {
+    variant: "default"
   }
-), a = e([
-  "select-none",
-  "cursor-pointer",
-  "text-sm",
-  "text-slate-800",
-  "dark:text-slate-50"
-]);
+}), a = e(["select-none", "cursor-pointer", "text-sm", "text-slate-800", "dark:text-slate-50"]);
 export {
   t as checkboxVariants,
   a as labelVariants

package/dist/components/Command/Command.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { CommandProps } from './Command.types';
+import { Props } from './Command.types';
 import { CommandGroup, CommandItem, CommandSeparator } from './components';
 /**
  * A command palette dialog for keyboard-driven navigation and actions.
@@ -23,5 +23,5 @@ import { CommandGroup, CommandItem, CommandSeparator } from './components';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-command--docs Storybook}
  */
-declare const Command: FC<CommandProps>;
+declare const Command: FC<Props>;
 export { Command, CommandGroup, CommandItem, CommandSeparator };

package/dist/components/Command/Command.js

@@ -1,40 +1,48 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { R as s, D as p } from "../../index-9a-FL_6D.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";
-import { Command as h } from "./components/Command.js";
-import { CommandGroup as b } from "./components/CommandGroup.js";
-import { CommandItem as y } from "./components/CommandItem.js";
-import { CommandSeparator as H } from "./components/CommandSeparator.js";
-const j = ({
-  children: r,
-  title: a,
-  titleClassName: e,
-  wrapperClassName: n,
-  theme: t,
-  ...d
-}) => /* @__PURE__ */ o(s, { ...d, children: /* @__PURE__ */ i(
-  c,
-  {
-    className: "overflow-hidden p-0 border-0 !rounded-none",
-    "data-theme": t,
-    children: [
-      /* @__PURE__ */ o(p, { className: m("hidden", e), children: /* @__PURE__ */ o(l, { children: a }) }),
-      /* @__PURE__ */ o(
-        h,
-        {
-          className: m(f({ className: n })),
-          children: r
-        }
-      )
-    ]
-  }
-) });
+import { jsx as h, jsxs as N } from "react/jsx-runtime";
+import { c as u } from "../../compiler-runtime-DA41awpA.js";
+import { D as w, R as D } from "../../index-C6mt--X_.js";
+import { V as R } from "../../index-BKjcReYh.js";
+import { cn as x } from "../../utils/index.js";
+import { wrapperVariants as V } from "./Command.variants.js";
+import { Command as g } from "./components/Command.js";
+import { DialogContent as j } from "./components/DialogContent.js";
+import { CommandGroup as q } from "./components/CommandGroup.js";
+import { CommandItem as A } from "./components/CommandItem.js";
+import { CommandSeparator as F } from "./components/CommandSeparator.js";
+const S = (C) => {
+  const e = u.c(26);
+  let t, o, r, m, l, a;
+  e[0] !== C ? ({
+    children: t,
+    title: m,
+    titleClassName: l,
+    wrapperClassName: a,
+    theme: r,
+    ...o
+  } = C, e[0] = C, e[1] = t, e[2] = o, e[3] = r, e[4] = m, e[5] = l, e[6] = a) : (t = e[1], o = e[2], r = e[3], m = e[4], l = e[5], a = e[6]);
+  let s;
+  e[7] !== l ? (s = x("hidden", l), e[7] = l, e[8] = s) : s = e[8];
+  let i;
+  e[9] !== m ? (i = /* @__PURE__ */ h(R, { children: m }), e[9] = m, e[10] = i) : i = e[10];
+  let n;
+  e[11] !== s || e[12] !== i ? (n = /* @__PURE__ */ h(w, { className: s, children: i }), e[11] = s, e[12] = i, e[13] = n) : n = e[13];
+  let p;
+  e[14] !== a ? (p = x(V({
+    className: a
+  })), e[14] = a, e[15] = p) : p = e[15];
+  let d;
+  e[16] !== t || e[17] !== p ? (d = /* @__PURE__ */ h(g, { className: p, children: t }), e[16] = t, e[17] = p, e[18] = d) : d = e[18];
+  let f;
+  e[19] !== n || e[20] !== d || e[21] !== r ? (f = /* @__PURE__ */ N(j, { className: "overflow-hidden p-0 border-0 rounded-none!", "data-theme": r, children: [
+    n,
+    d
+  ] }), e[19] = n, e[20] = d, e[21] = r, e[22] = f) : f = e[22];
+  let c;
+  return e[23] !== o || e[24] !== f ? (c = /* @__PURE__ */ h(D, { ...o, children: f }), e[23] = o, e[24] = f, e[25] = c) : c = e[25], c;
+};
 export {
-  j as Command,
-  b as CommandGroup,
-  y as CommandItem,
-  H as CommandSeparator
+  S as Command,
+  q as CommandGroup,
+  A as CommandItem,
+  F as CommandSeparator
 };

package/dist/components/Command/Command.types.d.ts

@@ -15,7 +15,7 @@ import { PropsWithChildren } from 'react';
  * </Command>
  * ```
  */
-export interface CommandProps extends PropsWithChildren<DialogProps> {
+export interface Props extends PropsWithChildren<DialogProps> {
     /** Text shown when no results match the search */
     emptyResults?: string;
     /** Placeholder text for the search input */
@@ -29,3 +29,5 @@ export interface CommandProps extends PropsWithChildren<DialogProps> {
     /** Theme override for this component */
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type CommandProps = Props;

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

@@ -1,48 +1,5 @@
 import { c as e } from "../../index-D29mdTf5.js";
-const r = e([
-  "[&_[cmdk-group-heading]]:font-medium",
-  "[&_[cmdk-group-heading]]:px-2",
-  "[&_[cmdk-group-heading]]:text-muted-foreground",
-  "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0",
-  "[&_[cmdk-group]]:px-2",
-  "[&_[cmdk-input-wrapper]_svg]:h-5",
-  "[&_[cmdk-input-wrapper]_svg]:w-5",
-  "[&_[cmdk-input]]:h-12",
-  "[&_[cmdk-item]]:px-2",
-  "[&_[cmdk-item]]:py-3",
-  "[&_[cmdk-item]_svg]:h-5",
-  "[&_[cmdk-item]_svg]:w-5",
-  "bg-popover",
-  "flex",
-  "items-center",
-  "justify-center",
-  "overflow-hidden",
-  "text-popover-foreground",
-  "border",
-  "rounded-md",
-  "border-neutral-900/35",
-  "bg-neutral-900/30"
-]), d = e([
-  "bg-transparent",
-  "disabled:cursor-not-allowed",
-  "disabled:opacity-50",
-  "flex",
-  "h-10",
-  "outline-none",
-  "placeholder:text-muted-foreground",
-  "py-3",
-  "rounded-md",
-  "text-sm",
-  "w-full",
-  "text-white/80"
-]), o = e([
-  "mr-2",
-  "h-4",
-  "w-4",
-  "shrink-0",
-  "opacity-80",
-  "text-white"
-]);
+const r = e(["[&_[cmdk-group-heading]]:font-medium", "[&_[cmdk-group-heading]]:px-2", "[&_[cmdk-group-heading]]:text-muted-foreground", "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0", "[&_[cmdk-group]]:px-2", "[&_[cmdk-input-wrapper]_svg]:h-5", "[&_[cmdk-input-wrapper]_svg]:w-5", "[&_[cmdk-input]]:h-12", "[&_[cmdk-item]]:px-2", "[&_[cmdk-item]]:py-3", "[&_[cmdk-item]_svg]:h-5", "[&_[cmdk-item]_svg]:w-5", "bg-popover", "flex", "items-center", "justify-center", "overflow-hidden", "text-popover-foreground", "border", "rounded-md", "border-neutral-900/35", "bg-neutral-900/30"]), d = e(["bg-transparent", "disabled:cursor-not-allowed", "disabled:opacity-50", "flex", "h-10", "outline-none", "placeholder:text-muted-foreground", "py-3", "rounded-md", "text-sm", "w-full", "text-white/80"]), o = e(["mr-2", "h-4", "w-4", "shrink-0", "opacity-80", "text-white"]);
 export {
   d as inputVariants,
   o as searchInconInputVariants,

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

@@ -1,8 +1,21 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-Dfq4O3b4.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;
+import { jsx as a } from "react/jsx-runtime";
+import { c } from "../../../compiler-runtime-DA41awpA.js";
+import { forwardRef as d } from "react";
+import { _ as p } from "../../../index-Dy4FVowi.js";
+const f = d((t, i) => {
+  const e = c.c(11);
+  let m, o, r;
+  e[0] !== t ? ({
+    className: o,
+    children: m,
+    ...r
+  } = t, e[0] = t, e[1] = m, e[2] = o, e[3] = r) : (m = e[1], o = e[2], r = e[3]);
+  let s;
+  e[4] !== m ? (s = /* @__PURE__ */ a("div", { className: "w-[500px]", children: m }), e[4] = m, e[5] = s) : s = e[5];
+  let l;
+  return e[6] !== o || e[7] !== r || e[8] !== i || e[9] !== s ? (l = /* @__PURE__ */ a(p, { ref: i, className: o, ...r, children: s }), e[6] = o, e[7] = r, e[8] = i, e[9] = s, e[10] = l) : l = e[10], l;
+});
+f.displayName = p.displayName;
 export {
-  s as Command
+  f as Command
 };

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

@@ -1,15 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { _ as m } from "../../../index-Dfq4O3b4.js";
-const r = p((t, e) => /* @__PURE__ */ o(
-  m.Empty,
-  {
-    ref: e,
-    className: "py-6 text-center text-sm",
-    ...t
-  }
-));
-r.displayName = m.Empty.displayName;
+import { jsx as a } from "react/jsx-runtime";
+import { c as s } from "../../../compiler-runtime-DA41awpA.js";
+import { forwardRef as i } from "react";
+import { _ as r } from "../../../index-Dy4FVowi.js";
+const p = i((e, o) => {
+  const t = s.c(3);
+  let m;
+  return t[0] !== e || t[1] !== o ? (m = /* @__PURE__ */ a(r.Empty, { ref: o, className: "py-6 text-center text-sm", ...e }), t[0] = e, t[1] = o, t[2] = m) : m = t[2], m;
+});
+p.displayName = r.Empty.displayName;
 export {
-  r as CommandEmpty
+  p as CommandEmpty
 };

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

@@ -1,19 +1,21 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-Dfq4O3b4.js";
-import { cn as a } from "../../../utils/index.js";
-const t = p(({ className: r, ...m }, d) => /* @__PURE__ */ e(
-  o.Group,
-  {
-    ref: d,
-    className: a(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      r
-    ),
-    ...m
-  }
-));
-t.displayName = o.Group.displayName;
+import { jsx as a } from "react/jsx-runtime";
+import { c as s } from "../../../compiler-runtime-DA41awpA.js";
+import { forwardRef as n } from "react";
+import { _ as i } from "../../../index-Dy4FVowi.js";
+import { cn as u } from "../../../utils/index.js";
+const c = n((t, d) => {
+  const o = s.c(9);
+  let e, r;
+  o[0] !== t ? ({
+    className: e,
+    ...r
+  } = t, o[0] = t, o[1] = e, o[2] = r) : (e = o[1], r = o[2]);
+  let m;
+  o[3] !== e ? (m = u("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", e), o[3] = e, o[4] = m) : m = o[4];
+  let p;
+  return o[5] !== r || o[6] !== d || o[7] !== m ? (p = /* @__PURE__ */ a(i.Group, { ref: d, className: m, ...r }), o[5] = r, o[6] = d, o[7] = m, o[8] = p) : p = o[8], p;
+});
+c.displayName = i.Group.displayName;
 export {
-  t as CommandGroup
+  c as CommandGroup
 };

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

@@ -1,84 +1,92 @@
-import { jsxs as y, jsx as c } from "react/jsx-runtime";
-import { _ as m } from "../../../index-Dfq4O3b4.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-BOE_3f_Z.js";
-function p() {
-  return p = Object.assign || function(r) {
-    for (var n = 1; n < arguments.length; n++) {
-      var e = arguments[n];
+import { jsx as d, jsxs as h } from "react/jsx-runtime";
+import { c as b } from "../../../compiler-runtime-DA41awpA.js";
+import { _ as v } from "../../../index-Dy4FVowi.js";
+import m, { forwardRef as g } from "react";
+import { cn as y } from "../../../utils/index.js";
+import { searchInconInputVariants as x, inputVariants as O } from "../Command.variants.js";
+import { P as c } from "../../../index-BOE_3f_Z.js";
+function f() {
+  return f = Object.assign || function(r) {
+    for (var i = 1; i < arguments.length; i++) {
+      var e = arguments[i];
       for (var t in e)
         Object.prototype.hasOwnProperty.call(e, t) && (r[t] = e[t]);
     }
     return r;
-  }, p.apply(this, arguments);
+  }, f.apply(this, arguments);
 }
-function h(r, n) {
+function j(r, i) {
   if (r == null) return {};
-  var e = b(r, n), t, o;
+  var e = w(r, i), t, n;
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(r);
-    for (o = 0; o < i.length; o++)
-      t = i[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(r, t) && (e[t] = r[t]);
+    var o = Object.getOwnPropertySymbols(r);
+    for (n = 0; n < o.length; n++)
+      t = o[n], !(i.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(r, t) && (e[t] = r[t]);
   }
   return e;
 }
-function b(r, n) {
+function w(r, i) {
   if (r == null) return {};
-  var e = {}, t = Object.keys(r), o, i;
-  for (i = 0; i < t.length; i++)
-    o = t[i], !(n.indexOf(o) >= 0) && (e[o] = r[o]);
+  var e = {}, t = Object.keys(r), n, o;
+  for (o = 0; o < t.length; o++)
+    n = t[o], !(i.indexOf(n) >= 0) && (e[n] = r[n]);
   return e;
 }
-var l = u(function(r, n) {
-  var e = r.color, t = e === void 0 ? "currentColor" : e, o = r.size, i = o === void 0 ? 24 : o, d = h(r, ["color", "size"]);
-  return /* @__PURE__ */ s.createElement("svg", p({
-    ref: n,
+var u = g(function(r, i) {
+  var e = r.color, t = e === void 0 ? "currentColor" : e, n = r.size, o = n === void 0 ? 24 : n, a = j(r, ["color", "size"]);
+  return /* @__PURE__ */ m.createElement("svg", f({
+    ref: i,
     xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: i,
+    width: o,
+    height: o,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: t,
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, d), /* @__PURE__ */ s.createElement("circle", {
+  }, a), /* @__PURE__ */ m.createElement("circle", {
     cx: "11",
     cy: "11",
     r: "8"
-  }), /* @__PURE__ */ s.createElement("line", {
+  }), /* @__PURE__ */ m.createElement("line", {
     x1: "21",
     y1: "21",
     x2: "16.65",
     y2: "16.65"
   }));
 });
-l.propTypes = {
-  color: a.string,
-  size: a.oneOfType([a.string, a.number])
+u.propTypes = {
+  color: c.string,
+  size: c.oneOfType([c.string, c.number])
 };
-l.displayName = "Search";
-const x = u(({ className: r, ...n }, e) => /* @__PURE__ */ y(
-  "div",
-  {
-    className: "flex items-center px-3 border-b border-neutral-900/35",
-    "cmdk-input-wrapper": "",
-    children: [
-      /* @__PURE__ */ c(l, { className: f(v({ className: r })) }),
-      /* @__PURE__ */ c(
-        m.Input,
-        {
-          ref: e,
-          className: f(g({ className: r })),
-          ...n
-        }
-      )
-    ]
-  }
-));
-x.displayName = m.Input.displayName;
+u.displayName = "Search";
+const N = g((r, i) => {
+  const e = b.c(16);
+  let t, n;
+  e[0] !== r ? ({
+    className: t,
+    ...n
+  } = r, e[0] = r, e[1] = t, e[2] = n) : (t = e[1], n = e[2]);
+  let o;
+  e[3] !== t ? (o = y(x({
+    className: t
+  })), e[3] = t, e[4] = o) : o = e[4];
+  let a;
+  e[5] !== o ? (a = /* @__PURE__ */ d(u, { className: o }), e[5] = o, e[6] = a) : a = e[6];
+  let s;
+  e[7] !== t ? (s = y(O({
+    className: t
+  })), e[7] = t, e[8] = s) : s = e[8];
+  let l;
+  e[9] !== n || e[10] !== i || e[11] !== s ? (l = /* @__PURE__ */ d(v.Input, { ref: i, className: s, ...n }), e[9] = n, e[10] = i, e[11] = s, e[12] = l) : l = e[12];
+  let p;
+  return e[13] !== a || e[14] !== l ? (p = /* @__PURE__ */ h("div", { className: "flex items-center px-3 border-b border-neutral-900/35", "cmdk-input-wrapper": "", children: [
+    a,
+    l
+  ] }), e[13] = a, e[14] = l, e[15] = p) : p = e[15], p;
+});
+N.displayName = v.Input.displayName;
 export {
-  x as CommandInput
+  N as CommandInput
 };

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

@@ -1,29 +1,31 @@
-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-Dfq4O3b4.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) => {
-  const { setOpen: t } = c(u), s = l(
-    (m) => {
-      e?.(m), t(!1);
-    },
-    [t, e]
-  );
-  return /* @__PURE__ */ d(
-    o.Item,
-    {
-      ref: a,
-      className: p(
-        "relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-        n
-      ),
-      onSelect: s,
-      ...r
-    }
-  );
+import { jsx as f } from "react/jsx-runtime";
+import { c as u } from "../../../compiler-runtime-DA41awpA.js";
+import { forwardRef as x, useContext as g } from "react";
+import { _ as p } from "../../../index-Dy4FVowi.js";
+import { cn as v } from "../../../utils/index.js";
+import { CommandContext as _ } from "../contexts/Command.context.js";
+const y = x((l, m) => {
+  const e = u.c(14);
+  let t, o, s;
+  e[0] !== l ? ({
+    className: t,
+    onSelect: o,
+    ...s
+  } = l, e[0] = l, e[1] = t, e[2] = o, e[3] = s) : (t = e[1], o = e[2], s = e[3]);
+  const {
+    setOpen: i
+  } = g(_);
+  let r;
+  e[4] !== o || e[5] !== i ? (r = (d) => {
+    o?.(d), i(!1);
+  }, e[4] = o, e[5] = i, e[6] = r) : r = e[6];
+  const c = r;
+  let n;
+  e[7] !== t ? (n = v("relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", t), e[7] = t, e[8] = n) : n = e[8];
+  let a;
+  return e[9] !== c || e[10] !== s || e[11] !== m || e[12] !== n ? (a = /* @__PURE__ */ f(p.Item, { ref: m, className: n, onSelect: c, ...s }), e[9] = c, e[10] = s, e[11] = m, e[12] = n, e[13] = a) : a = e[13], a;
 });
-f.displayName = o.Item.displayName;
+y.displayName = p.Item.displayName;
 export {
-  f as CommandItem
+  y as CommandItem
 };

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

@@ -1,16 +1,21 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { _ as o } from "../../../index-Dfq4O3b4.js";
-import { cn as t } from "../../../utils/index.js";
-const e = s(({ className: m, ...r }, a) => /* @__PURE__ */ i(
-  o.List,
-  {
-    ref: a,
-    className: t("max-h-[300px] overflow-y-auto overflow-x-hidden", m),
-    ...r
-  }
-));
-e.displayName = o.List.displayName;
+import { jsx as l } from "react/jsx-runtime";
+import { c as p } from "../../../compiler-runtime-DA41awpA.js";
+import { forwardRef as f } from "react";
+import { _ as a } from "../../../index-Dy4FVowi.js";
+import { cn as c } from "../../../utils/index.js";
+const n = f((r, i) => {
+  const o = p.c(9);
+  let e, m;
+  o[0] !== r ? ({
+    className: e,
+    ...m
+  } = r, o[0] = r, o[1] = e, o[2] = m) : (e = o[1], m = o[2]);
+  let s;
+  o[3] !== e ? (s = c("max-h-[300px] overflow-y-auto overflow-x-hidden", e), o[3] = e, o[4] = s) : s = o[4];
+  let t;
+  return o[5] !== m || o[6] !== i || o[7] !== s ? (t = /* @__PURE__ */ l(a.List, { ref: i, className: s, ...m }), o[5] = m, o[6] = i, o[7] = s, o[8] = t) : t = o[8], t;
+});
+n.displayName = a.List.displayName;
 export {
-  e as CommandList
+  n as CommandList
 };

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

@@ -1,16 +1,21 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { _ as r } from "../../../index-Dfq4O3b4.js";
-import { cn as t } from "../../../utils/index.js";
-const s = p(({ className: o, ...a }, m) => /* @__PURE__ */ e(
-  r.Separator,
-  {
-    ref: m,
-    className: t("-mx-1 h-px border-t border-neutral-900/45 mb-2", o),
-    ...a
-  }
-));
-s.displayName = r.Separator.displayName;
+import { jsx as l } from "react/jsx-runtime";
+import { c as i } from "../../../compiler-runtime-DA41awpA.js";
+import { forwardRef as c } from "react";
+import { _ as s } from "../../../index-Dy4FVowi.js";
+import { cn as f } from "../../../utils/index.js";
+const n = c((a, p) => {
+  const r = i.c(9);
+  let e, o;
+  r[0] !== a ? ({
+    className: e,
+    ...o
+  } = a, r[0] = a, r[1] = e, r[2] = o) : (e = r[1], o = r[2]);
+  let m;
+  r[3] !== e ? (m = f("-mx-1 h-px border-t border-neutral-900/45 mb-2", e), r[3] = e, r[4] = m) : m = r[4];
+  let t;
+  return r[5] !== o || r[6] !== p || r[7] !== m ? (t = /* @__PURE__ */ l(s.Separator, { ref: p, className: m, ...o }), r[5] = o, r[6] = p, r[7] = m, r[8] = t) : t = r[8], t;
+});
+n.displayName = s.Separator.displayName;
 export {
-  s as CommandSeparator
+  n as CommandSeparator
 };