@dododog/ui 0.1.0

package/dist/chunk-WBRVUWGC.js

@@ -0,0 +1,147 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var variantStyles = {
+  warning: {
+    container: "border-amber-200 bg-amber-50 text-amber-800",
+    icon: "text-amber-600",
+    dismiss: "hover:bg-amber-100 focus-visible:ring-amber-500",
+    retry: "border-amber-300 text-amber-800 hover:bg-amber-100"
+  },
+  error: {
+    container: "border-red-200 bg-red-50 text-red-800",
+    icon: "text-red-600",
+    dismiss: "hover:bg-red-100 focus-visible:ring-red-500",
+    retry: "border-red-300 text-red-800 hover:bg-red-100"
+  },
+  success: {
+    container: "border-emerald-200 bg-emerald-50 text-emerald-800",
+    icon: "text-emerald-600",
+    dismiss: "hover:bg-emerald-100 focus-visible:ring-emerald-500",
+    retry: "border-emerald-300 text-emerald-800 hover:bg-emerald-100"
+  },
+  info: {
+    container: "border-blue-200 bg-blue-50 text-blue-800",
+    icon: "text-blue-600",
+    dismiss: "hover:bg-blue-100 focus-visible:ring-blue-500",
+    retry: "border-blue-300 text-blue-800 hover:bg-blue-100"
+  }
+};
+var Alert = React__namespace.forwardRef(
+  ({
+    message,
+    variant = "warning",
+    onDismiss,
+    onRetry,
+    retryLabel = "R\xE9essayer",
+    isRetrying = false,
+    className
+  }, ref) => {
+    const styles = variantStyles[variant];
+    const isRetryable = !!onRetry;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        "aria-live": "polite",
+        className: chunkADIDI7AJ_js.cn(
+          "rounded-xl border p-4",
+          styles.container,
+          isRetryable && "flex flex-col items-center gap-3 p-6 text-center",
+          !isRetryable && "flex items-start gap-3",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: isRetryable ? 24 : 20,
+              height: isRetryable ? 24 : 20,
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: chunkADIDI7AJ_js.cn(styles.icon, !isRetryable && "mt-0.5 shrink-0"),
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v4" }),
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17h.01" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: chunkADIDI7AJ_js.cn("text-sm", !isRetryable && "flex-1"), children: message }),
+          onDismiss && !isRetryable && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onDismiss,
+              className: chunkADIDI7AJ_js.cn(
+                "shrink-0 rounded-lg p-1 transition-colors duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+                styles.dismiss
+              ),
+              "aria-label": "Fermer l'alerte",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6 6 18" }),
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 6 12 12" })
+              ] })
+            }
+          ),
+          isRetryable && /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              onClick: onRetry,
+              disabled: isRetrying,
+              className: chunkADIDI7AJ_js.cn(
+                "flex min-h-[44px] items-center gap-2 rounded-xl border px-4 py-2 text-sm font-medium transition-colors disabled:opacity-70",
+                styles.retry
+              ),
+              children: [
+                isRetrying ? /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-4 h-4 animate-spin", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+                ] }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 3v5h-5" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 16H3v5" })
+                ] }),
+                isRetrying ? "Chargement..." : retryLabel
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+exports.Alert = Alert;

package/dist/chunk-WOG6V7OW.mjs

@@ -0,0 +1,65 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var tagVariants = cva(
+  "inline-flex items-center gap-1.5 font-medium transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "bg-gray-100 text-gray-700",
+        primary: "bg-primary/10 text-primary",
+        secondary: "bg-secondary/10 text-secondary",
+        accent: "bg-accent/10 text-accent",
+        success: "bg-green-50 text-green-700",
+        warning: "bg-amber-50 text-amber-700",
+        error: "bg-red-50 text-red-700",
+        outline: "bg-transparent border border-gray-300 text-gray-700"
+      },
+      size: {
+        sm: "px-2 py-0.5 text-xs rounded-md",
+        md: "px-2.5 py-1 text-sm rounded-lg",
+        lg: "px-3 py-1.5 text-sm rounded-lg"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var Tag = React.forwardRef(
+  ({ variant, size, icon, onRemove, className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn(tagVariants({ variant, size }), className),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", "aria-hidden": "true", children: icon }),
+          children,
+          onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onRemove();
+              },
+              className: "flex-shrink-0 p-0.5 rounded hover:bg-black/10 transition-colors",
+              "aria-label": "Remove",
+              children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+                /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+              ] })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Tag.displayName = "Tag";
+
+export { Tag, tagVariants };

package/dist/chunk-WVEJS2J2.mjs

@@ -0,0 +1,66 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var opacityMap = {
+  light: "bg-white/40",
+  medium: "bg-white/70",
+  heavy: "bg-white/90"
+};
+var LoadingOverlay = React.forwardRef(
+  ({ visible = true, label, opacity = "medium", className, ...props }, ref) => {
+    if (!visible) return null;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "absolute inset-0 z-10 flex flex-col items-center justify-center backdrop-blur-sm",
+          opacityMap[opacity],
+          className
+        ),
+        role: "status",
+        "aria-live": "polite",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              className: "w-8 h-8 animate-spin text-secondary",
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    className: "opacity-25",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "4"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    className: "opacity-75",
+                    fill: "currentColor",
+                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  }
+                )
+              ]
+            }
+          ),
+          label && /* @__PURE__ */ jsx("span", { className: "mt-3 text-sm font-medium text-text-secondary", children: label }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: label || "Loading..." })
+        ]
+      }
+    );
+  }
+);
+LoadingOverlay.displayName = "LoadingOverlay";
+
+export { LoadingOverlay };

package/dist/chunk-XHRDPJTF.js

@@ -0,0 +1,92 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var spinnerVariants = classVarianceAuthority.cva("animate-spin text-current", {
+  variants: {
+    size: {
+      sm: "w-4 h-4",
+      md: "w-6 h-6",
+      lg: "w-8 h-8",
+      xl: "w-12 h-12"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var Spinner = React__namespace.forwardRef(
+  ({ size, label, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "status",
+        className: chunkADIDI7AJ_js.cn("inline-flex items-center gap-2", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "svg",
+            {
+              className: chunkADIDI7AJ_js.cn(spinnerVariants({ size })),
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "circle",
+                  {
+                    className: "opacity-25",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "4"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    className: "opacity-75",
+                    fill: "currentColor",
+                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  }
+                )
+              ]
+            }
+          ),
+          label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-text-secondary", children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label || "Loading..." })
+        ]
+      }
+    );
+  }
+);
+Spinner.displayName = "Spinner";
+
+exports.Spinner = Spinner;
+exports.spinnerVariants = spinnerVariants;

package/dist/chunk-XQVODPHL.mjs

@@ -0,0 +1,90 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function getPageRange(current, total, siblings) {
+  const totalNumbers = siblings * 2 + 3;
+  if (total <= totalNumbers + 2) {
+    return Array.from({ length: total }, (_, i) => i + 1);
+  }
+  const leftSibling = Math.max(current - siblings, 2);
+  const rightSibling = Math.min(current + siblings, total - 1);
+  const showLeftDots = leftSibling > 2;
+  const showRightDots = rightSibling < total - 1;
+  const pages = [1];
+  if (showLeftDots) {
+    pages.push("dots");
+  }
+  for (let i = leftSibling; i <= rightSibling; i++) {
+    pages.push(i);
+  }
+  if (showRightDots) {
+    pages.push("dots");
+  }
+  pages.push(total);
+  return pages;
+}
+var Pagination = React.forwardRef(
+  ({ currentPage, totalPages, onPageChange, siblingCount = 1, className }, ref) => {
+    if (totalPages <= 1) return null;
+    const pages = getPageRange(currentPage, totalPages, siblingCount);
+    return /* @__PURE__ */ jsxs(
+      "nav",
+      {
+        ref,
+        role: "navigation",
+        "aria-label": "Pagination",
+        className: cn("flex items-center justify-center gap-1", className),
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => onPageChange(currentPage - 1),
+              disabled: currentPage === 1,
+              className: "flex items-center justify-center w-10 h-10 rounded-lg border border-gray-200 text-primary hover:bg-gray-50 disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+              "aria-label": "Page pr\xE9c\xE9dente",
+              children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }) })
+            }
+          ),
+          pages.map(
+            (page, i) => page === "dots" ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "flex items-center justify-center w-10 h-10 text-gray-400 text-sm",
+                "aria-hidden": "true",
+                children: "..."
+              },
+              `dots-${i}`
+            ) : /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => onPageChange(page),
+                className: cn(
+                  "flex items-center justify-center w-10 h-10 rounded-lg text-sm font-medium transition-colors",
+                  page === currentPage ? "bg-secondary text-white" : "border border-gray-200 text-primary hover:bg-gray-50"
+                ),
+                "aria-label": `Page ${page}`,
+                "aria-current": page === currentPage ? "page" : void 0,
+                children: page
+              },
+              page
+            )
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => onPageChange(currentPage + 1),
+              disabled: currentPage === totalPages,
+              className: "flex items-center justify-center w-10 h-10 rounded-lg border border-gray-200 text-primary hover:bg-gray-50 disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+              "aria-label": "Page suivante",
+              children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Pagination.displayName = "Pagination";
+
+export { Pagination };

package/dist/chunk-XXC2YD3D.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Divider = React__namespace.forwardRef(
+  ({ orientation = "horizontal", label, className }, ref) => {
+    if (orientation === "vertical") {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          role: "separator",
+          "aria-orientation": "vertical",
+          className: chunkADIDI7AJ_js.cn("w-px bg-gray-200 self-stretch", className)
+        }
+      );
+    }
+    if (label) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref,
+          role: "separator",
+          className: chunkADIDI7AJ_js.cn("flex items-center gap-4", className),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 h-px bg-gray-200" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-text-muted uppercase tracking-wider", children: label }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 h-px bg-gray-200" })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        role: "separator",
+        className: chunkADIDI7AJ_js.cn("h-px bg-gray-200 w-full", className)
+      }
+    );
+  }
+);
+Divider.displayName = "Divider";
+
+exports.Divider = Divider;

package/dist/chunk-XZU2SISM.mjs

@@ -0,0 +1,38 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var badgeVariants = cva("inline-flex items-center font-medium rounded-full", {
+  variants: {
+    variant: {
+      default: "bg-primary text-white",
+      secondary: "bg-secondary text-white",
+      accent: "bg-accent text-white",
+      success: "bg-green-500 text-white",
+      warning: "bg-yellow-500 text-white",
+      outline: "border border-primary text-primary bg-transparent"
+    },
+    size: {
+      sm: "px-2 py-0.5 text-xs",
+      md: "px-3 py-1 text-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "sm"
+  }
+});
+var Badge = React.forwardRef(
+  ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: cn(badgeVariants({ variant, size, className })),
+      ...props
+    }
+  )
+);
+Badge.displayName = "Badge";
+
+export { Badge, badgeVariants };

package/dist/chunk-YN4HPIRC.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var iconBadgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center rounded-full flex-shrink-0",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary/10 text-primary",
+        secondary: "bg-secondary/10 text-secondary",
+        accent: "bg-accent/10 text-accent",
+        success: "bg-green-100 text-green-600",
+        warning: "bg-amber-100 text-amber-600",
+        error: "bg-red-100 text-red-600",
+        info: "bg-blue-100 text-blue-600",
+        neutral: "bg-gray-100 text-gray-600"
+      },
+      size: {
+        sm: "w-8 h-8",
+        md: "w-10 h-10",
+        lg: "w-12 h-12",
+        xl: "w-16 h-16"
+      }
+    },
+    defaultVariants: {
+      variant: "secondary",
+      size: "md"
+    }
+  }
+);
+var IconBadge = React__namespace.forwardRef(
+  ({ variant, size, icon, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn(iconBadgeVariants({ variant, size }), className),
+        "aria-hidden": "true",
+        ...props,
+        children: icon
+      }
+    );
+  }
+);
+IconBadge.displayName = "IconBadge";
+
+exports.IconBadge = IconBadge;
+exports.iconBadgeVariants = iconBadgeVariants;