@mdigital_ui/ui 0.1.0

package/dist/chunk-4P5EMRFI.js.map

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

package/dist/chunk-5UEWVFF6.js

@@ -0,0 +1,212 @@
+import { cva } from 'class-variance-authority';
+
+// src/variants.ts
+var componentColors = [
+  "default",
+  "primary",
+  "secondary",
+  "accent",
+  "success",
+  "error",
+  "warning",
+  "info"
+];
+var buttonColors = [
+  "primary",
+  "secondary",
+  "accent",
+  "success",
+  "error",
+  "warning",
+  "info"
+];
+function createDefaultColorVariants(colors) {
+  return colors.map((color) => ({
+    variant: "default",
+    color,
+    class: color === "default" ? "bg-background border border-border text-text-primary" : `bg-background border border-${color} text-text-primary`
+  }));
+}
+function createSolidColorVariants(colors) {
+  return colors.map((color) => ({
+    variant: "solid",
+    color,
+    class: color === "default" ? "bg-surface border border-border text-text-primary" : `bg-${color} text-background hover:bg-${color}/90`
+  }));
+}
+function createOutlineColorVariants(colors) {
+  return colors.map((color) => ({
+    variant: "outline",
+    color,
+    class: color === "default" ? "border border-border text-text-primary" : `border border-${color} text-${color} hover:bg-${color}/10`
+  }));
+}
+function createSoftColorVariants(colors) {
+  return colors.map((color) => ({
+    variant: "soft",
+    color,
+    class: color === "default" ? "bg-surface border border-border text-text-primary" : `bg-${color}/10 text-${color}`
+  }));
+}
+function createDashedColorVariants(colors) {
+  return colors.map((color) => ({
+    variant: "dashed",
+    color,
+    class: color === "default" ? "border-dashed border-border text-text-primary" : `border-dashed border-${color} text-${color} hover:bg-${color}/10`
+  }));
+}
+function createLinkColorVariants(colors) {
+  return colors.map((color) => ({
+    variant: "link",
+    color,
+    class: color === "default" ? "text-text-primary hover:text-text-primary/80" : `text-${color} hover:text-${color}/80`
+  }));
+}
+function createGhostColorVariants(colors) {
+  return colors.map((color) => ({
+    variant: "ghost",
+    color,
+    class: color === "default" ? "text-text-primary hover:bg-surface" : `text-${color} hover:bg-${color}/10`
+  }));
+}
+function createAllColorVariants(colors, variants) {
+  const variantGenerators = {
+    default: createDefaultColorVariants,
+    solid: createSolidColorVariants,
+    outline: createOutlineColorVariants,
+    soft: createSoftColorVariants,
+    dashed: createDashedColorVariants,
+    link: createLinkColorVariants,
+    ghost: createGhostColorVariants
+  };
+  return variants.flatMap(
+    (variant) => variantGenerators[variant](
+      colors
+    )
+  );
+}
+var iconColorClasses = {
+  primary: "text-primary",
+  secondary: "text-secondary",
+  accent: "text-accent",
+  success: "text-success",
+  error: "text-error",
+  warning: "text-warning",
+  info: "text-info"
+};
+function getIconColorClass(color) {
+  return iconColorClasses[color];
+}
+var textColorVariants = cva("", {
+  variants: {
+    color: {
+      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"
+    }
+  },
+  defaultVariants: {
+    color: "default"
+  }
+});
+var componentSizeVariants = {
+  sm: "sm",
+  md: "md",
+  lg: "lg",
+  xl: "xl"
+};
+var extendedComponentSizeVariants = {
+  xs: "xs",
+  sm: "sm",
+  md: "md",
+  lg: "lg",
+  xl: "xl"
+};
+var commonSpacing = {
+  "0.5": "0.125rem",
+  // 2px
+  "1": "0.25rem",
+  // 4px
+  "1.5": "0.375rem",
+  // 6px
+  "2": "0.5rem",
+  // 8px
+  "2.5": "0.625rem",
+  // 10px
+  "3": "0.75rem",
+  // 12px
+  "4": "1rem",
+  // 16px
+  "5": "1.25rem",
+  // 20px
+  "6": "1.5rem",
+  // 24px
+  "8": "2rem"
+  // 32px
+};
+function getAccordionColorClass(color, variant) {
+  const colorMap = {
+    default: {
+      default: "border-border bg-background text-text-primary hover:bg-surface",
+      solid: "border-border bg-surface text-text-primary hover:bg-surface/80",
+      soft: "border-border bg-surface/50 text-text-primary hover:bg-surface/70"
+    },
+    primary: {
+      default: "border-primary bg-background text-text-primary hover:bg-primary/5",
+      solid: "border-primary bg-primary text-background hover:bg-primary/90",
+      soft: "border-primary bg-primary/10 text-text-primary hover:bg-primary/20"
+    },
+    secondary: {
+      default: "border-secondary bg-background text-text-primary hover:bg-secondary/5",
+      solid: "border-secondary bg-secondary text-background hover:bg-secondary/90",
+      soft: "border-secondary bg-secondary/10 text-text-primary hover:bg-secondary/20"
+    },
+    accent: {
+      default: "border-accent bg-background text-text-primary hover:bg-accent/5",
+      solid: "border-accent bg-accent text-background hover:bg-accent/90",
+      soft: "border-accent bg-accent/10 text-text-primary hover:bg-accent/20"
+    },
+    success: {
+      default: "border-success bg-background text-text-primary hover:bg-success/5",
+      solid: "border-success bg-success text-background hover:bg-success/90",
+      soft: "border-success bg-success/10 text-text-primary hover:bg-success/20"
+    },
+    error: {
+      default: "border-error bg-background text-text-primary hover:bg-error/5",
+      solid: "border-error bg-error text-background hover:bg-error/90",
+      soft: "border-error bg-error/10 text-text-primary hover:bg-error/20"
+    },
+    warning: {
+      default: "border-warning bg-background text-text-primary hover:bg-warning/5",
+      solid: "border-warning bg-warning text-background hover:bg-warning/90",
+      soft: "border-warning bg-warning/10 text-text-primary hover:bg-warning/20"
+    },
+    info: {
+      default: "border-info bg-background text-text-primary hover:bg-info/5",
+      solid: "border-info bg-info text-background hover:bg-info/90",
+      soft: "border-info bg-info/10 text-text-primary hover:bg-info/20"
+    }
+  };
+  return colorMap[color][variant];
+}
+function getCheckboxColorClass(color) {
+  const colorMap = {
+    primary: "bg-primary border-primary",
+    secondary: "bg-secondary border-secondary",
+    accent: "bg-accent border-accent",
+    success: "bg-success border-success",
+    error: "bg-error border-error",
+    warning: "bg-warning border-warning",
+    info: "bg-info border-info"
+  };
+  return colorMap[color];
+}
+
+export { buttonColors, commonSpacing, componentColors, componentSizeVariants, createAllColorVariants, createDashedColorVariants, createDefaultColorVariants, createGhostColorVariants, createLinkColorVariants, createOutlineColorVariants, createSoftColorVariants, createSolidColorVariants, extendedComponentSizeVariants, getAccordionColorClass, getCheckboxColorClass, getIconColorClass, iconColorClasses, textColorVariants };
+//# sourceMappingURL=chunk-5UEWVFF6.js.map
+//# sourceMappingURL=chunk-5UEWVFF6.js.map

package/dist/chunk-5UEWVFF6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/variants.ts"],"names":[],"mappings":"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","file":"chunk-5UEWVFF6.js","sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\n\nimport type { ButtonColor, ComponentColor } from './types'\n\n// ============================================================================\n// Color Variant Generators\n// ============================================================================\n\n/**\n * Color palette for component variants\n * Maps to Tailwind CSS v4 theme variables (--color-primary, --color-secondary, etc.)\n */\nexport const componentColors = [\n  'default',\n  'primary',\n  'secondary',\n  'accent',\n  'success',\n  'error',\n  'warning',\n  'info',\n] as const\n\nexport const buttonColors = [\n  'primary',\n  'secondary',\n  'accent',\n  'success',\n  'error',\n  'warning',\n  'info',\n] as const\n\n/**\n * Generates compound variants for default style\n * Used by: Badge, Toast, and other components\n *\n * @param colors - Array of color names to generate variants for\n * @returns Array of compound variant objects for cva\n */\nexport function createDefaultColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'default' as const,\n    color: color as ComponentColor | ButtonColor,\n    class:\n      color === 'default'\n        ? 'bg-background border border-border text-text-primary'\n        : `bg-background border border-${color} text-text-primary`,\n  }))\n}\n\n/**\n * Generates compound variants for solid color style\n * Used by: Button, Badge, Accordion, Toast\n *\n * @param colors - Array of color names to generate variants for\n * @returns Array of compound variant objects for cva\n */\nexport function createSolidColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'solid' as const,\n    color: color as ComponentColor | ButtonColor,\n    class:\n      color === 'default'\n        ? 'bg-surface border border-border text-text-primary'\n        : `bg-${color} text-background hover:bg-${color}/90`,\n  }))\n}\n\n/**\n * Generates compound variants for outline color style\n * Used by: Button, Badge, Accordion\n *\n * @param colors - Array of color names to generate variants for\n * @returns Array of compound variant objects for cva\n */\nexport function createOutlineColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'outline' as const,\n    color: color as ComponentColor | ButtonColor,\n    class:\n      color === 'default'\n        ? 'border border-border text-text-primary'\n        : `border border-${color} text-${color} hover:bg-${color}/10`,\n  }))\n}\n\n/**\n * Generates compound variants for soft/subtle color style\n * Used by: Badge, Accordion, Toast\n *\n * @param colors - Array of color names to generate variants for\n * @returns Array of compound variant objects for cva\n */\nexport function createSoftColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'soft' as const,\n    color: color as ComponentColor | ButtonColor,\n    class:\n      color === 'default'\n        ? 'bg-surface border border-border text-text-primary'\n        : `bg-${color}/10 text-${color}`,\n  }))\n}\n\n/**\n * Generates compound variants for dashed border color style\n * Used by: Button\n *\n * @param colors - Array of color names to generate variants for\n * @returns Array of compound variant objects for cva\n */\nexport function createDashedColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'dashed' as const,\n    color: color as ComponentColor | ButtonColor,\n    class:\n      color === 'default'\n        ? 'border-dashed border-border text-text-primary'\n        : `border-dashed border-${color} text-${color} hover:bg-${color}/10`,\n  }))\n}\n\n/**\n * Generates compound variants for link/text-only color style\n * Used by: Button, Breadcrumbs\n *\n * @param colors - Array of color names to generate variants for\n * @returns Array of compound variant objects for cva\n */\nexport function createLinkColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'link' as const,\n    color: color as ComponentColor | ButtonColor,\n    class:\n      color === 'default'\n        ? 'text-text-primary hover:text-text-primary/80'\n        : `text-${color} hover:text-${color}/80`,\n  }))\n}\n\n/**\n * Generates compound variants for ghost (borderless) color style\n * Used by: Button, Table\n *\n * @param colors - Array of color names to generate variants for\n * @returns Array of compound variant objects for cva\n */\nexport function createGhostColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'ghost' as const,\n    color: color as ComponentColor | ButtonColor,\n    class:\n      color === 'default'\n        ? 'text-text-primary hover:bg-surface'\n        : `text-${color} hover:bg-${color}/10`,\n  }))\n}\n\n/**\n * Complete color variant generator for components with multiple style variants\n * Combines all color variant generators into a single array\n *\n * @example\n * const buttonVariants = cva(\"base-classes\", {\n *   variants: {\n *     variant: { solid: \"\", outline: \"\", ghost: \"\" },\n *     color: { primary: \"\", secondary: \"\", ... }\n *   },\n *   compoundVariants: createAllColorVariants(buttonColors, ['solid', 'outline', 'ghost'])\n * })\n */\nexport function createAllColorVariants(\n  colors: readonly string[],\n  variants: Array<\n    'default' | 'solid' | 'outline' | 'soft' | 'dashed' | 'link' | 'ghost'\n  >,\n): any {\n  const variantGenerators = {\n    default: createDefaultColorVariants,\n    solid: createSolidColorVariants,\n    outline: createOutlineColorVariants,\n    soft: createSoftColorVariants,\n    dashed: createDashedColorVariants,\n    link: createLinkColorVariants,\n    ghost: createGhostColorVariants,\n  }\n\n  return variants.flatMap(\n    (variant) =>\n      variantGenerators[variant as keyof typeof variantGenerators](\n        colors,\n      ) as any,\n  )\n}\n\n// ============================================================================\n// Shared Icon Variants\n// ============================================================================\n\n/**\n * Icon color variants mapped to component colors\n * Used by: Checkbox, Radio, and other components with colored icons\n *\n * Maps to Tailwind utilities: text-primary, text-secondary, etc.\n * Generated from theme variables: --color-primary, --color-secondary, etc.\n */\nexport const iconColorClasses = {\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} as const\n\n/**\n * Helper to get icon color class for a given color\n */\nexport function getIconColorClass(color: ButtonColor): string {\n  return iconColorClasses[color]\n}\n\n// ============================================================================\n// Shared Text Color Variants\n// ============================================================================\n\n/**\n * Text-only color variants (no background)\n * Used by: Breadcrumbs, Text components, Labels\n */\nexport const textColorVariants = cva('', {\n  variants: {\n    color: {\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  },\n  defaultVariants: {\n    color: 'default',\n  },\n})\n\nexport type TextColorVariants = VariantProps<typeof textColorVariants>\n\n// ============================================================================\n// Shared Size Variants\n// ============================================================================\n\n/**\n * Standard component size scale (4 sizes)\n * Used by: Button, Input, Select, Textarea, most form components\n */\nexport const componentSizeVariants = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n  xl: 'xl',\n} as const\n\n/**\n * Extended component size scale (5 sizes)\n * Used by: Components that need extra small sizing\n */\nexport const extendedComponentSizeVariants = {\n  xs: 'xs',\n  sm: 'sm',\n  md: 'md',\n  lg: 'lg',\n  xl: 'xl',\n} as const\n\n// ============================================================================\n// Shared Spacing Utilities\n// ============================================================================\n\n/**\n * Common spacing values for consistent gaps, padding, and margins\n * Maps to Tailwind spacing scale\n *\n * Note: These are standard Tailwind values. For component-specific spacing,\n * use CSS custom properties defined in index.css (e.g., --button-padding-x-sm)\n */\nexport const commonSpacing = {\n  '0.5': '0.125rem', // 2px\n  '1': '0.25rem', // 4px\n  '1.5': '0.375rem', // 6px\n  '2': '0.5rem', // 8px\n  '2.5': '0.625rem', // 10px\n  '3': '0.75rem', // 12px\n  '4': '1rem', // 16px\n  '5': '1.25rem', // 20px\n  '6': '1.5rem', // 24px\n  '8': '2rem', // 32px\n} as const\n\n// ============================================================================\n// Component-Specific Variant Generators\n// ============================================================================\n\n/**\n * Accordion color style generator\n * Generates variant, color, and hover state combinations\n *\n * @param color - Component color\n * @param variant - Style variant (default, solid, soft)\n * @returns Combined class string\n */\nexport function getAccordionColorClass(\n  color: ComponentColor,\n  variant: 'default' | 'solid' | 'soft',\n): string {\n  const colorMap = {\n    default: {\n      default: 'border-border bg-background text-text-primary hover:bg-surface',\n      solid: 'border-border bg-surface text-text-primary hover:bg-surface/80',\n      soft: 'border-border bg-surface/50 text-text-primary hover:bg-surface/70',\n    },\n    primary: {\n      default:\n        'border-primary bg-background text-text-primary hover:bg-primary/5',\n      solid: 'border-primary bg-primary text-background hover:bg-primary/90',\n      soft: 'border-primary bg-primary/10 text-text-primary hover:bg-primary/20',\n    },\n    secondary: {\n      default:\n        'border-secondary bg-background text-text-primary hover:bg-secondary/5',\n      solid:\n        'border-secondary bg-secondary text-background hover:bg-secondary/90',\n      soft: 'border-secondary bg-secondary/10 text-text-primary hover:bg-secondary/20',\n    },\n    accent: {\n      default:\n        'border-accent bg-background text-text-primary hover:bg-accent/5',\n      solid: 'border-accent bg-accent text-background hover:bg-accent/90',\n      soft: 'border-accent bg-accent/10 text-text-primary hover:bg-accent/20',\n    },\n    success: {\n      default:\n        'border-success bg-background text-text-primary hover:bg-success/5',\n      solid: 'border-success bg-success text-background hover:bg-success/90',\n      soft: 'border-success bg-success/10 text-text-primary hover:bg-success/20',\n    },\n    error: {\n      default: 'border-error bg-background text-text-primary hover:bg-error/5',\n      solid: 'border-error bg-error text-background hover:bg-error/90',\n      soft: 'border-error bg-error/10 text-text-primary hover:bg-error/20',\n    },\n    warning: {\n      default:\n        'border-warning bg-background text-text-primary hover:bg-warning/5',\n      solid: 'border-warning bg-warning text-background hover:bg-warning/90',\n      soft: 'border-warning bg-warning/10 text-text-primary hover:bg-warning/20',\n    },\n    info: {\n      default: 'border-info bg-background text-text-primary hover:bg-info/5',\n      solid: 'border-info bg-info text-background hover:bg-info/90',\n      soft: 'border-info bg-info/10 text-text-primary hover:bg-info/20',\n    },\n  }\n\n  return colorMap[color][variant]\n}\n\n/**\n * Checkbox/Radio indeterminate/checked state color generator\n * Generates background color for checked state with proper contrast\n *\n * @param color - Component color\n * @returns Background class string\n */\nexport function getCheckboxColorClass(color: ButtonColor): string {\n  const colorMap = {\n    primary: 'bg-primary border-primary',\n    secondary: 'bg-secondary border-secondary',\n    accent: 'bg-accent border-accent',\n    success: 'bg-success border-success',\n    error: 'bg-error border-error',\n    warning: 'bg-warning border-warning',\n    info: 'bg-info border-info',\n  }\n\n  return colorMap[color]\n}\n\n// ============================================================================\n// Export Usage Note\n// ============================================================================\n\n/**\n * To use these utilities in your components:\n *\n * @example Button component\n * import { createAllColorVariants, buttonColors } from \"../variants\";\n * compoundVariants: createAllColorVariants(buttonColors, ['solid', 'outline', 'dashed', 'link', 'ghost'])\n *\n * @example Badge component\n * import { createAllColorVariants, componentColors } from \"../variants\";\n * compoundVariants: createAllColorVariants(componentColors, ['solid', 'outline', 'soft'])\n */\n"]}

package/dist/chunk-5VCGW53O.js

@@ -0,0 +1,332 @@
+import { cn } from './chunk-YNNAOXU5.js';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { XIcon } from 'lucide-react';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Modal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Root,
+    {
+      "data-slot": "modal",
+      ...props
+    }
+  );
+}
+function ModalTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Trigger,
+    {
+      "data-slot": "modal-trigger",
+      ...props
+    }
+  );
+}
+function ModalPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Portal,
+    {
+      "data-slot": "modal-portal",
+      ...props
+    }
+  );
+}
+function ModalClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Close,
+    {
+      "data-slot": "modal-close",
+      ...props
+    }
+  );
+}
+var modalOverlayVariants = cva(
+  "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/20 backdrop-blur-sm",
+  {
+    variants: {
+      opacity: {
+        light: "bg-opacity-30",
+        medium: "bg-opacity-50",
+        heavy: "bg-opacity-70"
+      }
+    },
+    defaultVariants: {
+      opacity: "medium"
+    }
+  }
+);
+function ModalOverlay({
+  className,
+  opacity = "medium",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "modal-overlay",
+      className: cn(modalOverlayVariants({ opacity }), className),
+      ...props
+    }
+  );
+}
+var modalContentVariants = cva(
+  "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-md border duration-200",
+  {
+    variants: {
+      size: {
+        xs: "max-w-xs gap-3 p-4 sm:max-w-xs",
+        sm: "max-w-sm gap-3 p-4 sm:max-w-sm",
+        md: "max-w-md gap-4 p-6 sm:max-w-md",
+        lg: "max-w-lg gap-5 p-8 sm:max-w-lg"
+      },
+      color: {
+        default: "border-border",
+        primary: "border-primary border-l-4",
+        secondary: "border-secondary border-l-4",
+        accent: "border-accent border-l-4",
+        success: "border-success border-l-4",
+        error: "border-error border-l-4",
+        warning: "border-warning border-l-4",
+        info: "border-info border-l-4"
+      },
+      centered: {
+        true: "text-center",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      color: "default",
+      centered: false
+    }
+  }
+);
+var modalCloseVariants = cva(
+  "absolute right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:pointer-events-none text-text-muted hover:text-text-primary [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      size: {
+        xs: "top-3 [&_svg]:size-3.5",
+        sm: "top-3 [&_svg]:size-3.5",
+        md: "top-4 [&_svg]:size-4",
+        lg: "top-6 [&_svg]:size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function ModalContent({
+  className,
+  children,
+  showCloseButton = true,
+  size = "md",
+  color = "default",
+  centered = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(ModalPortal, { "data-slot": "modal-portal", children: [
+    /* @__PURE__ */ jsx(ModalOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "modal-content",
+        className: cn(
+          modalContentVariants({ size, color, centered }),
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "modal-close",
+              className: modalCloseVariants({ size }),
+              children: [
+                /* @__PURE__ */ jsx(XIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+var modalHeaderVariants = cva("flex flex-col text-text-primary", {
+  variants: {
+    size: {
+      xs: "gap-1.5",
+      sm: "gap-1.5",
+      md: "gap-2",
+      lg: "gap-3"
+    },
+    color: {
+      default: "",
+      primary: "border-l-primary",
+      secondary: "border-l-secondary",
+      success: "border-l-success",
+      error: "border-l-error",
+      accent: "border-l-accent",
+      warning: "border-l-warning",
+      info: "border-l-info"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "default"
+  }
+});
+var ModalHeader = React.memo(function ModalHeader2({
+  className,
+  size = "md",
+  color = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "modal-header",
+      className: cn(modalHeaderVariants({ size, color }), className),
+      ...props
+    }
+  );
+});
+var modalFooterVariants = cva(
+  "flex flex-col-reverse sm:flex-row sm:justify-end",
+  {
+    variants: {
+      size: {
+        xs: "gap-1.5",
+        sm: "gap-1.5",
+        md: "gap-2",
+        lg: "gap-3"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var ModalFooter = React.memo(function ModalFooter2({ className, size = "md", ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "modal-footer",
+      className: cn(modalFooterVariants({ size }), className),
+      ...props
+    }
+  );
+});
+var modalTitleVariants = cva("leading-none font-semibold text-text-primary", {
+  variants: {
+    size: {
+      xs: "text-base",
+      sm: "text-base",
+      md: "text-lg",
+      lg: "text-2xl"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var ModalTitle = React.memo(function ModalTitle2({ className, size = "md", ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "modal-title",
+      className: cn(modalTitleVariants({ size }), className),
+      ...props
+    }
+  );
+});
+var modalDescriptionVariants = cva("text-text-muted", {
+  variants: {
+    size: {
+      xs: "text-xs",
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var ModalDescription = React.memo(function ModalDescription2({ className, size = "md", ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "modal-description",
+      className: cn(modalDescriptionVariants({ size }), className),
+      ...props
+    }
+  );
+});
+function ComposedModal({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+  footer,
+  size = "md",
+  color = "default",
+  centered = false,
+  showCloseButton = true,
+  hideHeader = false,
+  hideFooter = false,
+  className,
+  contentClassName
+}) {
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      open,
+      onOpenChange,
+      children: /* @__PURE__ */ jsxs(
+        ModalContent,
+        {
+          size,
+          color,
+          centered,
+          showCloseButton,
+          className: contentClassName,
+          children: [
+            !hideHeader && (title || description) && /* @__PURE__ */ jsxs(
+              ModalHeader,
+              {
+                size,
+                color,
+                className,
+                children: [
+                  title && /* @__PURE__ */ jsx(ModalTitle, { size, children: title }),
+                  description && /* @__PURE__ */ jsx(ModalDescription, { size, children: description })
+                ]
+              }
+            ),
+            children,
+            !hideFooter && footer && /* @__PURE__ */ jsx(ModalFooter, { size, children: footer })
+          ]
+        }
+      )
+    }
+  );
+}
+var modal_default = ComposedModal;
+
+export { Modal, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, modal_default };
+//# sourceMappingURL=chunk-5VCGW53O.js.map
+//# sourceMappingURL=chunk-5VCGW53O.js.map

package/dist/chunk-5VCGW53O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal/index.tsx"],"names":["ModalHeader","ModalFooter","ModalTitle","ModalDescription"],"mappings":";;;;;;;AAQA,SAAS,KAAA,CAAM;AAAA,EACb,GAAG;AACL,CAAA,EAAsD;AACpD,EAAA,uBACE,GAAA;AAAA,IAAiB,eAAA,CAAA,IAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,YAAA,CAAa;AAAA,EACpB,GAAG;AACL,CAAA,EAAyD;AACvD,EAAA,uBACE,GAAA;AAAA,IAAiB,eAAA,CAAA,OAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAA,CAAY;AAAA,EACnB,GAAG;AACL,CAAA,EAAwD;AACtD,EAAA,uBACE,GAAA;AAAA,IAAiB,eAAA,CAAA,MAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,UAAA,CAAW;AAAA,EAClB,GAAG;AACL,CAAA,EAAuD;AACrD,EAAA,uBACE,GAAA;AAAA,IAAiB,eAAA,CAAA,KAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,IAAM,oBAAA,GAAuB,GAAA;AAAA,EAC3B,yKAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,eAAA;AAAA,QACP,MAAA,EAAQ,eAAA;AAAA,QACR,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEA,SAAS,YAAA,CAAa;AAAA,EACpB,SAAA;AAAA,EACA,OAAA,GAAU,QAAA;AAAA,EACV,GAAG;AACL,CAAA,EAEG;AACD,EAAA,uBACE,GAAA;AAAA,IAAiB,eAAA,CAAA,OAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,WAAW,EAAA,CAAG,oBAAA,CAAqB,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACzD,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,IAAM,oBAAA,GAAuB,GAAA;AAAA,EAC3B,6UAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,gCAAA;AAAA,QACJ,EAAA,EAAI,gCAAA;AAAA,QACJ,EAAA,EAAI,gCAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,eAAA;AAAA,QACT,OAAA,EAAS,2BAAA;AAAA,QACT,SAAA,EAAW,6BAAA;AAAA,QACX,MAAA,EAAQ,0BAAA;AAAA,QACR,OAAA,EAAS,2BAAA;AAAA,QACT,KAAA,EAAO,yBAAA;AAAA,QACP,OAAA,EAAS,2BAAA;AAAA,QACT,IAAA,EAAM;AAAA,OACR;AAAA,MACA,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,aAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO,SAAA;AAAA,MACP,QAAA,EAAU;AAAA;AACZ;AAEJ,CAAA;AAEA,IAAM,kBAAA,GAAqB,GAAA;AAAA,EACzB,wQAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI,wBAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,SAAS,YAAA,CAAa;AAAA,EACpB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA,GAAkB,IAAA;AAAA,EAClB,IAAA,GAAO,IAAA;AAAA,EACP,KAAA,GAAQ,SAAA;AAAA,EACR,QAAA,GAAW,KAAA;AAAA,EACX,GAAG;AACL,CAAA,EAKG;AACD,EAAA,uBACE,IAAA,CAAC,WAAA,EAAA,EAAY,WAAA,EAAU,cAAA,EACrB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA;AAAA,oBACd,IAAA;AAAA,MAAiB,eAAA,CAAA,OAAA;AAAA,MAAhB;AAAA,QACC,WAAA,EAAU,eAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,oBAAA,CAAqB,EAAE,IAAA,EAAM,KAAA,EAAO,UAAU,CAAA;AAAA,UAC9C;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,eAAA,oBACC,IAAA;AAAA,YAAiB,eAAA,CAAA,KAAA;AAAA,YAAhB;AAAA,cACC,WAAA,EAAU,aAAA;AAAA,cACV,SAAA,EAAW,kBAAA,CAAmB,EAAE,IAAA,EAAM,CAAA;AAAA,cAEtC,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,KAAA,EAAA,EAAM,CAAA;AAAA,gCACP,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,OAAA,EAAK;AAAA;AAAA;AAAA;AACjC;AAAA;AAAA;AAEJ,GAAA,EACF,CAAA;AAEJ;AAEA,IAAM,mBAAA,GAAsB,IAAI,iCAAA,EAAmC;AAAA,EACjE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,OAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,kBAAA;AAAA,MACT,SAAA,EAAW,oBAAA;AAAA,MACX,OAAA,EAAS,kBAAA;AAAA,MACT,KAAA,EAAO,gBAAA;AAAA,MACP,MAAA,EAAQ,iBAAA;AAAA,MACR,OAAA,EAAS,kBAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAID,IAAM,WAAA,GAAoB,KAAA,CAAA,IAAA,CAKxB,SAASA,YAAAA,CAAY;AAAA,EACrB,SAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,KAAA,GAAQ,SAAA;AAAA,EACR,GAAG;AACL,CAAA,EAAG;AACD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,GAAG,mBAAA,CAAoB,EAAE,MAAM,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,MAC5D,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,IAAM,mBAAA,GAAsB,GAAA;AAAA,EAC1B,kDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,OAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAEA,IAAM,WAAA,GAAoB,KAAA,CAAA,IAAA,CAIxB,SAASC,YAAAA,CAAY,EAAE,WAAW,IAAA,GAAO,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG;AAC3D,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,WAAW,EAAA,CAAG,mBAAA,CAAoB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACrD,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,IAAM,kBAAA,GAAqB,IAAI,8CAAA,EAAgD;AAAA,EAC7E,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,WAAA;AAAA,MACJ,EAAA,EAAI,WAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,IAAM,UAAA,GAAmB,KAAA,CAAA,IAAA,CAIvB,SAASC,WAAAA,CAAW,EAAE,WAAW,IAAA,GAAO,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG;AAC1D,EAAA,uBACE,GAAA;AAAA,IAAiB,eAAA,CAAA,KAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,WAAW,EAAA,CAAG,kBAAA,CAAmB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MACpD,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,IAAM,wBAAA,GAA2B,IAAI,iBAAA,EAAmB;AAAA,EACtD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAED,IAAM,gBAAA,GAAyB,KAAA,CAAA,IAAA,CAI7B,SAASC,iBAAAA,CAAiB,EAAE,WAAW,IAAA,GAAO,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG;AAChE,EAAA,uBACE,GAAA;AAAA,IAAiB,eAAA,CAAA,WAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,WAAW,EAAA,CAAG,wBAAA,CAAyB,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC1D,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AAED,SAAS,aAAA,CAAc;AAAA,EACrB,IAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,KAAA,GAAQ,SAAA;AAAA,EACR,QAAA,GAAW,KAAA;AAAA,EACX,eAAA,GAAkB,IAAA;AAAA,EAClB,UAAA,GAAa,KAAA;AAAA,EACb,UAAA,GAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,YAAA;AAAA,MAEA,QAAA,kBAAA,IAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,eAAA;AAAA,UACA,SAAA,EAAW,gBAAA;AAAA,UAEV,QAAA,EAAA;AAAA,YAAA,CAAC,UAAA,KAAe,SAAS,WAAA,CAAA,oBACxB,IAAA;AAAA,cAAC,WAAA;AAAA,cAAA;AAAA,gBACC,IAAA;AAAA,gBACA,KAAA;AAAA,gBACA,SAAA;AAAA,gBAEC,QAAA,EAAA;AAAA,kBAAA,KAAA,oBAAS,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAa,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,kBACxC,WAAA,oBACC,GAAA,CAAC,gBAAA,EAAA,EAAiB,IAAA,EAAa,QAAA,EAAA,WAAA,EAAY;AAAA;AAAA;AAAA,aAE/C;AAAA,YAED,QAAA;AAAA,YACA,CAAC,UAAA,IAAc,MAAA,oBACd,GAAA,CAAC,WAAA,EAAA,EAAY,MAAa,QAAA,EAAA,MAAA,EAAO;AAAA;AAAA;AAAA;AAErC;AAAA,GACF;AAEJ;AAeA,IAAO,aAAA,GAAQ","file":"chunk-5VCGW53O.js","sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { cva } from 'class-variance-authority'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\n\nimport { cn } from '../utils'\nimport type { ComposedModalProps, ModalColor, ModalSize } from './types'\n\nfunction Modal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return (\n    <DialogPrimitive.Root\n      data-slot=\"modal\"\n      {...props}\n    />\n  )\n}\n\nfunction ModalTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return (\n    <DialogPrimitive.Trigger\n      data-slot=\"modal-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction ModalPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return (\n    <DialogPrimitive.Portal\n      data-slot=\"modal-portal\"\n      {...props}\n    />\n  )\n}\n\nfunction ModalClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return (\n    <DialogPrimitive.Close\n      data-slot=\"modal-close\"\n      {...props}\n    />\n  )\n}\n\nconst modalOverlayVariants = cva(\n  'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/20 backdrop-blur-sm',\n  {\n    variants: {\n      opacity: {\n        light: 'bg-opacity-30',\n        medium: 'bg-opacity-50',\n        heavy: 'bg-opacity-70',\n      },\n    },\n    defaultVariants: {\n      opacity: 'medium',\n    },\n  },\n)\n\nfunction ModalOverlay({\n  className,\n  opacity = 'medium',\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay> & {\n  opacity?: 'light' | 'medium' | 'heavy'\n}) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"modal-overlay\"\n      className={cn(modalOverlayVariants({ opacity }), className)}\n      {...props}\n    />\n  )\n}\n\nconst modalContentVariants = cva(\n  'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-md border duration-200',\n  {\n    variants: {\n      size: {\n        xs: 'max-w-xs gap-3 p-4 sm:max-w-xs',\n        sm: 'max-w-sm gap-3 p-4 sm:max-w-sm',\n        md: 'max-w-md gap-4 p-6 sm:max-w-md',\n        lg: 'max-w-lg gap-5 p-8 sm:max-w-lg',\n      },\n      color: {\n        default: 'border-border',\n        primary: 'border-primary border-l-4',\n        secondary: 'border-secondary border-l-4',\n        accent: 'border-accent border-l-4',\n        success: 'border-success border-l-4',\n        error: 'border-error border-l-4',\n        warning: 'border-warning border-l-4',\n        info: 'border-info border-l-4',\n      },\n      centered: {\n        true: 'text-center',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      color: 'default',\n      centered: false,\n    },\n  },\n)\n\nconst modalCloseVariants = cva(\n  'absolute right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:pointer-events-none text-text-muted hover:text-text-primary [&_svg]:pointer-events-none [&_svg]:shrink-0',\n  {\n    variants: {\n      size: {\n        xs: 'top-3 [&_svg]:size-3.5',\n        sm: 'top-3 [&_svg]:size-3.5',\n        md: 'top-4 [&_svg]:size-4',\n        lg: 'top-6 [&_svg]:size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nfunction ModalContent({\n  className,\n  children,\n  showCloseButton = true,\n  size = 'md',\n  color = 'default',\n  centered = false,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n  size?: ModalSize\n  color?: ModalColor\n  centered?: boolean\n}) {\n  return (\n    <ModalPortal data-slot=\"modal-portal\">\n      <ModalOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"modal-content\"\n        className={cn(\n          modalContentVariants({ size, color, centered }),\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"modal-close\"\n            className={modalCloseVariants({ size })}\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </ModalPortal>\n  )\n}\n\nconst modalHeaderVariants = cva('flex flex-col text-text-primary', {\n  variants: {\n    size: {\n      xs: 'gap-1.5',\n      sm: 'gap-1.5',\n      md: 'gap-2',\n      lg: 'gap-3',\n    },\n    color: {\n      default: '',\n      primary: 'border-l-primary',\n      secondary: 'border-l-secondary',\n      success: 'border-l-success',\n      error: 'border-l-error',\n      accent: 'border-l-accent',\n      warning: 'border-l-warning',\n      info: 'border-l-info',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'default',\n  },\n})\n\n// Performance optimization: Memoize Modal subcomponents to prevent unnecessary\n// re-renders when modal state changes but subcomponent props haven't changed\nconst ModalHeader = React.memo<\n  React.ComponentProps<'div'> & {\n    size?: ModalSize\n    color?: ModalColor\n  }\n>(function ModalHeader({\n  className,\n  size = 'md',\n  color = 'default',\n  ...props\n}) {\n  return (\n    <div\n      data-slot=\"modal-header\"\n      className={cn(modalHeaderVariants({ size, color }), className)}\n      {...props}\n    />\n  )\n})\n\nconst modalFooterVariants = cva(\n  'flex flex-col-reverse sm:flex-row sm:justify-end',\n  {\n    variants: {\n      size: {\n        xs: 'gap-1.5',\n        sm: 'gap-1.5',\n        md: 'gap-2',\n        lg: 'gap-3',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst ModalFooter = React.memo<\n  React.ComponentProps<'div'> & {\n    size?: ModalSize\n  }\n>(function ModalFooter({ className, size = 'md', ...props }) {\n  return (\n    <div\n      data-slot=\"modal-footer\"\n      className={cn(modalFooterVariants({ size }), className)}\n      {...props}\n    />\n  )\n})\n\nconst modalTitleVariants = cva('leading-none font-semibold text-text-primary', {\n  variants: {\n    size: {\n      xs: 'text-base',\n      sm: 'text-base',\n      md: 'text-lg',\n      lg: 'text-2xl',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst ModalTitle = React.memo<\n  React.ComponentProps<typeof DialogPrimitive.Title> & {\n    size?: ModalSize\n  }\n>(function ModalTitle({ className, size = 'md', ...props }) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"modal-title\"\n      className={cn(modalTitleVariants({ size }), className)}\n      {...props}\n    />\n  )\n})\n\nconst modalDescriptionVariants = cva('text-text-muted', {\n  variants: {\n    size: {\n      xs: 'text-xs',\n      sm: 'text-xs',\n      md: 'text-sm',\n      lg: 'text-base',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n})\n\nconst ModalDescription = React.memo<\n  React.ComponentProps<typeof DialogPrimitive.Description> & {\n    size?: ModalSize\n  }\n>(function ModalDescription({ className, size = 'md', ...props }) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"modal-description\"\n      className={cn(modalDescriptionVariants({ size }), className)}\n      {...props}\n    />\n  )\n})\n\nfunction ComposedModal({\n  open,\n  onOpenChange,\n  title,\n  description,\n  children,\n  footer,\n  size = 'md',\n  color = 'default',\n  centered = false,\n  showCloseButton = true,\n  hideHeader = false,\n  hideFooter = false,\n  className,\n  contentClassName,\n}: ComposedModalProps) {\n  return (\n    <Modal\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <ModalContent\n        size={size}\n        color={color}\n        centered={centered}\n        showCloseButton={showCloseButton}\n        className={contentClassName}\n      >\n        {!hideHeader && (title || description) && (\n          <ModalHeader\n            size={size}\n            color={color}\n            className={className}\n          >\n            {title && <ModalTitle size={size}>{title}</ModalTitle>}\n            {description && (\n              <ModalDescription size={size}>{description}</ModalDescription>\n            )}\n          </ModalHeader>\n        )}\n        {children}\n        {!hideFooter && footer && (\n          <ModalFooter size={size}>{footer}</ModalFooter>\n        )}\n      </ModalContent>\n    </Modal>\n  )\n}\n\nexport type * from './types'\nexport {\n  Modal,\n  ModalClose,\n  ModalContent,\n  ModalDescription,\n  ModalFooter,\n  ModalHeader,\n  ModalOverlay,\n  ModalPortal,\n  ModalTitle,\n  ModalTrigger,\n}\nexport default ComposedModal\n"]}