@snapcall/design-system 1.23.0 → 1.23.1

package/dist/components/Breadcrumb/index.d.mts

@@ -4,8 +4,11 @@ import * as React from 'react';
 declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
 
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/components/Breadcrumb/index.d.ts

@@ -4,8 +4,11 @@ import * as React from 'react';
 declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
 declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
 
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/components/Breadcrumb/index.js

@@ -52,12 +52,16 @@ __export(Breadcrumb_exports, {
   Breadcrumb: () => Breadcrumb,
   BreadcrumbEllipsis: () => BreadcrumbEllipsis,
   BreadcrumbItem: () => BreadcrumbItem,
+  BreadcrumbLink: () => BreadcrumbLink,
   BreadcrumbList: () => BreadcrumbList,
   BreadcrumbPage: () => BreadcrumbPage,
   BreadcrumbSeparator: () => BreadcrumbSeparator
 });
 module.exports = __toCommonJS(Breadcrumb_exports);
 
+// src/components/Breadcrumb/Breadcrumb.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+
 // src/icons/chevronRight.tsx
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -184,6 +188,26 @@ function BreadcrumbItem(_a) {
     }, props)
   );
 }
+function BreadcrumbLink(_a) {
+  var _b = _a, {
+    asChild,
+    className
+  } = _b, props = __objRest(_b, [
+    "asChild",
+    "className"
+  ]);
+  const Comp = asChild ? import_react_slot.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Comp,
+    __spreadValues({
+      "data-slot": "breadcrumb-link",
+      className: cn(
+        "inline-flex items-center gap-2 hover:text-black transition-colors [&>svg]:text-current hover:[&>svg]:text-black",
+        className
+      )
+    }, props)
+  );
+}
 function BreadcrumbPage(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -246,6 +270,7 @@ function BreadcrumbEllipsis(_a) {
   Breadcrumb,
   BreadcrumbEllipsis,
   BreadcrumbItem,
+  BreadcrumbLink,
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator

package/dist/components/Breadcrumb/index.mjs

@@ -8,6 +8,9 @@ import {
   cn
 } from "../../chunk-BOWIL6WZ.mjs";
 
+// src/components/Breadcrumb/Breadcrumb.tsx
+import { Slot } from "@radix-ui/react-slot";
+
 // src/icons/dotsHorizontal.tsx
 import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -95,6 +98,26 @@ function BreadcrumbItem(_a) {
     }, props)
   );
 }
+function BreadcrumbLink(_a) {
+  var _b = _a, {
+    asChild,
+    className
+  } = _b, props = __objRest(_b, [
+    "asChild",
+    "className"
+  ]);
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx2(
+    Comp,
+    __spreadValues({
+      "data-slot": "breadcrumb-link",
+      className: cn(
+        "inline-flex items-center gap-2 hover:text-black transition-colors [&>svg]:text-current hover:[&>svg]:text-black",
+        className
+      )
+    }, props)
+  );
+}
 function BreadcrumbPage(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx2(
@@ -156,6 +179,7 @@ export {
   Breadcrumb,
   BreadcrumbEllipsis,
   BreadcrumbItem,
+  BreadcrumbLink,
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator

package/dist/components/MediaCard/index.js

@@ -74,19 +74,21 @@ var Image1Icon = (0, import_react.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M6.36574 19.6343L14.8687 11.1314C15.2647 10.7354 15.4627 10.5373 15.691 10.4632C15.8919 10.3979 16.1082 10.3979 16.3091 10.4632C16.5374 10.5373 16.7354 10.7354 17.1314 11.1314L21 15V16.2C21 17.8802 21 18.7202 20.6731 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7203 21 17.8802 21 16.2 21H6.93142C6.3256 21 6.0227 21 5.88243 20.8802C5.76073 20.7763 5.69614 20.6203 5.7087 20.4608C5.72317 20.2769 5.93736 20.0627 6.36574 19.6343Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M8.50005 10.5C9.60462 10.5 10.5 9.60457 10.5 8.5C10.5 7.39543 9.60462 6.5 8.50005 6.5C7.39548 6.5 6.50005 7.39543 6.50005 8.5C6.50005 9.60457 7.39548 10.5 8.50005 10.5Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             )
           ] }),

package/dist/components/MediaCard/index.mjs

@@ -16,7 +16,7 @@ import { cloneElement } from "react";
 
 // src/icons/image1.tsx
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Image1Icon = forwardRef(
   function Image1Icon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
@@ -32,19 +32,21 @@ var Image1Icon = forwardRef(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ jsxs("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               "path",
               {
                 d: "M6.36574 19.6343L14.8687 11.1314C15.2647 10.7354 15.4627 10.5373 15.691 10.4632C15.8919 10.3979 16.1082 10.3979 16.3091 10.4632C16.5374 10.5373 16.7354 10.7354 17.1314 11.1314L21 15V16.2C21 17.8802 21 18.7202 20.6731 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7203 21 17.8802 21 16.2 21H6.93142C6.3256 21 6.0227 21 5.88243 20.8802C5.76073 20.7763 5.69614 20.6203 5.7087 20.4608C5.72317 20.2769 5.93736 20.0627 6.36574 19.6343Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ jsx(
               "path",
               {
                 d: "M8.50005 10.5C9.60462 10.5 10.5 9.60457 10.5 8.5C10.5 7.39543 9.60462 6.5 8.50005 6.5C7.39548 6.5 6.50005 7.39543 6.50005 8.5C6.50005 9.60457 7.39548 10.5 8.50005 10.5Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             )
           ] }),

package/dist/icons/airpods.js

@@ -69,19 +69,21 @@ var AirpodsIcon = (0, import_react.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M2 7.625C2 9.90317 3.84683 11.75 6.125 11.75C6.43089 11.75 6.58383 11.75 6.66308 11.7773C6.82888 11.8345 6.91545 11.9211 6.97266 12.0869C7 12.1662 7 12.2903 7 12.5386V18.875C7 19.7725 7.72754 20.5 8.625 20.5C9.52246 20.5 10.25 19.7725 10.25 18.875V7.625C10.25 5.34683 8.40317 3.5 6.125 3.5C3.84683 3.5 2 5.34683 2 7.625Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M22 7.625C22 9.90317 20.1532 11.75 17.875 11.75C17.5691 11.75 17.4162 11.75 17.3369 11.7773C17.1711 11.8345 17.0845 11.9211 17.0273 12.0869C17 12.1662 17 12.2903 17 12.5386V18.875C17 19.7725 16.2725 20.5 15.375 20.5C14.4775 20.5 13.75 19.7725 13.75 18.875V7.625C13.75 5.34683 15.5968 3.5 17.875 3.5C20.1532 3.5 22 5.34683 22 7.625Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             )
           ] }),

package/dist/icons/airpods.mjs

@@ -6,7 +6,7 @@ import {
 
 // src/icons/airpods.tsx
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var AirpodsIcon = forwardRef(
   function AirpodsIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
@@ -22,19 +22,21 @@ var AirpodsIcon = forwardRef(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ jsxs("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               "path",
               {
                 d: "M2 7.625C2 9.90317 3.84683 11.75 6.125 11.75C6.43089 11.75 6.58383 11.75 6.66308 11.7773C6.82888 11.8345 6.91545 11.9211 6.97266 12.0869C7 12.1662 7 12.2903 7 12.5386V18.875C7 19.7725 7.72754 20.5 8.625 20.5C9.52246 20.5 10.25 19.7725 10.25 18.875V7.625C10.25 5.34683 8.40317 3.5 6.125 3.5C3.84683 3.5 2 5.34683 2 7.625Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ jsx(
               "path",
               {
                 d: "M22 7.625C22 9.90317 20.1532 11.75 17.875 11.75C17.5691 11.75 17.4162 11.75 17.3369 11.7773C17.1711 11.8345 17.0845 11.9211 17.0273 12.0869C17 12.1662 17 12.2903 17 12.5386V18.875C17 19.7725 16.2725 20.5 15.375 20.5C14.4775 20.5 13.75 19.7725 13.75 18.875V7.625C13.75 5.34683 15.5968 3.5 17.875 3.5C20.1532 3.5 22 5.34683 22 7.625Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             )
           ] }),

package/dist/icons/announcement2.js

@@ -69,19 +69,21 @@ var Announcement2Icon = (0, import_react.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M18.5 13.5C20.433 13.5 22 11.933 22 10C22 8.067 20.433 6.5 18.5 6.5V13.5Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M9.99999 5.5H6.5C4.01472 5.5 2 7.51472 2 10C2 12.4853 4.01472 14.5 6.5 14.5H10L9.99999 5.5Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             )
           ] }),

package/dist/icons/announcement2.mjs

@@ -6,7 +6,7 @@ import {
 
 // src/icons/announcement2.tsx
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Announcement2Icon = forwardRef(
   function Announcement2Icon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
@@ -22,19 +22,21 @@ var Announcement2Icon = forwardRef(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ jsxs("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               "path",
               {
                 d: "M18.5 13.5C20.433 13.5 22 11.933 22 10C22 8.067 20.433 6.5 18.5 6.5V13.5Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ jsx(
               "path",
               {
                 d: "M9.99999 5.5H6.5C4.01472 5.5 2 7.51472 2 10C2 12.4853 4.01472 14.5 6.5 14.5H10L9.99999 5.5Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             )
           ] }),

package/dist/icons/appIntegration.js

@@ -69,26 +69,29 @@ var AppIntegrationIcon = (0, import_react.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M14 4.6C14 4.03995 14 3.75992 14.109 3.54601C14.2049 3.35785 14.3578 3.20487 14.546 3.10899C14.7599 3 15.0399 3 15.6 3H19.4C19.9601 3 20.2401 3 20.454 3.10899C20.6422 3.20487 20.7951 3.35785 20.891 3.54601C21 3.75992 21 4.03995 21 4.6V8.4C21 8.96005 21 9.24008 20.891 9.45399C20.7951 9.64215 20.6422 9.79513 20.454 9.89101C20.2401 10 19.9601 10 19.4 10H15.6C15.0399 10 14.7599 10 14.546 9.89101C14.3578 9.79513 14.2049 9.64215 14.109 9.45399C14 9.24008 14 8.96005 14 8.4V4.6Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M3 4.6C3 4.03995 3 3.75992 3.10899 3.54601C3.20487 3.35785 3.35785 3.20487 3.54601 3.10899C3.75992 3 4.03995 3 4.6 3H8.4C8.96005 3 9.24008 3 9.45399 3.10899C9.64215 3.20487 9.79513 3.35785 9.89101 3.54601C10 3.75992 10 4.03995 10 4.6V8.4C10 8.96005 10 9.24008 9.89101 9.45399C9.79513 9.64215 9.64215 9.79513 9.45399 9.89101C9.24008 10 8.96005 10 8.4 10H4.6C4.03995 10 3.75992 10 3.54601 9.89101C3.35785 9.79513 3.20487 9.64215 3.10899 9.45399C3 9.24008 3 8.96005 3 8.4V4.6Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M3 15.6C3 15.0399 3 14.7599 3.10899 14.546C3.20487 14.3578 3.35785 14.2049 3.54601 14.109C3.75992 14 4.03995 14 4.6 14H8.4C8.96005 14 9.24008 14 9.45399 14.109C9.64215 14.2049 9.79513 14.3578 9.89101 14.546C10 14.7599 10 15.0399 10 15.6V19.4C10 19.9601 10 20.2401 9.89101 20.454C9.79513 20.6422 9.64215 20.7951 9.45399 20.891C9.24008 21 8.96005 21 8.4 21H4.6C4.03995 21 3.75992 21 3.54601 20.891C3.35785 20.7951 3.20487 20.6422 3.10899 20.454C3 20.2401 3 19.9601 3 19.4V15.6Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             )
           ] }),

package/dist/icons/appIntegration.mjs

@@ -6,7 +6,7 @@ import {
 
 // src/icons/appIntegration.tsx
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var AppIntegrationIcon = forwardRef(
   function AppIntegrationIcon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
@@ -22,26 +22,29 @@ var AppIntegrationIcon = forwardRef(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ jsxs("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               "path",
               {
                 d: "M14 4.6C14 4.03995 14 3.75992 14.109 3.54601C14.2049 3.35785 14.3578 3.20487 14.546 3.10899C14.7599 3 15.0399 3 15.6 3H19.4C19.9601 3 20.2401 3 20.454 3.10899C20.6422 3.20487 20.7951 3.35785 20.891 3.54601C21 3.75992 21 4.03995 21 4.6V8.4C21 8.96005 21 9.24008 20.891 9.45399C20.7951 9.64215 20.6422 9.79513 20.454 9.89101C20.2401 10 19.9601 10 19.4 10H15.6C15.0399 10 14.7599 10 14.546 9.89101C14.3578 9.79513 14.2049 9.64215 14.109 9.45399C14 9.24008 14 8.96005 14 8.4V4.6Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ jsx(
               "path",
               {
                 d: "M3 4.6C3 4.03995 3 3.75992 3.10899 3.54601C3.20487 3.35785 3.35785 3.20487 3.54601 3.10899C3.75992 3 4.03995 3 4.6 3H8.4C8.96005 3 9.24008 3 9.45399 3.10899C9.64215 3.20487 9.79513 3.35785 9.89101 3.54601C10 3.75992 10 4.03995 10 4.6V8.4C10 8.96005 10 9.24008 9.89101 9.45399C9.79513 9.64215 9.64215 9.79513 9.45399 9.89101C9.24008 10 8.96005 10 8.4 10H4.6C4.03995 10 3.75992 10 3.54601 9.89101C3.35785 9.79513 3.20487 9.64215 3.10899 9.45399C3 9.24008 3 8.96005 3 8.4V4.6Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ jsx(
               "path",
               {
                 d: "M3 15.6C3 15.0399 3 14.7599 3.10899 14.546C3.20487 14.3578 3.35785 14.2049 3.54601 14.109C3.75992 14 4.03995 14 4.6 14H8.4C8.96005 14 9.24008 14 9.45399 14.109C9.64215 14.2049 9.79513 14.3578 9.89101 14.546C10 14.7599 10 15.0399 10 15.6V19.4C10 19.9601 10 20.2401 9.89101 20.454C9.79513 20.6422 9.64215 20.7951 9.45399 20.891C9.24008 21 8.96005 21 8.4 21H4.6C4.03995 21 3.75992 21 3.54601 20.891C3.35785 20.7951 3.20487 20.6422 3.10899 20.454C3 20.2401 3 19.9601 3 19.4V15.6Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             )
           ] }),

package/dist/icons/award4.js

@@ -69,19 +69,21 @@ var Award4Icon = (0, import_react.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M4 5.1998V5.8773C4 6.29333 4 6.50135 4.04084 6.70032C4.07706 6.87684 4.13698 7.04766 4.21897 7.20814C4.31138 7.38902 4.44132 7.55145 4.70122 7.87632L8.87625 13.0951C9.78671 12.3649 10.8934 11.9998 12 11.9998L4.52204 2.65234C4.4022 2.78379 4.29972 2.93141 4.21799 3.09182C4 3.51964 4 4.07969 4 5.1998Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M20 5.1998V5.8773C20 6.29333 20 6.50135 19.9592 6.70032C19.9229 6.87684 19.863 7.04766 19.781 7.20814C19.6886 7.38902 19.5587 7.55145 19.2988 7.87632L15.1238 13.0951C14.2133 12.3649 13.1066 11.9998 12 11.9998L19.478 2.65234C19.5978 2.78379 19.7003 2.93141 19.782 3.09182C20 3.51964 20 4.07969 20 5.1998Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             )
           ] }),

package/dist/icons/award4.mjs

@@ -6,7 +6,7 @@ import {
 
 // src/icons/award4.tsx
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Award4Icon = forwardRef(
   function Award4Icon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
@@ -22,19 +22,21 @@ var Award4Icon = forwardRef(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ jsxs("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               "path",
               {
                 d: "M4 5.1998V5.8773C4 6.29333 4 6.50135 4.04084 6.70032C4.07706 6.87684 4.13698 7.04766 4.21897 7.20814C4.31138 7.38902 4.44132 7.55145 4.70122 7.87632L8.87625 13.0951C9.78671 12.3649 10.8934 11.9998 12 11.9998L4.52204 2.65234C4.4022 2.78379 4.29972 2.93141 4.21799 3.09182C4 3.51964 4 4.07969 4 5.1998Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ jsx(
               "path",
               {
                 d: "M20 5.1998V5.8773C20 6.29333 20 6.50135 19.9592 6.70032C19.9229 6.87684 19.863 7.04766 19.781 7.20814C19.6886 7.38902 19.5587 7.55145 19.2988 7.87632L15.1238 13.0951C14.2133 12.3649 13.1066 11.9998 12 11.9998L19.478 2.65234C19.5978 2.78379 19.7003 2.93141 19.782 3.09182C20 3.51964 20 4.07969 20 5.1998Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             )
           ] }),

package/dist/icons/award5.js

@@ -69,19 +69,21 @@ var Award5Icon = (0, import_react.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M7.13515 11.189L3.3304 4.38052C2.89291 3.59765 2.67417 3.20621 2.71103 2.88573C2.7432 2.60611 2.8917 2.353 3.1201 2.18852C3.38188 2 3.83029 2 4.72711 2H6.96193C7.29523 2 7.46187 2 7.61135 2.04813C7.74362 2.09073 7.86556 2.16042 7.96939 2.25276C8.08674 2.35712 8.17132 2.5007 8.3405 2.78788L12.0001 9C10.3366 9 8.67311 9.6346 7.40391 10.9038C7.31091 10.9968 7.22133 11.0919 7.13515 11.189Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M16.8651 11.189L20.6698 4.38052C21.1073 3.59765 21.326 3.20621 21.2892 2.88573C21.257 2.60611 21.1085 2.353 20.8801 2.18852C20.6183 2 20.1699 2 19.2731 2H17.0383C16.705 2 16.5383 2 16.3889 2.04813C16.2566 2.09073 16.1347 2.16042 16.0308 2.25276C15.9135 2.35712 15.8289 2.5007 15.6597 2.78788L12.0001 9C13.6636 9 15.3271 9.6346 16.5963 10.9038C16.6893 10.9968 16.7789 11.0919 16.8651 11.189Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             )
           ] }),

package/dist/icons/award5.mjs

@@ -6,7 +6,7 @@ import {
 
 // src/icons/award5.tsx
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Award5Icon = forwardRef(
   function Award5Icon2(_a, ref) {
     var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
@@ -22,19 +22,21 @@ var Award5Icon = forwardRef(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ jsxs("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(
               "path",
               {
                 d: "M7.13515 11.189L3.3304 4.38052C2.89291 3.59765 2.67417 3.20621 2.71103 2.88573C2.7432 2.60611 2.8917 2.353 3.1201 2.18852C3.38188 2 3.83029 2 4.72711 2H6.96193C7.29523 2 7.46187 2 7.61135 2.04813C7.74362 2.09073 7.86556 2.16042 7.96939 2.25276C8.08674 2.35712 8.17132 2.5007 8.3405 2.78788L12.0001 9C10.3366 9 8.67311 9.6346 7.40391 10.9038C7.31091 10.9968 7.22133 11.0919 7.13515 11.189Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ jsx(
               "path",
               {
                 d: "M16.8651 11.189L20.6698 4.38052C21.1073 3.59765 21.326 3.20621 21.2892 2.88573C21.257 2.60611 21.1085 2.353 20.8801 2.18852C20.6183 2 20.1699 2 19.2731 2H17.0383C16.705 2 16.5383 2 16.3889 2.04813C16.2566 2.09073 16.1347 2.16042 16.0308 2.25276C15.9135 2.35712 15.8289 2.5007 15.6597 2.78788L12.0001 9C13.6636 9 15.3271 9.6346 16.5963 10.9038C16.6893 10.9968 16.7789 11.0919 16.8651 11.189Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             )
           ] }),

package/dist/icons/bank.js

@@ -68,19 +68,21 @@ var BankIcon = (0, import_react.forwardRef)(function BankIcon2(_a, ref) {
       className
     }, other), {
       children: [
-        duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { opacity: "0.12", children: [
+        duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "path",
             {
               d: "M19.4 21C19.9601 21 20.2401 21 20.454 20.891C20.6422 20.7952 20.7951 20.6422 20.891 20.454C21 20.2401 21 19.9601 21 19.4V18.6C21 18.04 21 17.7599 20.891 17.546C20.7951 17.3579 20.6422 17.2049 20.454 17.109C20.2401 17 19.9601 17 19.4 17L4.6 17C4.03995 17 3.75992 17 3.54601 17.109C3.35785 17.2049 3.20487 17.3579 3.10899 17.546C3 17.7599 3 18.04 3 18.6L3 19.4C3 19.9601 3 20.2401 3.10899 20.454C3.20487 20.6422 3.35785 20.7952 3.54601 20.891C3.75992 21 4.03995 21 4.6 21L19.4 21Z",
-              fill: "currentColor"
+              fill: "currentColor",
+              fillOpacity: "0.12"
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "path",
             {
               d: "M19.4 9.00002C19.9601 9.00002 20.2401 9.00002 20.454 8.89103C20.6422 8.79515 20.7951 8.64217 20.891 8.45401C21 8.2401 21 7.96007 21 7.40002V6.2835C21 5.82553 21 5.59655 20.9188 5.40759C20.8473 5.24092 20.7317 5.09685 20.5845 4.99082C20.4177 4.87062 20.1942 4.82094 19.7471 4.7216L12.3471 3.07715C12.2176 3.04837 12.1528 3.03398 12.0874 3.02824C12.0292 3.02314 11.9708 3.02314 11.9126 3.02824C11.8472 3.03398 11.7824 3.04837 11.6529 3.07715L4.25291 4.7216C3.80585 4.82094 3.58232 4.87062 3.41546 4.99082C3.26829 5.09685 3.15273 5.24092 3.08115 5.40759C3 5.59654 3 5.82553 3 6.28349L3 7.40002C3 7.96007 3 8.2401 3.10899 8.45401C3.20487 8.64217 3.35785 8.79515 3.54601 8.89103C3.75992 9.00002 4.03995 9.00002 4.6 9.00002H19.4Z",
-              fill: "currentColor"
+              fill: "currentColor",
+              fillOpacity: "0.12"
             }
           )
         ] }),

package/dist/icons/bank.mjs

@@ -6,7 +6,7 @@ import {
 
 // src/icons/bank.tsx
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var BankIcon = forwardRef(function BankIcon2(_a, ref) {
   var _b = _a, { size = 24, className = "text-gray-1000", duotone = false } = _b, other = __objRest(_b, ["size", "className", "duotone"]);
   return /* @__PURE__ */ jsxs(
@@ -21,19 +21,21 @@ var BankIcon = forwardRef(function BankIcon2(_a, ref) {
       className
     }, other), {
       children: [
-        duotone && /* @__PURE__ */ jsxs("g", { opacity: "0.12", children: [
+        duotone && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
             "path",
             {
               d: "M19.4 21C19.9601 21 20.2401 21 20.454 20.891C20.6422 20.7952 20.7951 20.6422 20.891 20.454C21 20.2401 21 19.9601 21 19.4V18.6C21 18.04 21 17.7599 20.891 17.546C20.7951 17.3579 20.6422 17.2049 20.454 17.109C20.2401 17 19.9601 17 19.4 17L4.6 17C4.03995 17 3.75992 17 3.54601 17.109C3.35785 17.2049 3.20487 17.3579 3.10899 17.546C3 17.7599 3 18.04 3 18.6L3 19.4C3 19.9601 3 20.2401 3.10899 20.454C3.20487 20.6422 3.35785 20.7952 3.54601 20.891C3.75992 21 4.03995 21 4.6 21L19.4 21Z",
-              fill: "currentColor"
+              fill: "currentColor",
+              fillOpacity: "0.12"
             }
           ),
           /* @__PURE__ */ jsx(
             "path",
             {
               d: "M19.4 9.00002C19.9601 9.00002 20.2401 9.00002 20.454 8.89103C20.6422 8.79515 20.7951 8.64217 20.891 8.45401C21 8.2401 21 7.96007 21 7.40002V6.2835C21 5.82553 21 5.59655 20.9188 5.40759C20.8473 5.24092 20.7317 5.09685 20.5845 4.99082C20.4177 4.87062 20.1942 4.82094 19.7471 4.7216L12.3471 3.07715C12.2176 3.04837 12.1528 3.03398 12.0874 3.02824C12.0292 3.02314 11.9708 3.02314 11.9126 3.02824C11.8472 3.03398 11.7824 3.04837 11.6529 3.07715L4.25291 4.7216C3.80585 4.82094 3.58232 4.87062 3.41546 4.99082C3.26829 5.09685 3.15273 5.24092 3.08115 5.40759C3 5.59654 3 5.82553 3 6.28349L3 7.40002C3 7.96007 3 8.2401 3.10899 8.45401C3.20487 8.64217 3.35785 8.79515 3.54601 8.89103C3.75992 9.00002 4.03995 9.00002 4.6 9.00002H19.4Z",
-              fill: "currentColor"
+              fill: "currentColor",
+              fillOpacity: "0.12"
             }
           )
         ] }),

package/dist/icons/barLineChart.js

@@ -69,26 +69,29 @@ var BarLineChartIcon = (0, import_react.forwardRef)(
         className
       }, other), {
         children: [
-          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { opacity: "0.12", children: [
+          duotone && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M21.0607 6.43934C21.6464 7.02513 21.6464 7.97487 21.0607 8.56066C20.4749 9.14645 19.5251 9.14645 18.9393 8.56066C18.3536 7.97487 18.3536 7.02513 18.9393 6.43934C19.5251 5.85355 20.4749 5.85355 21.0607 6.43934Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M5.06066 9.43934C5.64645 10.0251 5.64645 10.9749 5.06066 11.5607C4.47487 12.1464 3.52513 12.1464 2.93934 11.5607C2.35355 10.9749 2.35355 10.0251 2.93934 9.43934C3.52513 8.85355 4.47487 8.85355 5.06066 9.43934Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "path",
               {
                 d: "M13.0607 3.43934C13.6464 4.02513 13.6464 4.97487 13.0607 5.56066C12.4749 6.14645 11.5251 6.14645 10.9393 5.56066C10.3536 4.97487 10.3536 4.02513 10.9393 3.43934C11.5251 2.85355 12.4749 2.85355 13.0607 3.43934Z",
-                fill: "currentColor"
+                fill: "currentColor",
+                fillOpacity: "0.12"
               }
             )
           ] }),