@snapcall/design-system 1.22.1 → 1.23.1-beta.1

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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 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 };

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

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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 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 };

package/dist/components/Breadcrumb/index.js

@@ -0,0 +1,252 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Breadcrumb/index.ts
+var Breadcrumb_exports = {};
+__export(Breadcrumb_exports, {
+  Breadcrumb: () => Breadcrumb,
+  BreadcrumbEllipsis: () => BreadcrumbEllipsis,
+  BreadcrumbItem: () => BreadcrumbItem,
+  BreadcrumbList: () => BreadcrumbList,
+  BreadcrumbPage: () => BreadcrumbPage,
+  BreadcrumbSeparator: () => BreadcrumbSeparator
+});
+module.exports = __toCommonJS(Breadcrumb_exports);
+
+// src/icons/chevronRight.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ChevronRightIcon = (0, import_react.forwardRef)(
+  function ChevronRightIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "path",
+          {
+            d: "M9 18L15 12L9 6",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      })
+    );
+  }
+);
+
+// src/icons/dotsHorizontal.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var DotsHorizontalIcon = (0, import_react2.forwardRef)(
+  function DotsHorizontalIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "path",
+            {
+              d: "M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "path",
+            {
+              d: "M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "path",
+            {
+              d: "M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Breadcrumb(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
+}
+function BreadcrumbList(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "ol",
+    __spreadValues({
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "text-gray-900 flex flex-wrap items-center gap-2 text-md break-words",
+        className
+      )
+    }, props)
+  );
+}
+function BreadcrumbItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "li",
+    __spreadValues({
+      "data-slot": "breadcrumb-item",
+      className: cn(
+        "inline-flex items-center gap-2 hover:text-black transition-colors cursor-pointer",
+        "[&>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)(
+    "span",
+    __spreadValues({
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("text-black font-medium cursor-default", className)
+    }, props)
+  );
+}
+function BreadcrumbSeparator(_a) {
+  var _b = _a, {
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "li",
+    __spreadProps(__spreadValues({
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:text-gray-700", className)
+    }, props), {
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ChevronRightIcon, { size: 12 })
+    })
+  );
+}
+function BreadcrumbEllipsis(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "span",
+    __spreadProps(__spreadValues({
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn(
+        "flex items-center justify-center cursor-default",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DotsHorizontalIcon, { size: 16, className: "text-gray-900" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "sr-only", children: "More" })
+      ]
+    })
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator
+});

package/dist/components/Breadcrumb/index.mjs

@@ -0,0 +1,162 @@
+import {
+  ChevronRightIcon
+} from "../../chunk-M7XGO7VL.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues,
+  cn
+} from "../../chunk-BOWIL6WZ.mjs";
+
+// src/icons/dotsHorizontal.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DotsHorizontalIcon = forwardRef(
+  function DotsHorizontalIcon2(_a, ref) {
+    var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
+    return /* @__PURE__ */ jsxs(
+      "svg",
+      __spreadProps(__spreadValues({
+        ref,
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        className
+      }, other), {
+        children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M19 13C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11C18.4477 11 18 11.4477 18 12C18 12.5523 18.4477 13 19 13Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M5 13C5.55228 13 6 12.5523 6 12C6 11.4477 5.55228 11 5 11C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13Z",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        ]
+      })
+    );
+  }
+);
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function Breadcrumb(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx2("nav", __spreadValues({ "aria-label": "breadcrumb", "data-slot": "breadcrumb" }, props));
+}
+function BreadcrumbList(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx2(
+    "ol",
+    __spreadValues({
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "text-gray-900 flex flex-wrap items-center gap-2 text-md break-words",
+        className
+      )
+    }, props)
+  );
+}
+function BreadcrumbItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx2(
+    "li",
+    __spreadValues({
+      "data-slot": "breadcrumb-item",
+      className: cn(
+        "inline-flex items-center gap-2 hover:text-black transition-colors cursor-pointer",
+        "[&>svg]:text-current hover:[&>svg]:text-black",
+        className
+      )
+    }, props)
+  );
+}
+function BreadcrumbPage(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx2(
+    "span",
+    __spreadValues({
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("text-black font-medium cursor-default", className)
+    }, props)
+  );
+}
+function BreadcrumbSeparator(_a) {
+  var _b = _a, {
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx2(
+    "li",
+    __spreadProps(__spreadValues({
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:text-gray-700", className)
+    }, props), {
+      children: children != null ? children : /* @__PURE__ */ jsx2(ChevronRightIcon, { size: 12 })
+    })
+  );
+}
+function BreadcrumbEllipsis(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs2(
+    "span",
+    __spreadProps(__spreadValues({
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn(
+        "flex items-center justify-center cursor-default",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx2(DotsHorizontalIcon, { size: 16, className: "text-gray-900" }),
+        /* @__PURE__ */ jsx2("span", { className: "sr-only", children: "More" })
+      ]
+    })
+  );
+}
+export {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  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"
               }
             )
           ] }),