@mdigital_ui/ui 0.3.9 → 0.4.0

package/dist/chunk-POLVJ36Y.js

@@ -1,210 +0,0 @@
-import { createAllColorVariants, componentColors } from './chunk-POXI7JJ4.js';
-import { cn } from './chunk-NGYLRX6F.js';
-import { cva } from 'class-variance-authority';
-import React from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var processingRingClasses = {
-  default: "bg-surface/50",
-  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 badgeVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors",
-  {
-    variants: {
-      variant: {
-        default: "border",
-        solid: "",
-        outline: "border",
-        soft: ""
-      },
-      color: {
-        default: "",
-        primary: "",
-        secondary: "",
-        accent: "",
-        success: "",
-        error: "",
-        warning: "",
-        info: ""
-      },
-      size: {
-        xs: "text-(length:--badge-font-size-xs) px-(--badge-padding-x-xs) py-(--badge-padding-y-xs)",
-        sm: "text-(length:--badge-font-size-sm) px-(--badge-padding-x-sm) py-(--badge-padding-y-sm)",
-        md: "text-(length:--badge-font-size-md) px-(--badge-padding-x-md) py-(--badge-padding-y-md)",
-        lg: "text-(length:--badge-font-size-lg) px-(--badge-padding-x-lg) py-(--badge-padding-y-lg)"
-      },
-      shape: {
-        rounded: "rounded",
-        pill: "rounded-full",
-        circle: "rounded-full aspect-square"
-      }
-    },
-    compoundVariants: createAllColorVariants(componentColors, [
-      "default",
-      "solid",
-      "outline",
-      "soft"
-    ]),
-    defaultVariants: {
-      variant: "solid",
-      color: "primary",
-      size: "sm",
-      shape: "rounded"
-    }
-  }
-);
-var dotSizeClasses = {
-  xs: "size-1.5",
-  sm: "size-2",
-  md: "size-2.5",
-  lg: "size-3"
-};
-var iconSizeClasses = {
-  xs: "size-2.5",
-  sm: "size-3",
-  md: "size-3.5",
-  lg: "size-4"
-};
-var placementClasses = {
-  "top-right": "top-0 right-0 -translate-y-1/2 translate-x-1/2",
-  "top-left": "top-0 left-0 -translate-y-1/2 -translate-x-1/2",
-  "bottom-right": "bottom-0 right-0 translate-y-1/2 translate-x-1/2",
-  "bottom-left": "bottom-0 left-0 translate-y-1/2 -translate-x-1/2"
-};
-var Badge = ({
-  children,
-  color = "primary",
-  variant = "solid",
-  size = "sm",
-  shape = "rounded",
-  dot = false,
-  count,
-  maxCount = 99,
-  showZero = false,
-  icon,
-  placement = "top-right",
-  offset,
-  processing = false,
-  invisible = false,
-  standalone = false,
-  content,
-  className,
-  wrapperClassName,
-  ref
-}) => {
-  const getDisplayCount = () => {
-    if (count === void 0) return null;
-    if (count === 0 && !showZero) return null;
-    if (count > maxCount) return `${maxCount}+`;
-    return count;
-  };
-  const displayCount = getDisplayCount();
-  const isFloatingMode = children && (count !== void 0 || dot || content) && !standalone;
-  if (count !== void 0 && count === 0 && !showZero && !children && !content) {
-    return null;
-  }
-  const offsetStyles = offset ? {
-    "--badge-offset-x": `${offset[0]}px`,
-    "--badge-offset-y": `${offset[1]}px`
-  } : void 0;
-  const renderBadge = (badgeContent) => {
-    const isIconOnly = !!icon && badgeContent == null && !dot;
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        ref,
-        "data-slot": "root",
-        className: cn(
-          "badge_root",
-          badgeVariants({ variant, color, size, shape }),
-          dot && [dotSizeClasses[size], "min-w-0", "rounded-full"],
-          isIconOnly && "aspect-square",
-          processing && "animate-pulse",
-          invisible && "opacity-0 scale-0",
-          "z-10",
-          className
-        ),
-        style: {
-          ...dot ? { padding: 0 } : void 0,
-          ...offsetStyles
-        },
-        children: !dot && /* @__PURE__ */ jsxs(Fragment, { children: [
-          icon && /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "inline-flex items-center justify-center shrink-0",
-                iconSizeClasses[size],
-                badgeContent && "mr-1"
-              ),
-              children: React.isValidElement(icon) ? React.cloneElement(
-                icon,
-                {
-                  className: cn(
-                    "w-full h-full",
-                    icon.props.className
-                  )
-                }
-              ) : icon
-            }
-          ),
-          badgeContent
-        ] })
-      }
-    );
-  };
-  const renderProcessingRing = () => processing && dot && !invisible && /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cn(
-        "absolute inset-0 rounded-full animate-ping",
-        processingRingClasses[color]
-      )
-    }
-  );
-  if (isFloatingMode) {
-    const floatingContent = content ?? displayCount;
-    if (count !== void 0 && count === 0 && !showZero && !dot && !content) {
-      return /* @__PURE__ */ jsx("span", { className: cn("relative inline-flex", wrapperClassName), children });
-    }
-    return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-flex", wrapperClassName), children: [
-      children,
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: cn(
-            "absolute",
-            placementClasses[placement],
-            offset && "translate-x-[calc(var(--tw-translate-x)+var(--badge-offset-x,0px))] translate-y-[calc(var(--tw-translate-y)+var(--badge-offset-y,0px))]"
-          ),
-          style: offsetStyles,
-          children: /* @__PURE__ */ jsxs("span", { className: "relative inline-flex", children: [
-            renderBadge(floatingContent),
-            renderProcessingRing()
-          ] })
-        }
-      )
-    ] });
-  }
-  const standaloneContent = content ?? (count !== void 0 ? displayCount : children);
-  if (dot && processing) {
-    return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-flex", wrapperClassName), children: [
-      renderBadge(null),
-      renderProcessingRing()
-    ] });
-  }
-  return renderBadge(standaloneContent);
-};
-Badge.displayName = "Badge";
-var badge_default = Badge;
-
-export { badge_default };
-//# sourceMappingURL=chunk-POLVJ36Y.js.map
-//# sourceMappingURL=chunk-POLVJ36Y.js.map

package/dist/chunk-POLVJ36Y.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/badge/index.tsx"],"names":[],"mappings":"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","file":"chunk-POLVJ36Y.js","sourcesContent":["import { cva } from \"class-variance-authority\";\nimport React from \"react\";\n\nimport { cn } from \"../utils\";\nimport { componentColors, createAllColorVariants } from \"../variants\";\nimport type {\n  BadgeColor,\n  BadgePlacement,\n  BadgeProps,\n  BadgeSize,\n} from \"./types\";\n\n/**\n * Processing ring color classes for ping animation\n */\nconst processingRingClasses: Record<BadgeColor, string> = {\n  default: \"bg-surface/50\",\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};\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors\",\n  {\n    variants: {\n      variant: {\n        default: \"border\",\n        solid: \"\",\n        outline: \"border\",\n        soft: \"\",\n      },\n      color: {\n        default: \"\",\n        primary: \"\",\n        secondary: \"\",\n        accent: \"\",\n        success: \"\",\n        error: \"\",\n        warning: \"\",\n        info: \"\",\n      },\n      size: {\n        xs: \"text-(length:--badge-font-size-xs) px-(--badge-padding-x-xs) py-(--badge-padding-y-xs)\",\n        sm: \"text-(length:--badge-font-size-sm) px-(--badge-padding-x-sm) py-(--badge-padding-y-sm)\",\n        md: \"text-(length:--badge-font-size-md) px-(--badge-padding-x-md) py-(--badge-padding-y-md)\",\n        lg: \"text-(length:--badge-font-size-lg) px-(--badge-padding-x-lg) py-(--badge-padding-y-lg)\",\n      },\n      shape: {\n        rounded: \"rounded\",\n        pill: \"rounded-full\",\n        circle: \"rounded-full aspect-square\",\n      },\n    },\n    compoundVariants: createAllColorVariants(componentColors, [\n      \"default\",\n      \"solid\",\n      \"outline\",\n      \"soft\",\n    ]),\n    defaultVariants: {\n      variant: \"solid\",\n      color: \"primary\",\n      size: \"sm\",\n      shape: \"rounded\",\n    },\n  },\n);\n\n/**\n * Dot size classes based on badge size\n */\nconst dotSizeClasses: Record<BadgeSize, string> = {\n  xs: \"size-1.5\",\n  sm: \"size-2\",\n  md: \"size-2.5\",\n  lg: \"size-3\",\n};\n\n/**\n * Icon size classes based on badge size\n */\nconst iconSizeClasses: Record<BadgeSize, string> = {\n  xs: \"size-2.5\",\n  sm: \"size-3\",\n  md: \"size-3.5\",\n  lg: \"size-4\",\n};\n\n/**\n * Placement position classes for floating badges\n */\nconst placementClasses: Record<BadgePlacement, string> = {\n  \"top-right\": \"top-0 right-0 -translate-y-1/2 translate-x-1/2\",\n  \"top-left\": \"top-0 left-0 -translate-y-1/2 -translate-x-1/2\",\n  \"bottom-right\": \"bottom-0 right-0 translate-y-1/2 translate-x-1/2\",\n  \"bottom-left\": \"bottom-0 left-0 translate-y-1/2 -translate-x-1/2\",\n};\n\n/**\n * Badge Component\n *\n * A versatile badge component for displaying counts, status indicators, or labels.\n * Can be used standalone or as a floating indicator over other elements.\n *\n * @example\n * // Standalone badge\n * <Badge>New</Badge>\n *\n * @example\n * // Badge with count floating over an icon\n * <Badge count={5}>\n *   <BellIcon />\n * </Badge>\n *\n * @example\n * // Dot indicator with pulse\n * <Badge dot processing color=\"success\">\n *   <Avatar />\n * </Badge>\n */\nconst Badge: React.FC<BadgeProps> = ({\n  children,\n  color = \"primary\",\n  variant = \"solid\",\n  size = \"sm\",\n  shape = \"rounded\",\n  dot = false,\n  count,\n  maxCount = 99,\n  showZero = false,\n  icon,\n  placement = \"top-right\",\n  offset,\n  processing = false,\n  invisible = false,\n  standalone = false,\n  content,\n  className,\n  wrapperClassName,\n  ref,\n}) => {\n    // Calculate display count\n    const getDisplayCount = () => {\n      if (count === undefined) return null;\n      if (count === 0 && !showZero) return null;\n      if (count > maxCount) return `${maxCount}+`;\n      return count;\n    };\n\n    const displayCount = getDisplayCount();\n\n    // Determine if we're in \"floating\" mode (badge over children) or \"standalone\" mode\n    // Floating mode: children + (count OR dot OR content)\n    // Standalone mode: just children as badge text, or count/dot without wrapping element\n    const isFloatingMode =\n      children && (count !== undefined || dot || content) && !standalone;\n\n    // Don't render if count is 0 and showZero is false (when no children or content)\n    if (\n      count !== undefined &&\n      count === 0 &&\n      !showZero &&\n      !children &&\n      !content\n    ) {\n      return null;\n    }\n\n    // Calculate offset styles\n    const offsetStyles = offset\n      ? {\n          \"--badge-offset-x\": `${offset[0]}px`,\n          \"--badge-offset-y\": `${offset[1]}px`,\n        }\n      : undefined;\n\n    // Render the badge element itself\n    const renderBadge = (badgeContent: React.ReactNode) => {\n      const isIconOnly = !!icon && badgeContent == null && !dot;\n\n      return (\n      <span\n        ref={ref}\n        data-slot=\"root\"\n        className={cn(\n          \"badge_root\",\n          badgeVariants({ variant, color, size, shape }),\n          dot && [dotSizeClasses[size], \"min-w-0\", \"rounded-full\"],\n          isIconOnly && \"aspect-square\",\n          processing && \"animate-pulse\",\n          invisible && \"opacity-0 scale-0\",\n          \"z-10\",\n          className,\n        )}\n        style={{\n          ...(dot ? { padding: 0 } : undefined),\n          ...(offsetStyles as React.CSSProperties),\n        }}\n      >\n        {!dot && (\n          <>\n            {icon && (\n              <span\n                className={cn(\n                  \"inline-flex items-center justify-center shrink-0\",\n                  iconSizeClasses[size],\n                  badgeContent && \"mr-1\",\n                )}\n              >\n                {React.isValidElement(icon)\n                  ? React.cloneElement(\n                      icon as React.ReactElement<{ className?: string }>,\n                      {\n                        className: cn(\n                          \"w-full h-full\",\n                          (icon as React.ReactElement<{ className?: string }>)\n                            .props.className,\n                        ),\n                      },\n                    )\n                  : icon}\n              </span>\n            )}\n            {badgeContent}\n          </>\n        )}\n      </span>\n      );\n    };\n\n    // Processing animation ring (for dot badges)\n    const renderProcessingRing = () =>\n      processing &&\n      dot &&\n      !invisible && (\n        <span\n          className={cn(\n            \"absolute inset-0 rounded-full animate-ping\",\n            processingRingClasses[color],\n          )}\n        />\n      );\n\n    // FLOATING MODE: Badge positioned over children\n    if (isFloatingMode) {\n      const floatingContent = content ?? displayCount;\n\n      // Hide badge if count is 0 and showZero is false\n      if (count !== undefined && count === 0 && !showZero && !dot && !content) {\n        return (\n          <span className={cn(\"relative inline-flex\", wrapperClassName)}>\n            {children}\n          </span>\n        );\n      }\n\n      return (\n        <span className={cn(\"relative inline-flex\", wrapperClassName)}>\n          {children}\n          <span\n            className={cn(\n              \"absolute\",\n              placementClasses[placement],\n              offset &&\n                \"translate-x-[calc(var(--tw-translate-x)+var(--badge-offset-x,0px))] translate-y-[calc(var(--tw-translate-y)+var(--badge-offset-y,0px))]\",\n            )}\n            style={offsetStyles as React.CSSProperties}\n          >\n            <span className=\"relative inline-flex\">\n              {renderBadge(floatingContent)}\n              {renderProcessingRing()}\n            </span>\n          </span>\n        </span>\n      );\n    }\n\n    // STANDALONE MODE: Badge as inline element\n    // Content priority: content prop > count > children\n    const standaloneContent =\n      content ?? (count !== undefined ? displayCount : children);\n\n    if (dot && processing) {\n      return (\n        <span className={cn(\"relative inline-flex\", wrapperClassName)}>\n          {renderBadge(null)}\n          {renderProcessingRing()}\n        </span>\n      );\n    }\n\n    return renderBadge(standaloneContent);\n};\n\nBadge.displayName = \"Badge\";\n\nexport type * from \"./types\";\nexport default Badge;\n"]}

package/dist/chunk-POXI7JJ4.js

@@ -1,351 +0,0 @@
-import { cva } from 'class-variance-authority';
-
-// src/variants.ts
-function createColorVariantGenerator(variant, classMap, propertyName) {
-  const prop = propertyName ?? "class";
-  return (colors) => colors.map((color) => ({
-    variant,
-    color,
-    [prop]: classMap[color]
-  }));
-}
-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"
-};
-var createDefaultColorVariants = createColorVariantGenerator("default", defaultVariantClasses);
-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"
-};
-var createSolidColorVariants = createColorVariantGenerator("solid", solidVariantClasses);
-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"
-};
-var createOutlineColorVariants = createColorVariantGenerator("outline", outlineVariantClasses);
-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"
-};
-var createSoftColorVariants = createColorVariantGenerator("soft", softVariantClasses);
-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"
-};
-var createDashedColorVariants = createColorVariantGenerator("dashed", dashedVariantClasses);
-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"
-};
-var createLinkColorVariants = createColorVariantGenerator("link", linkVariantClasses);
-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"
-};
-var createGhostColorVariants = createColorVariantGenerator("ghost", ghostVariantClasses);
-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"
-};
-var createNotificationSolidColorVariants = createColorVariantGenerator("solid", notificationSolidClasses);
-var createNotificationOutlineColorVariants = createColorVariantGenerator("outline", notificationOutlinedClasses);
-var createNotificationSoftColorVariants = createColorVariantGenerator("soft", notificationSoftClasses);
-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"
-};
-var createTooltipSoftColorVariants = createColorVariantGenerator("soft", tooltipSoftClasses, "className");
-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"
-};
-var createKbdSolidColorVariants = createColorVariantGenerator("solid", kbdSolidClasses);
-var createKbdOutlineColorVariants = createColorVariantGenerator("outline", kbdOutlineClasses);
-var createKbdSoftColorVariants = createColorVariantGenerator("soft", kbdSoftClasses);
-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"
-};
-var createPopoverDefaultColorVariants = createColorVariantGenerator("default", popoverDefaultClasses);
-var createPopoverSolidColorVariants = createColorVariantGenerator("solid", popoverSolidClasses);
-var createPopoverSoftColorVariants = createColorVariantGenerator("soft", popoverSoftClasses);
-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-POXI7JJ4.js.map
-//# sourceMappingURL=chunk-POXI7JJ4.js.map