@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.80

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

@@ -1,46 +1,63 @@
-import { c as r } from "../../index-D29mdTf5.js";
-const e = r(
-  [
-    "cursor-pointer",
-    "border",
-    "rounded",
-    "w-5",
-    "h-5",
-    "flex",
-    "justify-center",
-    "items-center",
-    "transition-all",
-    "text-slate-800",
-    "border-zinc-400",
-    "kubefirst:border-kubefirst-primary",
-    "kubefirst:text-white"
-  ],
-  {
-    variants: {
-      variant: {
-        default: ""
-      },
-      checked: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        checked: !0,
-        class: [
-          "kubefirst:bg-kubefirst-primary",
-          "bg-aurora-500",
-          "border-aurora-500"
-        ]
-      }
-    ],
-    defaultVariants: {
-      variant: "default"
+import { t as e } from "../../dist-DtEbXv47.js";
+var a = 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: ""
     }
-  }
-), a = r(["cursor-pointer", "text-slate-800"]);
+  },
+  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" }
+}), t = e([
+  "select-none",
+  "cursor-pointer",
+  "text-sm",
+  "text-slate-800",
+  "dark:text-slate-50"
+]);
 export {
-  e as checkboxVariants,
-  a as labelVariants
+  a as checkboxVariants,
+  t as labelVariants
 };

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

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+import { Props } from './Command.types';
+import { CommandGroup, CommandItem, CommandSeparator } from './components';
+/**
+ * A command palette dialog for keyboard-driven navigation and actions.
+ * Built on cmdk and Radix UI Dialog for accessibility.
+ *
+ * @example
+ * ```tsx
+ * const [open, setOpen] = useState(false);
+ *
+ * <Command open={open} onOpenChange={setOpen} title="Commands">
+ *   <CommandGroup heading="Navigation">
+ *     <CommandItem onSelect={() => navigate('/home')}>Home</CommandItem>
+ *     <CommandItem onSelect={() => navigate('/settings')}>Settings</CommandItem>
+ *   </CommandGroup>
+ *   <CommandSeparator />
+ *   <CommandGroup heading="Actions">
+ *     <CommandItem onSelect={() => logout()}>Logout</CommandItem>
+ *   </CommandGroup>
+ * </Command>
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-command--docs Storybook}
+ */
+declare const Command: FC<Props>;
+export { Command, CommandGroup, CommandItem, CommandSeparator };

package/dist/components/Command/Command.js

@@ -1,40 +1,31 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { R as s, D as p } from "../../index-amYX3uxF.js";
-import { V as l } from "../../index-sp5ZfG6g.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",
+import { n as d } from "../../dist-CBnErrr1.js";
+import { t as m } from "../../utils-DHuiYnx1.js";
+import { a as s, c as p } from "../../dist-COY3FRYC.js";
+import { wrapperVariants as l } from "./Command.variants.js";
+import { CommandGroup as j } from "./components/CommandGroup.js";
+import { CommandItem as w } from "./components/CommandItem.js";
+import { CommandSeparator as V } from "./components/CommandSeparator.js";
+import { DialogContent as f } from "./components/DialogContent.js";
+import { Command as c } from "./components/Command.js";
+import "./components/index.js";
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+var I = ({ children: r, title: a, titleClassName: e, wrapperClassName: i, theme: t, ...n }) => /* @__PURE__ */ o(p, {
+  ...n,
+  children: /* @__PURE__ */ h(f, {
+    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
-        }
-      )
-    ]
-  }
-) });
+    children: [/* @__PURE__ */ o(s, {
+      className: m("hidden", e),
+      children: /* @__PURE__ */ o(d, { children: a })
+    }), /* @__PURE__ */ o(c, {
+      className: m(l({ className: i })),
+      children: r
+    })]
+  })
+});
 export {
-  j as Command,
-  b as CommandGroup,
-  y as CommandItem,
-  H as CommandSeparator
+  I as Command,
+  j as CommandGroup,
+  w as CommandItem,
+  V as CommandSeparator
 };

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

@@ -0,0 +1,33 @@
+import { Theme } from '../../domain/theme';
+import { DialogProps } from '@radix-ui/react-dialog';
+import { PropsWithChildren } from 'react';
+/**
+ * Props for the Command component.
+ * A command palette dialog for keyboard-driven navigation and actions.
+ *
+ * @example
+ * ```tsx
+ * <Command open={open} onOpenChange={setOpen} title="Command Palette">
+ *   <CommandGroup heading="Actions">
+ *     <CommandItem onSelect={() => createNew()}>Create new</CommandItem>
+ *     <CommandItem onSelect={() => openSettings()}>Settings</CommandItem>
+ *   </CommandGroup>
+ * </Command>
+ * ```
+ */
+export interface Props extends PropsWithChildren<DialogProps> {
+    /** Text shown when no results match the search */
+    emptyResults?: string;
+    /** Placeholder text for the search input */
+    placeholder?: string;
+    /** Accessible title for the dialog (visually hidden) */
+    title?: string;
+    /** Additional CSS classes for the title */
+    titleClassName?: string;
+    /** Additional CSS classes for the command wrapper */
+    wrapperClassName?: string;
+    /** Theme override for this component */
+    theme?: Theme;
+}
+/** @deprecated Use Props instead */
+export type CommandProps = Props;

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

@@ -0,0 +1,3 @@
+export declare const wrapperVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const inputVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const searchInconInputVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -1,5 +1,5 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const r = e([
+import { t as e } from "../../dist-DtEbXv47.js";
+var t = e([
   "[&_[cmdk-group-heading]]:font-medium",
   "[&_[cmdk-group-heading]]:px-2",
   "[&_[cmdk-group-heading]]:text-muted-foreground",
@@ -46,5 +46,5 @@ const r = e([
 export {
   d as inputVariants,
   o as searchInconInputVariants,
-  r as wrapperVariants
+  t as wrapperVariants
 };

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

@@ -0,0 +1,18 @@
+declare const Command: import('react').ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { Command };

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

@@ -1,8 +1,16 @@
-import { jsx as m } from "react/jsx-runtime";
+import { t as r } from "../../../dist-DNSmoWJp.js";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-0XtjXVpJ.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 m } from "react/jsx-runtime";
+var d = p(({ className: a, children: o, ...e }, i) => /* @__PURE__ */ m(r, {
+  ref: i,
+  className: a,
+  ...e,
+  children: /* @__PURE__ */ m("div", {
+    className: "w-[500px]",
+    children: o
+  })
+}));
+d.displayName = r.displayName;
 export {
-  s as Command
+  d as Command
 };

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

@@ -0,0 +1,8 @@
+declare const CommandEmpty: import('react').ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import('react').HTMLAttributes<HTMLDivElement>> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { CommandEmpty };

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

@@ -1,15 +1,12 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { _ as m } from "../../../index-0XtjXVpJ.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 { t as m } from "../../../dist-DNSmoWJp.js";
+import { forwardRef as a } from "react";
+import { jsx as e } from "react/jsx-runtime";
+var p = a((t, r) => /* @__PURE__ */ e(m.Empty, {
+  ref: r,
+  className: "py-6 text-center text-sm",
+  ...t
+}));
+p.displayName = m.Empty.displayName;
 export {
-  r as CommandEmpty
+  p as CommandEmpty
 };

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

@@ -0,0 +1,12 @@
+declare const CommandGroup: import('react').ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import('react').HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { CommandGroup };

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

@@ -1,18 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
+import { t as e } from "../../../utils-DHuiYnx1.js";
+import { t as o } from "../../../dist-DNSmoWJp.js";
 import { forwardRef as p } from "react";
-import { _ as o } from "../../../index-0XtjXVpJ.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
-  }
-));
+import { jsx as a } from "react/jsx-runtime";
+var t = p(({ className: r, ...m }, d) => /* @__PURE__ */ a(o.Group, {
+  ref: d,
+  className: e("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;
 export {
   t as CommandGroup

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

@@ -0,0 +1,9 @@
+declare const CommandInput: import('react').ForwardRefExoticComponent<Omit<Omit<Pick<Pick<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import('react').InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import('react').InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & import('react').RefAttributes<HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export { CommandInput };

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

@@ -1,84 +1,4 @@
-import { jsxs as y, jsx as c } from "react/jsx-runtime";
-import { _ as m } from "../../../index-0XtjXVpJ.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-N2OStZoU.js";
-function p() {
-  return p = Object.assign || function(r) {
-    for (var n = 1; n < arguments.length; n++) {
-      var e = arguments[n];
-      for (var t in e)
-        Object.prototype.hasOwnProperty.call(e, t) && (r[t] = e[t]);
-    }
-    return r;
-  }, p.apply(this, arguments);
-}
-function h(r, n) {
-  if (r == null) return {};
-  var e = b(r, n), t, o;
-  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]);
-  }
-  return e;
-}
-function b(r, n) {
-  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]);
-  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,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: i,
-    height: i,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: t,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, d), /* @__PURE__ */ s.createElement("circle", {
-    cx: "11",
-    cy: "11",
-    r: "8"
-  }), /* @__PURE__ */ s.createElement("line", {
-    x1: "21",
-    y1: "21",
-    x2: "16.65",
-    y2: "16.65"
-  }));
-});
-l.propTypes = {
-  color: a.string,
-  size: a.oneOfType([a.string, a.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;
+import { t as o } from "../../../CommandInput-BKv-EZ7T.js";
 export {
-  x as CommandInput
+  o as CommandInput
 };

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

@@ -0,0 +1,14 @@
+declare const CommandItem: import('react').ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import('react').HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { CommandItem };

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

@@ -1,29 +1,20 @@
-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-0XtjXVpJ.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 { t as d } from "../../../utils-DHuiYnx1.js";
+import { t as a } from "../../../dist-DNSmoWJp.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";
+var f = c(({ className: o, onSelect: e, ...r }, n) => {
+  const { setOpen: t } = p(i), s = l((m) => {
+    e?.(m), t(!1);
+  }, [t, e]);
+  return /* @__PURE__ */ u(a.Item, {
+    ref: n,
+    className: d("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", o),
+    onSelect: s,
+    ...r
+  });
 });
-f.displayName = o.Item.displayName;
+f.displayName = a.Item.displayName;
 export {
   f as CommandItem
 };

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

@@ -0,0 +1,10 @@
+declare const CommandList: import('react').ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { CommandList };

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

@@ -1,15 +1,12 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { _ as o } from "../../../index-0XtjXVpJ.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
-  }
-));
+import { t } from "../../../utils-DHuiYnx1.js";
+import { t as o } from "../../../dist-DNSmoWJp.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),
+  ...r
+}));
 e.displayName = o.List.displayName;
 export {
   e as CommandList

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

@@ -0,0 +1,8 @@
+declare const CommandSeparator: import('react').ForwardRefExoticComponent<Omit<Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { CommandSeparator };

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

@@ -1,15 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { _ as r } from "../../../index-0XtjXVpJ.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
-  }
-));
+import { t as e } from "../../../utils-DHuiYnx1.js";
+import { t as r } from "../../../dist-DNSmoWJp.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, {
+  ref: m,
+  className: e("-mx-1 h-px border-t border-neutral-900/45 mb-2", a),
+  ...o
+}));
 s.displayName = r.Separator.displayName;
 export {
   s as CommandSeparator

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

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+declare const CommandShortcut: {
+    ({ className, ...props }: HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { CommandShortcut };