@mdigital_ui/ui 0.2.8 → 0.3.0

package/dist/chunk-DRL4CJMI.js

@@ -0,0 +1,147 @@
+import { cn, iconSizes } from './chunk-NGYLRX6F.js';
+import { cva } from 'class-variance-authority';
+import { ExternalLink } from 'lucide-react';
+import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var linkVariants = cva(
+  "inline-flex items-center gap-1 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+  {
+    variants: {
+      color: {
+        default: "text-text-primary hover:text-text-primary/80",
+        primary: "text-primary hover:text-primary/80",
+        secondary: "text-secondary hover:text-secondary/80",
+        accent: "text-accent hover:text-accent/80",
+        success: "text-success hover:text-success/80",
+        error: "text-error hover:text-error/80",
+        warning: "text-warning hover:text-warning/80",
+        info: "text-info hover:text-info/80"
+      },
+      size: {
+        xs: "text-xs",
+        sm: "text-sm",
+        md: "text-base",
+        lg: "text-lg"
+      },
+      underline: {
+        always: "underline",
+        hover: "no-underline hover:underline",
+        none: "no-underline"
+      },
+      disabled: {
+        true: "opacity-50 pointer-events-none cursor-not-allowed",
+        false: "cursor-pointer"
+      }
+    },
+    defaultVariants: {
+      color: "default",
+      size: "md",
+      underline: "hover",
+      disabled: false
+    }
+  }
+);
+var Link = React.memo(
+  ({
+    children,
+    color = "default",
+    size = "md",
+    underline = "hover",
+    external = false,
+    showExternalIcon = true,
+    disabled = false,
+    leftIcon,
+    rightIcon,
+    className,
+    classNames,
+    href,
+    ref,
+    onClick,
+    ...props
+  }) => {
+    const handleClick = (e) => {
+      if (disabled) {
+        e.preventDefault();
+        return;
+      }
+      onClick?.(e);
+    };
+    const externalProps = external ? {
+      target: "_blank",
+      rel: "noopener noreferrer"
+    } : {};
+    const showExternalIconRendered = external && showExternalIcon;
+    return /* @__PURE__ */ jsxs(
+      "a",
+      {
+        ref,
+        href: disabled ? void 0 : href,
+        className: cn(
+          "link_root",
+          (leftIcon || rightIcon) && "align-top",
+          linkVariants({
+            color,
+            size,
+            underline,
+            disabled
+          }),
+          classNames?.root,
+          className
+        ),
+        onClick: handleClick,
+        "aria-disabled": disabled || void 0,
+        "data-slot": "root",
+        ...externalProps,
+        ...props,
+        children: [
+          leftIcon && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "link_icon",
+                "inline-flex items-center justify-center shrink-0",
+                iconSizes[size],
+                classNames?.icon
+              ),
+              "data-slot": "icon",
+              children: leftIcon
+            }
+          ),
+          children,
+          rightIcon && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "link_icon",
+                "inline-flex items-center justify-center shrink-0",
+                iconSizes[size],
+                classNames?.icon
+              ),
+              "data-slot": "icon",
+              children: rightIcon
+            }
+          ),
+          showExternalIconRendered && /* @__PURE__ */ jsx(
+            ExternalLink,
+            {
+              className: cn(
+                "link_externalIcon",
+                iconSizes[size],
+                classNames?.externalIcon
+              ),
+              "aria-label": "Opens in new tab",
+              "data-slot": "externalIcon"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Link.displayName = "Link";
+var link_default = Link;
+
+export { link_default };
+//# sourceMappingURL=chunk-DRL4CJMI.js.map
+//# sourceMappingURL=chunk-DRL4CJMI.js.map

package/dist/chunk-DRL4CJMI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/link/index.tsx"],"names":[],"mappings":"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","file":"chunk-DRL4CJMI.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { ExternalLink } from \"lucide-react\";\nimport React from \"react\";\n\nimport { cn, iconSizes } from \"../utils\";\nimport type { LinkProps, LinkSize } from \"./types\";\n\n/**\n * Link variants\n */\nconst linkVariants = cva(\n  \"inline-flex items-center gap-1 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n  {\n    variants: {\n      color: {\n        default: \"text-text-primary hover:text-text-primary/80\",\n        primary: \"text-primary hover:text-primary/80\",\n        secondary: \"text-secondary hover:text-secondary/80\",\n        accent: \"text-accent hover:text-accent/80\",\n        success: \"text-success hover:text-success/80\",\n        error: \"text-error hover:text-error/80\",\n        warning: \"text-warning hover:text-warning/80\",\n        info: \"text-info hover:text-info/80\",\n      },\n      size: {\n        xs: \"text-xs\",\n        sm: \"text-sm\",\n        md: \"text-base\",\n        lg: \"text-lg\",\n      },\n      underline: {\n        always: \"underline\",\n        hover: \"no-underline hover:underline\",\n        none: \"no-underline\",\n      },\n      disabled: {\n        true: \"opacity-50 pointer-events-none cursor-not-allowed\",\n        false: \"cursor-pointer\",\n      },\n    },\n    defaultVariants: {\n      color: \"default\",\n      size: \"md\",\n      underline: \"hover\",\n      disabled: false,\n    },\n  },\n);\n\n/**\n * Link Component\n */\nconst Link = React.memo<LinkProps>(\n  ({\n    children,\n    color = \"default\",\n    size = \"md\",\n    underline = \"hover\",\n    external = false,\n    showExternalIcon = true,\n    disabled = false,\n    leftIcon,\n    rightIcon,\n    className,\n    classNames,\n    href,\n    ref,\n    onClick,\n    ...props\n  }) => {\n    const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n      if (disabled) {\n        e.preventDefault();\n        return;\n      }\n      onClick?.(e);\n    };\n\n    const externalProps = external\n      ? {\n          target: \"_blank\",\n          rel: \"noopener noreferrer\",\n        }\n      : {};\n\n    const showExternalIconRendered = external && showExternalIcon;\n\n    return (\n      <a\n        ref={ref}\n        href={disabled ? undefined : href}\n        className={cn(\n          \"link_root\",\n          (leftIcon || rightIcon) && \"align-top\",\n          linkVariants({\n            color,\n            size,\n            underline,\n            disabled,\n          }),\n          classNames?.root,\n          className,\n        )}\n        onClick={handleClick}\n        aria-disabled={disabled || undefined}\n        data-slot=\"root\"\n        {...externalProps}\n        {...props}\n      >\n        {leftIcon && (\n          <span\n            className={cn(\n              \"link_icon\",\n              \"inline-flex items-center justify-center shrink-0\",\n              iconSizes[size as LinkSize],\n              classNames?.icon,\n            )}\n            data-slot=\"icon\"\n          >\n            {leftIcon}\n          </span>\n        )}\n        {children}\n        {rightIcon && (\n          <span\n            className={cn(\n              \"link_icon\",\n              \"inline-flex items-center justify-center shrink-0\",\n              iconSizes[size as LinkSize],\n              classNames?.icon,\n            )}\n            data-slot=\"icon\"\n          >\n            {rightIcon}\n          </span>\n        )}\n        {showExternalIconRendered && (\n          <ExternalLink\n            className={cn(\n              \"link_externalIcon\",\n              iconSizes[size as LinkSize],\n              classNames?.externalIcon,\n            )}\n            aria-label=\"Opens in new tab\"\n            data-slot=\"externalIcon\"\n          />\n        )}\n      </a>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\n\nexport type * from \"./types\";\nexport default Link;\n"]}

package/dist/{chunk-YAAV7FQG.js → chunk-FJPMIXWU.js}

@@ -253,8 +253,18 @@ var CommandSeparator = ({
   );
 };
 CommandSeparator.displayName = "CommandSeparator";
+var commandSelectedColorClasses = {
+  default: "data-[selected=true]:bg-surface data-[selected=true]:text-text-primary",
+  primary: "data-[selected=true]:bg-primary/10 data-[selected=true]:text-primary",
+  secondary: "data-[selected=true]:bg-secondary/10 data-[selected=true]:text-secondary",
+  accent: "data-[selected=true]:bg-accent/10 data-[selected=true]:text-accent",
+  success: "data-[selected=true]:bg-success/10 data-[selected=true]:text-success",
+  error: "data-[selected=true]:bg-error/10 data-[selected=true]:text-error",
+  warning: "data-[selected=true]:bg-warning/10 data-[selected=true]:text-warning",
+  info: "data-[selected=true]:bg-info/10 data-[selected=true]:text-info"
+};
 var commandItemVariants = cva(
-  "relative flex cursor-default items-center gap-2 rounded-sm outline-hidden select-none text-text-primary data-[selected=true]:bg-primary/10 data-[selected=true]:text-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-text-secondary transition-colors",
+  "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",
   {
     variants: {
       size: {
@@ -272,6 +282,7 @@ var commandItemVariants = cva(
 var CommandItem = ({
   className,
   size = "md",
+  color = "primary",
   classNames,
   ...props
 }) => {
@@ -279,7 +290,7 @@ var CommandItem = ({
     Command$1.Item,
     {
       "data-slot": "command-item",
-      className: cn("command_item", commandItemVariants({ size }), classNames?.item, className),
+      className: cn("command_item", commandItemVariants({ size }), commandSelectedColorClasses[color], classNames?.item, className),
       ...props
     }
   );
@@ -319,5 +330,5 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandModal, CommandSeparator, CommandShortcut };
-//# sourceMappingURL=chunk-YAAV7FQG.js.map
-//# sourceMappingURL=chunk-YAAV7FQG.js.map
+//# sourceMappingURL=chunk-FJPMIXWU.js.map
+//# sourceMappingURL=chunk-FJPMIXWU.js.map

package/dist/chunk-FJPMIXWU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/command/index.tsx"],"names":["CommandPrimitive"],"mappings":"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","file":"chunk-FJPMIXWU.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: 'h-6 py-1 text-xs',\n        sm: 'h-8 py-2 text-sm',\n        md: 'h-10 py-3 text-base',\n        lg: 'h-12 py-4 text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst commandInputWrapperVariants = cva(\n  'flex items-center gap-2 border-b border-border px-3',\n  {\n    variants: {\n      size: {\n        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"]}

package/dist/{chunk-MXDTUN3V.js → chunk-FZLFCT6Q.js}

@@ -1,8 +1,13 @@
+import { focusRingColorClasses } from './chunk-LK4EPTNG.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-all", {
   variants: {
     variant: {
@@ -34,16 +39,12 @@ var cardVariants = cva("rounded-lg transition-all", {
       false: ""
     },
     clickable: {
-      true: "cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
+      true: "cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
       false: ""
-    },
-    bordered: {
-      true: "",
-      false: "border-transparent"
     }
   },
   compoundVariants: [
-    // Default variant with colors - just border color
+    // Default variant with colors
     {
       variant: "default",
       color: "default",
@@ -84,7 +85,7 @@ var cardVariants = cva("rounded-lg transition-all", {
       color: "info",
       class: "bg-card text-card-foreground border-info"
     },
-    // Solid variant - full background color
+    // Solid variant — full background color
     {
       variant: "solid",
       color: "default",
@@ -125,7 +126,7 @@ var cardVariants = cva("rounded-lg transition-all", {
       color: "info",
       class: "bg-info border-info text-background"
     },
-    // Outline variant - colored border, transparent bg
+    // Outline variant
     {
       variant: "outline",
       color: "default",
@@ -166,7 +167,7 @@ var cardVariants = cva("rounded-lg transition-all", {
       color: "info",
       class: "border-info text-text-primary"
     },
-    // Soft variant - subtle background color (like button soft)
+    // Soft variant
     {
       variant: "soft",
       color: "default",
@@ -183,7 +184,7 @@ var cardVariants = cva("rounded-lg transition-all", {
     { variant: "soft", color: "error", class: "bg-error/10 text-error" },
     { variant: "soft", color: "warning", class: "bg-warning/10 text-warning" },
     { variant: "soft", color: "info", class: "bg-info/10 text-info" },
-    // Ghost variant - no bg, no border
+    // Ghost variant
     { variant: "ghost", color: "default", class: "text-text-primary" },
     { variant: "ghost", color: "primary", class: "text-primary" },
     { variant: "ghost", color: "secondary", class: "text-secondary" },
@@ -192,7 +193,7 @@ var cardVariants = cva("rounded-lg transition-all", {
     { variant: "ghost", color: "error", class: "text-error" },
     { variant: "ghost", color: "warning", class: "text-warning" },
     { variant: "ghost", color: "info", class: "text-info" },
-    // Elevated - shadow, no border
+    // Elevated variant
     {
       variant: "elevated",
       color: "default",
@@ -239,8 +240,7 @@ var cardVariants = cva("rounded-lg transition-all", {
     color: "default",
     shadow: "none",
     hoverable: false,
-    clickable: false,
-    bordered: true
+    clickable: false
   }
 });
 var sizeClasses = {
@@ -284,15 +284,20 @@ var Card = React.memo(
         color,
         shadow,
         hoverable,
-        clickable,
-        bordered
+        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(
+      return /* @__PURE__ */ jsx(CardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
         "div",
         {
           ref,
@@ -306,94 +311,121 @@ var Card = React.memo(
               onClick?.(e);
             }
           },
-          "data-slot": "card-root",
+          "data-slot": "root",
           ...props,
           children: cardContent
         }
-      );
+      ) });
     }
-    return /* @__PURE__ */ jsx("div", { ref, className: cardClassName, onClick, "data-slot": "card-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 = React.memo(
-  ({ className, ref, ...props }) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn("card_header", "flex flex-col gap-1.5 p-(--card-padding)", className),
-      "data-slot": "card-header",
-      ...props
-    }
-  )
+  ({ 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 = React.memo(
-  ({ className, as: Tag = "h3", ref, ...props }) => /* @__PURE__ */ jsx(
-    Tag,
-    {
-      ref,
-      className: cn(
-        "card_title",
-        "text-lg font-semibold leading-none tracking-tight",
-        className
-      ),
-      "data-slot": "card-title",
-      ...props
-    }
-  )
+  ({ 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 = React.memo(
-  ({ className, ref, ...props }) => /* @__PURE__ */ jsx(
-    "p",
-    {
-      ref,
-      className: cn("card_description", "text-sm text-text-secondary", className),
-      "data-slot": "card-description",
-      ...props
-    }
-  )
+  ({ 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 = React.memo(
-  ({ className, ref, ...props }) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn("card_content", "p-(--card-content-padding) pt-0", className),
-      "data-slot": "card-content",
-      ...props
-    }
-  )
+  ({ 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 = React.memo(
-  ({ className, ref, ...props }) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(
-        "card_footer",
-        "flex items-center p-(--card-footer-padding) pt-0",
-        className
-      ),
-      "data-slot": "card-footer",
-      ...props
-    }
-  )
+  ({ 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 = React.memo(
-  ({ className, ref, ...props }) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn("card_action", "ml-auto flex items-center gap-2", className),
-      "data-slot": "card-action",
-      ...props
-    }
-  )
+  ({ 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 = {
@@ -418,29 +450,32 @@ var CardImage = React.memo(
     className,
     ref,
     ...props
-  }) => /* @__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], className),
-          "data-slot": "card-image",
-          loading: "lazy",
-          ...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, {
@@ -455,5 +490,5 @@ var CardWithSubComponents = Object.assign(Card, {
 var card_default = CardWithSubComponents;
 
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, cardVariants, card_default };
-//# sourceMappingURL=chunk-MXDTUN3V.js.map
-//# sourceMappingURL=chunk-MXDTUN3V.js.map
+//# sourceMappingURL=chunk-FZLFCT6Q.js.map
+//# sourceMappingURL=chunk-FZLFCT6Q.js.map