@intlayer/design-system 6.1.6 → 7.0.0-canary.0

package/dist/components/Button/Button.mjs

@@ -1,252 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import { Loader } from "../Loader/index.mjs";
-var ButtonSize = /* @__PURE__ */ ((ButtonSize2) => {
-  ButtonSize2["SM"] = "sm";
-  ButtonSize2["MD"] = "md";
-  ButtonSize2["LG"] = "lg";
-  ButtonSize2["XL"] = "xl";
-  ButtonSize2["ICON_SM"] = "icon-sm";
-  ButtonSize2["ICON_MD"] = "icon-md";
-  ButtonSize2["ICON_LG"] = "icon-lg";
-  ButtonSize2["ICON_XL"] = "icon-xl";
-  return ButtonSize2;
-})(ButtonSize || {});
-var ButtonIconPosition = /* @__PURE__ */ ((ButtonIconPosition2) => {
-  ButtonIconPosition2["LEFT"] = "left";
-  ButtonIconPosition2["RIGHT"] = "right";
-  return ButtonIconPosition2;
-})(ButtonIconPosition || {});
-const buttonIconVariants = cva("", {
-  variants: {
-    size: {
-      [`${"sm"}`]: "size-3 absolute top-1/2 -translate-y-1/2",
-      [`${"md"}`]: "size-4 absolute top-1/2 -translate-y-1/2",
-      [`${"lg"}`]: "size-5 absolute top-1/2 -translate-y-1/2",
-      [`${"xl"}`]: "size-6 absolute top-1/2 -translate-y-1/2",
-      [`${"icon-sm"}`]: "size-3",
-      [`${"icon-md"}`]: "size-4",
-      [`${"icon-lg"}`]: "size-5",
-      [`${"icon-xl"}`]: "size-6"
-    },
-    position: {
-      [`${"left"}`]: "left-3",
-      [`${"right"}`]: "right-3"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-    /* MD */
-  }
-});
-var ButtonVariant = /* @__PURE__ */ ((ButtonVariant2) => {
-  ButtonVariant2["DEFAULT"] = "default";
-  ButtonVariant2["NONE"] = "none";
-  ButtonVariant2["OUTLINE"] = "outline";
-  ButtonVariant2["LINK"] = "link";
-  ButtonVariant2["INVISIBLE_LINK"] = "invisible-link";
-  ButtonVariant2["HOVERABLE"] = "hoverable";
-  ButtonVariant2["INPUT"] = "input";
-  return ButtonVariant2;
-})(ButtonVariant || {});
-var ButtonColor = /* @__PURE__ */ ((ButtonColor2) => {
-  ButtonColor2["PRIMARY"] = "primary";
-  ButtonColor2["SECONDARY"] = "secondary";
-  ButtonColor2["DESTRUCTIVE"] = "destructive";
-  ButtonColor2["NEUTRAL"] = "neutral";
-  ButtonColor2["LIGHT"] = "light";
-  ButtonColor2["DARK"] = "dark";
-  ButtonColor2["TEXT"] = "text";
-  ButtonColor2["TEXT_INVERSE"] = "text-inverse";
-  ButtonColor2["ERROR"] = "error";
-  ButtonColor2["SUCCESS"] = "success";
-  ButtonColor2["CUSTOM"] = "custom";
-  return ButtonColor2;
-})(ButtonColor || {});
-var ButtonTextAlign = /* @__PURE__ */ ((ButtonTextAlign2) => {
-  ButtonTextAlign2["LEFT"] = "left";
-  ButtonTextAlign2["CENTER"] = "center";
-  ButtonTextAlign2["RIGHT"] = "right";
-  return ButtonTextAlign2;
-})(ButtonTextAlign || {});
-const buttonVariants = cva(
-  "relative cursor-pointer truncate whitespace-nowrap font-medium transition-all duration-200 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      size: {
-        [`${"sm"}`]: "min-h-7 px-3 max-md:py-1 text-xs",
-        [`${"md"}`]: "min-h-8 px-6 max-md:py-2 text-sm",
-        [`${"lg"}`]: "min-h-10 px-8 max-md:py-3 text-lg",
-        [`${"xl"}`]: "min-h-11 px-10 max-md:py-4 text-xl",
-        [`${"icon-sm"}`]: "p-1.5",
-        [`${"icon-md"}`]: "p-1.5",
-        [`${"icon-lg"}`]: "p-2",
-        [`${"icon-xl"}`]: "p-3"
-      },
-      color: {
-        [`${"primary"}`]: "text-primary *:text-text-light focus:ring-primary-500",
-        [`${"secondary"}`]: "text-secondary *:text-text-light focus:ring-secondary-500",
-        [`${"destructive"}`]: "text-destructive *:text-text-light focus:ring-destructive-500",
-        [`${"neutral"}`]: "text-neutral *:text-text-light focus:ring-neutral-500",
-        [`${"light"}`]: "text-white *:text-text-light focus:ring-white/50",
-        [`${"dark"}`]: "text-neutral-800 *:text-text-light focus:ring-neutral-800/50",
-        [`${"text"}`]: "text-text *:text-text-opposite focus:ring-neutral-500",
-        [`${"text-inverse"}`]: "text-text-opposite *:text-text focus:ring-neutral-500",
-        [`${"error"}`]: "text-error *:text-text-light focus:ring-error/50",
-        [`${"success"}`]: "text-success *:text-text-light focus:ring-success/50",
-        [`${"custom"}`]: "focus:ring-primary-500"
-      },
-      variant: {
-        [`${"default"}`]: "rounded-lg bg-current hover:bg-current/90",
-        [`${"none"}`]: "border-none bg-current/0 text-inherit hover:bg-current/0",
-        [`${"outline"}`]: "*:!text-current rounded-lg border-[1.5px] bg-current/0 hover:bg-current/30 border-current",
-        [`${"link"}`]: "*:!text-current h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline",
-        [`${"invisible-link"}`]: "*:!text-current h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent",
-        [`${"hoverable"}`]: "*:!text-current rounded-lg border-none bg-current/0 transition hover:bg-current/10 aria-[current]:bg-current/5",
-        [`${"input"}`]: [
-          "*:!text-current w-full select-text resize-none rounded-xl border-2 bg-input-background text-sm text-input-text shadow-none outline-0 transition-all",
-          "border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]",
-          "aria-[invalid=true]:border-error",
-          "disabled:opacity-50"
-        ]
-      },
-      textAlign: {
-        [`${"left"}`]: "text-left",
-        [`${"center"}`]: "text-center",
-        [`${"right"}`]: "text-right"
-      },
-      isFullWidth: {
-        true: "w-full",
-        false: ""
-      },
-      hasIconLeft: {
-        true: "px-12",
-        false: ""
-      },
-      hasIconRight: {
-        true: "pr-8",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "md",
-      color: "custom",
-      textAlign: "center",
-      isFullWidth: false,
-      hasIconRight: false,
-      hasIconLeft: false
-    }
-  }
-);
-const Button = ({
-  variant,
-  size,
-  color,
-  children,
-  Icon,
-  IconRight,
-  iconClassName,
-  isLoading = false,
-  isActive = false,
-  isFullWidth = false,
-  textAlign,
-  disabled,
-  label,
-  className,
-  type = "button",
-  "aria-describedby": ariaDescribedBy,
-  "aria-expanded": ariaExpanded,
-  "aria-haspopup": ariaHasPopup,
-  "aria-pressed": ariaPressed,
-  ...props
-}) => {
-  const isLink = variant === "link" || variant === "invisible-link";
-  const isIconOnly = !children && (Icon || IconRight);
-  const accessibilityProps = {
-    "aria-label": isIconOnly ? label : void 0,
-    "aria-labelledby": !isIconOnly ? void 0 : void 0,
-    "aria-describedby": ariaDescribedBy,
-    "aria-expanded": ariaExpanded,
-    "aria-haspopup": ariaHasPopup,
-    "aria-pressed": isActive !== void 0 ? isActive : ariaPressed,
-    "aria-busy": isLoading,
-    "aria-current": isActive ? "page" : void 0,
-    "aria-disabled": disabled || isLoading
-  };
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      disabled: isLoading || disabled,
-      role: isLink ? "link" : "button",
-      type,
-      className: buttonVariants({
-        variant,
-        size,
-        color,
-        isFullWidth,
-        textAlign: textAlign ?? (IconRight ? "left" : "center"),
-        hasIconLeft: Boolean(
-          typeof children !== "undefined" && (typeof Icon !== "undefined" || isLoading)
-        ),
-        hasIconRight: Boolean(
-          typeof children !== "undefined" && typeof IconRight !== "undefined"
-        ),
-        className
-      }),
-      ...accessibilityProps,
-      ...props,
-      children: [
-        Icon && !isLoading && /* @__PURE__ */ jsx(
-          Icon,
-          {
-            className: buttonIconVariants({
-              size,
-              className: iconClassName,
-              position: "left"
-              /* LEFT */
-            }),
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Loader,
-          {
-            className: buttonIconVariants({
-              size,
-              className: iconClassName,
-              position: "left"
-              /* LEFT */
-            }),
-            isLoading,
-            "aria-hidden": "true",
-            "data-testid": "loader"
-          }
-        ),
-        children && /* @__PURE__ */ jsx("span", { children }),
-        !children && isIconOnly && /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }),
-        IconRight && /* @__PURE__ */ jsx(
-          IconRight,
-          {
-            className: buttonIconVariants({
-              size,
-              className: iconClassName,
-              position: "right"
-              /* RIGHT */
-            }),
-            "aria-hidden": "true"
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  Button,
-  ButtonColor,
-  ButtonIconPosition,
-  ButtonSize,
-  ButtonTextAlign,
-  ButtonVariant
-};
-//# sourceMappingURL=Button.mjs.map

package/dist/components/Button/Button.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type { LucideIcon } from 'lucide-react';\nimport {\n  type ButtonHTMLAttributes,\n  type DetailedHTMLProps,\n  type FC,\n} from 'react';\nimport { Loader } from '../Loader';\n\n/**\n * Button size variants for different use cases\n */\nexport enum ButtonSize {\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n  ICON_SM = 'icon-sm',\n  ICON_MD = 'icon-md',\n  ICON_LG = 'icon-lg',\n  ICON_XL = 'icon-xl',\n}\n\n/**\n * Icon positioning within the button\n */\nexport enum ButtonIconPosition {\n  LEFT = 'left',\n  RIGHT = 'right',\n}\n\nconst buttonIconVariants = cva('', {\n  variants: {\n    size: {\n      [`${ButtonSize.SM}`]: 'size-3 absolute top-1/2 -translate-y-1/2',\n      [`${ButtonSize.MD}`]: 'size-4 absolute top-1/2 -translate-y-1/2',\n      [`${ButtonSize.LG}`]: 'size-5 absolute top-1/2 -translate-y-1/2',\n      [`${ButtonSize.XL}`]: 'size-6 absolute top-1/2 -translate-y-1/2',\n      [`${ButtonSize.ICON_SM}`]: 'size-3',\n      [`${ButtonSize.ICON_MD}`]: 'size-4',\n      [`${ButtonSize.ICON_LG}`]: 'size-5',\n      [`${ButtonSize.ICON_XL}`]: 'size-6',\n    },\n    position: {\n      [`${ButtonIconPosition.LEFT}`]: 'left-3',\n      [`${ButtonIconPosition.RIGHT}`]: 'right-3',\n    },\n  },\n  defaultVariants: {\n    size: ButtonSize.MD,\n  },\n});\n\n/**\n * Button visual style variants\n */\nexport enum ButtonVariant {\n  DEFAULT = 'default',\n  NONE = 'none',\n  OUTLINE = 'outline',\n  LINK = 'link',\n  INVISIBLE_LINK = 'invisible-link',\n  HOVERABLE = 'hoverable',\n  INPUT = 'input',\n}\n\n/**\n * Button color themes that work with the design system\n */\nexport enum ButtonColor {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  DESTRUCTIVE = 'destructive',\n  NEUTRAL = 'neutral',\n  LIGHT = 'light',\n  DARK = 'dark',\n  TEXT = 'text',\n  TEXT_INVERSE = 'text-inverse',\n  ERROR = 'error',\n  SUCCESS = 'success',\n  CUSTOM = 'custom',\n}\n\n/**\n * Text alignment options for button content\n */\nexport enum ButtonTextAlign {\n  LEFT = 'left',\n  CENTER = 'center',\n  RIGHT = 'right',\n}\n\n/**\n * Enhanced button variants with improved accessibility and focus states\n */\nconst buttonVariants = cva(\n  'relative cursor-pointer truncate whitespace-nowrap font-medium transition-all duration-200 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      size: {\n        [`${ButtonSize.SM}`]: 'min-h-7 px-3 max-md:py-1 text-xs',\n        [`${ButtonSize.MD}`]: 'min-h-8 px-6 max-md:py-2 text-sm',\n        [`${ButtonSize.LG}`]: 'min-h-10 px-8 max-md:py-3 text-lg',\n        [`${ButtonSize.XL}`]: 'min-h-11 px-10 max-md:py-4 text-xl',\n        [`${ButtonSize.ICON_SM}`]: 'p-1.5',\n        [`${ButtonSize.ICON_MD}`]: 'p-1.5',\n        [`${ButtonSize.ICON_LG}`]: 'p-2',\n        [`${ButtonSize.ICON_XL}`]: 'p-3',\n      },\n      color: {\n        [`${ButtonColor.PRIMARY}`]:\n          'text-primary *:text-text-light focus:ring-primary-500',\n        [`${ButtonColor.SECONDARY}`]:\n          'text-secondary *:text-text-light focus:ring-secondary-500',\n        [`${ButtonColor.DESTRUCTIVE}`]:\n          'text-destructive *:text-text-light focus:ring-destructive-500',\n        [`${ButtonColor.NEUTRAL}`]:\n          'text-neutral *:text-text-light focus:ring-neutral-500',\n        [`${ButtonColor.LIGHT}`]:\n          'text-white *:text-text-light focus:ring-white/50',\n        [`${ButtonColor.DARK}`]:\n          'text-neutral-800 *:text-text-light focus:ring-neutral-800/50',\n        [`${ButtonColor.TEXT}`]:\n          'text-text *:text-text-opposite focus:ring-neutral-500',\n        [`${ButtonColor.TEXT_INVERSE}`]:\n          'text-text-opposite *:text-text focus:ring-neutral-500',\n        [`${ButtonColor.ERROR}`]:\n          'text-error *:text-text-light focus:ring-error/50',\n        [`${ButtonColor.SUCCESS}`]:\n          'text-success *:text-text-light focus:ring-success/50',\n        [`${ButtonColor.CUSTOM}`]: 'focus:ring-primary-500',\n      },\n      variant: {\n        [`${ButtonVariant.DEFAULT}`]:\n          'rounded-lg bg-current hover:bg-current/90',\n        [`${ButtonVariant.NONE}`]:\n          'border-none bg-current/0 text-inherit hover:bg-current/0',\n        [`${ButtonVariant.OUTLINE}`]:\n          '*:!text-current rounded-lg border-[1.5px] bg-current/0 hover:bg-current/30 border-current',\n        [`${ButtonVariant.LINK}`]:\n          '*:!text-current h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent hover:underline',\n        [`${ButtonVariant.INVISIBLE_LINK}`]:\n          '*:!text-current h-auto justify-start border-inherit bg-transparent px-1 underline-offset-4 hover:bg-transparent',\n        [`${ButtonVariant.HOVERABLE}`]:\n          '*:!text-current rounded-lg border-none bg-current/0 transition hover:bg-current/10 aria-[current]:bg-current/5',\n        [`${ButtonVariant.INPUT}`]: [\n          '*:!text-current w-full select-text resize-none rounded-xl border-2 bg-input-background text-sm text-input-text shadow-none outline-0 transition-all',\n          'border-input-border hover:border-input-border-hover focus:border-input-border-focus focus:outline-0 focus:[box-shadow:none]',\n          'aria-[invalid=true]:border-error',\n          'disabled:opacity-50',\n        ],\n      },\n\n      textAlign: {\n        [`${ButtonTextAlign.LEFT}`]: 'text-left',\n        [`${ButtonTextAlign.CENTER}`]: 'text-center',\n        [`${ButtonTextAlign.RIGHT}`]: 'text-right',\n      },\n\n      isFullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n\n      hasIconLeft: {\n        true: 'px-12',\n        false: '',\n      },\n      hasIconRight: {\n        true: 'pr-8',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: ButtonVariant.DEFAULT,\n      size: ButtonSize.MD,\n      color: ButtonColor.CUSTOM,\n      textAlign: ButtonTextAlign.CENTER,\n      isFullWidth: false,\n      hasIconRight: false,\n      hasIconLeft: false,\n    },\n  }\n);\n\n/**\n * Enhanced Button component props with comprehensive type safety and accessibility features\n */\nexport type ButtonProps = DetailedHTMLProps<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  HTMLButtonElement\n> &\n  VariantProps<typeof buttonVariants> & {\n    /**\n     * Accessible label for screen readers and assistive technologies.\n     * This is required for accessibility compliance.\n     */\n    label: string;\n\n    /**\n     * Optional icon to display on the left side of the button\n     */\n    Icon?: FC | LucideIcon;\n\n    /**\n     * Optional icon to display on the right side of the button\n     */\n    IconRight?: FC | LucideIcon;\n\n    /**\n     * Additional CSS classes for icon styling\n     */\n    iconClassName?: string;\n\n    /**\n     * Shows loading spinner and disables button interaction when true\n     */\n    isLoading?: boolean;\n\n    /**\n     * Marks the button as active (useful for navigation or toggle states)\n     */\n    isActive?: boolean;\n\n    /**\n     * Makes the button span the full width of its container\n     */\n    isFullWidth?: boolean;\n\n    /**\n     * Additional description for complex buttons (optional)\n     */\n    'aria-describedby'?: string;\n\n    /**\n     * Expanded state for collapsible sections (optional)\n     */\n    'aria-expanded'?: boolean;\n\n    /**\n     * Controls whether the button has popup/menu (optional)\n     */\n    'aria-haspopup'?:\n      | boolean\n      | 'true'\n      | 'false'\n      | 'menu'\n      | 'listbox'\n      | 'tree'\n      | 'grid'\n      | 'dialog';\n\n    /**\n     * Indicates if button controls are currently pressed (for toggle buttons)\n     */\n    'aria-pressed'?: boolean;\n  };\n\n/**\n * Button Component - A comprehensive, accessible button component\n *\n * Features:\n * - Full accessibility compliance with ARIA attributes\n * - Multiple variants and sizes for different use cases\n * - Icon support (left and right positioning)\n * - Loading states with spinner\n * - Keyboard navigation support\n * - Focus management with visible indicators\n * - Responsive design adaptations\n *\n * @example\n * ```tsx\n * // Basic button\n * <Button label=\"Click me\">Click me</Button>\n *\n * // Button with icon and loading state\n * <Button\n *   label=\"Save document\"\n *   Icon={SaveIcon}\n *   isLoading={saving}\n *   disabled={!hasChanges}\n * >\n *   Save\n * </Button>\n *\n * // Destructive action button\n * <Button\n *   variant={ButtonVariant.OUTLINE}\n *   color={ButtonColor.DESTRUCTIVE}\n *   label=\"Delete item permanently\"\n *   aria-describedby=\"delete-warning\"\n * >\n *   Delete\n * </Button>\n * ```\n */\nexport const Button: FC<ButtonProps> = ({\n  variant,\n  size,\n  color,\n  children,\n  Icon,\n  IconRight,\n  iconClassName,\n  isLoading = false,\n  isActive = false,\n  isFullWidth = false,\n  textAlign,\n  disabled,\n  label,\n  className,\n  type = 'button',\n  'aria-describedby': ariaDescribedBy,\n  'aria-expanded': ariaExpanded,\n  'aria-haspopup': ariaHasPopup,\n  'aria-pressed': ariaPressed,\n  ...props\n}) => {\n  const isLink =\n    variant === ButtonVariant.LINK || variant === ButtonVariant.INVISIBLE_LINK;\n  const isIconOnly = !children && (Icon || IconRight);\n\n  const accessibilityProps = {\n    'aria-label': isIconOnly ? label : undefined,\n    'aria-labelledby': !isIconOnly ? undefined : undefined,\n    'aria-describedby': ariaDescribedBy,\n    'aria-expanded': ariaExpanded,\n    'aria-haspopup': ariaHasPopup,\n    'aria-pressed': isActive !== undefined ? isActive : ariaPressed,\n    'aria-busy': isLoading,\n    'aria-current': (isActive ? 'page' : undefined) as 'page' | undefined,\n    'aria-disabled': disabled || isLoading,\n  };\n\n  return (\n    <button\n      disabled={isLoading || disabled}\n      role={isLink ? 'link' : 'button'}\n      type={type}\n      className={buttonVariants({\n        variant,\n        size,\n        color,\n        isFullWidth,\n        textAlign:\n          textAlign ??\n          (IconRight ? ButtonTextAlign.LEFT : ButtonTextAlign.CENTER),\n        hasIconLeft: Boolean(\n          typeof children !== 'undefined' &&\n            (typeof Icon !== 'undefined' || isLoading)\n        ),\n        hasIconRight: Boolean(\n          typeof children !== 'undefined' && typeof IconRight !== 'undefined'\n        ),\n        className,\n      })}\n      {...accessibilityProps}\n      {...props}\n    >\n      {Icon && !isLoading && (\n        <Icon\n          className={buttonIconVariants({\n            size,\n            className: iconClassName,\n            position: ButtonIconPosition.LEFT,\n          })}\n          aria-hidden=\"true\"\n        />\n      )}\n\n      <Loader\n        className={buttonIconVariants({\n          size,\n          className: iconClassName,\n          position: ButtonIconPosition.LEFT,\n        })}\n        isLoading={isLoading}\n        aria-hidden=\"true\"\n        data-testid=\"loader\"\n      />\n\n      {children && <span>{children}</span>}\n\n      {!children && isIconOnly && <span className=\"sr-only\">{label}</span>}\n\n      {IconRight && (\n        <IconRight\n          className={buttonIconVariants({\n            size,\n            className: iconClassName,\n            position: ButtonIconPosition.RIGHT,\n          })}\n          aria-hidden=\"true\"\n        />\n      )}\n    </button>\n  );\n};\n"],"names":["ButtonSize","ButtonIconPosition","ButtonVariant","ButtonColor","ButtonTextAlign"],"mappings":"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"}

package/dist/components/Button/index.cjs

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_Button_Button = require("./Button.cjs");
-exports.Button = components_Button_Button.Button;
-exports.ButtonColor = components_Button_Button.ButtonColor;
-exports.ButtonIconPosition = components_Button_Button.ButtonIconPosition;
-exports.ButtonSize = components_Button_Button.ButtonSize;
-exports.ButtonTextAlign = components_Button_Button.ButtonTextAlign;
-exports.ButtonVariant = components_Button_Button.ButtonVariant;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Button/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/Button/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Button';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/Button/index.mjs

@@ -1,10 +0,0 @@
-import { Button, ButtonColor, ButtonIconPosition, ButtonSize, ButtonTextAlign, ButtonVariant } from "./Button.mjs";
-export {
-  Button,
-  ButtonColor,
-  ButtonIconPosition,
-  ButtonSize,
-  ButtonTextAlign,
-  ButtonVariant
-};
-//# sourceMappingURL=index.mjs.map

package/dist/components/Button/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/ClickOutsideDiv/index.cjs

@@ -1,57 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const ReactExports = require("react");
-const ClickOutsideDiv = ({
-  children,
-  onClickOutSide,
-  listenForEscape = false,
-  disabled = false,
-  ...props
-}) => {
-  const divRef = ReactExports.useRef(null);
-  const handleClickOutside = ReactExports.useCallback(
-    (event) => {
-      if (disabled) return;
-      if (divRef.current && !divRef.current.contains(event.target)) {
-        onClickOutSide();
-      }
-    },
-    [onClickOutSide, disabled]
-  );
-  const handleKeyDown = ReactExports.useCallback(
-    (event) => {
-      if (disabled || !listenForEscape) return;
-      if (event.key === "Escape") {
-        onClickOutSide();
-      }
-    },
-    [onClickOutSide, disabled, listenForEscape]
-  );
-  ReactExports.useEffect(() => {
-    document.addEventListener("mousedown", handleClickOutside, {
-      passive: true
-    });
-    if (listenForEscape) {
-      document.addEventListener("keydown", handleKeyDown);
-    }
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-      if (listenForEscape) {
-        document.removeEventListener("keydown", handleKeyDown);
-      }
-    };
-  }, [handleClickOutside, handleKeyDown, listenForEscape]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: divRef,
-      ...props,
-      role: props.role || "region",
-      children
-    }
-  );
-};
-exports.ClickOutsideDiv = ClickOutsideDiv;
-//# sourceMappingURL=index.cjs.map

package/dist/components/ClickOutsideDiv/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type FC,\n  type HTMLAttributes,\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react';\n\nexport type ClickOutsideDivProps = PropsWithChildren<{\n  /**\n   * Callback function called when a click occurs outside the component\n   */\n  onClickOutSide: () => void;\n  /**\n   * Whether to listen for Escape key presses\n   * @default false\n   */\n  listenForEscape?: boolean;\n  /**\n   * Whether the component is disabled (won't trigger onClickOutSide)\n   * @default false\n   */\n  disabled?: boolean;\n}> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const ClickOutsideDiv: FC<ClickOutsideDivProps> = ({\n  children,\n  onClickOutSide,\n  listenForEscape = false,\n  disabled = false,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (disabled) return;\n\n      // If clicking outside of the referenced element, call onClickOutSide\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        onClickOutSide();\n      }\n    },\n    [onClickOutSide, disabled]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (disabled || !listenForEscape) return;\n\n      if (event.key === 'Escape') {\n        onClickOutSide();\n      }\n    },\n    [onClickOutSide, disabled, listenForEscape]\n  );\n\n  useEffect(() => {\n    // Attach the event listeners\n    document.addEventListener('mousedown', handleClickOutside, {\n      passive: true,\n    });\n\n    if (listenForEscape) {\n      document.addEventListener('keydown', handleKeyDown);\n    }\n\n    // Clean up on unmount\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      if (listenForEscape) {\n        document.removeEventListener('keydown', handleKeyDown);\n      }\n    };\n  }, [handleClickOutside, handleKeyDown, listenForEscape]);\n\n  return (\n    <div\n      ref={divRef}\n      {...props}\n      // Add role for better accessibility when used as a container\n      role={props.role || 'region'}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["useRef","useCallback","useEffect","jsx"],"mappings":";;;;;AA6BO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,GAAG;AACL,MAAM;AACJ,QAAM,SAASA,aAAAA,OAAuB,IAAI;AAE1C,QAAM,qBAAqBC,aAAAA;AAAAA,IACzB,CAAC,UAAsB;AACrB,UAAI,SAAU;AAGd,UAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACpE,uBAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,QAAQ;AAAA,EAAA;AAG3B,QAAM,gBAAgBA,aAAAA;AAAAA,IACpB,CAAC,UAAyB;AACxB,UAAI,YAAY,CAAC,gBAAiB;AAElC,UAAI,MAAM,QAAQ,UAAU;AAC1B,uBAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,UAAU,eAAe;AAAA,EAAA;AAG5CC,eAAAA,UAAU,MAAM;AAEd,aAAS,iBAAiB,aAAa,oBAAoB;AAAA,MACzD,SAAS;AAAA,IAAA,CACV;AAED,QAAI,iBAAiB;AACnB,eAAS,iBAAiB,WAAW,aAAa;AAAA,IACpD;AAGA,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAC5D,UAAI,iBAAiB;AACnB,iBAAS,oBAAoB,WAAW,aAAa;AAAA,MACvD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,oBAAoB,eAAe,eAAe,CAAC;AAEvD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,MAAM,MAAM,QAAQ;AAAA,MAEnB;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/dist/components/ClickOutsideDiv/index.d.ts

@@ -1,19 +0,0 @@
-import { FC, HTMLAttributes, PropsWithChildren } from 'react';
-export type ClickOutsideDivProps = PropsWithChildren<{
-    /**
-     * Callback function called when a click occurs outside the component
-     */
-    onClickOutSide: () => void;
-    /**
-     * Whether to listen for Escape key presses
-     * @default false
-     */
-    listenForEscape?: boolean;
-    /**
-     * Whether the component is disabled (won't trigger onClickOutSide)
-     * @default false
-     */
-    disabled?: boolean;
-}> & HTMLAttributes<HTMLDivElement>;
-export declare const ClickOutsideDiv: FC<ClickOutsideDivProps>;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ClickOutsideDiv/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,EAAE,EACP,KAAK,cAAc,EACnB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;IACnD;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,GACA,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjC,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6DpD,CAAC"}

package/dist/components/ClickOutsideDiv/index.mjs

@@ -1,57 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { useRef, useCallback, useEffect } from "react";
-const ClickOutsideDiv = ({
-  children,
-  onClickOutSide,
-  listenForEscape = false,
-  disabled = false,
-  ...props
-}) => {
-  const divRef = useRef(null);
-  const handleClickOutside = useCallback(
-    (event) => {
-      if (disabled) return;
-      if (divRef.current && !divRef.current.contains(event.target)) {
-        onClickOutSide();
-      }
-    },
-    [onClickOutSide, disabled]
-  );
-  const handleKeyDown = useCallback(
-    (event) => {
-      if (disabled || !listenForEscape) return;
-      if (event.key === "Escape") {
-        onClickOutSide();
-      }
-    },
-    [onClickOutSide, disabled, listenForEscape]
-  );
-  useEffect(() => {
-    document.addEventListener("mousedown", handleClickOutside, {
-      passive: true
-    });
-    if (listenForEscape) {
-      document.addEventListener("keydown", handleKeyDown);
-    }
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-      if (listenForEscape) {
-        document.removeEventListener("keydown", handleKeyDown);
-      }
-    };
-  }, [handleClickOutside, handleKeyDown, listenForEscape]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: divRef,
-      ...props,
-      role: props.role || "region",
-      children
-    }
-  );
-};
-export {
-  ClickOutsideDiv
-};
-//# sourceMappingURL=index.mjs.map

package/dist/components/ClickOutsideDiv/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/ClickOutsideDiv/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type FC,\n  type HTMLAttributes,\n  type PropsWithChildren,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react';\n\nexport type ClickOutsideDivProps = PropsWithChildren<{\n  /**\n   * Callback function called when a click occurs outside the component\n   */\n  onClickOutSide: () => void;\n  /**\n   * Whether to listen for Escape key presses\n   * @default false\n   */\n  listenForEscape?: boolean;\n  /**\n   * Whether the component is disabled (won't trigger onClickOutSide)\n   * @default false\n   */\n  disabled?: boolean;\n}> &\n  HTMLAttributes<HTMLDivElement>;\n\nexport const ClickOutsideDiv: FC<ClickOutsideDivProps> = ({\n  children,\n  onClickOutSide,\n  listenForEscape = false,\n  disabled = false,\n  ...props\n}) => {\n  const divRef = useRef<HTMLDivElement>(null);\n\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (disabled) return;\n\n      // If clicking outside of the referenced element, call onClickOutSide\n      if (divRef.current && !divRef.current.contains(event.target as Node)) {\n        onClickOutSide();\n      }\n    },\n    [onClickOutSide, disabled]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (disabled || !listenForEscape) return;\n\n      if (event.key === 'Escape') {\n        onClickOutSide();\n      }\n    },\n    [onClickOutSide, disabled, listenForEscape]\n  );\n\n  useEffect(() => {\n    // Attach the event listeners\n    document.addEventListener('mousedown', handleClickOutside, {\n      passive: true,\n    });\n\n    if (listenForEscape) {\n      document.addEventListener('keydown', handleKeyDown);\n    }\n\n    // Clean up on unmount\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      if (listenForEscape) {\n        document.removeEventListener('keydown', handleKeyDown);\n      }\n    };\n  }, [handleClickOutside, handleKeyDown, listenForEscape]);\n\n  return (\n    <div\n      ref={divRef}\n      {...props}\n      // Add role for better accessibility when used as a container\n      role={props.role || 'region'}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AA6BO,MAAM,kBAA4C,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,GAAG;AACL,MAAM;AACJ,QAAM,SAAS,OAAuB,IAAI;AAE1C,QAAM,qBAAqB;AAAA,IACzB,CAAC,UAAsB;AACrB,UAAI,SAAU;AAGd,UAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,SAAS,MAAM,MAAc,GAAG;AACpE,uBAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,QAAQ;AAAA,EAAA;AAG3B,QAAM,gBAAgB;AAAA,IACpB,CAAC,UAAyB;AACxB,UAAI,YAAY,CAAC,gBAAiB;AAElC,UAAI,MAAM,QAAQ,UAAU;AAC1B,uBAAA;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB,UAAU,eAAe;AAAA,EAAA;AAG5C,YAAU,MAAM;AAEd,aAAS,iBAAiB,aAAa,oBAAoB;AAAA,MACzD,SAAS;AAAA,IAAA,CACV;AAED,QAAI,iBAAiB;AACnB,eAAS,iBAAiB,WAAW,aAAa;AAAA,IACpD;AAGA,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAC5D,UAAI,iBAAiB;AACnB,iBAAS,oBAAoB,WAAW,aAAa;AAAA,MACvD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,oBAAoB,eAAe,eAAe,CAAC;AAEvD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG;AAAA,MAEJ,MAAM,MAAM,QAAQ;AAAA,MAEnB;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/Command/index.cjs

@@ -1,111 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const reactDialog = require("@radix-ui/react-dialog");
-const cmdk = require("cmdk");
-const lucideReact = require("lucide-react");
-const utils_cn = require("../../utils/cn.cjs");
-const CommandRoot = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command,
-  {
-    className: utils_cn.cn(
-      "flex size-full flex-col overflow-hidden rounded-md",
-      className
-    ),
-    ...props
-  }
-);
-const CommandDialog = ({ children, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(reactDialog.Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(reactDialog.DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsxRuntime.jsx(CommandRoot, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]_svg]:size-5", children }) }) });
-const CommandInput = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 size-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    cmdk.Command.Input,
-    {
-      className: utils_cn.cn(
-        "placeholder:text-muted-foreground outline-hidden flex w-full rounded-md bg-transparent text-sm disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  )
-] });
-const CommandList = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command.List,
-  {
-    className: utils_cn.cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
-    ...props
-  }
-);
-const CommandEmpty = (props) => /* @__PURE__ */ jsxRuntime.jsx(cmdk.Command.Empty, { className: "py-6 text-center text-sm", ...props });
-const CommandGroup = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command.Group,
-  {
-    className: utils_cn.cn(
-      "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-      className
-    ),
-    ...props
-  }
-);
-const CommandSeparator = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command.Separator,
-  {
-    className: utils_cn.cn("bg-border -mx-1 h-px", className),
-    ...props
-  }
-);
-const CommandItem = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  cmdk.Command.Item,
-  {
-    className: utils_cn.cn(
-      "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground outline-hidden relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
-      className
-    ),
-    ...props
-  }
-);
-const CommandShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: utils_cn.cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      ),
-      ...props
-    }
-  );
-};
-const Command = {
-  ...CommandRoot,
-  Dialog: CommandDialog,
-  Input: CommandInput,
-  List: CommandList,
-  Empty: CommandEmpty,
-  Group: CommandGroup,
-  Separator: CommandSeparator,
-  Item: CommandItem,
-  Shortcut: CommandShortcut
-};
-exports.Command = Command;
-exports.CommandRoot = CommandRoot;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Command/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Command/index.tsx"],"sourcesContent":["/* eslint-disable react/no-unknown-property */\n'use client';\n\nimport {\n  Dialog,\n  DialogContent,\n  type DialogProps,\n} from '@radix-ui/react-dialog';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Search } from 'lucide-react';\nimport { type ComponentProps, type FC, type HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport const CommandRoot: FC<ComponentProps<typeof CommandPrimitive>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive\n    className={cn(\n      'flex size-full flex-col overflow-hidden rounded-md',\n      className\n    )}\n    {...props}\n  />\n);\n\ntype CommandDialogProps = DialogProps;\n\nconst CommandDialog: FC<CommandDialogProps> = ({ children, ...props }) => (\n  <Dialog {...props}>\n    <DialogContent className=\"overflow-hidden p-0\">\n      <CommandRoot className=\"[&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]_svg]:size-5\">\n        {children}\n      </CommandRoot>\n    </DialogContent>\n  </Dialog>\n);\n\nconst CommandInput: FC<ComponentProps<typeof CommandPrimitive.Input>> = ({\n  className,\n  ...props\n}) => (\n  <div className=\"flex w-full items-center\" cmdk-input-wrapper=\"\">\n    <Search className=\"mr-2 size-4 shrink-0 opacity-50\" />\n    <CommandPrimitive.Input\n      className={cn(\n        'placeholder:text-muted-foreground outline-hidden flex w-full rounded-md bg-transparent text-sm disabled:cursor-not-allowed disabled:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  </div>\n);\n\nconst CommandList: FC<ComponentProps<typeof CommandPrimitive.List>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.List\n    className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\n    {...props}\n  />\n);\n\nconst CommandEmpty: FC<ComponentProps<typeof CommandPrimitive.Empty>> = (\n  props\n) => <CommandPrimitive.Empty className=\"py-6 text-center text-sm\" {...props} />;\n\nconst CommandGroup: FC<ComponentProps<typeof CommandPrimitive.Group>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.Group\n    className={cn(\n      'text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst CommandSeparator: FC<\n  ComponentProps<typeof CommandPrimitive.Separator>\n> = ({ className, ...props }) => (\n  <CommandPrimitive.Separator\n    className={cn('bg-border -mx-1 h-px', className)}\n    {...props}\n  />\n);\n\nconst CommandItem: FC<ComponentProps<typeof CommandPrimitive.Item>> = ({\n  className,\n  ...props\n}) => (\n  <CommandPrimitive.Item\n    className={cn(\n      'data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground outline-hidden relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst CommandShortcut = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\n        'text-muted-foreground ml-auto text-xs tracking-widest',\n        className\n      )}\n      {...props}\n    />\n  );\n};\n\n/**\n * Usage example:\n * ```jsx\n * <Command>\n *   <Command.Trigger>\n *     <Command.Input placeholder=\"Search...\" />\n *   </Command.Trigger>\n *   <Command.Dialog>\n *     <Command.List>\n *       <Command.Item>Item 1</Command.Item>\n *       <Command.Item>Item 2</Command.Item>\n *       <Command.Item>Item 3</Command.Item>\n *     </Command.List>\n *   </Command.Dialog>\n * </Command>\n * ```\n */\nexport const Command = {\n  ...CommandRoot,\n  Dialog: CommandDialog,\n  Input: CommandInput,\n  List: CommandList,\n  Empty: CommandEmpty,\n  Group: CommandGroup,\n  Separator: CommandSeparator,\n  Item: CommandItem,\n  Shortcut: CommandShortcut,\n};\n"],"names":["jsx","CommandPrimitive","cn","Dialog","DialogContent","jsxs","Search"],"mappings":";;;;;;;;AAaO,MAAM,cAA2D,CAAC;AAAA,EACvE;AAAA,EACA,GAAG;AACL,MACEA,2BAAAA;AAAAA,EAACC,KAAAA;AAAAA,EAAA;AAAA,IACC,WAAWC,SAAAA;AAAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAED,GAAG;AAAA,EAAA;AACN;AAKF,MAAM,gBAAwC,CAAC,EAAE,UAAU,GAAG,MAAA,qCAC3DC,YAAAA,QAAA,EAAQ,GAAG,OACV,UAAAH,2BAAAA,IAACI,YAAAA,eAAA,EAAc,WAAU,uBACvB,UAAAJ,2BAAAA,IAAC,eAAY,WAAU,uSACpB,UACH,EAAA,CACF,EAAA,CACF;AAGF,MAAM,eAAkE,CAAC;AAAA,EACvE;AAAA,EACA,GAAG;AACL,MACEK,2BAAAA,KAAC,OAAA,EAAI,WAAU,4BAA2B,sBAAmB,IAC3D,UAAA;AAAA,EAAAL,2BAAAA,IAACM,YAAAA,QAAA,EAAO,WAAU,kCAAA,CAAkC;AAAA,EACpDN,2BAAAA;AAAAA,IAACC,KAAAA,QAAiB;AAAA,IAAjB;AAAA,MACC,WAAWC,SAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AACN,GACF;AAGF,MAAM,cAAgE,CAAC;AAAA,EACrE;AAAA,EACA,GAAG;AACL,MACEF,2BAAAA;AAAAA,EAACC,KAAAA,QAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC,SAAAA,GAAG,mDAAmD,SAAS;AAAA,IACzE,GAAG;AAAA,EAAA;AACN;AAGF,MAAM,eAAkE,CACtE,UACGF,2BAAAA,IAACC,KAAAA,QAAiB,OAAjB,EAAuB,WAAU,4BAA4B,GAAG,OAAO;AAE7E,MAAM,eAAkE,CAAC;AAAA,EACvE;AAAA,EACA,GAAG;AACL,MACED,2BAAAA;AAAAA,EAACC,KAAAA,QAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC,SAAAA;AAAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAED,GAAG;AAAA,EAAA;AACN;AAGF,MAAM,mBAEF,CAAC,EAAE,WAAW,GAAG,YACnBF,2BAAAA;AAAAA,EAACC,KAAAA,QAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC,SAAAA,GAAG,wBAAwB,SAAS;AAAA,IAC9C,GAAG;AAAA,EAAA;AACN;AAGF,MAAM,cAAgE,CAAC;AAAA,EACrE;AAAA,EACA,GAAG;AACL,MACEF,2BAAAA;AAAAA,EAACC,KAAAA,QAAiB;AAAA,EAAjB;AAAA,IACC,WAAWC,SAAAA;AAAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAED,GAAG;AAAA,EAAA;AACN;AAGF,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA,GAAG;AACL,MAAuC;AACrC,SACEF,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE,SAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAmBO,MAAM,UAAU;AAAA,EACrB,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AACZ;;;"}