@boxcustodia/library 0.5.2 → 0.5.4

package/dist/index.d.ts

@@ -45,6 +45,7 @@ import { TreeItemProps } from 'react-aria-components';
 import { TreeProps } from 'react-aria-components';
 import { UNSTABLE_TreeItemContent } from 'react-aria-components';
 import { UseBoundStore } from 'zustand';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { UseFormProps } from 'react-hook-form';
 import { UseFormReturn } from 'react-hook-form';
 import { VariantProps } from 'class-variance-authority';
@@ -349,11 +350,13 @@ declare type DayProps = {
     navigationDate: Date;
 } & HTMLProps<HTMLButtonElement>;
 
-export declare const Dialog: ({ trigger, title, description, children, footer, triggerProps, headerProps, headerClassName, titleProps, titleClassName, descriptionProps, descriptionClassName, contentProps, contentClassName, footerProps, footerClassName, ...props }: Props_9) => JSX_2.Element;
+export declare const Dialog: ({ trigger, title, description, children, footer, focus, triggerProps, headerProps, headerClassName, titleProps, titleClassName, descriptionProps, descriptionClassName, contentProps, contentClassName, footerProps, footerClassName, ...props }: Props_9) => JSX_2.Element;
 
 export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    focus?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
 
@@ -765,7 +768,7 @@ export declare type MultipleDateValue = {
 };
 
 export declare const MultiSelect: {
-    <TItem extends Record<string, any> = Option_2<string>>({ items, valueKey, labelKey, onChange, variant, defaultValue, placeholder, maxCount, className, renderOption, withCheckbox, showSearch, showSelectAll, ...props }: MultiSelectProps<TItem>): JSX_2.Element;
+    <TItem extends Record<string, any> = Option_2<string>>({ items, value, valueKey, labelKey, onChange, variant, defaultValue, placeholder, maxCount, className, renderOption, withCheckbox, showSearch, showSelectAll, ...props }: MultiSelectProps<TItem>): JSX_2.Element;
     displayName: string;
 };
 
@@ -1105,6 +1108,7 @@ declare type Props_9 = ComponentPropsWithoutRef<typeof DialogRoot> & ExtendedPro
     description?: ReactNode;
     children: ReactNode;
     footer?: ReactNode;
+    focus?: boolean;
 };
 
 export declare type RangeDateValue = {
@@ -1350,7 +1354,7 @@ export declare const Table: {
     displayName: string;
 };
 
-export declare const TABLE_PAGE_SIZES: readonly [10, 25, 50];
+export declare const TABLE_PAGE_SIZES: number[];
 
 export declare const TableBody: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
 
@@ -1365,7 +1369,7 @@ export declare const TableHead: React_2.ForwardRefExoticComponent<React_2.ThHTML
 export declare const TableHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
 
 export declare const TablePagination: {
-    ({ containerClassName, containerProps, selectClassName, selectProps, ...props }: Props_25): JSX_2.Element;
+    ({ containerClassName, containerProps, selectClassName, selectProps, sizes, ...props }: Props_25): JSX_2.Element;
     displayName: string;
 };
 
@@ -1374,6 +1378,7 @@ declare interface TablePaginationExtendedProps {
     containerProps?: HTMLProps<HTMLDivElement>;
     selectClassName?: ClassName;
     selectProps?: HTMLProps<HTMLSelectElement>;
+    sizes?: PageSize[] | false;
 }
 
 export declare const TableRoot: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
@@ -1477,11 +1482,11 @@ export declare const TimelineRoot: (props: HTMLProps<HTMLUListElement>) => JSX_2
 
 export declare const Toast: ForwardRefExoticComponent<globalThis.Omit<Props_27, "ref"> & RefAttributes<HTMLDivElement>>;
 
-export declare const toast: {
-    (args: ToastProperties): void;
-    info(args: ToastArgs): void;
-    error(args: ToastArgs): void;
-    success(args: ToastArgs): void;
+export declare const toast: ((args: ToastProperties) => number) & {
+    info: (args: ToastArgs) => number;
+    success: (args: ToastArgs) => number;
+    error: (args: ToastArgs) => number;
+    promise: <T>(promise: Promise<T>, options: ToastPromiseOptions<T>) => Promise<T>;
 };
 
 export declare type ToastArgs = string | Omit<ToastProperties, "type">;
@@ -1497,23 +1502,27 @@ export declare type ToasterProps = React.ComponentProps<"div"> & {
 
 export declare const ToastIcons: Record<ToastType, ComponentType<LucideProps>>;
 
+export declare interface ToastPromiseOptions<T> {
+    loading: string;
+    success: string | ((data: T) => string);
+    error: string | ((error: any) => string);
+}
+
 export declare interface ToastProperties extends Omit<IToast, "id"> {
     duration?: number;
 }
 
-export declare interface ToastState {
+declare interface ToastStore {
     toasts: IToast[];
     addToast: (toast: Omit<IToast, "id"> & {
         duration?: number;
-    }) => void;
-    removeToast: (id: IToast["id"]) => void;
-    info: (args: ToastArgs) => void;
-    error: (args: ToastArgs) => void;
-    success: (args: ToastArgs) => void;
-    addToastFromArgs: (args: ToastArgs, type: ToastProperties["type"]) => void;
+    }) => number;
+    removeToast: (id: number) => void;
+    updateToast: (id: number, toast: Partial<Omit<IToast, "id">>) => void;
+    promise: <T>(promise: Promise<T>, options: ToastPromiseOptions<T>) => Promise<T>;
 }
 
-export declare type ToastType = "info" | "success" | "error";
+export declare type ToastType = "info" | "success" | "error" | "loading";
 
 export declare const Tooltip: {
     ({ label, open: prop, defaultOpen: defaultProp, onOpenChange: onChange, className, side, offset, ...props }: Props_28): JSX_2.Element;
@@ -1619,6 +1628,8 @@ export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(call
 
 export declare function useClipboard(): [CopiedValue, CopyFunction];
 
+export { useControllableState }
+
 export declare function useDebouncedCallback<T extends (...args: any[]) => any>(callback: T, delay: number): (...args: Parameters<T>) => void;
 
 export declare function useDebouncedValue<T>(value: T, delay: number): T;
@@ -1783,7 +1794,7 @@ export declare function useSelection<T>(items: T[]): Return_2<T>;
 
 export declare function useStep<T = ReactNode>(steps: T[], amountSteps?: number): Return_3<T>;
 
-export declare const useToastStore: UseBoundStore<StoreApi<ToastState>>;
+export declare const useToastStore: UseBoundStore<StoreApi<ToastStore>>;
 
 export declare function useToggle(initialValue?: boolean): Return_4;
 

package/dist/index.es.js

@@ -75,22 +75,24 @@ import { tagVariants as at } from "./index.es75.js";
 import { TextArea as mt } from "./index.es76.js";
 import { Toast as ft } from "./index.es77.js";
 import { Toaster as xt } from "./index.es78.js";
-import { toast as it, useToastStore as st } from "./index.es79.js";
-import { ToastIcons as Tt } from "./index.es80.js";
-import { Tooltip as gt } from "./index.es81.js";
-import { Tree as St } from "./index.es82.js";
-import { Collection as Dt } from "./index.es83.js";
-import { TreeItem as Mt, TreeItemContent as Ft, TreeItemIndicator as At, TreeItemLabel as Rt, TreeRoot as Pt } from "./index.es84.js";
-import { Stepper as yt, StepperContainer as kt, StepperContent as vt, StepperList as Bt, StepperTrigger as ht } from "./index.es85.js";
-import { Timeline as Et, TimelineItemContent as Ht, TimelineItemDot as Ut, TimelineListItem as Gt, TimelineRoot as Ot } from "./index.es86.js";
-import { cn as jt, twMerge as zt } from "./index.es87.js";
-import { extractInitials as _t } from "./index.es88.js";
-import { mergeRefs as Qt } from "./index.es89.js";
-import { ensureReactElement as Zt } from "./index.es90.js";
-import { createSafeContext as Jt } from "./index.es91.js";
-import { getFormData as Yt } from "./index.es92.js";
-import { click as ea } from "./index.es93.js";
-import { type as ra } from "./index.es94.js";
+import { useToastStore as it } from "./index.es79.js";
+import { toast as dt } from "./index.es80.js";
+import { ToastIcons as ct } from "./index.es81.js";
+import { Tooltip as Ct } from "./index.es82.js";
+import { Tree as bt } from "./index.es83.js";
+import { Collection as It } from "./index.es84.js";
+import { TreeItem as Ft, TreeItemContent as At, TreeItemIndicator as Rt, TreeItemLabel as Pt, TreeRoot as Lt } from "./index.es85.js";
+import { Stepper as kt, StepperContainer as vt, StepperContent as Bt, StepperList as ht, StepperTrigger as wt } from "./index.es86.js";
+import { Timeline as Ht, TimelineItemContent as Ut, TimelineItemDot as Gt, TimelineListItem as Ot, TimelineRoot as Vt } from "./index.es87.js";
+import { useControllableState as zt } from "./index.es88.js";
+import { cn as _t, twMerge as Kt } from "./index.es89.js";
+import { extractInitials as Wt } from "./index.es90.js";
+import { mergeRefs as qt } from "./index.es91.js";
+import { ensureReactElement as Xt } from "./index.es92.js";
+import { createSafeContext as $t } from "./index.es93.js";
+import { getFormData as oa } from "./index.es94.js";
+import { click as ta } from "./index.es95.js";
+import { type as pa } from "./index.es96.js";
 export {
   X as AlertDialog,
   ue as AutoComplete,
@@ -116,7 +118,7 @@ export {
   ye as CardTitle,
   ve as Center,
   he as Checkbox,
-  Dt as Collection,
+  It as Collection,
   Ee as Combobox,
   z as DOTS,
   Ue as DatePicker,
@@ -186,11 +188,11 @@ export {
   Lr as Show,
   kr as Skeleton,
   Br as Stack,
-  yt as Stepper,
-  kt as StepperContainer,
-  vt as StepperContent,
-  Bt as StepperList,
-  ht as StepperTrigger,
+  kt as Stepper,
+  vt as StepperContainer,
+  Bt as StepperContent,
+  ht as StepperList,
+  wt as StepperTrigger,
   wr as Switch,
   qr as TABLE_PAGE_SIZES,
   Xr as TabContent,
@@ -209,43 +211,44 @@ export {
   et as Tabs,
   rt as Tag,
   mt as TextArea,
-  Et as Timeline,
-  Ht as TimelineItemContent,
-  Ut as TimelineItemDot,
-  Gt as TimelineListItem,
-  Ot as TimelineRoot,
+  Ht as Timeline,
+  Ut as TimelineItemContent,
+  Gt as TimelineItemDot,
+  Ot as TimelineListItem,
+  Vt as TimelineRoot,
   ft as Toast,
-  Tt as ToastIcons,
+  ct as ToastIcons,
   xt as Toaster,
-  gt as Tooltip,
-  St as Tree,
-  Mt as TreeItem,
-  Ft as TreeItemContent,
-  At as TreeItemIndicator,
-  Rt as TreeItemLabel,
-  Pt as TreeRoot,
+  Ct as Tooltip,
+  bt as Tree,
+  Ft as TreeItem,
+  At as TreeItemContent,
+  Rt as TreeItemIndicator,
+  Pt as TreeItemLabel,
+  Lt as TreeRoot,
   eo as UploadAcceptedFiles,
   oo as UploadContent,
   ro as UploadItem,
   to as UploadRejectedFiles,
   ao as UploadRoot,
   po as UploadTrigger,
-  ea as click,
-  jt as cn,
-  Jt as createSafeContext,
-  Zt as ensureReactElement,
-  _t as extractInitials,
-  Yt as getFormData,
-  Qt as mergeRefs,
+  ta as click,
+  _t as cn,
+  $t as createSafeContext,
+  Xt as ensureReactElement,
+  Wt as extractInitials,
+  oa as getFormData,
+  qt as mergeRefs,
   De as monthNames,
   at as tagVariants,
-  it as toast,
-  zt as twMerge,
-  ra as type,
+  dt as toast,
+  Kt as twMerge,
+  pa as type,
   r as useArray,
   a as useAsync,
   m as useClickOutside,
   f as useClipboard,
+  zt as useControllableState,
   x as useDebouncedCallback,
   i as useDebouncedValue,
   d as useDisclosure,
@@ -267,7 +270,7 @@ export {
   N as useRangePagination,
   K as useSelection,
   W as useStep,
-  st as useToastStore,
+  it as useToastStore,
   q as useToggle,
   Ie as weeksDays
 };

package/dist/index.es100.js

@@ -1,24 +1,8 @@
-import { cva as i } from "./index.es154.js";
-const a = i(
-  "ui-overflow-hidden ui-pb-px ui-aspect-square ui-bg-muted ui-grid ui-place-items-center ui-font-semibold",
-  {
-    variants: {
-      variant: {
-        circle: "ui-rounded-full",
-        square: "ui-rounded"
-      },
-      size: {
-        sm: "ui-w-8 ui-h-8",
-        md: "ui-w-12 ui-h-12",
-        lg: "ui-w-16 ui-h-16"
-      }
-    },
-    defaultVariants: {
-      variant: "circle",
-      size: "md"
-    }
-  }
-);
+import { __module as e } from "./index.es161.js";
+import { __require as r } from "./index.es162.js";
+import { __require as o } from "./index.es163.js";
+process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
+var m = e.exports;
 export {
-  a as avatarVariants
+  m as j
 };

package/dist/index.es101.js

@@ -1,37 +1,313 @@
-import { cva as i } from "./index.es154.js";
-const u = i(
-  [
-    "ui-inline-flex ui-items-center ui-justify-center ui-gap-2",
-    "ui-text-sm ui-font-medium ui-transition-all",
-    "ui-rounded-md ui-ring-offset-background",
-    "focus-visible:ui-outline-none focus-visible:ui-ring-2 focus-visible:ui-ring-ring focus-visible:ui-ring-offset-2",
-    "disabled:ui-pointer-events-none disabled:ui-opacity-50",
-    "hover:ui-brightness-105"
-  ],
-  {
-    variants: {
-      variant: {
-        default: "ui-bg-primary ui-text-primary-foreground",
-        error: "ui-bg-error ui-text-error-foreground",
-        success: "ui-bg-success ui-text-success-foreground",
-        outline: "ui-border ui-border-input ui-bg-background hover:ui-bg-accent hover:ui-text-accent-foreground",
-        secondary: "ui-bg-secondary ui-text-secondary-foreground hover:ui-brightness-100 hover:ui-bg-secondary/80",
-        ghost: "hover:ui-bg-accent hover:ui-brightness-100 hover:ui-text-accent-foreground",
-        link: "ui-text-primary ui-underline-offset-4 hover:ui-underline"
-      },
-      size: {
-        default: "ui-h-10 ui-px-4 ui-py-2",
-        sm: "ui-h-9 ui-rounded-md ui-px-3",
-        lg: "ui-h-11 ui-rounded-md ui-px-8",
-        icon: "ui-w-10 ui-aspect-square"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
+import { a as pe } from "./index.es164.js";
+import { Root as ge, Portal as he, Overlay as be, Content as Ee } from "./index.es120.js";
+import * as n from "react";
+import { Primitive as C } from "./index.es165.js";
+import { useId as $ } from "./index.es166.js";
+import { s as ye } from "./index.es167.js";
+var K = '[cmdk-group=""]', Q = '[cmdk-group-items=""]', Se = '[cmdk-group-heading=""]', Y = '[cmdk-item=""]', oe = `${Y}:not([aria-disabled="true"])`, X = "cmdk-item-select", M = "data-value", we = (r, l, t) => pe(r, l, t), ce = n.createContext(void 0), q = () => n.useContext(ce), de = n.createContext(void 0), Z = () => n.useContext(de), se = n.createContext(void 0), fe = n.forwardRef((r, l) => {
+  let t = D(() => {
+    var e, u;
+    return { search: "", value: (u = (e = r.value) != null ? e : r.defaultValue) != null ? u : "", filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
+  }), v = D(() => /* @__PURE__ */ new Set()), i = D(() => /* @__PURE__ */ new Map()), d = D(() => /* @__PURE__ */ new Map()), s = D(() => /* @__PURE__ */ new Set()), f = me(r), { label: g, children: b, value: c, onValueChange: S, filter: k, shouldFilter: w, loop: O, disablePointerSelection: H = !1, vimBindings: R = !0, ...j } = r, _ = $(), ee = $(), te = $(), x = n.useRef(null), h = Fe();
+  A(() => {
+    if (c !== void 0) {
+      let e = c.trim();
+      t.current.value = e, E.emit();
     }
+  }, [c]), A(() => {
+    h(6, ne);
+  }, []);
+  let E = n.useMemo(() => ({ subscribe: (e) => (s.current.add(e), () => s.current.delete(e)), snapshot: () => t.current, setState: (e, u, o) => {
+    var a, m, p;
+    if (!Object.is(t.current[e], u)) {
+      if (t.current[e] = u, e === "search") W(), B(), h(1, G);
+      else if (e === "value" && (o || h(5, ne), ((a = f.current) == null ? void 0 : a.value) !== void 0)) {
+        let y = u ?? "";
+        (p = (m = f.current).onValueChange) == null || p.call(m, y);
+        return;
+      }
+      E.emit();
+    }
+  }, emit: () => {
+    s.current.forEach((e) => e());
+  } }), []), U = n.useMemo(() => ({ value: (e, u, o) => {
+    var a;
+    u !== ((a = d.current.get(e)) == null ? void 0 : a.value) && (d.current.set(e, { value: u, keywords: o }), t.current.filtered.items.set(e, re(u, o)), h(2, () => {
+      B(), E.emit();
+    }));
+  }, item: (e, u) => (v.current.add(e), u && (i.current.has(u) ? i.current.get(u).add(e) : i.current.set(u, /* @__PURE__ */ new Set([e]))), h(3, () => {
+    W(), B(), t.current.value || G(), E.emit();
+  }), () => {
+    d.current.delete(e), v.current.delete(e), t.current.filtered.items.delete(e);
+    let o = F();
+    h(4, () => {
+      W(), (o == null ? void 0 : o.getAttribute("id")) === e && G(), E.emit();
+    });
+  }), group: (e) => (i.current.has(e) || i.current.set(e, /* @__PURE__ */ new Set()), () => {
+    d.current.delete(e), i.current.delete(e);
+  }), filter: () => f.current.shouldFilter, label: g || r["aria-label"], getDisablePointerSelection: () => f.current.disablePointerSelection, listId: _, inputId: te, labelId: ee, listInnerRef: x }), []);
+  function re(e, u) {
+    var o, a;
+    let m = (a = (o = f.current) == null ? void 0 : o.filter) != null ? a : we;
+    return e ? m(e, t.current.search, u) : 0;
+  }
+  function B() {
+    if (!t.current.search || f.current.shouldFilter === !1) return;
+    let e = t.current.filtered.items, u = [];
+    t.current.filtered.groups.forEach((a) => {
+      let m = i.current.get(a), p = 0;
+      m.forEach((y) => {
+        let I = e.get(y);
+        p = Math.max(I, p);
+      }), u.push([a, p]);
+    });
+    let o = x.current;
+    V().sort((a, m) => {
+      var p, y;
+      let I = a.getAttribute("id"), N = m.getAttribute("id");
+      return ((p = e.get(N)) != null ? p : 0) - ((y = e.get(I)) != null ? y : 0);
+    }).forEach((a) => {
+      let m = a.closest(Q);
+      m ? m.appendChild(a.parentElement === m ? a : a.closest(`${Q} > *`)) : o.appendChild(a.parentElement === o ? a : a.closest(`${Q} > *`));
+    }), u.sort((a, m) => m[1] - a[1]).forEach((a) => {
+      var m;
+      let p = (m = x.current) == null ? void 0 : m.querySelector(`${K}[${M}="${encodeURIComponent(a[0])}"]`);
+      p == null || p.parentElement.appendChild(p);
+    });
+  }
+  function G() {
+    let e = V().find((o) => o.getAttribute("aria-disabled") !== "true"), u = e == null ? void 0 : e.getAttribute(M);
+    E.setState("value", u || void 0);
+  }
+  function W() {
+    var e, u, o, a;
+    if (!t.current.search || f.current.shouldFilter === !1) {
+      t.current.filtered.count = v.current.size;
+      return;
+    }
+    t.current.filtered.groups = /* @__PURE__ */ new Set();
+    let m = 0;
+    for (let p of v.current) {
+      let y = (u = (e = d.current.get(p)) == null ? void 0 : e.value) != null ? u : "", I = (a = (o = d.current.get(p)) == null ? void 0 : o.keywords) != null ? a : [], N = re(y, I);
+      t.current.filtered.items.set(p, N), N > 0 && m++;
+    }
+    for (let [p, y] of i.current) for (let I of y) if (t.current.filtered.items.get(I) > 0) {
+      t.current.filtered.groups.add(p);
+      break;
+    }
+    t.current.filtered.count = m;
+  }
+  function ne() {
+    var e, u, o;
+    let a = F();
+    a && (((e = a.parentElement) == null ? void 0 : e.firstChild) === a && ((o = (u = a.closest(K)) == null ? void 0 : u.querySelector(Se)) == null || o.scrollIntoView({ block: "nearest" })), a.scrollIntoView({ block: "nearest" }));
+  }
+  function F() {
+    var e;
+    return (e = x.current) == null ? void 0 : e.querySelector(`${Y}[aria-selected="true"]`);
+  }
+  function V() {
+    var e;
+    return Array.from(((e = x.current) == null ? void 0 : e.querySelectorAll(oe)) || []);
+  }
+  function T(e) {
+    let u = V()[e];
+    u && E.setState("value", u.getAttribute(M));
+  }
+  function J(e) {
+    var u;
+    let o = F(), a = V(), m = a.findIndex((y) => y === o), p = a[m + e];
+    (u = f.current) != null && u.loop && (p = m + e < 0 ? a[a.length - 1] : m + e === a.length ? a[0] : a[m + e]), p && E.setState("value", p.getAttribute(M));
+  }
+  function le(e) {
+    let u = F(), o = u == null ? void 0 : u.closest(K), a;
+    for (; o && !a; ) o = e > 0 ? De(o, K) : $e(o, K), a = o == null ? void 0 : o.querySelector(oe);
+    a ? E.setState("value", a.getAttribute(M)) : J(e);
   }
-);
+  let ae = () => T(V().length - 1), ue = (e) => {
+    e.preventDefault(), e.metaKey ? ae() : e.altKey ? le(1) : J(1);
+  }, ie = (e) => {
+    e.preventDefault(), e.metaKey ? T(0) : e.altKey ? le(-1) : J(-1);
+  };
+  return n.createElement(C.div, { ref: l, tabIndex: -1, ...j, "cmdk-root": "", onKeyDown: (e) => {
+    var u;
+    if ((u = j.onKeyDown) == null || u.call(j, e), !e.defaultPrevented) switch (e.key) {
+      case "n":
+      case "j": {
+        R && e.ctrlKey && ue(e);
+        break;
+      }
+      case "ArrowDown": {
+        ue(e);
+        break;
+      }
+      case "p":
+      case "k": {
+        R && e.ctrlKey && ie(e);
+        break;
+      }
+      case "ArrowUp": {
+        ie(e);
+        break;
+      }
+      case "Home": {
+        e.preventDefault(), T(0);
+        break;
+      }
+      case "End": {
+        e.preventDefault(), ae();
+        break;
+      }
+      case "Enter":
+        if (!e.nativeEvent.isComposing && e.keyCode !== 229) {
+          e.preventDefault();
+          let o = F();
+          if (o) {
+            let a = new Event(X);
+            o.dispatchEvent(a);
+          }
+        }
+    }
+  } }, n.createElement("label", { "cmdk-label": "", htmlFor: U.inputId, id: U.labelId, style: Ke }, g), z(r, (e) => n.createElement(de.Provider, { value: E }, n.createElement(ce.Provider, { value: U }, e))));
+}), Ce = n.forwardRef((r, l) => {
+  var t, v;
+  let i = $(), d = n.useRef(null), s = n.useContext(se), f = q(), g = me(r), b = (v = (t = g.current) == null ? void 0 : t.forceMount) != null ? v : s == null ? void 0 : s.forceMount;
+  A(() => {
+    if (!b) return f.item(i, s == null ? void 0 : s.id);
+  }, [b]);
+  let c = ve(i, d, [r.value, r.children, d], r.keywords), S = Z(), k = P((h) => h.value && h.value === c.current), w = P((h) => b || f.filter() === !1 ? !0 : h.search ? h.filtered.items.get(i) > 0 : !0);
+  n.useEffect(() => {
+    let h = d.current;
+    if (!(!h || r.disabled)) return h.addEventListener(X, O), () => h.removeEventListener(X, O);
+  }, [w, r.onSelect, r.disabled]);
+  function O() {
+    var h, E;
+    H(), (E = (h = g.current).onSelect) == null || E.call(h, c.current);
+  }
+  function H() {
+    S.setState("value", c.current, !0);
+  }
+  if (!w) return null;
+  let { disabled: R, value: j, onSelect: _, forceMount: ee, keywords: te, ...x } = r;
+  return n.createElement(C.div, { ref: L([d, l]), ...x, id: i, "cmdk-item": "", role: "option", "aria-disabled": !!R, "aria-selected": !!k, "data-disabled": !!R, "data-selected": !!k, onPointerMove: R || f.getDisablePointerSelection() ? void 0 : H, onClick: R ? void 0 : O }, r.children);
+}), ke = n.forwardRef((r, l) => {
+  let { heading: t, children: v, forceMount: i, ...d } = r, s = $(), f = n.useRef(null), g = n.useRef(null), b = $(), c = q(), S = P((w) => i || c.filter() === !1 ? !0 : w.search ? w.filtered.groups.has(s) : !0);
+  A(() => c.group(s), []), ve(s, f, [r.value, r.heading, g]);
+  let k = n.useMemo(() => ({ id: s, forceMount: i }), [i]);
+  return n.createElement(C.div, { ref: L([f, l]), ...d, "cmdk-group": "", role: "presentation", hidden: S ? void 0 : !0 }, t && n.createElement("div", { ref: g, "cmdk-group-heading": "", "aria-hidden": !0, id: b }, t), z(r, (w) => n.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t ? b : void 0 }, n.createElement(se.Provider, { value: k }, w))));
+}), Re = n.forwardRef((r, l) => {
+  let { alwaysRender: t, ...v } = r, i = n.useRef(null), d = P((s) => !s.search);
+  return !t && !d ? null : n.createElement(C.div, { ref: L([i, l]), ...v, "cmdk-separator": "", role: "separator" });
+}), xe = n.forwardRef((r, l) => {
+  let { onValueChange: t, ...v } = r, i = r.value != null, d = Z(), s = P((c) => c.search), f = P((c) => c.value), g = q(), b = n.useMemo(() => {
+    var c;
+    let S = (c = g.listInnerRef.current) == null ? void 0 : c.querySelector(`${Y}[${M}="${encodeURIComponent(f)}"]`);
+    return S == null ? void 0 : S.getAttribute("id");
+  }, []);
+  return n.useEffect(() => {
+    r.value != null && d.setState("search", r.value);
+  }, [r.value]), n.createElement(C.input, { ref: l, ...v, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": g.listId, "aria-labelledby": g.labelId, "aria-activedescendant": b, id: g.inputId, type: "text", value: i ? r.value : s, onChange: (c) => {
+    i || d.setState("search", c.target.value), t == null || t(c.target.value);
+  } });
+}), Ie = n.forwardRef((r, l) => {
+  let { children: t, label: v = "Suggestions", ...i } = r, d = n.useRef(null), s = n.useRef(null), f = q();
+  return n.useEffect(() => {
+    if (s.current && d.current) {
+      let g = s.current, b = d.current, c, S = new ResizeObserver(() => {
+        c = requestAnimationFrame(() => {
+          let k = g.offsetHeight;
+          b.style.setProperty("--cmdk-list-height", k.toFixed(1) + "px");
+        });
+      });
+      return S.observe(g), () => {
+        cancelAnimationFrame(c), S.unobserve(g);
+      };
+    }
+  }, []), n.createElement(C.div, { ref: L([d, l]), ...i, "cmdk-list": "", role: "listbox", "aria-label": v, id: f.listId }, z(r, (g) => n.createElement("div", { ref: L([s, f.listInnerRef]), "cmdk-list-sizer": "" }, g)));
+}), Me = n.forwardRef((r, l) => {
+  let { open: t, onOpenChange: v, overlayClassName: i, contentClassName: d, container: s, ...f } = r;
+  return n.createElement(ge, { open: t, onOpenChange: v }, n.createElement(he, { container: s }, n.createElement(be, { "cmdk-overlay": "", className: i }), n.createElement(Ee, { "aria-label": r.label, "cmdk-dialog": "", className: d }, n.createElement(fe, { ref: l, ...f }))));
+}), Ae = n.forwardRef((r, l) => P((t) => t.filtered.count === 0) ? n.createElement(C.div, { ref: l, ...r, "cmdk-empty": "", role: "presentation" }) : null), Pe = n.forwardRef((r, l) => {
+  let { progress: t, children: v, label: i = "Loading...", ...d } = r;
+  return n.createElement(C.div, { ref: l, ...d, "cmdk-loading": "", role: "progressbar", "aria-valuenow": t, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": i }, z(r, (s) => n.createElement("div", { "aria-hidden": !0 }, s)));
+}), ze = Object.assign(fe, { List: Ie, Item: Ce, Input: xe, Group: ke, Separator: Re, Dialog: Me, Empty: Ae, Loading: Pe });
+function De(r, l) {
+  let t = r.nextElementSibling;
+  for (; t; ) {
+    if (t.matches(l)) return t;
+    t = t.nextElementSibling;
+  }
+}
+function $e(r, l) {
+  let t = r.previousElementSibling;
+  for (; t; ) {
+    if (t.matches(l)) return t;
+    t = t.previousElementSibling;
+  }
+}
+function me(r) {
+  let l = n.useRef(r);
+  return A(() => {
+    l.current = r;
+  }), l;
+}
+var A = typeof window > "u" ? n.useEffect : n.useLayoutEffect;
+function D(r) {
+  let l = n.useRef();
+  return l.current === void 0 && (l.current = r()), l;
+}
+function L(r) {
+  return (l) => {
+    r.forEach((t) => {
+      typeof t == "function" ? t(l) : t != null && (t.current = l);
+    });
+  };
+}
+function P(r) {
+  let l = Z(), t = () => r(l.snapshot());
+  return ye.useSyncExternalStore(l.subscribe, t, t);
+}
+function ve(r, l, t, v = []) {
+  let i = n.useRef(), d = q();
+  return A(() => {
+    var s;
+    let f = (() => {
+      var b;
+      for (let c of t) {
+        if (typeof c == "string") return c.trim();
+        if (typeof c == "object" && "current" in c) return c.current ? (b = c.current.textContent) == null ? void 0 : b.trim() : i.current;
+      }
+    })(), g = v.map((b) => b.trim());
+    d.value(r, f, g), (s = l.current) == null || s.setAttribute(M, f), i.current = f;
+  }), i;
+}
+var Fe = () => {
+  let [r, l] = n.useState(), t = D(() => /* @__PURE__ */ new Map());
+  return A(() => {
+    t.current.forEach((v) => v()), t.current = /* @__PURE__ */ new Map();
+  }, [r]), (v, i) => {
+    t.current.set(v, i), l({});
+  };
+};
+function Ve(r) {
+  let l = r.type;
+  return typeof l == "function" ? l(r.props) : "render" in l ? l.render(r.props) : r;
+}
+function z({ asChild: r, children: l }, t) {
+  return r && n.isValidElement(l) ? n.cloneElement(Ve(l), { ref: l.ref }, t(l.props.children)) : t(l);
+}
+var Ke = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
 export {
-  u as buttonVariants
+  ze as Command,
+  Me as CommandDialog,
+  Ae as CommandEmpty,
+  ke as CommandGroup,
+  xe as CommandInput,
+  Ce as CommandItem,
+  Ie as CommandList,
+  Pe as CommandLoading,
+  fe as CommandRoot,
+  Re as CommandSeparator,
+  we as defaultFilter,
+  P as useCommandState
 };