@etus/ui 0.4.0-beta.1 → 0.4.0-beta.3

package/dist/chunk-KOTCWE7V.js

@@ -0,0 +1,345 @@
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-7ZJ32KRQ.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var legacyVariantMap = {
+  default: { type: "pill-color", color: "primary" },
+  secondary: { type: "pill-color", color: "muted" },
+  destructive: { type: "pill-color", color: "destructive" },
+  outline: { type: "pill-outline", color: "muted" }
+};
+var dotColorMap = {
+  primary: "bg-primary-foreground",
+  destructive: "bg-white",
+  warning: "bg-warning-foreground",
+  success: "bg-success-foreground",
+  info: "bg-white",
+  tip: "bg-white",
+  muted: "bg-muted-foreground",
+  "blue-gray": "bg-white",
+  "blue-light": "bg-white",
+  blue: "bg-white",
+  indigo: "bg-white",
+  purple: "bg-white",
+  pink: "bg-white",
+  orange: "bg-white"
+};
+var dismissColorMap = {
+  primary: "text-primary-foreground hover:bg-primary-foreground/20",
+  destructive: "text-white hover:bg-white/20",
+  warning: "text-warning-foreground hover:bg-warning-foreground/20",
+  success: "text-success-foreground hover:bg-success-foreground/20",
+  info: "text-white hover:bg-white/20",
+  tip: "text-white hover:bg-white/20",
+  muted: "text-muted-foreground hover:bg-muted-foreground/20",
+  "blue-gray": "text-white hover:bg-white/20",
+  "blue-light": "text-white hover:bg-white/20",
+  blue: "text-white hover:bg-white/20",
+  indigo: "text-white hover:bg-white/20",
+  purple: "text-white hover:bg-white/20",
+  pink: "text-white hover:bg-white/20",
+  orange: "text-white hover:bg-white/20"
+};
+var badgeVariants = cva(
+  "inline-flex items-center justify-center font-medium w-fit whitespace-nowrap shrink-0 gap-1.5 transition-[color,background-color,box-shadow,filter] overflow-hidden border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none",
+  {
+    variants: {
+      type: {
+        "pill-color": "rounded-[var(--badge-radius-pill)] border-transparent",
+        "pill-outline": "rounded-[var(--badge-radius-pill)] bg-transparent",
+        "badge-color": "rounded-[var(--badge-radius-default)] border-transparent",
+        "badge-outline": "rounded-[var(--badge-radius-default)] bg-transparent",
+        "badge-modern": "rounded-[var(--badge-radius-default)] border-transparent border-l-[3px] pr-2.5 pl-2 shadow-xs"
+      },
+      color: {
+        primary: "",
+        destructive: "",
+        warning: "",
+        success: "",
+        info: "",
+        tip: "",
+        muted: "",
+        "blue-gray": "",
+        "blue-light": "",
+        blue: "",
+        indigo: "",
+        purple: "",
+        pink: "",
+        orange: ""
+      },
+      size: {
+        sm: "h-[var(--badge-size-sm-h)] px-[var(--badge-size-sm-px)] text-[length:var(--badge-size-sm-text)] [&_svg]:size-3",
+        default: "h-[var(--badge-size-md-h)] px-[var(--badge-size-md-px)] text-[length:var(--badge-size-md-text)] [&_svg]:size-3.5",
+        lg: "h-[var(--badge-size-lg-h)] px-[var(--badge-size-lg-px)] text-[length:var(--badge-size-lg-text)] [&_svg]:size-4"
+      }
+    },
+    compoundVariants: [
+      // ========================================
+      // PILL-COLOR VARIANTS
+      // ========================================
+      { type: "pill-color", color: "primary", className: "bg-[color:var(--badge-color-primary-bg)] text-[color:var(--badge-color-primary-fg)]" },
+      { type: "pill-color", color: "destructive", className: "bg-[color:var(--badge-color-destructive-bg)] text-[color:var(--badge-color-destructive-fg)]" },
+      { type: "pill-color", color: "warning", className: "bg-[color:var(--badge-color-warning-bg)] text-[color:var(--badge-color-warning-fg)]" },
+      { type: "pill-color", color: "success", className: "bg-[color:var(--badge-color-success-bg)] text-[color:var(--badge-color-success-fg)]" },
+      { type: "pill-color", color: "info", className: "bg-info text-info-foreground" },
+      { type: "pill-color", color: "tip", className: "bg-tip text-white" },
+      { type: "pill-color", color: "muted", className: "bg-[color:var(--badge-color-secondary-bg)] text-[color:var(--badge-color-secondary-fg)]" },
+      { type: "pill-color", color: "blue-gray", className: "bg-slate-500 text-white" },
+      { type: "pill-color", color: "blue-light", className: "bg-sky-400 text-sky-950" },
+      { type: "pill-color", color: "blue", className: "bg-blue-400 text-blue-950" },
+      { type: "pill-color", color: "indigo", className: "bg-indigo-400 text-indigo-950" },
+      { type: "pill-color", color: "purple", className: "bg-violet-400 text-violet-950" },
+      { type: "pill-color", color: "pink", className: "bg-pink-400 text-pink-950" },
+      { type: "pill-color", color: "orange", className: "bg-orange-500 text-orange-950" },
+      // ========================================
+      // PILL-OUTLINE VARIANTS
+      // ========================================
+      { type: "pill-outline", color: "primary", className: "border-primary text-primary" },
+      { type: "pill-outline", color: "destructive", className: "border-destructive text-destructive" },
+      { type: "pill-outline", color: "warning", className: "border-warning text-warning" },
+      { type: "pill-outline", color: "success", className: "border-success text-success" },
+      { type: "pill-outline", color: "info", className: "border-info text-info" },
+      { type: "pill-outline", color: "tip", className: "border-tip text-tip" },
+      { type: "pill-outline", color: "muted", className: "border-border text-muted-foreground" },
+      { type: "pill-outline", color: "blue-gray", className: "border-slate-500 text-slate-500" },
+      { type: "pill-outline", color: "blue-light", className: "border-sky-400 text-sky-400" },
+      { type: "pill-outline", color: "blue", className: "border-blue-400 text-blue-400" },
+      { type: "pill-outline", color: "indigo", className: "border-indigo-400 text-indigo-400" },
+      { type: "pill-outline", color: "purple", className: "border-violet-400 text-violet-400" },
+      { type: "pill-outline", color: "pink", className: "border-pink-400 text-pink-400" },
+      { type: "pill-outline", color: "orange", className: "border-orange-500 text-orange-500" },
+      // ========================================
+      // BADGE-COLOR VARIANTS
+      // ========================================
+      { type: "badge-color", color: "primary", className: "bg-primary text-primary-foreground" },
+      { type: "badge-color", color: "destructive", className: "bg-destructive text-white" },
+      { type: "badge-color", color: "warning", className: "bg-[color:var(--badge-color-warning-bg)] text-[color:var(--badge-color-warning-fg)]" },
+      { type: "badge-color", color: "success", className: "bg-[color:var(--badge-color-success-bg)] text-[color:var(--badge-color-success-fg)]" },
+      { type: "badge-color", color: "info", className: "bg-info text-info-foreground" },
+      { type: "badge-color", color: "tip", className: "bg-tip text-white" },
+      { type: "badge-color", color: "muted", className: "bg-muted text-muted-foreground" },
+      { type: "badge-color", color: "blue-gray", className: "bg-slate-500 text-white" },
+      { type: "badge-color", color: "blue-light", className: "bg-sky-400 text-sky-950" },
+      { type: "badge-color", color: "blue", className: "bg-blue-400 text-blue-950" },
+      { type: "badge-color", color: "indigo", className: "bg-indigo-400 text-indigo-950" },
+      { type: "badge-color", color: "purple", className: "bg-violet-400 text-violet-950" },
+      { type: "badge-color", color: "pink", className: "bg-pink-400 text-pink-950" },
+      { type: "badge-color", color: "orange", className: "bg-orange-500 text-orange-950" },
+      // ========================================
+      // BADGE-OUTLINE VARIANTS
+      // ========================================
+      { type: "badge-outline", color: "primary", className: "border-primary text-primary" },
+      { type: "badge-outline", color: "destructive", className: "border-destructive text-destructive" },
+      { type: "badge-outline", color: "warning", className: "border-warning text-warning" },
+      { type: "badge-outline", color: "success", className: "border-success text-success" },
+      { type: "badge-outline", color: "info", className: "border-info text-info" },
+      { type: "badge-outline", color: "tip", className: "border-tip text-tip" },
+      { type: "badge-outline", color: "muted", className: "border-border text-muted-foreground" },
+      { type: "badge-outline", color: "blue-gray", className: "border-slate-500 text-slate-500" },
+      { type: "badge-outline", color: "blue-light", className: "border-sky-400 text-sky-400" },
+      { type: "badge-outline", color: "blue", className: "border-blue-400 text-blue-400" },
+      { type: "badge-outline", color: "indigo", className: "border-indigo-400 text-indigo-400" },
+      { type: "badge-outline", color: "purple", className: "border-violet-400 text-violet-400" },
+      { type: "badge-outline", color: "pink", className: "border-pink-400 text-pink-400" },
+      { type: "badge-outline", color: "orange", className: "border-orange-500 text-orange-500" },
+      // ========================================
+      // BADGE-MODERN VARIANTS (with left accent)
+      // ========================================
+      { type: "badge-modern", color: "primary", className: "bg-primary/10 text-primary border-l-primary" },
+      { type: "badge-modern", color: "destructive", className: "bg-destructive/10 text-destructive border-l-destructive" },
+      { type: "badge-modern", color: "warning", className: "bg-warning/10 text-warning border-l-warning" },
+      { type: "badge-modern", color: "success", className: "bg-success/10 text-success border-l-success" },
+      { type: "badge-modern", color: "info", className: "bg-info/10 text-info border-l-info" },
+      { type: "badge-modern", color: "tip", className: "bg-tip/10 text-tip border-l-tip" },
+      { type: "badge-modern", color: "muted", className: "bg-muted text-muted-foreground border-l-muted-foreground" },
+      { type: "badge-modern", color: "blue-gray", className: "bg-slate-500/10 text-slate-500 border-l-slate-500" },
+      { type: "badge-modern", color: "blue-light", className: "bg-sky-400/10 text-sky-400 border-l-sky-400" },
+      { type: "badge-modern", color: "blue", className: "bg-blue-400/10 text-blue-400 border-l-blue-400" },
+      { type: "badge-modern", color: "indigo", className: "bg-indigo-400/10 text-indigo-400 border-l-indigo-400" },
+      { type: "badge-modern", color: "purple", className: "bg-violet-400/10 text-violet-400 border-l-violet-400" },
+      { type: "badge-modern", color: "pink", className: "bg-pink-400/10 text-pink-400 border-l-pink-400" },
+      { type: "badge-modern", color: "orange", className: "bg-orange-500/10 text-orange-500 border-l-orange-500" }
+    ],
+    defaultVariants: {
+      type: "pill-color",
+      color: "primary",
+      size: "default"
+    }
+  }
+);
+function BadgeDot({ color }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn("size-1.5 rounded-full shrink-0", dotColorMap[color] ?? dotColorMap["primary"]),
+      "data-slot": "badge-dot"
+    }
+  );
+}
+function BadgeDismiss({ onClick, color, type, dismissLabel = "Dismiss" }) {
+  const handleClick = (e) => {
+    e.stopPropagation();
+    onClick();
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      e.stopPropagation();
+      onClick();
+    }
+  };
+  const isPill = type === "pill-color" || type === "pill-outline";
+  const shapeClass = isPill ? "rounded-full" : "rounded-sm";
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: cn(
+        "size-4 -mr-1 inline-flex items-center justify-center shrink-0 transition-colors cursor-pointer",
+        shapeClass,
+        "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        dismissColorMap[color] ?? dismissColorMap["primary"]
+      ),
+      "aria-label": dismissLabel,
+      "data-slot": "badge-dismiss",
+      type: "button",
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+    }
+  );
+}
+function BadgeAvatar({ src, fallback, alt }) {
+  const [imageError, setImageError] = React.useState(false);
+  const initials = fallback.split(" ").map((word) => word[0]).join("").toUpperCase().slice(0, 2);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "size-4 -ml-1 rounded-full shrink-0 inline-flex items-center justify-center overflow-hidden bg-muted text-xs font-medium",
+      "data-slot": "badge-avatar",
+      children: src && !imageError ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          alt: alt ?? fallback,
+          className: "size-full object-cover",
+          src,
+          onError: () => {
+            setImageError(true);
+          }
+        }
+      ) : /* @__PURE__ */ jsx("span", { "aria-label": alt ?? fallback, children: initials })
+    }
+  );
+}
+function BadgeCountry({ code }) {
+  const countryToFlag = (countryCode) => {
+    const codePoints = Array.from(countryCode.toUpperCase()).map(
+      (char) => 127397 + char.charCodeAt(0)
+    );
+    return String.fromCodePoint(...codePoints);
+  };
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-label": `Flag of ${code}`,
+      className: "text-base -ml-0.5 shrink-0 leading-none",
+      "data-slot": "badge-country",
+      role: "img",
+      children: countryToFlag(code)
+    }
+  );
+}
+function Badge({
+  className,
+  type,
+  color,
+  size,
+  dot,
+  icon,
+  leadingIcon,
+  trailingIcon,
+  country,
+  avatar,
+  iconOnly,
+  onDismiss,
+  dismissLabel,
+  interactive,
+  tooltip,
+  // eslint-disable-next-line @typescript-eslint/no-deprecated -- Intentionally supporting legacy variant for backwards compatibility
+  variant,
+  asChild = false,
+  children,
+  onClick,
+  ...props
+}) {
+  const legacyMapping = variant ? legacyVariantMap[variant] : null;
+  const resolvedType = type ?? legacyMapping?.type ?? "pill-color";
+  const resolvedColor = color ?? legacyMapping?.color ?? "primary";
+  const iconOnlyClass = iconOnly ? "px-0 aspect-square" : "";
+  const badgeClassName = cn(
+    badgeVariants({ type: resolvedType, color: resolvedColor, size }),
+    iconOnlyClass,
+    Boolean(interactive ?? onClick) && "cursor-pointer hover:brightness-90",
+    className
+  );
+  if (asChild) {
+    return /* @__PURE__ */ jsx(Slot, { className: badgeClassName, "data-slot": "badge", ...props, children });
+  }
+  const resolvedLeadingIcon = leadingIcon ?? icon;
+  const renderLeading = () => {
+    if (avatar) return /* @__PURE__ */ jsx(BadgeAvatar, { ...avatar });
+    if (country) return /* @__PURE__ */ jsx(BadgeCountry, { code: country });
+    if (dot) return /* @__PURE__ */ jsx(BadgeDot, { color: resolvedColor });
+    if (resolvedLeadingIcon) return /* @__PURE__ */ jsx("span", { className: "shrink-0", "data-slot": "badge-leading-icon", children: resolvedLeadingIcon });
+    return null;
+  };
+  const renderTrailing = () => {
+    if (onDismiss) return /* @__PURE__ */ jsx(BadgeDismiss, { color: resolvedColor, dismissLabel, type: resolvedType ?? "pill-color", onClick: onDismiss });
+    if (trailingIcon) return /* @__PURE__ */ jsx("span", { className: "shrink-0", "data-slot": "badge-trailing-icon", children: trailingIcon });
+    return null;
+  };
+  const wrapWithTooltip = (element) => {
+    if (!tooltip) return element;
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: element }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })
+    ] });
+  };
+  if (iconOnly) {
+    return wrapWithTooltip(
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: badgeClassName,
+          "data-slot": "badge",
+          onClick,
+          ...props,
+          children: /* @__PURE__ */ jsx("span", { className: "shrink-0", "data-slot": "badge-icon-only", children: iconOnly })
+        }
+      )
+    );
+  }
+  return wrapWithTooltip(
+    /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: badgeClassName,
+        "data-slot": "badge",
+        onClick,
+        ...props,
+        children: [
+          renderLeading(),
+          children,
+          renderTrailing()
+        ]
+      }
+    )
+  );
+}
+
+export { Badge, badgeVariants };
+//# sourceMappingURL=chunk-KOTCWE7V.js.map
+//# sourceMappingURL=chunk-KOTCWE7V.js.map

package/dist/chunk-KOTCWE7V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/Badge/Badge.tsx"],"names":[],"mappings":"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","file":"chunk-KOTCWE7V.js","sourcesContent":["import type { BadgeAvatarProps, BadgeColor, BadgeProps } from \"./Badge.types\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { X } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../../feedback/Tooltip\"\n\n/* eslint-disable sonarjs/no-duplicate-string -- Badge variants require repeated color class patterns */\n\n// Legacy variant mapping for backwards compatibility\nconst legacyVariantMap: Record<string, { color: string; type: string; }> = {\n  default: { type: \"pill-color\", color: \"primary\" },\n  secondary: { type: \"pill-color\", color: \"muted\" },\n  destructive: { type: \"pill-color\", color: \"destructive\" },\n  outline: { type: \"pill-outline\", color: \"muted\" },\n}\n\n// Dot color mapping\nconst dotColorMap: Record<string, string> = {\n  primary: \"bg-primary-foreground\",\n  destructive: \"bg-white\",\n  warning: \"bg-warning-foreground\",\n  success: \"bg-success-foreground\",\n  info: \"bg-white\",\n  tip: \"bg-white\",\n  muted: \"bg-muted-foreground\",\n  \"blue-gray\": \"bg-white\",\n  \"blue-light\": \"bg-white\",\n  blue: \"bg-white\",\n  indigo: \"bg-white\",\n  purple: \"bg-white\",\n  pink: \"bg-white\",\n  orange: \"bg-white\",\n}\n\n// Dismiss button color mapping\nconst dismissColorMap: Record<string, string> = {\n  primary: \"text-primary-foreground hover:bg-primary-foreground/20\",\n  destructive: \"text-white hover:bg-white/20\",\n  warning: \"text-warning-foreground hover:bg-warning-foreground/20\",\n  success: \"text-success-foreground hover:bg-success-foreground/20\",\n  info: \"text-white hover:bg-white/20\",\n  tip: \"text-white hover:bg-white/20\",\n  muted: \"text-muted-foreground hover:bg-muted-foreground/20\",\n  \"blue-gray\": \"text-white hover:bg-white/20\",\n  \"blue-light\": \"text-white hover:bg-white/20\",\n  blue: \"text-white hover:bg-white/20\",\n  indigo: \"text-white hover:bg-white/20\",\n  purple: \"text-white hover:bg-white/20\",\n  pink: \"text-white hover:bg-white/20\",\n  orange: \"text-white hover:bg-white/20\",\n}\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center font-medium w-fit whitespace-nowrap shrink-0 gap-1.5 transition-[color,background-color,box-shadow,filter] overflow-hidden border focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none\",\n  {\n    variants: {\n      type: {\n        \"pill-color\": \"rounded-[var(--badge-radius-pill)] border-transparent\",\n        \"pill-outline\": \"rounded-[var(--badge-radius-pill)] bg-transparent\",\n        \"badge-color\": \"rounded-[var(--badge-radius-default)] border-transparent\",\n        \"badge-outline\": \"rounded-[var(--badge-radius-default)] bg-transparent\",\n        \"badge-modern\": \"rounded-[var(--badge-radius-default)] border-transparent border-l-[3px] pr-2.5 pl-2 shadow-xs\",\n      },\n      color: {\n        primary: \"\",\n        destructive: \"\",\n        warning: \"\",\n        success: \"\",\n        info: \"\",\n        tip: \"\",\n        muted: \"\",\n        \"blue-gray\": \"\",\n        \"blue-light\": \"\",\n        blue: \"\",\n        indigo: \"\",\n        purple: \"\",\n        pink: \"\",\n        orange: \"\",\n      },\n      size: {\n        sm: \"h-[var(--badge-size-sm-h)] px-[var(--badge-size-sm-px)] text-[length:var(--badge-size-sm-text)] [&_svg]:size-3\",\n        default: \"h-[var(--badge-size-md-h)] px-[var(--badge-size-md-px)] text-[length:var(--badge-size-md-text)] [&_svg]:size-3.5\",\n        lg: \"h-[var(--badge-size-lg-h)] px-[var(--badge-size-lg-px)] text-[length:var(--badge-size-lg-text)] [&_svg]:size-4\",\n      },\n    },\n    compoundVariants: [\n      // ========================================\n      // PILL-COLOR VARIANTS\n      // ========================================\n      { type: \"pill-color\", color: \"primary\", className: \"bg-[color:var(--badge-color-primary-bg)] text-[color:var(--badge-color-primary-fg)]\" },\n      { type: \"pill-color\", color: \"destructive\", className: \"bg-[color:var(--badge-color-destructive-bg)] text-[color:var(--badge-color-destructive-fg)]\" },\n      { type: \"pill-color\", color: \"warning\", className: \"bg-[color:var(--badge-color-warning-bg)] text-[color:var(--badge-color-warning-fg)]\" },\n      { type: \"pill-color\", color: \"success\", className: \"bg-[color:var(--badge-color-success-bg)] text-[color:var(--badge-color-success-fg)]\" },\n      { type: \"pill-color\", color: \"info\", className: \"bg-info text-info-foreground\" },\n      { type: \"pill-color\", color: \"tip\", className: \"bg-tip text-white\" },\n      { type: \"pill-color\", color: \"muted\", className: \"bg-[color:var(--badge-color-secondary-bg)] text-[color:var(--badge-color-secondary-fg)]\" },\n      { type: \"pill-color\", color: \"blue-gray\", className: \"bg-slate-500 text-white\" },\n      { type: \"pill-color\", color: \"blue-light\", className: \"bg-sky-400 text-sky-950\" },\n      { type: \"pill-color\", color: \"blue\", className: \"bg-blue-400 text-blue-950\" },\n      { type: \"pill-color\", color: \"indigo\", className: \"bg-indigo-400 text-indigo-950\" },\n      { type: \"pill-color\", color: \"purple\", className: \"bg-violet-400 text-violet-950\" },\n      { type: \"pill-color\", color: \"pink\", className: \"bg-pink-400 text-pink-950\" },\n      { type: \"pill-color\", color: \"orange\", className: \"bg-orange-500 text-orange-950\" },\n\n      // ========================================\n      // PILL-OUTLINE VARIANTS\n      // ========================================\n      { type: \"pill-outline\", color: \"primary\", className: \"border-primary text-primary\" },\n      { type: \"pill-outline\", color: \"destructive\", className: \"border-destructive text-destructive\" },\n      { type: \"pill-outline\", color: \"warning\", className: \"border-warning text-warning\" },\n      { type: \"pill-outline\", color: \"success\", className: \"border-success text-success\" },\n      { type: \"pill-outline\", color: \"info\", className: \"border-info text-info\" },\n      { type: \"pill-outline\", color: \"tip\", className: \"border-tip text-tip\" },\n      { type: \"pill-outline\", color: \"muted\", className: \"border-border text-muted-foreground\" },\n      { type: \"pill-outline\", color: \"blue-gray\", className: \"border-slate-500 text-slate-500\" },\n      { type: \"pill-outline\", color: \"blue-light\", className: \"border-sky-400 text-sky-400\" },\n      { type: \"pill-outline\", color: \"blue\", className: \"border-blue-400 text-blue-400\" },\n      { type: \"pill-outline\", color: \"indigo\", className: \"border-indigo-400 text-indigo-400\" },\n      { type: \"pill-outline\", color: \"purple\", className: \"border-violet-400 text-violet-400\" },\n      { type: \"pill-outline\", color: \"pink\", className: \"border-pink-400 text-pink-400\" },\n      { type: \"pill-outline\", color: \"orange\", className: \"border-orange-500 text-orange-500\" },\n\n      // ========================================\n      // BADGE-COLOR VARIANTS\n      // ========================================\n      { type: \"badge-color\", color: \"primary\", className: \"bg-primary text-primary-foreground\" },\n      { type: \"badge-color\", color: \"destructive\", className: \"bg-destructive text-white\" },\n      { type: \"badge-color\", color: \"warning\", className: \"bg-[color:var(--badge-color-warning-bg)] text-[color:var(--badge-color-warning-fg)]\" },\n      { type: \"badge-color\", color: \"success\", className: \"bg-[color:var(--badge-color-success-bg)] text-[color:var(--badge-color-success-fg)]\" },\n      { type: \"badge-color\", color: \"info\", className: \"bg-info text-info-foreground\" },\n      { type: \"badge-color\", color: \"tip\", className: \"bg-tip text-white\" },\n      { type: \"badge-color\", color: \"muted\", className: \"bg-muted text-muted-foreground\" },\n      { type: \"badge-color\", color: \"blue-gray\", className: \"bg-slate-500 text-white\" },\n      { type: \"badge-color\", color: \"blue-light\", className: \"bg-sky-400 text-sky-950\" },\n      { type: \"badge-color\", color: \"blue\", className: \"bg-blue-400 text-blue-950\" },\n      { type: \"badge-color\", color: \"indigo\", className: \"bg-indigo-400 text-indigo-950\" },\n      { type: \"badge-color\", color: \"purple\", className: \"bg-violet-400 text-violet-950\" },\n      { type: \"badge-color\", color: \"pink\", className: \"bg-pink-400 text-pink-950\" },\n      { type: \"badge-color\", color: \"orange\", className: \"bg-orange-500 text-orange-950\" },\n\n      // ========================================\n      // BADGE-OUTLINE VARIANTS\n      // ========================================\n      { type: \"badge-outline\", color: \"primary\", className: \"border-primary text-primary\" },\n      { type: \"badge-outline\", color: \"destructive\", className: \"border-destructive text-destructive\" },\n      { type: \"badge-outline\", color: \"warning\", className: \"border-warning text-warning\" },\n      { type: \"badge-outline\", color: \"success\", className: \"border-success text-success\" },\n      { type: \"badge-outline\", color: \"info\", className: \"border-info text-info\" },\n      { type: \"badge-outline\", color: \"tip\", className: \"border-tip text-tip\" },\n      { type: \"badge-outline\", color: \"muted\", className: \"border-border text-muted-foreground\" },\n      { type: \"badge-outline\", color: \"blue-gray\", className: \"border-slate-500 text-slate-500\" },\n      { type: \"badge-outline\", color: \"blue-light\", className: \"border-sky-400 text-sky-400\" },\n      { type: \"badge-outline\", color: \"blue\", className: \"border-blue-400 text-blue-400\" },\n      { type: \"badge-outline\", color: \"indigo\", className: \"border-indigo-400 text-indigo-400\" },\n      { type: \"badge-outline\", color: \"purple\", className: \"border-violet-400 text-violet-400\" },\n      { type: \"badge-outline\", color: \"pink\", className: \"border-pink-400 text-pink-400\" },\n      { type: \"badge-outline\", color: \"orange\", className: \"border-orange-500 text-orange-500\" },\n\n      // ========================================\n      // BADGE-MODERN VARIANTS (with left accent)\n      // ========================================\n      { type: \"badge-modern\", color: \"primary\", className: \"bg-primary/10 text-primary border-l-primary\" },\n      { type: \"badge-modern\", color: \"destructive\", className: \"bg-destructive/10 text-destructive border-l-destructive\" },\n      { type: \"badge-modern\", color: \"warning\", className: \"bg-warning/10 text-warning border-l-warning\" },\n      { type: \"badge-modern\", color: \"success\", className: \"bg-success/10 text-success border-l-success\" },\n      { type: \"badge-modern\", color: \"info\", className: \"bg-info/10 text-info border-l-info\" },\n      { type: \"badge-modern\", color: \"tip\", className: \"bg-tip/10 text-tip border-l-tip\" },\n      { type: \"badge-modern\", color: \"muted\", className: \"bg-muted text-muted-foreground border-l-muted-foreground\" },\n      { type: \"badge-modern\", color: \"blue-gray\", className: \"bg-slate-500/10 text-slate-500 border-l-slate-500\" },\n      { type: \"badge-modern\", color: \"blue-light\", className: \"bg-sky-400/10 text-sky-400 border-l-sky-400\" },\n      { type: \"badge-modern\", color: \"blue\", className: \"bg-blue-400/10 text-blue-400 border-l-blue-400\" },\n      { type: \"badge-modern\", color: \"indigo\", className: \"bg-indigo-400/10 text-indigo-400 border-l-indigo-400\" },\n      { type: \"badge-modern\", color: \"purple\", className: \"bg-violet-400/10 text-violet-400 border-l-violet-400\" },\n      { type: \"badge-modern\", color: \"pink\", className: \"bg-pink-400/10 text-pink-400 border-l-pink-400\" },\n      { type: \"badge-modern\", color: \"orange\", className: \"bg-orange-500/10 text-orange-500 border-l-orange-500\" },\n    ],\n    defaultVariants: {\n      type: \"pill-color\",\n      color: \"primary\",\n      size: \"default\",\n    },\n  }\n)\n\n// Internal dot component\nfunction BadgeDot({ color }: { color: BadgeColor }) {\n  return (\n    <span\n      className={cn(\"size-1.5 rounded-full shrink-0\", dotColorMap[color] ?? dotColorMap[\"primary\"])}\n      data-slot=\"badge-dot\"\n    />\n  )\n}\n\n// Internal dismiss button component\nfunction BadgeDismiss({ onClick, color, type, dismissLabel = \"Dismiss\" }: { color: BadgeColor; dismissLabel?: string; onClick: () => void; type: string; }) {\n  const handleClick = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    onClick()\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === \"Enter\" || e.key === \" \") {\n      e.preventDefault()\n      e.stopPropagation()\n      onClick()\n    }\n  }\n\n  // Adapt shape based on badge type: rounded for pills, square for badges\n  const isPill = type === \"pill-color\" || type === \"pill-outline\"\n  const shapeClass = isPill ? \"rounded-full\" : \"rounded-sm\"\n\n  return (\n    <button\n      className={cn(\n        \"size-4 -mr-1 inline-flex items-center justify-center shrink-0 transition-colors cursor-pointer\",\n        shapeClass,\n        \"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\",\n        dismissColorMap[color] ?? dismissColorMap[\"primary\"]\n      )}\n      aria-label={dismissLabel}\n      data-slot=\"badge-dismiss\"\n      type=\"button\"\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n    >\n      <X className=\"size-3\" />\n    </button>\n  )\n}\n\n// Internal avatar component for badge\nfunction BadgeAvatar({ src, fallback, alt }: BadgeAvatarProps) {\n  const [imageError, setImageError] = React.useState(false)\n\n  // Get initials from fallback text\n  const initials = fallback\n    .split(\" \")\n    .map((word) => word[0])\n    .join(\"\")\n    .toUpperCase()\n    .slice(0, 2)\n\n  return (\n    <span\n      className=\"size-4 -ml-1 rounded-full shrink-0 inline-flex items-center justify-center overflow-hidden bg-muted text-xs font-medium\"\n      data-slot=\"badge-avatar\"\n    >\n      {src && !imageError ? (\n        <img\n          alt={alt ?? fallback}\n          className=\"size-full object-cover\"\n          src={src}\n          onError={() => { setImageError(true); }}\n        />\n      ) : (\n        <span aria-label={alt ?? fallback}>{initials}</span>\n      )}\n    </span>\n  )\n}\n\n// Internal country flag component\nfunction BadgeCountry({ code }: { code: string }) {\n  // Convert country code to flag emoji using regional indicator symbols\n  const countryToFlag = (countryCode: string) => {\n    // eslint-disable-next-line unicorn/prefer-spread -- Array.from handles Unicode correctly for country codes\n    const codePoints = Array.from(countryCode.toUpperCase()).map(\n      (char) => 127397 + char.charCodeAt(0)\n    )\n    return String.fromCodePoint(...codePoints)\n  }\n\n  return (\n    <span\n      aria-label={`Flag of ${code}`}\n      className=\"text-base -ml-0.5 shrink-0 leading-none\"\n      data-slot=\"badge-country\"\n      role=\"img\"\n    >\n      {countryToFlag(code)}\n    </span>\n  )\n}\n\nfunction Badge({\n  className,\n  type,\n  color,\n  size,\n  dot,\n  icon,\n  leadingIcon,\n  trailingIcon,\n  country,\n  avatar,\n  iconOnly,\n  onDismiss,\n  dismissLabel,\n  interactive,\n  tooltip,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated -- Intentionally supporting legacy variant for backwards compatibility\n  variant,\n  asChild = false,\n  children,\n  onClick,\n  ...props\n}: BadgeProps) {\n  // Resolve legacy variant to new props (new props take precedence)\n  const legacyMapping = variant ? legacyVariantMap[variant] : null\n  const resolvedType = (type ?? legacyMapping?.type ?? \"pill-color\") as VariantProps<typeof badgeVariants>[\"type\"]\n  const resolvedColor = (color ?? legacyMapping?.color ?? \"primary\") as BadgeColor\n\n  // Icon-only badges are square with no horizontal padding\n  const iconOnlyClass = iconOnly\n    ? \"px-0 aspect-square\"\n    : \"\"\n\n  const badgeClassName = cn(\n    badgeVariants({ type: resolvedType, color: resolvedColor, size }),\n    iconOnlyClass,\n    Boolean(interactive ?? onClick) && \"cursor-pointer hover:brightness-90\",\n    className\n  )\n\n  // When asChild is true, use Slot which requires exactly one child\n  // dot and onDismiss features are not supported with asChild\n  if (asChild) {\n    return (\n      <Slot className={badgeClassName} data-slot=\"badge\" {...props}>\n        {children}\n      </Slot>\n    )\n  }\n\n  // Resolve leading content\n  const resolvedLeadingIcon = leadingIcon ?? icon\n\n  // Render leading content (avatar, country, dot, or leading icon)\n  const renderLeading = () => {\n    if (avatar) return <BadgeAvatar {...avatar} />\n    if (country) return <BadgeCountry code={country} />\n    if (dot) return <BadgeDot color={resolvedColor} />\n    if (resolvedLeadingIcon) return <span className=\"shrink-0\" data-slot=\"badge-leading-icon\">{resolvedLeadingIcon}</span>\n    return null\n  }\n\n  // Render trailing content (trailing icon or dismiss)\n  const renderTrailing = () => {\n    if (onDismiss) return <BadgeDismiss color={resolvedColor} dismissLabel={dismissLabel} type={resolvedType ?? \"pill-color\"} onClick={onDismiss} />\n    if (trailingIcon) return <span className=\"shrink-0\" data-slot=\"badge-trailing-icon\">{trailingIcon}</span>\n    return null\n  }\n\n  // Helper to wrap element with tooltip if tooltip prop is provided\n  const wrapWithTooltip = (element: React.ReactElement) => {\n    if (!tooltip) return element\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          {element}\n        </TooltipTrigger>\n        <TooltipContent>\n          {tooltip}\n        </TooltipContent>\n      </Tooltip>\n    )\n  }\n\n  // Icon-only variant: render only the icon, no children or other elements\n  if (iconOnly) {\n    return wrapWithTooltip(\n      <span\n        className={badgeClassName}\n        data-slot=\"badge\"\n        onClick={onClick}\n        {...props}\n      >\n        <span className=\"shrink-0\" data-slot=\"badge-icon-only\">{iconOnly}</span>\n      </span>\n    )\n  }\n\n  return wrapWithTooltip(\n    <span\n      className={badgeClassName}\n      data-slot=\"badge\"\n      onClick={onClick}\n      {...props}\n    >\n      {renderLeading()}\n      {children}\n      {renderTrailing()}\n    </span>\n  )\n}\n\n/* eslint-enable sonarjs/no-duplicate-string */\n\nexport { Badge, badgeVariants }\n"]}