@mdigital_ui/ui 0.2.5 → 0.2.7

package/dist/chunk-KNQ7UQ2W.js

@@ -1,143 +0,0 @@
-import { Popover, PopoverTrigger, PopoverContent } from './chunk-3PFA3YG6.js';
-import { cn } from './chunk-YNNAOXU5.js';
-import { cva } from 'class-variance-authority';
-import React from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var dropdownItemVariants = cva(
-  "relative cursor-pointer select-none text-text-primary transition-colors flex items-center gap-2 rounded-sm",
-  {
-    variants: {
-      size: {
-        xs: "px-2 py-1 text-xs",
-        sm: "px-3 py-1.5 text-sm",
-        md: "px-4 py-2 text-base",
-        lg: "px-5 py-2.5 text-lg"
-      },
-      disabled: {
-        true: "opacity-50 cursor-not-allowed",
-        false: "hover:bg-surface"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      disabled: false
-    }
-  }
-);
-var Dropdown = React.memo(
-  ({
-    children,
-    items,
-    render,
-    color = "default",
-    size = "md",
-    position = "left",
-    maxHeight = 300,
-    disabled = false,
-    fullWidth = false,
-    hover = false,
-    className,
-    onItemClick
-  }) => {
-    const [isOpen, setIsOpen] = React.useState(false);
-    const handleItemClick = React.useCallback(
-      (item) => {
-        if (!item.disabled) {
-          item.onClick?.();
-          if (item.value !== void 0) {
-            onItemClick?.(item.value);
-          }
-          setIsOpen(false);
-        }
-      },
-      [onItemClick]
-    );
-    const handleClose = React.useCallback(() => {
-      setIsOpen(false);
-    }, []);
-    const handleOpen = React.useCallback(() => {
-      if (!disabled) {
-        setIsOpen(true);
-      }
-    }, [disabled]);
-    const handleToggle = React.useCallback(() => {
-      if (!disabled) {
-        setIsOpen((prev) => !prev);
-      }
-    }, [disabled]);
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "relative",
-          fullWidth ? "w-full" : "inline-block",
-          className
-        ),
-        onMouseEnter: hover ? handleOpen : void 0,
-        onMouseLeave: hover ? () => setIsOpen(false) : void 0,
-        children: /* @__PURE__ */ jsxs(
-          Popover,
-          {
-            open: isOpen,
-            onOpenChange: setIsOpen,
-            children: [
-              /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  onClick: hover ? void 0 : handleToggle,
-                  className: cn(
-                    "flex",
-                    !hover && "cursor-pointer",
-                    fullWidth && "w-full",
-                    disabled && "opacity-50 cursor-not-allowed"
-                  ),
-                  children
-                }
-              ) }),
-              /* @__PURE__ */ jsx(
-                PopoverContent,
-                {
-                  className: "p-0 min-w-[140px]",
-                  align: position === "left" ? "start" : "end",
-                  sideOffset: 4,
-                  color,
-                  style: { maxHeight },
-                  onOpenAutoFocus: (e) => e.preventDefault(),
-                  children: /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "overflow-auto",
-                      style: { maxHeight },
-                      children: render ? render({ close: handleClose }) : items?.map((item, idx) => /* @__PURE__ */ jsxs(
-                        "div",
-                        {
-                          className: dropdownItemVariants({
-                            size,
-                            disabled: !!item.disabled
-                          }),
-                          onClick: () => handleItemClick(item),
-                          children: [
-                            item.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: item.icon }),
-                            /* @__PURE__ */ jsx("span", { className: "flex-1", children: item.label })
-                          ]
-                        },
-                        `${item.value}-${idx}`
-                      ))
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-Dropdown.displayName = "Dropdown";
-var dropdown_default = Dropdown;
-
-export { dropdown_default };
-//# sourceMappingURL=chunk-KNQ7UQ2W.js.map
-//# sourceMappingURL=chunk-KNQ7UQ2W.js.map

package/dist/chunk-KNQ7UQ2W.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/dropdown/index.tsx"],"names":[],"mappings":"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","file":"chunk-KNQ7UQ2W.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { Popover, PopoverContent, PopoverTrigger } from '../popover'\nimport { cn } from '../utils'\nimport type { DropdownProps } from './types'\n\nconst dropdownItemVariants = cva(\n  'relative cursor-pointer select-none text-text-primary transition-colors flex items-center gap-2 rounded-sm',\n  {\n    variants: {\n      size: {\n        xs: 'px-2 py-1 text-xs',\n        sm: 'px-3 py-1.5 text-sm',\n        md: 'px-4 py-2 text-base',\n        lg: 'px-5 py-2.5 text-lg',\n      },\n      disabled: {\n        true: 'opacity-50 cursor-not-allowed',\n        false: 'hover:bg-surface',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      disabled: false,\n    },\n  },\n)\n\nconst Dropdown = React.memo<DropdownProps>(\n  ({\n    children,\n    items,\n    render,\n    color = 'default',\n    size = 'md',\n    position = 'left',\n    maxHeight = 300,\n    disabled = false,\n    fullWidth = false,\n    hover = false,\n    className,\n    onItemClick,\n  }) => {\n    const [isOpen, setIsOpen] = React.useState(false)\n\n    const handleItemClick = React.useCallback(\n      (item: NonNullable<typeof items>[0]) => {\n        if (!item.disabled) {\n          item.onClick?.()\n          if (item.value !== undefined) {\n            onItemClick?.(item.value)\n          }\n          setIsOpen(false)\n        }\n      },\n      [onItemClick],\n    )\n\n    const handleClose = React.useCallback(() => {\n      setIsOpen(false)\n    }, [])\n\n    const handleOpen = React.useCallback(() => {\n      if (!disabled) {\n        setIsOpen(true)\n      }\n    }, [disabled])\n\n    const handleToggle = React.useCallback(() => {\n      if (!disabled) {\n        setIsOpen((prev) => !prev)\n      }\n    }, [disabled])\n\n    return (\n      <div\n        className={cn(\n          'relative',\n          fullWidth ? 'w-full' : 'inline-block',\n          className,\n        )}\n        onMouseEnter={hover ? handleOpen : undefined}\n        onMouseLeave={hover ? () => setIsOpen(false) : undefined}\n      >\n        <Popover\n          open={isOpen}\n          onOpenChange={setIsOpen}\n        >\n          <PopoverTrigger asChild>\n            <div\n              onClick={hover ? undefined : handleToggle}\n              className={cn(\n                'flex',\n                !hover && 'cursor-pointer',\n                fullWidth && 'w-full',\n                disabled && 'opacity-50 cursor-not-allowed',\n              )}\n            >\n              {children}\n            </div>\n          </PopoverTrigger>\n\n          <PopoverContent\n            className=\"p-0 min-w-[140px]\"\n            align={position === 'left' ? 'start' : 'end'}\n            sideOffset={4}\n            color={color}\n            style={{ maxHeight }}\n            onOpenAutoFocus={(e) => e.preventDefault()}\n          >\n            <div\n              className=\"overflow-auto\"\n              style={{ maxHeight }}\n            >\n              {render\n                ? render({ close: handleClose })\n                : items?.map((item, idx) => (\n                    <div\n                      key={`${item.value}-${idx}`}\n                      className={dropdownItemVariants({\n                        size,\n                        disabled: !!item.disabled,\n                      })}\n                      onClick={() => handleItemClick(item)}\n                    >\n                      {item.icon && (\n                        <span className=\"shrink-0\">{item.icon}</span>\n                      )}\n                      <span className=\"flex-1\">{item.label}</span>\n                    </div>\n                  ))}\n            </div>\n          </PopoverContent>\n        </Popover>\n      </div>\n    )\n  },\n)\n\nDropdown.displayName = 'Dropdown'\n\nexport type * from './types'\nexport default Dropdown\n"]}

package/dist/chunk-KTAIRCOL.js

@@ -1,100 +0,0 @@
-import { Spinner } from './chunk-J3G5WWGR.js';
-import { createAllColorVariants, buttonColors } from './chunk-5UEWVFF6.js';
-import { cn } from './chunk-YNNAOXU5.js';
-import { cva } from 'class-variance-authority';
-import React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var buttonVariants = cva(
-  "inline-flex cursor-pointer text-center outline-none font-medium border items-center justify-center rounded-md disabled:opacity-50 disabled:pointer-events-none transition-colors",
-  {
-    variants: {
-      variant: {
-        solid: "text-white",
-        outline: "bg-transparent",
-        dashed: "bg-transparent border-dashed",
-        link: "bg-transparent border-none hover:underline",
-        ghost: "bg-transparent border-none"
-      },
-      color: {
-        primary: "border-primary",
-        secondary: "border-secondary",
-        accent: "border-accent",
-        success: "border-success",
-        error: "border-error",
-        warning: "border-warning",
-        info: "border-info"
-      },
-      size: {
-        xs: "h-[var(--button-height-xs)] px-[var(--button-padding-x-xs)] text-xs gap-1.5",
-        sm: "h-[var(--button-height-sm)] px-[var(--button-padding-x-sm)] text-sm gap-2",
-        md: "h-[var(--button-height-md)] px-[var(--button-padding-x-md)] text-base gap-2",
-        lg: "h-[var(--button-height-lg)] px-[var(--button-padding-x-lg)] text-lg gap-2.5"
-      },
-      fullWidth: {
-        true: "w-full",
-        false: ""
-      }
-    },
-    compoundVariants: createAllColorVariants(buttonColors, [
-      "solid",
-      "outline",
-      "dashed",
-      "link",
-      "ghost"
-    ]),
-    defaultVariants: {
-      variant: "solid",
-      color: "primary",
-      size: "md",
-      fullWidth: false
-    }
-  }
-);
-var Button = React.memo(
-  ({
-    variant = "solid",
-    color = "primary",
-    size = "md",
-    loading = false,
-    loadingText,
-    leftIcon,
-    rightIcon,
-    fullWidth = false,
-    className,
-    children,
-    disabled,
-    ref,
-    ...props
-  }) => {
-    const content = loading && loadingText ? loadingText : children;
-    const showLeftIcon = !loading && leftIcon;
-    const showRightIcon = !loading && rightIcon;
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref,
-        className: cn(
-          buttonVariants({ color, size, variant, fullWidth }),
-          className
-        ),
-        disabled: disabled || loading,
-        "aria-busy": loading,
-        "aria-disabled": disabled || loading,
-        ...props,
-        children: [
-          showLeftIcon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: leftIcon }),
-          loading && /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
-          content,
-          showRightIcon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: rightIcon })
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var button_default = Button;
-
-export { button_default };
-//# sourceMappingURL=chunk-KTAIRCOL.js.map
-//# sourceMappingURL=chunk-KTAIRCOL.js.map

package/dist/chunk-KTAIRCOL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/button/index.tsx"],"names":[],"mappings":"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","file":"chunk-KTAIRCOL.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { Spinner } from '../spinner'\nimport { cn } from '../utils'\nimport { buttonColors, createAllColorVariants } from '../variants'\nimport type { ButtonProps } from './types'\n\nconst buttonVariants = cva(\n  'inline-flex cursor-pointer text-center outline-none font-medium border items-center justify-center rounded-md disabled:opacity-50 disabled:pointer-events-none transition-colors',\n  {\n    variants: {\n      variant: {\n        solid: 'text-white',\n        outline: 'bg-transparent',\n        dashed: 'bg-transparent border-dashed',\n        link: 'bg-transparent border-none hover:underline',\n        ghost: 'bg-transparent border-none',\n      },\n      color: {\n        primary: 'border-primary',\n        secondary: 'border-secondary',\n        accent: 'border-accent',\n        success: 'border-success',\n        error: 'border-error',\n        warning: 'border-warning',\n        info: 'border-info',\n      },\n      size: {\n        xs: 'h-[var(--button-height-xs)] px-[var(--button-padding-x-xs)] text-xs gap-1.5',\n        sm: 'h-[var(--button-height-sm)] px-[var(--button-padding-x-sm)] text-sm gap-2',\n        md: 'h-[var(--button-height-md)] px-[var(--button-padding-x-md)] text-base gap-2',\n        lg: 'h-[var(--button-height-lg)] px-[var(--button-padding-x-lg)] text-lg gap-2.5',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n    },\n    compoundVariants: createAllColorVariants(buttonColors, [\n      'solid',\n      'outline',\n      'dashed',\n      'link',\n      'ghost',\n    ]),\n    defaultVariants: {\n      variant: 'solid',\n      color: 'primary',\n      size: 'md',\n      fullWidth: false,\n    },\n  },\n)\n\nconst Button = React.memo<ButtonProps>(\n  ({\n    variant = 'solid',\n    color = 'primary',\n    size = 'md',\n    loading = false,\n    loadingText,\n    leftIcon,\n    rightIcon,\n    fullWidth = false,\n    className,\n    children,\n    disabled,\n    ref,\n    ...props\n  }) => {\n    const content = loading && loadingText ? loadingText : children\n    const showLeftIcon = !loading && leftIcon\n    const showRightIcon = !loading && rightIcon\n\n    return (\n      <button\n        ref={ref}\n        className={cn(\n          buttonVariants({ color, size, variant, fullWidth }),\n          className,\n        )}\n        disabled={disabled || loading}\n        aria-busy={loading}\n        aria-disabled={disabled || loading}\n        {...props}\n      >\n        {showLeftIcon && <span className=\"shrink-0\">{leftIcon}</span>}\n        {loading && <Spinner size=\"sm\" />}\n        {content}\n        {showRightIcon && <span className=\"shrink-0\">{rightIcon}</span>}\n      </button>\n    )\n  },\n)\n\nButton.displayName = 'Button'\n\nexport type * from './types'\nexport default Button\n"]}

package/dist/chunk-LEKLQR4I.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/command/index.tsx"],"names":["CommandPrimitive"],"mappings":"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","file":"chunk-LEKLQR4I.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { SearchIcon } from 'lucide-react'\nimport * as React from 'react'\n\nimport { CommandSize } from './types'\n\nimport {\n  Modal,\n  ModalContent,\n  ModalDescription,\n  ModalHeader,\n  ModalTitle,\n} from '../modal'\nimport { cn, iconSizes } from '../utils'\n\nconst commandVariants = cva(\n  'flex h-full w-full flex-col overflow-hidden rounded-md bg-background text-text-primary',\n  {\n    variants: {\n      size: {\n        sm: 'text-sm',\n        md: 'text-base',\n        lg: 'text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nfunction Command({\n  className,\n  size = 'md',\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive> & {\n  size?: 'sm' | 'md' | 'lg'\n}) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(commandVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandModal({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  size = 'md',\n  ...props\n}: React.ComponentProps<typeof Modal> & {\n  title?: string\n  description?: string\n  className?: string\n  showCloseButton?: boolean\n  size?: 'sm' | 'md' | 'lg'\n}) {\n  return (\n    <Modal {...props}>\n      <ModalHeader className=\"sr-only\">\n        <ModalTitle>{title}</ModalTitle>\n        <ModalDescription>{description}</ModalDescription>\n      </ModalHeader>\n      <ModalContent\n        className={cn('overflow-hidden p-0', className)}\n        showCloseButton={showCloseButton}\n      >\n        <Command\n          size={size}\n          className=\"[&_[cmdk-group-heading]]:text-text-muted [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0\"\n        >\n          {children}\n        </Command>\n      </ModalContent>\n    </Modal>\n  )\n}\n\nconst commandInputVariants = cva(\n  'flex w-full bg-transparent outline-hidden disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-text-muted text-text-primary',\n  {\n    variants: {\n      size: {\n        sm: 'h-8 py-2 text-sm',\n        md: 'h-10 py-3 text-base',\n        lg: 'h-12 py-4 text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst commandInputWrapperVariants = cva(\n  'flex items-center gap-2 border-b border-border px-3',\n  {\n    variants: {\n      size: {\n        sm: 'h-8',\n        md: 'h-10',\n        lg: 'h-12',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nfunction CommandInput({\n  className,\n  size = 'md',\n  ...props\n}: Omit<React.ComponentProps<typeof CommandPrimitive.Input>, 'size'> & {\n  size?: CommandSize\n}) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className={commandInputWrapperVariants({ size })}\n    >\n      <SearchIcon\n        className={cn('shrink-0 opacity-50 text-text-muted', iconSizes[size])}\n      />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(commandInputVariants({ size }), className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nconst commandListVariants = cva(\n  'scroll-py-1 overflow-x-hidden overflow-y-auto',\n  {\n    variants: {\n      size: {\n        sm: 'max-h-[200px]',\n        md: 'max-h-[300px]',\n        lg: 'max-h-[400px]',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nfunction CommandList({\n  className,\n  size = 'md',\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List> & {\n  size?: 'sm' | 'md' | 'lg'\n}) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(commandListVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nconst commandEmptyVariants = cva('text-center text-text-muted', {\n  variants: {\n    size: {\n      sm: 'py-4 text-xs',\n      md: 'py-6 text-sm',\n      lg: 'py-8 text-base',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nfunction CommandEmpty({\n  size = 'md',\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty> & {\n  size?: 'sm' | 'md' | 'lg'\n}) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className={commandEmptyVariants({ size })}\n      {...props}\n    />\n  )\n}\n\nconst commandGroupVariants = cva(\n  'overflow-hidden text-text-primary [&_[cmdk-group-heading]]:text-text-muted [&_[cmdk-group-heading]]:font-medium',\n  {\n    variants: {\n      size: {\n        sm: 'p-0.5 [&_[cmdk-group-heading]]:px-1.5 [&_[cmdk-group-heading]]:py-1 [&_[cmdk-group-heading]]:text-[10px]',\n        md: 'p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs',\n        lg: 'p-1.5 [&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nfunction CommandGroup({\n  className,\n  size = 'md',\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group> & {\n  size?: 'sm' | 'md' | 'lg'\n}) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(commandGroupVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nconst commandSeparatorVariants = cva('bg-border h-px', {\n  variants: {\n    size: {\n      xs: '-mx-0',\n      sm: '-mx-0.5',\n      md: '-mx-1',\n      lg: '-mx-1.5',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nfunction CommandSeparator({\n  className,\n  size = 'md',\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator> & {\n  size?: 'sm' | 'md' | 'lg'\n}) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(commandSeparatorVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nconst commandItemVariants = cva(\n  \"relative flex cursor-default items-center gap-2 rounded-sm outline-hidden select-none text-text-primary data-[selected=true]:bg-primary/10 data-[selected=true]:text-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-text-muted transition-colors\",\n  {\n    variants: {\n      size: {\n        sm: \"px-1.5 py-1 text-xs gap-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        md: \"px-2 py-1.5 text-sm gap-2 [&_svg:not([class*='size-'])]:size-4\",\n        lg: \"px-3 py-2 text-base gap-2.5 [&_svg:not([class*='size-'])]:size-5\",\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nfunction CommandItem({\n  className,\n  size = 'md',\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item> & {\n  size?: 'sm' | 'md' | 'lg'\n}) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(commandItemVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nconst commandShortcutVariants = cva(\n  'ml-auto tracking-widest text-text-muted opacity-60',\n  {\n    variants: {\n      size: {\n        sm: 'text-[10px]',\n        md: 'text-xs',\n        lg: 'text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nfunction CommandShortcut({\n  className,\n  size = 'md',\n  ...props\n}: React.ComponentProps<'span'> & {\n  size?: 'sm' | 'md' | 'lg'\n}) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(commandShortcutVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nexport type * from './types'\nexport {\n  Command,\n  CommandModal,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n}\n"]}