@mdigital_ui/ui 0.3.8 → 0.4.0

package/dist/chunk-LK4EPTNG.js

@@ -1,445 +0,0 @@
-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"
-];
-var defaultVariantClasses = {
-  default: "bg-background border border-border text-text-primary",
-  primary: "bg-background border border-primary text-text-primary",
-  secondary: "bg-background border border-secondary text-text-primary",
-  accent: "bg-background border border-accent text-text-primary",
-  success: "bg-background border border-success text-text-primary",
-  error: "bg-background border border-error text-text-primary",
-  warning: "bg-background border border-warning text-text-primary",
-  info: "bg-background border border-info text-text-primary"
-};
-function createDefaultColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "default",
-    color,
-    class: defaultVariantClasses[color]
-  }));
-}
-var solidVariantClasses = {
-  default: "bg-surface border border-border text-text-primary",
-  primary: "bg-primary text-background hover:bg-primary/90",
-  secondary: "bg-secondary text-background hover:bg-secondary/90",
-  accent: "bg-accent text-background hover:bg-accent/90",
-  success: "bg-success text-background hover:bg-success/90",
-  error: "bg-error text-background hover:bg-error/90",
-  warning: "bg-warning text-background hover:bg-warning/90",
-  info: "bg-info text-background hover:bg-info/90"
-};
-function createSolidColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "solid",
-    color,
-    class: solidVariantClasses[color]
-  }));
-}
-var outlineVariantClasses = {
-  default: "border border-border text-text-primary",
-  primary: "border border-primary text-primary hover:bg-primary/10",
-  secondary: "border border-secondary text-secondary hover:bg-secondary/10",
-  accent: "border border-accent text-accent hover:bg-accent/10",
-  success: "border border-success text-success hover:bg-success/10",
-  error: "border border-error text-error hover:bg-error/10",
-  warning: "border border-warning text-warning hover:bg-warning/10",
-  info: "border border-info text-info hover:bg-info/10"
-};
-function createOutlineColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "outline",
-    color,
-    class: outlineVariantClasses[color]
-  }));
-}
-var softVariantClasses = {
-  default: "bg-surface border border-border 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"
-};
-function createSoftColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "soft",
-    color,
-    class: softVariantClasses[color]
-  }));
-}
-var dashedVariantClasses = {
-  default: "border-dashed border-border text-text-primary",
-  primary: "border-dashed border-primary text-primary hover:bg-primary/10",
-  secondary: "border-dashed border-secondary text-secondary hover:bg-secondary/10",
-  accent: "border-dashed border-accent text-accent hover:bg-accent/10",
-  success: "border-dashed border-success text-success hover:bg-success/10",
-  error: "border-dashed border-error text-error hover:bg-error/10",
-  warning: "border-dashed border-warning text-warning hover:bg-warning/10",
-  info: "border-dashed border-info text-info hover:bg-info/10"
-};
-function createDashedColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "dashed",
-    color,
-    class: dashedVariantClasses[color]
-  }));
-}
-var linkVariantClasses = {
-  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"
-};
-function createLinkColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "link",
-    color,
-    class: linkVariantClasses[color]
-  }));
-}
-var ghostVariantClasses = {
-  default: "text-text-primary hover:bg-surface",
-  primary: "text-primary hover:bg-primary/10",
-  secondary: "text-secondary hover:bg-secondary/10",
-  accent: "text-accent hover:bg-accent/10",
-  success: "text-success hover:bg-success/10",
-  error: "text-error hover:bg-error/10",
-  warning: "text-warning hover:bg-warning/10",
-  info: "text-info hover:bg-info/10"
-};
-function createGhostColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "ghost",
-    color,
-    class: ghostVariantClasses[color]
-  }));
-}
-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 textColorClasses = {
-  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"
-};
-var bgSkeletonColorClasses = {
-  default: "bg-surface",
-  primary: "bg-primary/50",
-  secondary: "bg-secondary/50",
-  accent: "bg-accent/50",
-  success: "bg-success/50",
-  error: "bg-error/50",
-  warning: "bg-warning/50",
-  info: "bg-info/50"
-};
-var focusRingColorClasses = {
-  default: "focus-visible:ring-border",
-  primary: "focus-visible:ring-primary",
-  secondary: "focus-visible:ring-secondary",
-  accent: "focus-visible:ring-accent",
-  success: "focus-visible:ring-success",
-  error: "focus-visible:ring-error",
-  warning: "focus-visible:ring-warning",
-  info: "focus-visible:ring-info"
-};
-var checkedColorClasses = {
-  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"
-};
-var switchTrackColorClasses = {
-  primary: "bg-border peer-checked:bg-primary peer-focus-visible:ring-primary",
-  secondary: "bg-border peer-checked:bg-secondary peer-focus-visible:ring-secondary",
-  accent: "bg-border peer-checked:bg-accent peer-focus-visible:ring-accent",
-  success: "bg-border peer-checked:bg-success peer-focus-visible:ring-success",
-  error: "bg-border peer-checked:bg-error peer-focus-visible:ring-error",
-  warning: "bg-border peer-checked:bg-warning peer-focus-visible:ring-warning",
-  info: "bg-border peer-checked:bg-info peer-focus-visible:ring-info"
-};
-var checkboxBorderColorClasses = {
-  primary: "border-border checked:border-primary indeterminate:border-primary",
-  secondary: "border-border checked:border-secondary indeterminate:border-secondary",
-  accent: "border-border checked:border-accent indeterminate:border-accent",
-  success: "border-border checked:border-success indeterminate:border-success",
-  error: "border-border checked:border-error indeterminate:border-error",
-  warning: "border-border checked:border-warning indeterminate:border-warning",
-  info: "border-border checked:border-info indeterminate:border-info"
-};
-var radioCheckedColorClasses = {
-  primary: "checked:border-primary checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-primary)]",
-  secondary: "checked:border-secondary checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-secondary)]",
-  accent: "checked:border-accent checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-accent)]",
-  success: "checked:border-success checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-success)]",
-  error: "checked:border-error checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-error)]",
-  warning: "checked:border-warning checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-warning)]",
-  info: "checked:border-info checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-info)]"
-};
-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 notificationSolidClasses = {
-  default: "bg-surface text-text-primary",
-  primary: "bg-primary text-background",
-  secondary: "bg-secondary text-background",
-  accent: "bg-accent text-background",
-  success: "bg-success text-background",
-  error: "bg-error text-background",
-  warning: "bg-warning text-background",
-  info: "bg-info text-background"
-};
-var notificationOutlinedClasses = {
-  default: "bg-background border-border border-l-border text-text-primary",
-  primary: "bg-background border-primary border-l-primary text-primary",
-  secondary: "bg-background border-secondary border-l-secondary text-secondary",
-  accent: "bg-background border-accent border-l-accent text-accent",
-  success: "bg-background border-success border-l-success text-success",
-  error: "bg-background border-error border-l-error text-error",
-  warning: "bg-background border-warning border-l-warning text-warning",
-  info: "bg-background border-info border-l-info text-info"
-};
-var notificationSoftClasses = {
-  default: "bg-surface/50 text-text-primary border-l-border",
-  primary: "bg-primary/10 text-primary border-l-primary",
-  secondary: "bg-secondary/10 text-secondary border-l-secondary",
-  accent: "bg-accent/10 text-accent border-l-accent",
-  success: "bg-success/10 text-success border-l-success",
-  error: "bg-error/10 text-error border-l-error",
-  warning: "bg-warning/10 text-warning border-l-warning",
-  info: "bg-info/10 text-info border-l-info"
-};
-function createNotificationSolidColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "solid",
-    color,
-    class: notificationSolidClasses[color]
-  }));
-}
-function createNotificationOutlineColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "outline",
-    color,
-    class: notificationOutlinedClasses[color]
-  }));
-}
-function createNotificationSoftColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "soft",
-    color,
-    class: notificationSoftClasses[color]
-  }));
-}
-function createNotificationColorVariants(colors, variants) {
-  const variantGenerators = {
-    default: createDefaultColorVariants,
-    solid: createNotificationSolidColorVariants,
-    outline: createNotificationOutlineColorVariants,
-    soft: createNotificationSoftColorVariants
-  };
-  return variants.flatMap((variant) => variantGenerators[variant](colors));
-}
-var tooltipSolidColorClasses = {
-  default: "bg-text-primary text-background",
-  primary: "bg-primary text-background",
-  secondary: "bg-secondary text-background",
-  accent: "bg-accent text-background",
-  success: "bg-success text-background",
-  error: "bg-error text-background",
-  warning: "bg-warning text-background",
-  info: "bg-info text-background"
-};
-var tooltipSoftClasses = {
-  default: "bg-surface text-text-primary border-border",
-  primary: "bg-primary/20 text-primary border-primary/30",
-  secondary: "bg-secondary/20 text-secondary border-secondary/30",
-  accent: "bg-accent/20 text-accent border-accent/30",
-  success: "bg-success/20 text-success border-success/30",
-  error: "bg-error/20 text-error border-error/30",
-  warning: "bg-warning/20 text-warning border-warning/30",
-  info: "bg-info/20 text-info border-info/30"
-};
-function createTooltipSoftColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "soft",
-    color,
-    className: tooltipSoftClasses[color]
-  }));
-}
-var kbdSolidClasses = {
-  default: "bg-text-secondary border-text-secondary text-background",
-  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"
-};
-var kbdOutlineClasses = {
-  default: "bg-background border-border text-text-secondary",
-  primary: "bg-background border-primary text-primary",
-  secondary: "bg-background border-secondary text-secondary",
-  accent: "bg-background border-accent text-accent",
-  success: "bg-background border-success text-success",
-  error: "bg-background border-error text-error",
-  warning: "bg-background border-warning text-warning",
-  info: "bg-background border-info text-info"
-};
-var kbdSoftClasses = {
-  default: "bg-surface border-border text-text-secondary",
-  primary: "bg-primary/10 border-primary/20 text-primary",
-  secondary: "bg-secondary/10 border-secondary/20 text-secondary",
-  accent: "bg-accent/10 border-accent/20 text-accent",
-  success: "bg-success/10 border-success/20 text-success",
-  error: "bg-error/10 border-error/20 text-error",
-  warning: "bg-warning/10 border-warning/20 text-warning",
-  info: "bg-info/10 border-info/20 text-info"
-};
-function createKbdSolidColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "solid",
-    color,
-    class: kbdSolidClasses[color]
-  }));
-}
-function createKbdOutlineColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "outline",
-    color,
-    class: kbdOutlineClasses[color]
-  }));
-}
-function createKbdSoftColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "soft",
-    color,
-    class: kbdSoftClasses[color]
-  }));
-}
-function createKbdColorVariants(colors, variants) {
-  const variantGenerators = {
-    solid: createKbdSolidColorVariants,
-    outline: createKbdOutlineColorVariants,
-    soft: createKbdSoftColorVariants
-  };
-  return variants.flatMap((variant) => variantGenerators[variant](colors));
-}
-var popoverDefaultClasses = {
-  default: "bg-background border-border text-text-primary",
-  primary: "bg-background border-primary text-text-primary",
-  secondary: "bg-background border-secondary text-text-primary",
-  accent: "bg-background border-accent text-text-primary",
-  success: "bg-background border-success text-text-primary",
-  error: "bg-background border-error text-text-primary",
-  warning: "bg-background border-warning text-text-primary",
-  info: "bg-background border-info text-text-primary"
-};
-var popoverSolidClasses = {
-  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"
-};
-var popoverSoftClasses = {
-  default: "backdrop-blur-sm bg-surface/80 border-border text-text-primary",
-  primary: "backdrop-blur-sm bg-primary/10 border-primary/30 text-primary",
-  secondary: "backdrop-blur-sm bg-secondary/10 border-secondary/30 text-secondary",
-  accent: "backdrop-blur-sm bg-accent/10 border-accent/30 text-accent",
-  success: "backdrop-blur-sm bg-success/10 border-success/30 text-success",
-  error: "backdrop-blur-sm bg-error/10 border-error/30 text-error",
-  warning: "backdrop-blur-sm bg-warning/10 border-warning/30 text-warning",
-  info: "backdrop-blur-sm bg-info/10 border-info/30 text-info"
-};
-function createPopoverDefaultColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "default",
-    color,
-    class: popoverDefaultClasses[color]
-  }));
-}
-function createPopoverSolidColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "solid",
-    color,
-    class: popoverSolidClasses[color]
-  }));
-}
-function createPopoverSoftColorVariants(colors) {
-  return colors.map((color) => ({
-    variant: "soft",
-    color,
-    class: popoverSoftClasses[color]
-  }));
-}
-function createPopoverColorVariants(colors, variants) {
-  const variantGenerators = {
-    default: createPopoverDefaultColorVariants,
-    solid: createPopoverSolidColorVariants,
-    soft: createPopoverSoftColorVariants
-  };
-  return variants.flatMap((variant) => variantGenerators[variant](colors));
-}
-
-export { bgSkeletonColorClasses, buttonColors, checkboxBorderColorClasses, checkedColorClasses, componentColors, createAllColorVariants, createDashedColorVariants, createDefaultColorVariants, createGhostColorVariants, createKbdColorVariants, createKbdOutlineColorVariants, createKbdSoftColorVariants, createKbdSolidColorVariants, createLinkColorVariants, createNotificationColorVariants, createNotificationOutlineColorVariants, createNotificationSoftColorVariants, createNotificationSolidColorVariants, createOutlineColorVariants, createPopoverColorVariants, createPopoverDefaultColorVariants, createPopoverSoftColorVariants, createPopoverSolidColorVariants, createSoftColorVariants, createSolidColorVariants, createTooltipSoftColorVariants, focusRingColorClasses, radioCheckedColorClasses, switchTrackColorClasses, textColorClasses, textColorVariants, tooltipSolidColorClasses };
-//# sourceMappingURL=chunk-LK4EPTNG.js.map
-//# sourceMappingURL=chunk-LK4EPTNG.js.map

package/dist/chunk-LK4EPTNG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/variants.ts"],"names":[],"mappings":"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","file":"chunk-LK4EPTNG.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 * Static class maps for Tailwind JIT compatibility\n * Template literals like `bg-${color}` don't work with Tailwind's JIT compiler\n */\nconst defaultVariantClasses: Record<ComponentColor, string> = {\n  default: 'bg-background border border-border text-text-primary',\n  primary: 'bg-background border border-primary text-text-primary',\n  secondary: 'bg-background border border-secondary text-text-primary',\n  accent: 'bg-background border border-accent text-text-primary',\n  success: 'bg-background border border-success text-text-primary',\n  error: 'bg-background border border-error text-text-primary',\n  warning: 'bg-background border border-warning text-text-primary',\n  info: 'bg-background border border-info text-text-primary',\n}\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: defaultVariantClasses[color as ComponentColor],\n  }))\n}\n\nconst solidVariantClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface border border-border text-text-primary',\n  primary: 'bg-primary text-background hover:bg-primary/90',\n  secondary: 'bg-secondary text-background hover:bg-secondary/90',\n  accent: 'bg-accent text-background hover:bg-accent/90',\n  success: 'bg-success text-background hover:bg-success/90',\n  error: 'bg-error text-background hover:bg-error/90',\n  warning: 'bg-warning text-background hover:bg-warning/90',\n  info: 'bg-info text-background hover:bg-info/90',\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: solidVariantClasses[color as ComponentColor],\n  }))\n}\n\nconst outlineVariantClasses: Record<ComponentColor, string> = {\n  default: 'border border-border text-text-primary',\n  primary: 'border border-primary text-primary hover:bg-primary/10',\n  secondary: 'border border-secondary text-secondary hover:bg-secondary/10',\n  accent: 'border border-accent text-accent hover:bg-accent/10',\n  success: 'border border-success text-success hover:bg-success/10',\n  error: 'border border-error text-error hover:bg-error/10',\n  warning: 'border border-warning text-warning hover:bg-warning/10',\n  info: 'border border-info text-info hover:bg-info/10',\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: outlineVariantClasses[color as ComponentColor],\n  }))\n}\n\nconst softVariantClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface border border-border 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\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: softVariantClasses[color as ComponentColor],\n  }))\n}\n\nconst dashedVariantClasses: Record<ComponentColor, string> = {\n  default: 'border-dashed border-border text-text-primary',\n  primary: 'border-dashed border-primary text-primary hover:bg-primary/10',\n  secondary: 'border-dashed border-secondary text-secondary hover:bg-secondary/10',\n  accent: 'border-dashed border-accent text-accent hover:bg-accent/10',\n  success: 'border-dashed border-success text-success hover:bg-success/10',\n  error: 'border-dashed border-error text-error hover:bg-error/10',\n  warning: 'border-dashed border-warning text-warning hover:bg-warning/10',\n  info: 'border-dashed border-info text-info hover:bg-info/10',\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: dashedVariantClasses[color as ComponentColor],\n  }))\n}\n\nconst linkVariantClasses: Record<ComponentColor, string> = {\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\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: linkVariantClasses[color as ComponentColor],\n  }))\n}\n\nconst ghostVariantClasses: Record<ComponentColor, string> = {\n  default: 'text-text-primary hover:bg-surface',\n  primary: 'text-primary hover:bg-primary/10',\n  secondary: 'text-secondary hover:bg-secondary/10',\n  accent: 'text-accent hover:bg-accent/10',\n  success: 'text-success hover:bg-success/10',\n  error: 'text-error hover:bg-error/10',\n  warning: 'text-warning hover:bg-warning/10',\n  info: 'text-info hover:bg-info/10',\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: ghostVariantClasses[color as ComponentColor],\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 */\n/**\n * Supported variant types for compound variant generation\n */\nexport type StyleVariantType = 'default' | 'solid' | 'outline' | 'soft' | 'dashed' | 'link' | 'ghost'\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 * Returns `any[]` for CVA (class-variance-authority) compatibility:\n * - CVA's CompoundVariant type is extremely complex and deeply nested\n * - Using specific types causes TypeScript inference failures in consuming components\n * - The `any` type allows CVA to properly infer variant combinations\n * - This is the recommended approach per CVA documentation for dynamic variant generation\n *\n * @param colors - Array of color names to generate variants for\n * @param variants - Array of style variant types to generate\n * @returns Array of compound variant objects for CVA\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function createAllColorVariants<V extends StyleVariantType>(\n  colors: readonly string[],\n  variants: V[],\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\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  } as const\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return variants.flatMap((variant) => variantGenerators[variant](colors) as any[])\n}\n\n// ============================================================================\n// Shared Color Classes\n// ============================================================================\n\n/**\n * Text color classes for all component colors\n * Used by: Checkbox icons, Spinner, text elements\n */\nexport const textColorClasses = {\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} as const\n\n/**\n * Background color classes for skeleton/placeholder (50% opacity)\n * Used by: Skeleton component\n */\nexport const bgSkeletonColorClasses = {\n  default: 'bg-surface',\n  primary: 'bg-primary/50',\n  secondary: 'bg-secondary/50',\n  accent: 'bg-accent/50',\n  success: 'bg-success/50',\n  error: 'bg-error/50',\n  warning: 'bg-warning/50',\n  info: 'bg-info/50',\n} as const\n\n/**\n * Focus ring color classes\n * Used by: Button, Switch, form elements\n */\nexport const focusRingColorClasses = {\n  default: 'focus-visible:ring-border',\n  primary: 'focus-visible:ring-primary',\n  secondary: 'focus-visible:ring-secondary',\n  accent: 'focus-visible:ring-accent',\n  success: 'focus-visible:ring-success',\n  error: 'focus-visible:ring-error',\n  warning: 'focus-visible:ring-warning',\n  info: 'focus-visible:ring-info',\n} as const\n\n/**\n * Combined background + border for checked/selected state\n * Used by: Checkbox, Radio checked states\n */\nexport const checkedColorClasses = {\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} as const\n\n/**\n * Switch track colors (unchecked -> checked)\n * Used by: Switch component\n */\nexport const switchTrackColorClasses = {\n  primary: 'bg-border peer-checked:bg-primary peer-focus-visible:ring-primary',\n  secondary: 'bg-border peer-checked:bg-secondary peer-focus-visible:ring-secondary',\n  accent: 'bg-border peer-checked:bg-accent peer-focus-visible:ring-accent',\n  success: 'bg-border peer-checked:bg-success peer-focus-visible:ring-success',\n  error: 'bg-border peer-checked:bg-error peer-focus-visible:ring-error',\n  warning: 'bg-border peer-checked:bg-warning peer-focus-visible:ring-warning',\n  info: 'bg-border peer-checked:bg-info peer-focus-visible:ring-info',\n} as const\n\n/**\n * Checkbox border colors (default -> checked)\n * Used by: Checkbox component\n */\nexport const checkboxBorderColorClasses = {\n  primary: 'border-border checked:border-primary indeterminate:border-primary',\n  secondary: 'border-border checked:border-secondary indeterminate:border-secondary',\n  accent: 'border-border checked:border-accent indeterminate:border-accent',\n  success: 'border-border checked:border-success indeterminate:border-success',\n  error: 'border-border checked:border-error indeterminate:border-error',\n  warning: 'border-border checked:border-warning indeterminate:border-warning',\n  info: 'border-border checked:border-info indeterminate:border-info',\n} as const\n\n/**\n * Radio button inset shadow colors for checked state\n * Used by: Radio component\n */\nexport const radioCheckedColorClasses = {\n  primary: 'checked:border-primary checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-primary)]',\n  secondary: 'checked:border-secondary checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-secondary)]',\n  accent: 'checked:border-accent checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-accent)]',\n  success: 'checked:border-success checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-success)]',\n  error: 'checked:border-error checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-error)]',\n  warning: 'checked:border-warning checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-warning)]',\n  info: 'checked:border-info checked:shadow-[inset_0_0_0_2px_var(--color-background),inset_0_0_0_13px_var(--color-info)]',\n} as const\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\n// ============================================================================\n// Notification/Alert Variant Generators\n// ============================================================================\n\nconst notificationSolidClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface 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}\n\nconst notificationOutlinedClasses: Record<ComponentColor, string> = {\n  default: 'bg-background border-border border-l-border text-text-primary',\n  primary: 'bg-background border-primary border-l-primary text-primary',\n  secondary: 'bg-background border-secondary border-l-secondary text-secondary',\n  accent: 'bg-background border-accent border-l-accent text-accent',\n  success: 'bg-background border-success border-l-success text-success',\n  error: 'bg-background border-error border-l-error text-error',\n  warning: 'bg-background border-warning border-l-warning text-warning',\n  info: 'bg-background border-info border-l-info text-info',\n}\n\nconst notificationSoftClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface/50 text-text-primary border-l-border',\n  primary: 'bg-primary/10 text-primary border-l-primary',\n  secondary: 'bg-secondary/10 text-secondary border-l-secondary',\n  accent: 'bg-accent/10 text-accent border-l-accent',\n  success: 'bg-success/10 text-success border-l-success',\n  error: 'bg-error/10 text-error border-l-error',\n  warning: 'bg-warning/10 text-warning border-l-warning',\n  info: 'bg-info/10 text-info border-l-info',\n}\n\n/**\n * Generates compound variants for notification solid style (with foreground text)\n * Used by: Notification, Alert 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 createNotificationSolidColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'solid' as const,\n    color: color as ComponentColor,\n    class: notificationSolidClasses[color as ComponentColor],\n  }))\n}\n\n/**\n * Generates compound variants for notification outline style (border with thick left border)\n * Used by: Notification, Alert 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 createNotificationOutlineColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'outline' as const,\n    color: color as ComponentColor,\n    class: notificationOutlinedClasses[color as ComponentColor],\n  }))\n}\n\n/**\n * Generates compound variants for notification soft style (subtle bg with left border)\n * Used by: Notification, Alert 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 createNotificationSoftColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'soft' as const,\n    color: color as ComponentColor,\n    class: notificationSoftClasses[color as ComponentColor],\n  }))\n}\n\n/**\n * Notification variant type\n */\nexport type NotificationVariantType = 'default' | 'solid' | 'outline' | 'soft'\n\n/**\n * Complete notification color variant generator\n *\n * Returns `any[]` for CVA (class-variance-authority) compatibility.\n * See createAllColorVariants for detailed explanation.\n *\n * @param colors - Array of color names to generate variants for\n * @param variants - Array of notification variant types to generate\n * @returns Array of compound variant objects for CVA\n */\nexport function createNotificationColorVariants(\n  colors: readonly string[],\n  variants: NotificationVariantType[],\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): any[] {\n  const variantGenerators = {\n    default: createDefaultColorVariants,\n    solid: createNotificationSolidColorVariants,\n    outline: createNotificationOutlineColorVariants,\n    soft: createNotificationSoftColorVariants,\n  } as const\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return variants.flatMap((variant) => variantGenerators[variant](colors) as any[])\n}\n\n// ============================================================================\n// Tooltip Variant Generators\n// ============================================================================\n\n/**\n * Tooltip solid color classes (background with contrasting text)\n * Used by: Tooltip component solid variant\n */\nexport const tooltipSolidColorClasses = {\n  default: 'bg-text-primary text-background',\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\nconst tooltipSoftClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface text-text-primary border-border',\n  primary: 'bg-primary/20 text-primary border-primary/30',\n  secondary: 'bg-secondary/20 text-secondary border-secondary/30',\n  accent: 'bg-accent/20 text-accent border-accent/30',\n  success: 'bg-success/20 text-success border-success/30',\n  error: 'bg-error/20 text-error border-error/30',\n  warning: 'bg-warning/20 text-warning border-warning/30',\n  info: 'bg-info/20 text-info border-info/30',\n}\n\n/**\n * Generates compound variants for tooltip soft style\n * Used by: Tooltip component soft variant\n *\n * @param colors - Array of color names to generate variants for\n * @returns Array of compound variant objects for CVA\n */\nexport function createTooltipSoftColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'soft' as const,\n    color: color as ComponentColor,\n    className: tooltipSoftClasses[color as ComponentColor],\n  }))\n}\n\n// ============================================================================\n// Kbd Variant Generators\n// ============================================================================\n\nconst kbdSolidClasses: Record<ComponentColor, string> = {\n  default: 'bg-text-secondary border-text-secondary text-background',\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\nconst kbdOutlineClasses: Record<ComponentColor, string> = {\n  default: 'bg-background border-border text-text-secondary',\n  primary: 'bg-background border-primary text-primary',\n  secondary: 'bg-background border-secondary text-secondary',\n  accent: 'bg-background border-accent text-accent',\n  success: 'bg-background border-success text-success',\n  error: 'bg-background border-error text-error',\n  warning: 'bg-background border-warning text-warning',\n  info: 'bg-background border-info text-info',\n}\n\nconst kbdSoftClasses: Record<ComponentColor, string> = {\n  default: 'bg-surface border-border text-text-secondary',\n  primary: 'bg-primary/10 border-primary/20 text-primary',\n  secondary: 'bg-secondary/10 border-secondary/20 text-secondary',\n  accent: 'bg-accent/10 border-accent/20 text-accent',\n  success: 'bg-success/10 border-success/20 text-success',\n  error: 'bg-error/10 border-error/20 text-error',\n  warning: 'bg-warning/10 border-warning/20 text-warning',\n  info: 'bg-info/10 border-info/20 text-info',\n}\n\n/**\n * Generates compound variants for Kbd solid style\n * Used by: Kbd component\n *\n * @param colors - Array of color names to generate variants for\n * @returns Array of compound variant objects for CVA\n */\nexport function createKbdSolidColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'solid' as const,\n    color: color as ComponentColor,\n    class: kbdSolidClasses[color as ComponentColor],\n  }))\n}\n\n/**\n * Generates compound variants for Kbd outline style\n * Used by: Kbd component\n *\n * @param colors - Array of color names to generate variants for\n * @returns Array of compound variant objects for CVA\n */\nexport function createKbdOutlineColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'outline' as const,\n    color: color as ComponentColor,\n    class: kbdOutlineClasses[color as ComponentColor],\n  }))\n}\n\n/**\n * Generates compound variants for Kbd soft style\n * Used by: Kbd component\n *\n * @param colors - Array of color names to generate variants for\n * @returns Array of compound variant objects for CVA\n */\nexport function createKbdSoftColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'soft' as const,\n    color: color as ComponentColor,\n    class: kbdSoftClasses[color as ComponentColor],\n  }))\n}\n\n/**\n * Kbd variant type\n */\nexport type KbdVariantType = 'solid' | 'outline' | 'soft'\n\n/**\n * Complete Kbd color variant generator\n *\n * Returns `any[]` for CVA (class-variance-authority) compatibility.\n * See createAllColorVariants for detailed explanation.\n *\n * @param colors - Array of color names to generate variants for\n * @param variants - Array of kbd variant types to generate\n * @returns Array of compound variant objects for CVA\n */\nexport function createKbdColorVariants(\n  colors: readonly string[],\n  variants: KbdVariantType[],\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): any[] {\n  const variantGenerators = {\n    solid: createKbdSolidColorVariants,\n    outline: createKbdOutlineColorVariants,\n    soft: createKbdSoftColorVariants,\n  } as const\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return variants.flatMap((variant) => variantGenerators[variant](colors) as any[])\n}\n\n// ============================================================================\n// Popover Variant Generators\n// ============================================================================\n\nconst popoverDefaultClasses: Record<ComponentColor, string> = {\n  default: 'bg-background border-border text-text-primary',\n  primary: 'bg-background border-primary text-text-primary',\n  secondary: 'bg-background border-secondary text-text-primary',\n  accent: 'bg-background border-accent text-text-primary',\n  success: 'bg-background border-success text-text-primary',\n  error: 'bg-background border-error text-text-primary',\n  warning: 'bg-background border-warning text-text-primary',\n  info: 'bg-background border-info text-text-primary',\n}\n\nconst popoverSolidClasses: Record<ComponentColor, string> = {\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\nconst popoverSoftClasses: Record<ComponentColor, string> = {\n  default: 'backdrop-blur-sm bg-surface/80 border-border text-text-primary',\n  primary: 'backdrop-blur-sm bg-primary/10 border-primary/30 text-primary',\n  secondary: 'backdrop-blur-sm bg-secondary/10 border-secondary/30 text-secondary',\n  accent: 'backdrop-blur-sm bg-accent/10 border-accent/30 text-accent',\n  success: 'backdrop-blur-sm bg-success/10 border-success/30 text-success',\n  error: 'backdrop-blur-sm bg-error/10 border-error/30 text-error',\n  warning: 'backdrop-blur-sm bg-warning/10 border-warning/30 text-warning',\n  info: 'backdrop-blur-sm bg-info/10 border-info/30 text-info',\n}\n\n/**\n * Generates compound variants for Popover default style\n * Used by: Popover component\n *\n * @param colors - Array of color names to generate variants for\n * @returns Array of compound variant objects for CVA\n */\nexport function createPopoverDefaultColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'default' as const,\n    color: color as ComponentColor,\n    class: popoverDefaultClasses[color as ComponentColor],\n  }))\n}\n\n/**\n * Generates compound variants for Popover solid style\n * Used by: Popover component\n *\n * @param colors - Array of color names to generate variants for\n * @returns Array of compound variant objects for CVA\n */\nexport function createPopoverSolidColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'solid' as const,\n    color: color as ComponentColor,\n    class: popoverSolidClasses[color as ComponentColor],\n  }))\n}\n\n/**\n * Generates compound variants for Popover soft style (with backdrop blur)\n * Used by: Popover component\n *\n * @param colors - Array of color names to generate variants for\n * @returns Array of compound variant objects for CVA\n */\nexport function createPopoverSoftColorVariants(colors: readonly string[]) {\n  return colors.map((color) => ({\n    variant: 'soft' as const,\n    color: color as ComponentColor,\n    class: popoverSoftClasses[color as ComponentColor],\n  }))\n}\n\n/**\n * Popover variant type\n */\nexport type PopoverVariantType = 'default' | 'solid' | 'soft'\n\n/**\n * Complete Popover color variant generator\n *\n * Returns `any[]` for CVA (class-variance-authority) compatibility.\n * See createAllColorVariants for detailed explanation.\n *\n * @param colors - Array of color names to generate variants for\n * @param variants - Array of popover variant types to generate\n * @returns Array of compound variant objects for CVA\n */\nexport function createPopoverColorVariants(\n  colors: readonly string[],\n  variants: PopoverVariantType[],\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): any[] {\n  const variantGenerators = {\n    default: createPopoverDefaultColorVariants,\n    solid: createPopoverSolidColorVariants,\n    soft: createPopoverSoftColorVariants,\n  } as const\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return variants.flatMap((variant) => variantGenerators[variant](colors) as any[])\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 * @example Notification component\n * import { createNotificationColorVariants, componentColors } from \"../variants\";\n * compoundVariants: createNotificationColorVariants(componentColors, ['default', 'solid', 'outline', 'soft'])\n *\n * @example Tooltip component\n * import { tooltipSolidColorClasses, createTooltipSoftColorVariants, componentColors } from \"../variants\";\n * color: tooltipSolidColorClasses,\n * compoundVariants: createTooltipSoftColorVariants(componentColors)\n *\n * @example Kbd component\n * import { createKbdColorVariants, componentColors } from \"../variants\";\n * compoundVariants: createKbdColorVariants(componentColors, ['solid', 'outline', 'soft'])\n *\n * @example Popover component\n * import { createPopoverColorVariants, componentColors } from \"../variants\";\n * compoundVariants: createPopoverColorVariants(componentColors, ['default', 'solid', 'soft'])\n */\n"]}