randmarcomps 1.185.0 → 1.187.0

package/dist/randmarcomps.d.ts

@@ -5,6 +5,7 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import { default as default_2 } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { DialogProps } from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
@@ -17,6 +18,7 @@ import { Manufacturer } from 'randmar-api-client';
 import { MouseEventHandler } from 'react';
 import { OrderDetail } from 'randmar-api-client';
 import { OTPInput } from 'input-otp';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { Product } from 'randmar-api-client';
 import { Qualification } from 'randmar-api-client';
 import * as React_2 from 'react';
@@ -153,6 +155,92 @@ export declare const ChatProvider: default_2.FC<{
 
 export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
+export declare const Command: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    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;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandDialog: ({ children, ...props }: DialogProps) => JSX.Element;
+
+export declare const CommandEmpty: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandGroup: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+    heading?: React_2.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandInput: React_2.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof React_2.InputHTMLAttributes<HTMLInputElement> | "key"> & {
+    ref?: React_2.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, keyof React_2.InputHTMLAttributes<HTMLInputElement> | "key" | "asChild">, "type" | "value" | "onChange"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare const CommandItem: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild">, "disabled" | "value" | "onSelect"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandList: React_2.ForwardRefExoticComponent<Omit<{
+    children?: React_2.ReactNode;
+} & Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandSeparator: React_2.ForwardRefExoticComponent<Omit<Pick<Pick<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    alwaysRender?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const CommandShortcut: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX.Element;
+    displayName: string;
+};
+
 export declare interface ConfirmationDialogProps {
     title: string;
     content: React_2.ReactNode;
@@ -360,15 +448,25 @@ export declare interface NavRoute {
     showInNav?: boolean;
 }
 
-export declare function PartnerCard({ account, action, loading, withVoice }: PartnerCardProps): JSX.Element;
+export declare function PartnerCard({ account, action, loading, className, withAbout, withVoice }: PartnerCardProps): JSX.Element;
 
 declare interface PartnerCardProps {
     account?: Account;
     action?: ReactNode;
     loading?: boolean;
+    className?: string;
+    withAbout?: boolean;
     withVoice?: boolean;
 }
 
+export declare const Popover: React_2.FC<PopoverPrimitive.PopoverProps>;
+
+export declare const PopoverAnchor: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const PopoverContent: React_2.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
 export declare function Preloader({ text, color, className }: PreloaderProps): JSX.Element;
 
 export declare interface PreloaderProps {

package/dist/randmarcomps.js

@@ -7398,7 +7398,7 @@ function isPointerInGraceArea(e, t) {
 function whenMouse(e) {
   return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-var Root3$1 = Menu, Anchor2 = MenuAnchor, Portal$3 = MenuPortal, Content2$4 = MenuContent, Group$1 = MenuGroup, Label$4 = MenuLabel, Item2$1 = MenuItem, CheckboxItem = MenuCheckboxItem, RadioGroup = MenuRadioGroup, RadioItem = MenuRadioItem, ItemIndicator$1 = MenuItemIndicator, Separator$3 = MenuSeparator, Arrow2 = MenuArrow, Sub = MenuSub, SubTrigger = MenuSubTrigger, SubContent = MenuSubContent, DROPDOWN_MENU_NAME = "DropdownMenu", [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
+var Root3$1 = Menu, Anchor2$1 = MenuAnchor, Portal$3 = MenuPortal, Content2$4 = MenuContent, Group$1 = MenuGroup, Label$4 = MenuLabel, Item2$1 = MenuItem, CheckboxItem = MenuCheckboxItem, RadioGroup = MenuRadioGroup, RadioItem = MenuRadioItem, ItemIndicator$1 = MenuItemIndicator, Separator$3 = MenuSeparator, Arrow2 = MenuArrow, Sub = MenuSub, SubTrigger = MenuSubTrigger, SubContent = MenuSubContent, DROPDOWN_MENU_NAME = "DropdownMenu", [createDropdownMenuContext, createDropdownMenuScope] = createContextScope(
   DROPDOWN_MENU_NAME,
   [createMenuScope]
 ), useMenuScope = createMenuScope(), [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME), DropdownMenu$1 = (e) => {
@@ -7435,7 +7435,7 @@ DropdownMenu$1.displayName = DROPDOWN_MENU_NAME;
 var TRIGGER_NAME$4 = "DropdownMenuTrigger", DropdownMenuTrigger$1 = React.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, disabled: o = !1, ...l } = e, d = useDropdownMenuContext(TRIGGER_NAME$4, n), f = useMenuScope(n);
-    return /* @__PURE__ */ jsx(Anchor2, { asChild: !0, ...f, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Anchor2$1, { asChild: !0, ...f, children: /* @__PURE__ */ jsx(
       Primitive.button,
       {
         type: "button",
@@ -50180,64 +50180,71 @@ const badgeVariants = cva(
   ] })
 );
 Badge.displayName = "Badge";
-function PartnerCard({ account: e, action: t, loading: n = !1, withVoice: o = !0 }) {
-  const [l, d] = useState(null), [f, g] = useState(!1), [b, _] = useState(!1), [S, C] = useState(!1), [E, R] = useState(!0), [M, I] = useState(null), [A, j] = useState(!1), q = useMemo(() => e != null && e.ApplicationId ? {
+function PartnerCard({
+  account: e,
+  action: t,
+  loading: n = !1,
+  className: o,
+  withAbout: l = !1,
+  withVoice: d = !0
+}) {
+  const [f, g] = useState(null), [b, _] = useState(!1), [S, C] = useState(!1), [E, R] = useState(!1), [M, I] = useState(!0), [A, j] = useState(null), [q, z] = useState(!1), Q = useMemo(() => e != null && e.ApplicationId ? {
     videoUrl: `https://api.randmar.io/V4/Partner/${e.ApplicationId}/Account/Video`,
     videoExistsUrl: `https://api.randmar.io/V4/Partner/${e.ApplicationId}/Account/Video/Exists`,
     logoUrl: `https://api.randmar.io/V4/Partner/${e.ApplicationId}/Account/Logo?width=64&height=64`,
     logoExistsUrl: `https://api.randmar.io/V4/Partner/${e.ApplicationId}/Account/Logo/Exists`
   } : null, [e == null ? void 0 : e.ApplicationId]);
   useEffect(() => {
-    if (!q || n) return;
-    let Q = !0;
-    I(null);
-    const F = async () => {
+    if (!Q || n) return;
+    let V = !0;
+    j(null);
+    const te = async () => {
       try {
-        const ie = await fetch(q.logoExistsUrl);
-        if (ie.ok) {
-          const oe = (await ie.text()).toLowerCase() === "true";
-          return Q && _(oe), oe;
+        const oe = await fetch(Q.logoExistsUrl);
+        if (oe.ok) {
+          const Ae = (await oe.text()).toLowerCase() === "true";
+          return V && C(Ae), Ae;
         }
         return !1;
-      } catch (ie) {
-        return console.error("Failed to check if logo exists:", ie), Q && _(!1), !1;
+      } catch (oe) {
+        return console.error("Failed to check if logo exists:", oe), V && C(!1), !1;
       }
-    }, V = async () => {
-      Q && g(!0);
+    }, ae = async () => {
+      V && _(!0);
       try {
-        const ie = await fetch(q.logoUrl);
-        if (ie.ok) {
-          const se = await ie.blob();
-          Q && (l && URL.revokeObjectURL(l), d(URL.createObjectURL(se)));
+        const oe = await fetch(Q.logoUrl);
+        if (oe.ok) {
+          const ge = await oe.blob();
+          V && (f && URL.revokeObjectURL(f), g(URL.createObjectURL(ge)));
         } else
-          throw new Error(`Failed to load logo: ${ie.status}`);
-      } catch (ie) {
-        console.error("Failed to load logo:", ie), Q && I("Failed to load partner logo");
+          throw new Error(`Failed to load logo: ${oe.status}`);
+      } catch (oe) {
+        console.error("Failed to load logo:", oe), V && j("Failed to load partner logo");
       } finally {
-        Q && g(!1);
+        V && _(!1);
       }
-    }, te = async () => {
+    }, ie = async () => {
       try {
-        const ie = await fetch(q.videoExistsUrl);
-        if (ie.ok) {
-          const se = await ie.text();
-          Q && C(se.toLowerCase() === "true");
+        const oe = await fetch(Q.videoExistsUrl);
+        if (oe.ok) {
+          const ge = await oe.text();
+          V && R(ge.toLowerCase() === "true");
         } else
-          throw new Error(`Failed to check video: ${ie.status}`);
-      } catch (ie) {
-        console.error("Failed to check if video exists:", ie), Q && C(!1);
+          throw new Error(`Failed to check video: ${oe.status}`);
+      } catch (oe) {
+        console.error("Failed to check if video exists:", oe), V && R(!1);
       }
     };
     return (async () => {
-      await F() && V(), te();
+      await te() && ae(), ie();
     })(), () => {
-      Q = !1, l && URL.revokeObjectURL(l);
+      V = !1, f && URL.revokeObjectURL(f);
     };
-  }, [q, n]);
-  const z = () => {
-    R(!1);
+  }, [Q, n]);
+  const F = () => {
+    I(!1);
   };
-  return n || !e ? /* @__PURE__ */ jsxs(Card, { children: [
+  return n || !e ? /* @__PURE__ */ jsxs(Card, { className: o, children: [
     /* @__PURE__ */ jsx(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-2 pt-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-md" }),
       /* @__PURE__ */ jsxs("div", { children: [
@@ -50254,7 +50261,7 @@ function PartnerCard({ account: e, action: t, loading: n = !1, withVoice: o = !0
         /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20 rounded-full" }),
         /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-full" })
       ] }),
-      o && /* @__PURE__ */ jsx("div", { className: "p-3 bg-slate-50 rounded-md", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-2", children: [
+      d && /* @__PURE__ */ jsx("div", { className: "p-3 bg-slate-50 rounded-md", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-2", children: [
         /* @__PURE__ */ jsxs("div", { children: [
           /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20 mb-1" }),
           /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" })
@@ -50273,12 +50280,12 @@ function PartnerCard({ account: e, action: t, loading: n = !1, withVoice: o = !0
       /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-32" }),
       /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-48" })
     ] })
-  ] }) : /* @__PURE__ */ jsxs(Card, { children: [
+  ] }) : /* @__PURE__ */ jsxs(Card, { className: o, children: [
     /* @__PURE__ */ jsx(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-2 pt-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      b && /* @__PURE__ */ jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md", children: f ? /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 rounded-md" }) : l && /* @__PURE__ */ jsx(
+      S && /* @__PURE__ */ jsx("div", { className: "h-12 w-12 overflow-hidden rounded-md", children: b ? /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 rounded-md" }) : f && /* @__PURE__ */ jsx(
         "img",
         {
-          src: l || "/placeholder.svg",
+          src: f,
           alt: `${e.PublicName}'s logo`,
           className: "max-h-10 w-auto object-contain"
         }
@@ -50293,14 +50300,21 @@ function PartnerCard({ account: e, action: t, loading: n = !1, withVoice: o = !0
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs(CardContent, { className: "pb-2", children: [
-      M && /* @__PURE__ */ jsx("div", { className: "text-red-500 mb-4 text-sm", role: "alert", children: M }),
+      A && /* @__PURE__ */ jsx("div", { className: "text-red-500 mb-4 text-sm", role: "alert", children: A }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
         (e.IsManufacturer || e.IsReseller || e.IsSalesAgency) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
           e.IsManufacturer && /* @__PURE__ */ jsx(Badge, { className: "manufacturer-theme", children: "Manufacturer" }),
           e.IsReseller && /* @__PURE__ */ jsx(Badge, { className: "reseller-theme", children: "Reseller" }),
           e.IsSalesAgency && /* @__PURE__ */ jsx(Badge, { children: "Agency" })
         ] }),
-        o && /* @__PURE__ */ jsx("div", { className: "p-3 bg-slate-50 rounded-md", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-2", children: [
+        l && e.About && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "prose prose-sm max-w-none",
+            dangerouslySetInnerHTML: { __html: e.About ?? "" }
+          }
+        ),
+        d && /* @__PURE__ */ jsx("div", { className: "p-3 bg-slate-50 rounded-md", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-2", children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Voice Name" }),
             /* @__PURE__ */ jsx("div", { className: "font-medium", children: e.VoiceName ?? "Regular" })
@@ -50317,7 +50331,7 @@ function PartnerCard({ account: e, action: t, loading: n = !1, withVoice: o = !0
       ] })
     ] }),
     /* @__PURE__ */ jsxs(CardFooter, { className: "px-6 py-4 flex justify-between gap-2", children: [
-      S && q ? /* @__PURE__ */ jsxs(Dialog, { open: A, onOpenChange: j, children: [
+      E && Q ? /* @__PURE__ */ jsxs(Dialog, { open: q, onOpenChange: z, children: [
         /* @__PURE__ */ jsx(DialogTrigger, { asChild: !0, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx("span", { children: "Watch Video" })
@@ -50328,23 +50342,23 @@ function PartnerCard({ account: e, action: t, loading: n = !1, withVoice: o = !0
             " Video"
           ] }) }),
           /* @__PURE__ */ jsxs("div", { className: "w-full h-[640px] rounded-md overflow-hidden", children: [
-            E && /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full" }),
+            M && /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full" }),
             /* @__PURE__ */ jsx(
               "video",
               {
-                src: q.videoUrl,
+                src: Q.videoUrl,
                 controls: !0,
                 preload: "auto",
                 playsInline: !0,
                 autoPlay: !0,
                 "aria-label": `Video for ${e.PublicName}`,
-                className: `w-full h-full object-cover ${E ? "invisible" : "visible"}`,
+                className: `w-full h-full object-cover ${M ? "invisible" : "visible"}`,
                 style: {
                   objectPosition: "center",
                   imageRendering: "auto"
                 },
-                onLoadedData: z,
-                onError: () => R(!1)
+                onLoadedData: F,
+                onError: () => I(!1)
               }
             )
           ] })
@@ -62280,7 +62294,7 @@ const Command = React.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */
   }
 ));
 Command.displayName = _e.displayName;
-const CommandInput = React.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+const CommandDialog = ({ children: e, ...t }) => /* @__PURE__ */ jsx(Dialog, { ...t, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[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", children: e }) }) }), CommandInput = React.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsx(
     _e.Input,
@@ -62346,6 +62360,20 @@ const CommandItem = React.forwardRef(({ className: e, ...t }, n) => /* @__PURE__
   }
 ));
 CommandItem.displayName = _e.Item.displayName;
+const CommandShortcut = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    className: cn(
+      "ml-auto text-xs tracking-widest text-muted-foreground",
+      e
+    ),
+    ...t
+  }
+);
+CommandShortcut.displayName = "CommandShortcut";
 var POPOVER_NAME = "Popover", [createPopoverContext, createPopoverScope] = createContextScope(POPOVER_NAME, [
   createPopperScope
 ]), usePopperScope = createPopperScope(), [PopoverProvider, usePopoverContext] = createPopoverContext(POPOVER_NAME), Popover$1 = (e) => {
@@ -62380,13 +62408,13 @@ var POPOVER_NAME = "Popover", [createPopoverContext, createPopoverScope] = creat
   ) });
 };
 Popover$1.displayName = POPOVER_NAME;
-var ANCHOR_NAME = "PopoverAnchor", PopoverAnchor = React.forwardRef(
+var ANCHOR_NAME = "PopoverAnchor", PopoverAnchor$1 = React.forwardRef(
   (e, t) => {
     const { __scopePopover: n, ...o } = e, l = usePopoverContext(ANCHOR_NAME, n), d = usePopperScope(n), { onCustomAnchorAdd: f, onCustomAnchorRemove: g } = l;
     return React.useEffect(() => (f(), () => g()), [f, g]), /* @__PURE__ */ jsx(Anchor, { ...d, ...o, ref: t });
   }
 );
-PopoverAnchor.displayName = ANCHOR_NAME;
+PopoverAnchor$1.displayName = ANCHOR_NAME;
 var TRIGGER_NAME = "PopoverTrigger", PopoverTrigger$1 = React.forwardRef(
   (e, t) => {
     const { __scopePopover: n, ...o } = e, l = usePopoverContext(TRIGGER_NAME, n), d = usePopperScope(n), f = useComposedRefs(t, l.triggerRef), g = /* @__PURE__ */ jsx(
@@ -62557,8 +62585,8 @@ PopoverArrow.displayName = ARROW_NAME;
 function getState(e) {
   return e ? "open" : "closed";
 }
-var Root2 = Popover$1, Trigger = PopoverTrigger$1, Portal = PopoverPortal, Content2 = PopoverContent$1;
-const Popover = Root2, PopoverTrigger = Trigger, PopoverContent = React.forwardRef(({ className: e, align: t = "center", sideOffset: n = 4, ...o }, l) => /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+var Root2 = Popover$1, Anchor2 = PopoverAnchor$1, Trigger = PopoverTrigger$1, Portal = PopoverPortal, Content2 = PopoverContent$1;
+const Popover = Root2, PopoverTrigger = Trigger, PopoverAnchor = Anchor2, PopoverContent = React.forwardRef(({ className: e, align: t = "center", sideOffset: n = 4, ...o }, l) => /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
   Content2,
   {
     ref: l,
@@ -62685,6 +62713,15 @@ export {
   ChatLayout,
   ChatProvider,
   Checkbox,
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut,
   CountryFlag,
   Dialog,
   DialogClose,
@@ -62726,6 +62763,10 @@ export {
   MultiSelect,
   Navbar,
   PartnerCard,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
   Preloader,
   ProductCard,
   ProductImage,