@progress/kendo-themes-html 5.6.1-dev.4 → 5.6.1-dev.7

package/dist/badge/tests/badge.js

@@ -28,6 +28,91 @@
   // src/badge/tests/badge.tsx
   var import_react = __toESM(__require("react"));
   var import_client = __toESM(__require("react-dom/client"));
+
+  // src/badge/badge.tsx
+  var React = __toESM(__require("react"));
+
+  // src/utils/classNames.ts
+  var classNames = (...args) => {
+    const result = {};
+    const addLeafKeys = (arg) => {
+      typeof arg === "object" ? Object.keys(arg).forEach((key) => {
+        result[key] = arg[key];
+      }) : result[arg] = true;
+    };
+    const addKeys = (list) => list.filter((arg) => arg !== true && Boolean(arg)).map(
+      (arg) => Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg)
+    );
+    addKeys(args);
+    return Object.keys(result).map((key) => result[key] && key || null).filter((el) => el !== null).join(" ");
+  };
+
+  // src/utils/theme.ts
+  var kendoThemeMaps = {
+    sizeMap: {
+      small: "sm",
+      medium: "md",
+      large: "lg"
+    },
+    roundedMap: {
+      small: "sm",
+      medium: "md",
+      large: "lg"
+    },
+    calloutMap: {
+      top: "n",
+      bottom: "s",
+      left: "w",
+      right: "e"
+    },
+    orientationMap: {
+      vertical: "vstack",
+      horizontal: "hstack"
+    }
+  };
+
+  // src/badge/badge.tsx
+  var Badge = class extends React.Component {
+    render() {
+      const {
+        children,
+        className,
+        size,
+        rounded,
+        fillMode,
+        themeColor,
+        cutoutBorder,
+        position,
+        align,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React.createElement("span", {
+        style: this.props.style,
+        ...htmlAttributes,
+        className: classNames(
+          "k-badge",
+          {
+            [`k-rounded-${kendoThemeMaps.roundedMap[rounded] || rounded}`]: rounded,
+            [`k-badge-${kendoThemeMaps.sizeMap[size] || size}`]: size,
+            [`k-badge-${fillMode}`]: fillMode,
+            [`k-badge-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),
+            [`k-badge-${position}`]: position,
+            [`k-${align}`]: align,
+            ["k-badge-border-cutout"]: cutoutBorder
+          },
+          className
+        )
+      }, children);
+    }
+  };
+  Badge.defaultProps = {
+    size: "medium",
+    fillMode: "solid",
+    themeColor: "primary",
+    cutoutBorder: false
+  };
+
+  // src/badge/tests/badge.tsx
   var root = import_client.default.createRoot(
     document.getElementById("app")
   );
@@ -45,326 +130,508 @@
       className: "col"
     }, "Circle"), /* @__PURE__ */ import_react.default.createElement("span", {
       className: "col"
-    }, "Dot"), /* @__PURE__ */ import_react.default.createElement("span", null, "Primary"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-primary"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-primary"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-primary k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-primary k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-primary k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-primary k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-primary k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-primary k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-primary"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-primary"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-primary k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-primary k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-primary k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-primary k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-primary k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-primary k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Secondary"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-secondary"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-secondary"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-secondary k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-secondary k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-secondary k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-secondary k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-secondary k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-secondary k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-secondary"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-secondary"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-secondary k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-secondary k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-secondary k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-secondary k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-secondary k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-secondary k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Tertiary"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-tertiary"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-tertiary"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-tertiary k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-tertiary k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-tertiary k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-tertiary k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-tertiary k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-tertiary k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-tertiary"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-tertiary"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-tertiary k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-tertiary k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-tertiary k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-tertiary k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-tertiary k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-tertiary k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Info"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-info k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-info"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-info"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-info k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-info k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-info k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-info k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-info k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-info k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Success"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-success"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-success"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-success k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-success k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-success k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-success k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-success k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-success k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-success k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Warning"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-warning"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-warning"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-warning k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-warning k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-warning k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-warning k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-warning k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-warning k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-warning"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-warning"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-warning k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-warning k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-warning k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-warning k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-warning k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-warning k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Error"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-error"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-error"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-error k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-error k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-error k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-error k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-error k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-error k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-error"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-error"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-error k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-error k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-error k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-error k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-error k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-error k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Dark"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-dark"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-dark"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-dark k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-dark k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-dark k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-dark k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-dark k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-dark k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-dark"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-dark"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-dark k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-dark k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-dark k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-dark k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-dark k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-dark k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "light"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-light"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-light"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-light k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-light k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-light k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-light k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-light k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-light k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-light"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-light"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-light k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-light k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-light k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-light k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-light k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-light k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Inverse"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-inverse"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-inverse"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-inverse k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-inverse k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-inverse k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-inverse k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-inverse k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-solid k-badge-inverse k-badge-dot"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-inverse"
-    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-inverse"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-inverse k-badge-rounded"
-    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-inverse k-badge-rounded"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-inverse k-badge-pill"
-    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-inverse k-badge-pill"
-    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-inverse k-badge-circle"
-    }, "99+")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement("span", {
-      className: "k-badge k-badge-md k-badge-outline k-badge-inverse k-badge-dot"
+    }, "Dot"), /* @__PURE__ */ import_react.default.createElement("span", null, "Primary"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, null, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, null)), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Secondary"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "secondary"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "secondary"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "secondary",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "secondary",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "secondary",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "secondary",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "secondary",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "secondary",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "secondary"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "secondary"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "secondary",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "secondary",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "secondary",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "secondary",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "secondary",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "secondary",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Tertiary"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "tertiary"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "tertiary"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "tertiary",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "tertiary",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "tertiary",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "tertiary",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "tertiary",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "tertiary",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "tertiary"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "tertiary"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "tertiary",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "tertiary",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "tertiary",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "tertiary",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "tertiary",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "tertiary",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Info"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "info",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "info",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Success"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "success"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "success"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "success",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "success",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "success",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "success",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "success",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "success",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "success"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "success"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "success",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "success",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "success",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "success",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "success",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "success",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Warning"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "warning"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "warning"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "warning",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "warning",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "warning",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "warning",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "warning",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "warning",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "warning"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "warning"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "warning",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "warning",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "warning",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "warning",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "warning",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "warning",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Error"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "error"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "error"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "error",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "error",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "error",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "error",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "error",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "error",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "error"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "error"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "error",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "error",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "error",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "error",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "error",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "error",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Dark"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "dark"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "dark"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "dark",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "dark",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "dark",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "dark",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "dark",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "dark",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "dark"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "dark"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "dark",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "dark",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "dark",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "dark",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "dark",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "dark",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "light"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "light"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "light"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "light",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "light",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "light",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "light",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "light",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "light",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "light"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "light"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "light",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "light",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "light",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "light",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "light",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "light",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "Inverse"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "inverse"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "inverse"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "inverse",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "inverse",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "inverse",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "inverse",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "inverse",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      themeColor: "inverse",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, "^ outline"), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "inverse"
+    }, "Rectangle")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "inverse"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "inverse",
+      rounded: "medium"
+    }, "Rounded")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "inverse",
+      rounded: "medium"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "inverse",
+      rounded: "full"
+    }, "Pill")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "inverse",
+      rounded: "full"
+    })), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "inverse",
+      rounded: "full"
+    }, "1")), /* @__PURE__ */ import_react.default.createElement("span", null, /* @__PURE__ */ import_react.default.createElement(Badge, {
+      fillMode: "outline",
+      themeColor: "inverse",
+      rounded: "full"
     }))))
   );
 })();