@mdigital_ui/ui 0.3.8 → 0.3.9

package/dist/{chunk-DUNER5Q3.js → chunk-6YOOKE6C.js}

@@ -1,7 +1,8 @@
+import { useRipple, RippleContainer } from './chunk-OFUPJH35.js';
 import { cn } from './chunk-NGYLRX6F.js';
 import { cva } from 'class-variance-authority';
 import React, { useState } from 'react';
-import { jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 var inactiveHoverClasses = {
   default: "text-text-secondary hover:text-text-primary hover:bg-surface",
@@ -57,7 +58,7 @@ var getToggleClasses = (color, variant, isActive) => {
   return activeDefaultClasses[toggleColor] || activeDefaultClasses.default;
 };
 var singleToggleVariants = cva(
-  "inline-flex items-center gap-2 font-medium transition-[colors,transform] cursor-pointer border rounded-md active:scale-[0.95] focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+  "inline-flex items-center gap-2 font-medium transition-colors cursor-pointer border rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
   {
     variants: {
       size: {
@@ -91,6 +92,7 @@ var Toggle = React.memo(
     classNames
   }) => {
     const [internalPressed, setInternalPressed] = useState(defaultPressed);
+    const { ripples, onPointerDown: ripplePointerDown, onKeyDown: rippleKeyDown, onAnimationEnd: rippleAnimationEnd } = useRipple(!disabled);
     const pressed = controlledPressed !== void 0 ? controlledPressed : internalPressed;
     const handleClick = () => {
       if (disabled) return;
@@ -108,18 +110,21 @@ var Toggle = React.memo(
           "toggle_root",
           singleToggleVariants({ size }),
           getSingleToggleClasses(color, variant, pressed),
-          "border",
+          "border relative overflow-hidden",
           disabled && "opacity-50 cursor-not-allowed",
           classNames?.root,
           className
         ),
         onClick: handleClick,
+        onPointerDown: ripplePointerDown,
+        onKeyDown: rippleKeyDown,
         disabled,
         "aria-pressed": pressed,
         "aria-label": ariaLabel,
         children: [
           icon,
-          children
+          children,
+          /* @__PURE__ */ jsx(RippleContainer, { ripples, onAnimationEnd: rippleAnimationEnd })
         ]
       }
     );
@@ -129,5 +134,5 @@ Toggle.displayName = "Toggle";
 var toggle_default = Toggle;
 
 export { toggle_default };
-//# sourceMappingURL=chunk-DUNER5Q3.js.map
-//# sourceMappingURL=chunk-DUNER5Q3.js.map
+//# sourceMappingURL=chunk-6YOOKE6C.js.map
+//# sourceMappingURL=chunk-6YOOKE6C.js.map

package/dist/chunk-6YOOKE6C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toggle/index.tsx"],"names":[],"mappings":"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","file":"chunk-6YOOKE6C.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useState } from 'react'\n\nimport { useRipple, RippleContainer } from '../hooks/useRipple'\nimport { cn } from '../utils'\nimport type { SingleToggleProps } from './types'\n\n// Inactive hover states for each color\nconst inactiveHoverClasses = {\n  default: 'text-text-secondary hover:text-text-primary hover:bg-surface',\n  primary: 'text-text-secondary hover:text-primary hover:bg-primary/10',\n  secondary: 'text-text-secondary hover:text-secondary hover:bg-secondary/10',\n  accent: 'text-text-secondary hover:text-accent hover:bg-accent/10',\n  success: 'text-text-secondary hover:text-success hover:bg-success/10',\n  error: 'text-text-secondary hover:text-error hover:bg-error/10',\n  warning: 'text-text-secondary hover:text-warning hover:bg-warning/10',\n  info: 'text-text-secondary hover:text-info hover:bg-info/10',\n} as const\n\n// Active solid variant classes\nconst activeSolidClasses = {\n  default: 'bg-border text-text-primary',\n  primary: 'bg-primary text-background',\n  secondary: 'bg-secondary text-background',\n  accent: 'bg-accent text-background',\n  success: 'bg-success text-background',\n  error: 'bg-error text-background',\n  warning: 'bg-warning text-background',\n  info: 'bg-info text-background',\n} as const\n\n// Active soft variant classes\nconst activeSoftClasses = {\n  default: 'bg-border/20 text-text-primary',\n  primary: 'bg-primary/20 text-primary',\n  secondary: 'bg-secondary/20 text-secondary',\n  accent: 'bg-accent/20 text-accent',\n  success: 'bg-success/20 text-success',\n  error: 'bg-error/20 text-error',\n  warning: 'bg-warning/20 text-warning',\n  info: 'bg-info/20 text-info',\n} as const\n\n// Active default variant classes\nconst activeDefaultClasses = {\n  default: 'bg-surface text-text-primary',\n  primary: 'border-primary bg-primary/10 text-primary',\n  secondary: 'border-secondary bg-secondary/10 text-secondary',\n  accent: 'border-accent bg-accent/10 text-accent',\n  success: 'border-success bg-success/10 text-success',\n  error: 'border-error bg-error/10 text-error',\n  warning: 'border-warning bg-warning/10 text-warning',\n  info: 'border-info bg-info/10 text-info',\n} as const\n\ntype ToggleColor = keyof typeof inactiveHoverClasses\n\nconst getToggleClasses = (\n  color: string,\n  variant: string,\n  isActive: boolean,\n) => {\n  const toggleColor = color as ToggleColor\n\n  if (!isActive) {\n    return inactiveHoverClasses[toggleColor] || inactiveHoverClasses.default\n  }\n\n  // Active state\n  if (variant === 'solid') {\n    return activeSolidClasses[toggleColor] || activeSolidClasses.default\n  }\n  if (variant === 'soft') {\n    return activeSoftClasses[toggleColor] || activeSoftClasses.default\n  }\n  return activeDefaultClasses[toggleColor] || activeDefaultClasses.default\n}\n\nconst singleToggleVariants = cva(\n  'inline-flex items-center gap-2 font-medium transition-colors cursor-pointer border rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2',\n  {\n    variants: {\n      size: {\n        xs: 'text-xs px-2 py-1',\n        sm: 'text-sm px-3 py-1.5',\n        md: 'text-base px-4 py-2',\n        lg: 'text-lg px-5 py-2.5',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\n// Single toggle uses the same class logic as toggle group\nconst getSingleToggleClasses = (\n  color: string,\n  variant: string,\n  isPressed: boolean,\n) => {\n  return getToggleClasses(color, variant, isPressed)\n}\n\nconst Toggle = React.memo<SingleToggleProps>(\n  ({\n    pressed: controlledPressed,\n    defaultPressed = false,\n    color = 'primary',\n    size = 'md',\n    variant = 'default',\n    onChange,\n    disabled = false,\n    icon,\n    children,\n    'aria-label': ariaLabel,\n    className,\n    classNames,\n  }) => {\n    const [internalPressed, setInternalPressed] = useState(defaultPressed)\n    const { ripples, onPointerDown: ripplePointerDown, onKeyDown: rippleKeyDown, onAnimationEnd: rippleAnimationEnd } = useRipple(!disabled)\n\n    const pressed =\n      controlledPressed !== undefined ? controlledPressed : internalPressed\n\n    const handleClick = () => {\n      if (disabled) return\n\n      const newPressed = !pressed\n      if (controlledPressed === undefined) {\n        setInternalPressed(newPressed)\n      }\n      onChange?.(newPressed)\n    }\n\n    return (\n      <button\n        type=\"button\"\n        className={cn(\n          'toggle_root',\n          singleToggleVariants({ size }),\n          getSingleToggleClasses(color, variant, pressed),\n          'border relative overflow-hidden',\n          disabled && 'opacity-50 cursor-not-allowed',\n          classNames?.root,\n          className,\n        )}\n        onClick={handleClick}\n        onPointerDown={ripplePointerDown}\n        onKeyDown={rippleKeyDown}\n        disabled={disabled}\n        aria-pressed={pressed}\n        aria-label={ariaLabel}\n      >\n        {icon}\n        {children}\n        <RippleContainer ripples={ripples} onAnimationEnd={rippleAnimationEnd} />\n      </button>\n    )\n  },\n)\n\nToggle.displayName = 'Toggle'\n\nexport type * from './types'\nexport default Toggle\n"]}

package/dist/chunk-764UKE6X.js

@@ -0,0 +1,359 @@
+import { focusRingColorClasses } from './chunk-POXI7JJ4.js';
+import { cn } from './chunk-NGYLRX6F.js';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var CardContext = React.createContext(null);
+function useCardContext() {
+  return React.useContext(CardContext);
+}
+var cardVariants = cva("rounded-lg transition-[shadow,transform]", {
+  variants: {
+    variant: {
+      default: "bg-card text-card-foreground border",
+      solid: "border",
+      outline: "bg-transparent border",
+      soft: "border-transparent",
+      ghost: "border-transparent bg-transparent",
+      elevated: "bg-card text-card-foreground border-transparent shadow-md"
+    },
+    color: {
+      default: "border-border",
+      primary: "border-primary",
+      secondary: "border-secondary",
+      accent: "border-accent",
+      success: "border-success",
+      error: "border-error",
+      warning: "border-warning",
+      info: "border-info"
+    },
+    shadow: {
+      none: "",
+      sm: "shadow-sm",
+      md: "shadow-md",
+      lg: "shadow-lg"
+    },
+    hoverable: {
+      true: "hover:shadow-lg hover:-translate-y-0.5 cursor-pointer",
+      false: ""
+    },
+    clickable: {
+      true: "cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 active:translate-y-0 active:shadow-md",
+      false: ""
+    }
+  },
+  compoundVariants: (() => {
+    const styles = {
+      default: {
+        default: "bg-card text-card-foreground border-border",
+        primary: "bg-card text-card-foreground border-primary",
+        secondary: "bg-card text-card-foreground border-secondary",
+        accent: "bg-card text-card-foreground border-accent",
+        success: "bg-card text-card-foreground border-success",
+        error: "bg-card text-card-foreground border-error",
+        warning: "bg-card text-card-foreground border-warning",
+        info: "bg-card text-card-foreground border-info"
+      },
+      solid: {
+        default: "bg-surface border-border text-text-primary",
+        primary: "bg-primary border-primary text-background",
+        secondary: "bg-secondary border-secondary text-background",
+        accent: "bg-accent border-accent text-background",
+        success: "bg-success border-success text-background",
+        error: "bg-error border-error text-background",
+        warning: "bg-warning border-warning text-background",
+        info: "bg-info border-info text-background"
+      },
+      outline: {
+        default: "border-border text-text-primary",
+        primary: "border-primary text-text-primary",
+        secondary: "border-secondary text-text-primary",
+        accent: "border-accent text-text-primary",
+        success: "border-success text-text-primary",
+        error: "border-error text-text-primary",
+        warning: "border-warning text-text-primary",
+        info: "border-info text-text-primary"
+      },
+      soft: {
+        default: "bg-surface text-text-primary",
+        primary: "bg-primary/10 text-primary",
+        secondary: "bg-secondary/10 text-secondary",
+        accent: "bg-accent/10 text-accent",
+        success: "bg-success/10 text-success",
+        error: "bg-error/10 text-error",
+        warning: "bg-warning/10 text-warning",
+        info: "bg-info/10 text-info"
+      },
+      ghost: {
+        default: "text-text-primary",
+        primary: "text-primary",
+        secondary: "text-secondary",
+        accent: "text-accent",
+        success: "text-success",
+        error: "text-error",
+        warning: "text-warning",
+        info: "text-info"
+      },
+      elevated: {
+        default: "bg-card text-card-foreground",
+        primary: "bg-card text-card-foreground ring-1 ring-primary/20",
+        secondary: "bg-card text-card-foreground ring-1 ring-secondary/20",
+        accent: "bg-card text-card-foreground ring-1 ring-accent/20",
+        success: "bg-card text-card-foreground ring-1 ring-success/20",
+        error: "bg-card text-card-foreground ring-1 ring-error/20",
+        warning: "bg-card text-card-foreground ring-1 ring-warning/20",
+        info: "bg-card text-card-foreground ring-1 ring-info/20"
+      }
+    };
+    return Object.entries(styles).flatMap(
+      ([variant, colorMap]) => Object.entries(colorMap).map(([color, cls]) => ({
+        variant,
+        color,
+        class: cls
+      }))
+    );
+  })(),
+  defaultVariants: {
+    variant: "default",
+    color: "default",
+    shadow: "none",
+    hoverable: false,
+    clickable: false
+  }
+});
+var sizeClasses = {
+  xs: "[--card-padding:0.5rem] [--card-content-padding:0.5rem] [--card-footer-padding:0.5rem]",
+  sm: "[--card-padding:1rem] [--card-content-padding:1rem] [--card-footer-padding:1rem]",
+  md: "[--card-padding:1.5rem] [--card-content-padding:1.5rem] [--card-footer-padding:1.5rem]",
+  lg: "[--card-padding:2rem] [--card-content-padding:2rem] [--card-footer-padding:2rem]"
+};
+var Card = React.memo(
+  ({
+    className,
+    variant = "default",
+    color = "default",
+    size = "md",
+    shadow = "none",
+    hoverable = false,
+    clickable = false,
+    bordered = true,
+    loading = false,
+    classNames,
+    onClick,
+    ref,
+    children,
+    ...props
+  }) => {
+    const cardContent = loading ? /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
+      /* @__PURE__ */ jsxs("div", { className: "p-(--card-padding)", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-4 bg-surface rounded w-3/4 mb-2" }),
+        /* @__PURE__ */ jsx("div", { className: "h-3 bg-surface rounded w-1/2" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "p-(--card-content-padding) pt-0", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-3 bg-surface rounded w-full mb-2" }),
+        /* @__PURE__ */ jsx("div", { className: "h-3 bg-surface rounded w-full mb-2" }),
+        /* @__PURE__ */ jsx("div", { className: "h-3 bg-surface rounded w-2/3" })
+      ] })
+    ] }) : children;
+    const cardClassName = cn(
+      "card_root",
+      cardVariants({
+        variant,
+        color,
+        shadow,
+        hoverable,
+        clickable
+      }),
+      !bordered && "border-transparent",
+      clickable && focusRingColorClasses[color],
+      sizeClasses[size],
+      classNames?.root,
+      className
+    );
+    const contextValue = React.useMemo(
+      () => ({ variant, color, classNames }),
+      [variant, color, classNames]
+    );
+    if (clickable) {
+      return /* @__PURE__ */ jsx(CardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          role: "button",
+          tabIndex: 0,
+          className: cardClassName,
+          onClick,
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              onClick?.(e);
+            }
+          },
+          "data-slot": "root",
+          ...props,
+          children: cardContent
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsx(CardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { ref, className: cardClassName, onClick, "data-slot": "root", ...props, children: cardContent }) });
+  }
+);
+Card.displayName = "Card";
+var CardHeader = ({ className, ref, ...props }) => {
+  const ctx = useCardContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("card_header", "flex flex-col gap-1.5 p-(--card-padding)", ctx?.classNames?.header, className),
+      "data-slot": "header",
+      ...props
+    }
+  );
+};
+CardHeader.displayName = "CardHeader";
+var CardTitle = ({ className, as: Tag = "h3", ref, ...props }) => {
+  const ctx = useCardContext();
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      className: cn(
+        "card_title",
+        "text-lg font-semibold leading-none tracking-tight",
+        ctx?.classNames?.title,
+        className
+      ),
+      "data-slot": "title",
+      ...props
+    }
+  );
+};
+CardTitle.displayName = "CardTitle";
+var CardDescription = ({ className, ref, ...props }) => {
+  const ctx = useCardContext();
+  const isSolidColored = ctx?.variant === "solid" && ctx?.color !== "default";
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      className: cn(
+        "card_description",
+        "text-sm",
+        isSolidColored ? "text-inherit opacity-80" : "text-text-secondary",
+        ctx?.classNames?.description,
+        className
+      ),
+      "data-slot": "description",
+      ...props
+    }
+  );
+};
+CardDescription.displayName = "CardDescription";
+var CardContent = ({ className, ref, ...props }) => {
+  const ctx = useCardContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("card_content", "p-(--card-content-padding) pt-0", ctx?.classNames?.content, className),
+      "data-slot": "content",
+      ...props
+    }
+  );
+};
+CardContent.displayName = "CardContent";
+var CardFooter = ({ className, ref, ...props }) => {
+  const ctx = useCardContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "card_footer",
+        "flex items-center p-(--card-footer-padding) pt-0",
+        ctx?.classNames?.footer,
+        className
+      ),
+      "data-slot": "footer",
+      ...props
+    }
+  );
+};
+CardFooter.displayName = "CardFooter";
+var CardAction = ({ className, ref, ...props }) => {
+  const ctx = useCardContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("card_action", "ml-auto flex items-center gap-2", ctx?.classNames?.action, className),
+      "data-slot": "action",
+      ...props
+    }
+  );
+};
+CardAction.displayName = "CardAction";
+var aspectRatioClasses = {
+  square: "aspect-square",
+  video: "aspect-video",
+  wide: "aspect-[21/9]",
+  auto: ""
+};
+var objectFitClasses = {
+  cover: "object-cover",
+  contain: "object-contain",
+  fill: "object-fill",
+  none: "object-none"
+};
+var CardImage = ({
+  src,
+  alt,
+  position = "top",
+  aspectRatio = "video",
+  objectFit = "cover",
+  className,
+  ref,
+  ...props
+}) => {
+  const ctx = useCardContext();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "overflow-hidden",
+        position === "top" && "rounded-t-lg",
+        position === "bottom" && "rounded-b-lg",
+        aspectRatio !== "auto" && aspectRatioClasses[aspectRatio]
+      ),
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          ref,
+          src,
+          alt,
+          className: cn("card_image", "w-full h-full", objectFitClasses[objectFit], ctx?.classNames?.image, className),
+          "data-slot": "image",
+          loading: "lazy",
+          ...props
+        }
+      )
+    }
+  );
+};
+CardImage.displayName = "CardImage";
+var CardWithSubComponents = Object.assign(Card, {
+  Header: CardHeader,
+  Footer: CardFooter,
+  Title: CardTitle,
+  Description: CardDescription,
+  Content: CardContent,
+  Action: CardAction,
+  Image: CardImage
+});
+var card_default = CardWithSubComponents;
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, cardVariants, card_default };
+//# sourceMappingURL=chunk-764UKE6X.js.map
+//# sourceMappingURL=chunk-764UKE6X.js.map

package/dist/chunk-764UKE6X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/card/index.tsx"],"names":[],"mappings":"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","file":"chunk-764UKE6X.js","sourcesContent":["'use client'\n\nimport { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { cn } from \"../utils\";\nimport { focusRingColorClasses } from \"../variants\";\nimport type {\n  CardActionProps,\n  CardClassNames,\n  CardColor,\n  CardContentProps,\n  CardDescriptionProps,\n  CardFooterProps,\n  CardHeaderProps,\n  CardImageProps,\n  CardProps,\n  CardSize,\n  CardTitleProps,\n  CardVariant,\n} from \"./types\";\n\n// ============================================================================\n// Card Context — shares variant/color/classNames with sub-components\n// ============================================================================\n\ninterface CardContextValue {\n  variant: CardVariant;\n  color: CardColor;\n  classNames?: CardClassNames;\n}\n\nconst CardContext = React.createContext<CardContextValue | null>(null);\n\nfunction useCardContext() {\n  return React.useContext(CardContext);\n}\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\nconst cardVariants = cva(\"rounded-lg transition-[shadow,transform]\", {\n  variants: {\n    variant: {\n      default: \"bg-card text-card-foreground border\",\n      solid: \"border\",\n      outline: \"bg-transparent border\",\n      soft: \"border-transparent\",\n      ghost: \"border-transparent bg-transparent\",\n      elevated: \"bg-card text-card-foreground border-transparent shadow-md\",\n    },\n    color: {\n      default: \"border-border\",\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    shadow: {\n      none: \"\",\n      sm: \"shadow-sm\",\n      md: \"shadow-md\",\n      lg: \"shadow-lg\",\n    },\n    hoverable: {\n      true: \"hover:shadow-lg hover:-translate-y-0.5 cursor-pointer\",\n      false: \"\",\n    },\n    clickable: {\n      true: \"cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 active:translate-y-0 active:shadow-md\",\n      false: \"\",\n    },\n  },\n  compoundVariants: (() => {\n    const styles: Record<string, Record<string, string>> = {\n      default: {\n        default: 'bg-card text-card-foreground border-border',\n        primary: 'bg-card text-card-foreground border-primary',\n        secondary: 'bg-card text-card-foreground border-secondary',\n        accent: 'bg-card text-card-foreground border-accent',\n        success: 'bg-card text-card-foreground border-success',\n        error: 'bg-card text-card-foreground border-error',\n        warning: 'bg-card text-card-foreground border-warning',\n        info: 'bg-card text-card-foreground border-info',\n      },\n      solid: {\n        default: 'bg-surface border-border text-text-primary',\n        primary: 'bg-primary border-primary text-background',\n        secondary: 'bg-secondary border-secondary text-background',\n        accent: 'bg-accent border-accent text-background',\n        success: 'bg-success border-success text-background',\n        error: 'bg-error border-error text-background',\n        warning: 'bg-warning border-warning text-background',\n        info: 'bg-info border-info text-background',\n      },\n      outline: {\n        default: 'border-border text-text-primary',\n        primary: 'border-primary text-text-primary',\n        secondary: 'border-secondary text-text-primary',\n        accent: 'border-accent text-text-primary',\n        success: 'border-success text-text-primary',\n        error: 'border-error text-text-primary',\n        warning: 'border-warning text-text-primary',\n        info: 'border-info text-text-primary',\n      },\n      soft: {\n        default: 'bg-surface text-text-primary',\n        primary: 'bg-primary/10 text-primary',\n        secondary: 'bg-secondary/10 text-secondary',\n        accent: 'bg-accent/10 text-accent',\n        success: 'bg-success/10 text-success',\n        error: 'bg-error/10 text-error',\n        warning: 'bg-warning/10 text-warning',\n        info: 'bg-info/10 text-info',\n      },\n      ghost: {\n        default: 'text-text-primary',\n        primary: 'text-primary',\n        secondary: 'text-secondary',\n        accent: 'text-accent',\n        success: 'text-success',\n        error: 'text-error',\n        warning: 'text-warning',\n        info: 'text-info',\n      },\n      elevated: {\n        default: 'bg-card text-card-foreground',\n        primary: 'bg-card text-card-foreground ring-1 ring-primary/20',\n        secondary: 'bg-card text-card-foreground ring-1 ring-secondary/20',\n        accent: 'bg-card text-card-foreground ring-1 ring-accent/20',\n        success: 'bg-card text-card-foreground ring-1 ring-success/20',\n        error: 'bg-card text-card-foreground ring-1 ring-error/20',\n        warning: 'bg-card text-card-foreground ring-1 ring-warning/20',\n        info: 'bg-card text-card-foreground ring-1 ring-info/20',\n      },\n    }\n    return Object.entries(styles).flatMap(([variant, colorMap]) =>\n      Object.entries(colorMap).map(([color, cls]) => ({\n        variant: variant as \"default\" | \"solid\" | \"outline\" | \"soft\" | \"ghost\" | \"elevated\",\n        color: color as \"default\" | \"primary\" | \"secondary\" | \"accent\" | \"success\" | \"error\" | \"warning\" | \"info\",\n        class: cls,\n      }))\n    )\n  })(),\n  defaultVariants: {\n    variant: \"default\",\n    color: \"default\",\n    shadow: \"none\",\n    hoverable: false,\n    clickable: false,\n  },\n});\n\n/**\n * Size-based padding classes\n */\nconst sizeClasses: Record<CardSize, string> = {\n  xs: \"[--card-padding:0.5rem] [--card-content-padding:0.5rem] [--card-footer-padding:0.5rem]\",\n  sm: \"[--card-padding:1rem] [--card-content-padding:1rem] [--card-footer-padding:1rem]\",\n  md: \"[--card-padding:1.5rem] [--card-content-padding:1.5rem] [--card-footer-padding:1.5rem]\",\n  lg: \"[--card-padding:2rem] [--card-content-padding:2rem] [--card-footer-padding:2rem]\",\n};\n\n/**\n * Card Component\n *\n * A versatile container component for grouping related content and actions.\n *\n * @example\n * <Card>\n *   <CardHeader>\n *     <CardTitle>Title</CardTitle>\n *     <CardDescription>Description</CardDescription>\n *   </CardHeader>\n *   <CardContent>Content here</CardContent>\n *   <CardFooter>\n *     <Button>Action</Button>\n *   </CardFooter>\n * </Card>\n */\nconst Card = React.memo<CardProps>(\n  ({\n    className,\n    variant = \"default\",\n    color = \"default\",\n    size = \"md\",\n    shadow = \"none\",\n    hoverable = false,\n    clickable = false,\n    bordered = true,\n    loading = false,\n    classNames,\n    onClick,\n    ref,\n    children,\n    ...props\n  }) => {\n    const cardContent = loading ? (\n      <div className=\"animate-pulse\">\n        <div className=\"p-(--card-padding)\">\n          <div className=\"h-4 bg-surface rounded w-3/4 mb-2\" />\n          <div className=\"h-3 bg-surface rounded w-1/2\" />\n        </div>\n        <div className=\"p-(--card-content-padding) pt-0\">\n          <div className=\"h-3 bg-surface rounded w-full mb-2\" />\n          <div className=\"h-3 bg-surface rounded w-full mb-2\" />\n          <div className=\"h-3 bg-surface rounded w-2/3\" />\n        </div>\n      </div>\n    ) : (\n      children\n    );\n\n    const cardClassName = cn(\n      \"card_root\",\n      cardVariants({\n        variant,\n        color,\n        shadow,\n        hoverable,\n        clickable,\n      }),\n      !bordered && \"border-transparent\",\n      clickable && focusRingColorClasses[color],\n      sizeClasses[size],\n      classNames?.root,\n      className,\n    );\n\n    const contextValue = React.useMemo(\n      () => ({ variant, color, classNames }),\n      [variant, color, classNames],\n    );\n\n    if (clickable) {\n      return (\n        <CardContext.Provider value={contextValue}>\n          <div\n            ref={ref}\n            role=\"button\"\n            tabIndex={0}\n            className={cardClassName}\n            onClick={onClick}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onClick?.(e as unknown as React.MouseEvent<HTMLDivElement>);\n              }\n            }}\n            data-slot=\"root\"\n            {...props}\n          >\n            {cardContent}\n          </div>\n        </CardContext.Provider>\n      );\n    }\n\n    return (\n      <CardContext.Provider value={contextValue}>\n        <div ref={ref} className={cardClassName} onClick={onClick} data-slot=\"root\" {...props}>\n          {cardContent}\n        </div>\n      </CardContext.Provider>\n    );\n  },\n);\nCard.displayName = \"Card\";\n\n/**\n * CardHeader Component\n */\nconst CardHeader: React.FC<CardHeaderProps> = ({ className, ref, ...props }) => {\n  const ctx = useCardContext();\n  return (\n    <div\n      ref={ref}\n      className={cn(\"card_header\", \"flex flex-col gap-1.5 p-(--card-padding)\", ctx?.classNames?.header, className)}\n      data-slot=\"header\"\n      {...props}\n    />\n  );\n};\nCardHeader.displayName = \"CardHeader\";\n\n/**\n * CardTitle Component\n */\nconst CardTitle: React.FC<CardTitleProps> = ({ className, as: Tag = \"h3\", ref, ...props }) => {\n  const ctx = useCardContext();\n  return (\n    <Tag\n      ref={ref}\n      className={cn(\n        \"card_title\",\n        \"text-lg font-semibold leading-none tracking-tight\",\n        ctx?.classNames?.title,\n        className,\n      )}\n      data-slot=\"title\"\n      {...props}\n    />\n  );\n};\nCardTitle.displayName = \"CardTitle\";\n\n/**\n * CardDescription Component\n *\n * Adapts text color for solid colored cards to ensure readability.\n */\nconst CardDescription: React.FC<CardDescriptionProps> = ({ className, ref, ...props }) => {\n  const ctx = useCardContext();\n  const isSolidColored = ctx?.variant === \"solid\" && ctx?.color !== \"default\";\n  return (\n    <p\n      ref={ref}\n      className={cn(\n        \"card_description\",\n        \"text-sm\",\n        isSolidColored ? \"text-inherit opacity-80\" : \"text-text-secondary\",\n        ctx?.classNames?.description,\n        className,\n      )}\n      data-slot=\"description\"\n      {...props}\n    />\n  );\n};\nCardDescription.displayName = \"CardDescription\";\n\n/**\n * CardContent Component\n */\nconst CardContent: React.FC<CardContentProps> = ({ className, ref, ...props }) => {\n  const ctx = useCardContext();\n  return (\n    <div\n      ref={ref}\n      className={cn(\"card_content\", \"p-(--card-content-padding) pt-0\", ctx?.classNames?.content, className)}\n      data-slot=\"content\"\n      {...props}\n    />\n  );\n};\nCardContent.displayName = \"CardContent\";\n\n/**\n * CardFooter Component\n */\nconst CardFooter: React.FC<CardFooterProps> = ({ className, ref, ...props }) => {\n  const ctx = useCardContext();\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"card_footer\",\n        \"flex items-center p-(--card-footer-padding) pt-0\",\n        ctx?.classNames?.footer,\n        className,\n      )}\n      data-slot=\"footer\"\n      {...props}\n    />\n  );\n};\nCardFooter.displayName = \"CardFooter\";\n\n/**\n * CardAction Component — for buttons/actions in the header\n */\nconst CardAction: React.FC<CardActionProps> = ({ className, ref, ...props }) => {\n  const ctx = useCardContext();\n  return (\n    <div\n      ref={ref}\n      className={cn(\"card_action\", \"ml-auto flex items-center gap-2\", ctx?.classNames?.action, className)}\n      data-slot=\"action\"\n      {...props}\n    />\n  );\n};\nCardAction.displayName = \"CardAction\";\n\n/**\n * Aspect ratio classes for CardImage\n */\nconst aspectRatioClasses = {\n  square: \"aspect-square\",\n  video: \"aspect-video\",\n  wide: \"aspect-[21/9]\",\n  auto: \"\",\n};\n\n/**\n * Object fit classes for CardImage\n */\nconst objectFitClasses = {\n  cover: \"object-cover\",\n  contain: \"object-contain\",\n  fill: \"object-fill\",\n  none: \"object-none\",\n};\n\n/**\n * CardImage Component — for displaying images in cards\n */\nconst CardImage: React.FC<CardImageProps> = ({\n  src,\n  alt,\n  position = \"top\",\n  aspectRatio = \"video\",\n  objectFit = \"cover\",\n  className,\n  ref,\n  ...props\n}) => {\n  const ctx = useCardContext();\n  return (\n    <div\n      className={cn(\n        \"overflow-hidden\",\n        position === \"top\" && \"rounded-t-lg\",\n        position === \"bottom\" && \"rounded-b-lg\",\n        aspectRatio !== \"auto\" && aspectRatioClasses[aspectRatio],\n      )}\n    >\n      <img\n        ref={ref}\n        src={src}\n        alt={alt}\n        className={cn(\"card_image\", \"w-full h-full\", objectFitClasses[objectFit], ctx?.classNames?.image, className)}\n        data-slot=\"image\"\n        loading=\"lazy\"\n        {...props}\n      />\n    </div>\n  );\n};\nCardImage.displayName = \"CardImage\";\n\n// Attach sub-components to Card\nconst CardWithSubComponents = Object.assign(Card, {\n  Header: CardHeader,\n  Footer: CardFooter,\n  Title: CardTitle,\n  Description: CardDescription,\n  Content: CardContent,\n  Action: CardAction,\n  Image: CardImage,\n});\n\nexport {\n  Card,\n  CardHeader,\n  CardFooter,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardAction,\n  CardImage,\n  cardVariants,\n};\n\nexport type { CardClassNames } from \"./types\";\nexport type * from \"./types\";\nexport default CardWithSubComponents;\n"]}

package/dist/{chunk-EGNF7BRT.js → chunk-C4SHFLFR.js}

@@ -1,4 +1,4 @@
-import { createKbdColorVariants, componentColors } from './chunk-LK4EPTNG.js';
+import { createKbdColorVariants, componentColors } from './chunk-POXI7JJ4.js';
 import { cn } from './chunk-NGYLRX6F.js';
 import { cva } from 'class-variance-authority';
 import React from 'react';
@@ -71,5 +71,5 @@ Kbd.displayName = "Kbd";
 var kbd_default = Kbd;
 
 export { kbd_default };
-//# sourceMappingURL=chunk-EGNF7BRT.js.map
-//# sourceMappingURL=chunk-EGNF7BRT.js.map
+//# sourceMappingURL=chunk-C4SHFLFR.js.map
+//# sourceMappingURL=chunk-C4SHFLFR.js.map

package/dist/{chunk-EGNF7BRT.js.map → chunk-C4SHFLFR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/kbd/index.tsx"],"names":[],"mappings":";;;;;;AAOA,IAAM,WAAA,GAAc,GAAA;AAAA,EAClB,+IAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,EAAA;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,EAAA;AAAA,QACT,OAAA,EAAS,EAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,QACX,MAAA,EAAQ,EAAA;AAAA,QACR,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,EAAA;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,gBAAA,EAAkB,uBAAuB,eAAA,EAAiB;AAAA,MACxD,OAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACD,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,MAAM,KAAA,CAAM,IAAA;AAAA,EAChB,CAAC;AAAA,IACC,OAAA,GAAU,SAAA;AAAA,IACV,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,UAAA;AAAA,UACA,WAAA,CAAY,EAAE,OAAA,EAAS,KAAA,EAAO,MAAM,CAAA;AAAA,UACpC,sCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA;AAGlB,IAAO,WAAA,GAAQ","file":"chunk-EGNF7BRT.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { componentColors, createKbdColorVariants } from '../variants'\nimport type { KbdProps } from './types'\n\nconst kbdVariants = cva(\n  'pointer-events-none min-w-4 min-h-3.5 border inline-flex w-fit items-center justify-center gap-1 rounded-sm font-sans font-medium select-none',\n  {\n    variants: {\n      variant: {\n        solid: '',\n        outline: '',\n        soft: '',\n      },\n      color: {\n        default: '',\n        primary: '',\n        secondary: '',\n        accent: '',\n        success: '',\n        error: '',\n        warning: '',\n        info: '',\n      },\n      size: {\n        xs: 'h-3.5 p-0.5 text-[9px]',\n        sm: 'h-4 p-0.5 text-xs',\n        md: 'h-4.5 px-1.5 text-sm',\n        lg: 'h-5 px-2 text-sm',\n      },\n    },\n    compoundVariants: createKbdColorVariants(componentColors, [\n      'solid',\n      'outline',\n      'soft',\n    ]),\n    defaultVariants: {\n      variant: 'outline',\n      color: 'default',\n      size: 'sm',\n    },\n  },\n)\n\nconst Kbd = React.memo<KbdProps>(\n  ({\n    variant = 'outline',\n    color = 'default',\n    size = 'sm',\n    className,\n    children,\n    ...props\n  }) => {\n    return (\n      <kbd\n        data-slot=\"root\"\n        className={cn(\n          'kbd_root',\n          kbdVariants({ variant, color, size }),\n          \"[&_svg:not([class*='size-'])]:size-3\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </kbd>\n    )\n  },\n)\n\nKbd.displayName = 'Kbd'\n\nexport type * from './types'\nexport default Kbd\n"]}
+{"version":3,"sources":["../src/kbd/index.tsx"],"names":[],"mappings":";;;;;;AAOA,IAAM,WAAA,GAAc,GAAA;AAAA,EAClB,+IAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,EAAA;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,EAAA;AAAA,QACT,OAAA,EAAS,EAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,QACX,MAAA,EAAQ,EAAA;AAAA,QACR,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,EAAA;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,gBAAA,EAAkB,uBAAuB,eAAA,EAAiB;AAAA,MACxD,OAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACD,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,MAAM,KAAA,CAAM,IAAA;AAAA,EAChB,CAAC;AAAA,IACC,OAAA,GAAU,SAAA;AAAA,IACV,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,UAAA;AAAA,UACA,WAAA,CAAY,EAAE,OAAA,EAAS,KAAA,EAAO,MAAM,CAAA;AAAA,UACpC,sCAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA;AAGlB,IAAO,WAAA,GAAQ","file":"chunk-C4SHFLFR.js","sourcesContent":["import { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport { componentColors, createKbdColorVariants } from '../variants'\nimport type { KbdProps } from './types'\n\nconst kbdVariants = cva(\n  'pointer-events-none min-w-4 min-h-3.5 border inline-flex w-fit items-center justify-center gap-1 rounded-sm font-sans font-medium select-none',\n  {\n    variants: {\n      variant: {\n        solid: '',\n        outline: '',\n        soft: '',\n      },\n      color: {\n        default: '',\n        primary: '',\n        secondary: '',\n        accent: '',\n        success: '',\n        error: '',\n        warning: '',\n        info: '',\n      },\n      size: {\n        xs: 'h-3.5 p-0.5 text-[9px]',\n        sm: 'h-4 p-0.5 text-xs',\n        md: 'h-4.5 px-1.5 text-sm',\n        lg: 'h-5 px-2 text-sm',\n      },\n    },\n    compoundVariants: createKbdColorVariants(componentColors, [\n      'solid',\n      'outline',\n      'soft',\n    ]),\n    defaultVariants: {\n      variant: 'outline',\n      color: 'default',\n      size: 'sm',\n    },\n  },\n)\n\nconst Kbd = React.memo<KbdProps>(\n  ({\n    variant = 'outline',\n    color = 'default',\n    size = 'sm',\n    className,\n    children,\n    ...props\n  }) => {\n    return (\n      <kbd\n        data-slot=\"root\"\n        className={cn(\n          'kbd_root',\n          kbdVariants({ variant, color, size }),\n          \"[&_svg:not([class*='size-'])]:size-3\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </kbd>\n    )\n  },\n)\n\nKbd.displayName = 'Kbd'\n\nexport type * from './types'\nexport default Kbd\n"]}

package/dist/{chunk-ZQTJBYKO.js → chunk-C5IGZLIT.js}

@@ -1,4 +1,4 @@
-import { createPopoverColorVariants, componentColors } from './chunk-LK4EPTNG.js';
+import { createPopoverColorVariants, componentColors } from './chunk-POXI7JJ4.js';
 import { cn } from './chunk-NGYLRX6F.js';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { cva } from 'class-variance-authority';
@@ -103,5 +103,5 @@ function PopoverAnchor({
 }
 
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
-//# sourceMappingURL=chunk-ZQTJBYKO.js.map
-//# sourceMappingURL=chunk-ZQTJBYKO.js.map
+//# sourceMappingURL=chunk-C5IGZLIT.js.map
+//# sourceMappingURL=chunk-C5IGZLIT.js.map

package/dist/{chunk-ZQTJBYKO.js.map → chunk-C5IGZLIT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/popover/index.tsx"],"names":[],"mappings":";;;;;;AAUA,SAAS,OAAA,CAAQ;AAAA,EACf,GAAG;AACL,CAAA,EAAuD;AACrD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,IAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,SAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,cAAA,CAAe;AAAA,EACtB,GAAG;AACL,CAAA,EAA0D;AACxD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,IAAM,sBAAA,GAAyB,GAAA;AAAA,EAC7B,spBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,eAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,EAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,EAAA;AAAA,QACT,OAAA,EAAS,EAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,QACX,MAAA,EAAQ,EAAA;AAAA,QACR,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,EAAA;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,gBAAA,EAAkB,2BAA2B,eAAA,EAAiB;AAAA,MAC5D,SAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACD,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAQA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,KAAA,GAAQ,QAAA;AAAA,EACR,UAAA,GAAa,CAAA;AAAA,EACb,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,KAAA,GAAQ,SAAA;AAAA,EACR,UAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACE,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,iBAAA;AAAA,QACA,sBAAA,CAAuB,EAAE,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA;AAAA,QAC/C,SAAA;AAAA,QACA,UAAA,EAAY;AAAA,OACd;AAAA,MACC,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ;AAEA,SAAS,aAAA,CAAc;AAAA,EACrB,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,MAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-ZQTJBYKO.js","sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../utils'\nimport { componentColors, createPopoverColorVariants } from '../variants'\nimport type { PopoverClassNames } from './types'\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return (\n    <PopoverPrimitive.Root\n      data-slot=\"popover\"\n      {...props}\n    />\n  )\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot=\"popover-trigger\"\n      {...props}\n    />\n  )\n}\n\nconst popoverContentVariants = cva(\n  'overflow-hidden will-change-[transform,_opacity] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border outline-none',\n  {\n    variants: {\n      size: {\n        xs: 'p-2 text-xs',\n        sm: 'p-3 text-sm',\n        md: 'p-4 text-base',\n        lg: 'p-5 text-lg',\n      },\n      variant: {\n        default: '',\n        solid: '',\n        soft: '',\n      },\n      color: {\n        default: '',\n        primary: '',\n        secondary: '',\n        accent: '',\n        success: '',\n        error: '',\n        warning: '',\n        info: '',\n      },\n    },\n    compoundVariants: createPopoverColorVariants(componentColors, [\n      'default',\n      'solid',\n      'soft',\n    ]),\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n      color: 'default',\n    },\n  },\n)\n\nexport interface PopoverContentProps\n  extends Omit<React.ComponentProps<typeof PopoverPrimitive.Content>, 'color'>,\n    VariantProps<typeof popoverContentVariants> {\n  classNames?: PopoverClassNames\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  size = 'md',\n  variant = 'default',\n  color = 'default',\n  classNames,\n  ...props\n}: PopoverContentProps) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'popover_content',\n          popoverContentVariants({ size, variant, color }),\n          className,\n          classNames?.content,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return (\n    <PopoverPrimitive.Anchor\n      data-slot=\"popover-anchor\"\n      {...props}\n    />\n  )\n}\n\nexport type * from './types'\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"]}
+{"version":3,"sources":["../src/popover/index.tsx"],"names":[],"mappings":";;;;;;AAUA,SAAS,OAAA,CAAQ;AAAA,EACf,GAAG;AACL,CAAA,EAAuD;AACrD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,IAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,SAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,cAAA,CAAe;AAAA,EACtB,GAAG;AACL,CAAA,EAA0D;AACxD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,IAAM,sBAAA,GAAyB,GAAA;AAAA,EAC7B,spBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,aAAA;AAAA,QACJ,EAAA,EAAI,eAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,EAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,EAAA;AAAA,QACT,OAAA,EAAS,EAAA;AAAA,QACT,SAAA,EAAW,EAAA;AAAA,QACX,MAAA,EAAQ,EAAA;AAAA,QACR,OAAA,EAAS,EAAA;AAAA,QACT,KAAA,EAAO,EAAA;AAAA,QACP,OAAA,EAAS,EAAA;AAAA,QACT,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,gBAAA,EAAkB,2BAA2B,eAAA,EAAiB;AAAA,MAC5D,SAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACD,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAQA,SAAS,cAAA,CAAe;AAAA,EACtB,SAAA;AAAA,EACA,KAAA,GAAQ,QAAA;AAAA,EACR,UAAA,GAAa,CAAA;AAAA,EACb,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,KAAA,GAAQ,SAAA;AAAA,EACR,UAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACE,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,IAAkB,gBAAA,CAAA,OAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,KAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,iBAAA;AAAA,QACA,sBAAA,CAAuB,EAAE,IAAA,EAAM,OAAA,EAAS,OAAO,CAAA;AAAA,QAC/C,SAAA;AAAA,QACA,UAAA,EAAY;AAAA,OACd;AAAA,MACC,GAAG;AAAA;AAAA,GACN,EACF,CAAA;AAEJ;AAEA,SAAS,aAAA,CAAc;AAAA,EACrB,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACE,GAAA;AAAA,IAAkB,gBAAA,CAAA,MAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-C5IGZLIT.js","sourcesContent":["'use client'\n\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../utils'\nimport { componentColors, createPopoverColorVariants } from '../variants'\nimport type { PopoverClassNames } from './types'\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return (\n    <PopoverPrimitive.Root\n      data-slot=\"popover\"\n      {...props}\n    />\n  )\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return (\n    <PopoverPrimitive.Trigger\n      data-slot=\"popover-trigger\"\n      {...props}\n    />\n  )\n}\n\nconst popoverContentVariants = cva(\n  'overflow-hidden will-change-[transform,_opacity] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border outline-none',\n  {\n    variants: {\n      size: {\n        xs: 'p-2 text-xs',\n        sm: 'p-3 text-sm',\n        md: 'p-4 text-base',\n        lg: 'p-5 text-lg',\n      },\n      variant: {\n        default: '',\n        solid: '',\n        soft: '',\n      },\n      color: {\n        default: '',\n        primary: '',\n        secondary: '',\n        accent: '',\n        success: '',\n        error: '',\n        warning: '',\n        info: '',\n      },\n    },\n    compoundVariants: createPopoverColorVariants(componentColors, [\n      'default',\n      'solid',\n      'soft',\n    ]),\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n      color: 'default',\n    },\n  },\n)\n\nexport interface PopoverContentProps\n  extends Omit<React.ComponentProps<typeof PopoverPrimitive.Content>, 'color'>,\n    VariantProps<typeof popoverContentVariants> {\n  classNames?: PopoverClassNames\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 4,\n  size = 'md',\n  variant = 'default',\n  color = 'default',\n  classNames,\n  ...props\n}: PopoverContentProps) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'popover_content',\n          popoverContentVariants({ size, variant, color }),\n          className,\n          classNames?.content,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return (\n    <PopoverPrimitive.Anchor\n      data-slot=\"popover-anchor\"\n      {...props}\n    />\n  )\n}\n\nexport type * from './types'\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"]}

package/dist/{chunk-SX5UNM6C.js → chunk-CH3YMDCF.js}

@@ -74,10 +74,10 @@ var commandInputVariants = cva(
   {
     variants: {
       size: {
-        xs: "h-6 py-1 text-xs",
-        sm: "h-8 py-2 text-sm",
-        md: "h-10 py-3 text-base",
-        lg: "h-12 py-4 text-lg"
+        xs: "text-xs",
+        sm: "text-sm",
+        md: "text-base",
+        lg: "text-lg"
       }
     },
     defaultVariants: {
@@ -330,5 +330,5 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandModal, CommandSeparator, CommandShortcut };
-//# sourceMappingURL=chunk-SX5UNM6C.js.map
-//# sourceMappingURL=chunk-SX5UNM6C.js.map
+//# sourceMappingURL=chunk-CH3YMDCF.js.map
+//# sourceMappingURL=chunk-CH3YMDCF.js.map

package/dist/chunk-CH3YMDCF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/command/index.tsx"],"names":["CommandPrimitive"],"mappings":"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","file":"chunk-CH3YMDCF.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { SearchIcon } from 'lucide-react'\nimport * as React from 'react'\n\nimport { CommandSize, CommandClassNames } from './types'\n\nimport {\n  Modal,\n  ModalContent,\n  ModalDescription,\n  ModalHeader,\n  ModalTitle,\n} from '../modal'\nimport { ComponentColor } from '../types'\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        xs: 'text-xs',\n        sm: 'text-sm',\n        md: 'text-base',\n        lg: 'text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst Command = ({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('command_root', commandVariants({ size }), classNames?.root, className)}\n      {...props}\n    />\n  )\n}\n\nCommand.displayName = 'Command'\n\nconst 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?: CommandSize\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-secondary [&_[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\nCommandModal.displayName = 'CommandModal'\n\nconst commandInputVariants = cva(\n  'flex w-full bg-transparent outline-hidden disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-text-secondary/50 text-text-primary',\n  {\n    variants: {\n      size: {\n        xs: 'text-xs',\n        sm: 'text-sm',\n        md: 'text-base',\n        lg: '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        xs: 'h-6',\n        sm: 'h-8',\n        md: 'h-10',\n        lg: 'h-12',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst CommandInput = ({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: Omit<React.ComponentProps<typeof CommandPrimitive.Input>, 'size'> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className={commandInputWrapperVariants({ size })}\n    >\n      <SearchIcon\n        data-slot=\"command-input-icon\"\n        className={cn('command_inputIcon', 'shrink-0 opacity-50 text-text-secondary', iconSizes[size], classNames?.inputIcon)}\n      />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn('command_input', commandInputVariants({ size }), classNames?.input, className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nCommandInput.displayName = 'CommandInput'\n\nconst commandListVariants = cva(\n  'scroll-py-1 overflow-x-hidden overflow-y-auto',\n  {\n    variants: {\n      size: {\n        xs: 'max-h-[150px]',\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\nconst CommandList = ({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn('command_list', commandListVariants({ size }), classNames?.list, className)}\n      {...props}\n    />\n  )\n}\n\nCommandList.displayName = 'CommandList'\n\nconst commandEmptyVariants = cva('text-center text-text-secondary', {\n  variants: {\n    size: {\n      xs: 'py-3 text-[10px]',\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\nconst CommandEmpty = ({\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className={cn('command_empty', commandEmptyVariants({ size }), classNames?.empty)}\n      {...props}\n    />\n  )\n}\n\nCommandEmpty.displayName = 'CommandEmpty'\n\nconst commandGroupVariants = cva(\n  'overflow-hidden text-text-primary [&_[cmdk-group-heading]]:text-text-secondary [&_[cmdk-group-heading]]:font-medium',\n  {\n    variants: {\n      size: {\n        xs: 'p-0.5 [&_[cmdk-group-heading]]:px-1 [&_[cmdk-group-heading]]:py-0.5 [&_[cmdk-group-heading]]:text-[9px]',\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\nconst CommandGroup = ({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn('command_group', commandGroupVariants({ size }), classNames?.group, className)}\n      {...props}\n    />\n  )\n}\n\nCommandGroup.displayName = 'CommandGroup'\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\nconst CommandSeparator = ({\n  className,\n  size = 'md',\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator> & {\n  size?: CommandSize\n}) => {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(commandSeparatorVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nCommandSeparator.displayName = 'CommandSeparator'\n\nconst commandSelectedColorClasses: Record<ComponentColor, string> = {\n  default: 'data-[selected=true]:bg-surface data-[selected=true]:text-text-primary',\n  primary: 'data-[selected=true]:bg-primary/10 data-[selected=true]:text-primary',\n  secondary: 'data-[selected=true]:bg-secondary/10 data-[selected=true]:text-secondary',\n  accent: 'data-[selected=true]:bg-accent/10 data-[selected=true]:text-accent',\n  success: 'data-[selected=true]:bg-success/10 data-[selected=true]:text-success',\n  error: 'data-[selected=true]:bg-error/10 data-[selected=true]:text-error',\n  warning: 'data-[selected=true]:bg-warning/10 data-[selected=true]:text-warning',\n  info: 'data-[selected=true]:bg-info/10 data-[selected=true]:text-info',\n}\n\nconst commandItemVariants = cva(\n  \"relative flex cursor-default items-center gap-2 rounded-sm outline-hidden select-none text-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-secondary transition-colors\",\n  {\n    variants: {\n      size: {\n        xs: \"px-1 py-0.5 text-[10px] gap-1 [&_svg:not([class*='size-'])]:size-3\",\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\nconst CommandItem = ({\n  className,\n  size = 'md',\n  color = 'primary',\n  classNames,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item> & {\n  size?: CommandSize\n  color?: ComponentColor\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn('command_item', commandItemVariants({ size }), commandSelectedColorClasses[color], classNames?.item, className)}\n      {...props}\n    />\n  )\n}\n\nCommandItem.displayName = 'CommandItem'\n\nconst commandShortcutVariants = cva(\n  'ml-auto tracking-widest text-text-secondary opacity-60',\n  {\n    variants: {\n      size: {\n        xs: 'text-[9px]',\n        sm: 'text-[10px]',\n        md: 'text-xs',\n        lg: 'text-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst CommandShortcut = ({\n  className,\n  size = 'md',\n  classNames,\n  ...props\n}: React.ComponentProps<'span'> & {\n  size?: CommandSize\n  classNames?: CommandClassNames\n}) => {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn('command_shortcut', commandShortcutVariants({ size }), classNames?.shortcut, className)}\n      {...props}\n    />\n  )\n}\n\nCommandShortcut.displayName = 'CommandShortcut'\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"]}