@particle-network/icons 0.4.0-beta.1 → 0.4.0-beta.11

package/dist/web/ArrowLeftIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const ArrowLeftIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ArrowLeftIcon;

package/dist/web/ArrowLeftIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const ArrowLeftIcon_ArrowLeftIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const ArrowLeftIcon_ArrowLeftIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/ArrowRightIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const ArrowRightIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ArrowRightIcon;

package/dist/web/ArrowRightIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const ArrowRightIcon_ArrowRightIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const ArrowRightIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -15,6 +16,6 @@ const ArrowRightIcon_ArrowRightIcon = ({ size = 16, width = size, height = size,
         })
     });
 };
-ArrowRightIcon_ArrowRightIcon.displayName = 'ArrowRightIcon|arrow-right';
-const ArrowRightIcon = ArrowRightIcon_ArrowRightIcon;
-export { ArrowRightIcon as default };
+ArrowRightIcon.displayName = 'ArrowRightIcon|arrow-right';
+const web_ArrowRightIcon = ArrowRightIcon;
+export { web_ArrowRightIcon as default };

package/dist/web/ArrowRightLeftIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const ArrowRightLeftIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ArrowRightLeftIcon;

package/dist/web/ArrowRightLeftIcon.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-const ArrowRightLeftIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const ArrowRightLeftIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,

package/dist/web/ArrowUpIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const ArrowUpIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default ArrowUpIcon;

package/dist/web/ArrowUpIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const ArrowUpIcon_ArrowUpIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const ArrowUpIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -15,6 +16,6 @@ const ArrowUpIcon_ArrowUpIcon = ({ size = 16, width = size, height = size, color
         })
     });
 };
-ArrowUpIcon_ArrowUpIcon.displayName = 'ArrowUpIcon|arrow-up';
-const ArrowUpIcon = ArrowUpIcon_ArrowUpIcon;
-export { ArrowUpIcon as default };
+ArrowUpIcon.displayName = 'ArrowUpIcon|arrow-up';
+const web_ArrowUpIcon = ArrowUpIcon;
+export { web_ArrowUpIcon as default };

package/dist/web/Assets2Icon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const Assets2Icon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Assets2Icon;

package/dist/web/Assets2Icon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const Assets2Icon_Assets2Icon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const Assets2Icon_Assets2Icon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/AssetsIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const AssetsIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default AssetsIcon;

package/dist/web/AssetsIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const AssetsIcon_AssetsIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const AssetsIcon_AssetsIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/AxiomIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const AxiomIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default AxiomIcon;

package/dist/web/AxiomIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const AxiomIcon_AxiomIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const AxiomIcon_AxiomIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/BallIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const BallIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BallIcon;

package/dist/web/BallIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const BallIcon_BallIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const BallIcon_BallIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/BanIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const BanIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BanIcon;

package/dist/web/BanIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const BanIcon_BanIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const BanIcon_BanIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/BookmarkIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const BookmarkIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BookmarkIcon;

package/dist/web/BookmarkIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const BookmarkIcon_BookmarkIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const BookmarkIcon_BookmarkIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/BookmarkXFilledIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const BookmarkXFilledIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BookmarkXFilledIcon;

package/dist/web/BookmarkXFilledIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const BookmarkXFilledIcon_BookmarkXFilledIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const BookmarkXFilledIcon_BookmarkXFilledIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/BookmarkXIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const BookmarkXIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BookmarkXIcon;

package/dist/web/BookmarkXIcon.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-const BookmarkXIcon_BookmarkXIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const BookmarkXIcon_BookmarkXIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,

package/dist/web/Bot2Icon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const Bot2Icon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Bot2Icon;

package/dist/web/Bot2Icon.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-const Bot2Icon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const Bot2Icon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,

package/dist/web/BotIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const BotIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BotIcon;

package/dist/web/BotIcon.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-const BotIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const BotIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,

package/dist/web/Boxes2Icon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const Boxes2Icon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Boxes2Icon;

package/dist/web/Boxes2Icon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const Boxes2Icon_Boxes2Icon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const Boxes2Icon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,
@@ -15,6 +16,6 @@ const Boxes2Icon_Boxes2Icon = ({ size = 16, width = size, height = size, color =
         })
     });
 };
-Boxes2Icon_Boxes2Icon.displayName = 'Boxes2Icon|boxes-2';
-const Boxes2Icon = Boxes2Icon_Boxes2Icon;
-export { Boxes2Icon as default };
+Boxes2Icon.displayName = 'Boxes2Icon|boxes-2';
+const web_Boxes2Icon = Boxes2Icon;
+export { web_Boxes2Icon as default };

package/dist/web/BoxesIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const BoxesIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BoxesIcon;

package/dist/web/BoxesIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const BoxesIcon_BoxesIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const BoxesIcon_BoxesIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/BrushCleaningIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const BrushCleaningIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BrushCleaningIcon;

package/dist/web/BrushCleaningIcon.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-const BrushCleaningIcon_BrushCleaningIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const BrushCleaningIcon_BrushCleaningIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,

package/dist/web/Bubble1FilledIcon.d.ts

@@ -0,0 +1,7 @@
+import { type IconColor } from '../core';
+import { type IconProps } from './types';
+declare const Bubble1FilledIcon: {
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Bubble1FilledIcon;

package/dist/web/Bubble1FilledIcon.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { useWebColor } from "../core/index.js";
+const Bubble1FilledIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
+    return /*#__PURE__*/ jsx("svg", {
+        width: width,
+        height: height,
+        className: clsx,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M17.6481 8.65869C17.1159 8.65384 16.5881 8.75584 16.0963 8.95947C15.5962 9.16653 15.1439 9.47415 14.7672 9.86279C14.0078 10.6311 13.6077 11.6003 13.6012 12.6792C13.5926 13.2202 13.6941 13.7574 13.901 14.2573C14.1047 14.7494 14.4069 15.1948 14.7867 15.5679L14.7926 15.5747C14.7967 15.5787 14.8002 15.5834 14.8043 15.5874C15.5727 16.3466 16.5428 16.746 17.6217 16.7524C17.6281 16.7525 17.6339 16.7524 17.6402 16.7524L17.6481 16.7534C18.1801 16.7583 18.708 16.6563 19.1998 16.4526C19.6916 16.249 20.1364 15.9475 20.5094 15.5679C21.2809 14.7964 21.6886 13.8198 21.6949 12.7319C21.7035 12.1908 21.6012 11.6548 21.3942 11.1548C21.1872 10.6548 20.8803 10.2024 20.4918 9.82568C19.7237 9.06674 18.7538 8.66537 17.6754 8.65869H17.6481ZM7.29357 2.5415C6.63757 2.53472 5.98677 2.6586 5.38048 2.90967C4.76589 3.1642 4.20961 3.5423 3.74669 4.02002C2.8052 4.97166 2.3117 6.16257 2.30528 7.50244C2.2948 8.16737 2.42 8.82748 2.67443 9.4419C2.92895 10.0565 3.30706 10.6128 3.78478 11.0757C4.73643 12.0172 5.9273 12.5107 7.2672 12.5171C7.27323 12.5172 7.27875 12.517 7.28478 12.5171L7.29357 12.5181C7.94958 12.5248 8.60035 12.399 9.20665 12.1479C9.82125 11.8934 10.3775 11.5153 10.8404 11.0376C11.7877 10.0798 12.2828 8.87918 12.2828 7.52881C12.2896 6.87281 12.1638 6.22201 11.9127 5.61572C11.6582 5.00113 11.2801 4.44486 10.8024 3.98193C9.8444 3.03399 8.64441 2.53956 7.29357 2.53955V2.5415ZM6.55529 18.6646C6.62376 19.3804 6.93006 20.0331 7.4547 20.5542C8.04911 21.1486 8.81353 21.4604 9.64708 21.4604C10.4843 21.4604 11.2518 21.145 11.8473 20.5454C12.3664 20.0258 12.6708 19.3763 12.7389 18.6646L12.7535 18.354L12.7389 18.0435C12.6704 17.3275 12.3632 16.6749 11.8385 16.1538C11.2502 15.5657 10.4959 15.2549 9.67247 15.2485C9.30742 15.2431 8.9443 15.3021 8.60118 15.4243L8.45568 15.481L8.3131 15.5444C7.9944 15.6962 7.7044 15.9025 7.45568 16.1538C6.85607 16.7494 6.54064 17.5167 6.54064 18.354L6.55529 18.6646Z",
+            fill: "currentColor"
+        })
+    });
+};
+Bubble1FilledIcon.displayName = 'Bubble1FilledIcon|bubble-1-filled';
+const web_Bubble1FilledIcon = Bubble1FilledIcon;
+export { web_Bubble1FilledIcon as default };

package/dist/web/Bubble1Icon.d.ts

@@ -0,0 +1,7 @@
+import { type IconColor } from '../core';
+import { type IconProps } from './types';
+declare const Bubble1Icon: {
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Bubble1Icon;

package/dist/web/Bubble1Icon.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { useWebColor } from "../core/index.js";
+const Bubble1Icon_Bubble1Icon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
+    return /*#__PURE__*/ jsx("svg", {
+        width: width,
+        height: height,
+        className: clsx,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M8.23498 18.354C8.23498 17.9643 8.3723 17.6308 8.64904 17.356C8.77823 17.2225 8.93354 17.1166 9.1051 17.0454C9.23391 16.992 9.37003 16.9588 9.50842 16.9468L9.64709 16.9419C10.0365 16.942 10.3694 17.0795 10.6442 17.356L10.7418 17.4624C10.9534 17.7156 11.0592 18.0131 11.0592 18.354C11.0592 18.7437 10.9209 19.0772 10.6442 19.3521C10.4038 19.5939 10.1189 19.7291 9.79064 19.7593L9.64709 19.7661C9.25744 19.7661 8.92388 19.6287 8.64904 19.3521C8.4069 19.1116 8.27093 18.8262 8.24084 18.4976L8.23498 18.354ZM17.6481 8.65869C17.1159 8.65384 16.5881 8.75584 16.0963 8.95947C15.5962 9.16653 15.1439 9.47415 14.7672 9.86279C14.0078 10.6311 13.6077 11.6003 13.6012 12.6792C13.5926 13.2202 13.6941 13.7574 13.901 14.2573C14.1047 14.7494 14.4069 15.1948 14.7867 15.5679L14.7858 15.5688C14.7879 15.571 14.7905 15.5726 14.7926 15.5747C14.7967 15.5787 14.8002 15.5834 14.8043 15.5874L14.8053 15.5864C15.5737 16.3456 16.5429 16.746 17.6217 16.7524L17.6207 16.7534C17.6271 16.7535 17.6339 16.7524 17.6403 16.7524C17.6428 16.7524 17.6455 16.7534 17.6481 16.7534C18.1801 16.7583 18.708 16.6563 19.1998 16.4526C19.6917 16.249 20.1364 15.9475 20.5094 15.5679L20.5104 15.5688C21.2818 14.7974 21.6886 13.8198 21.6949 12.7319L21.6959 12.7329C21.7045 12.1918 21.6012 11.6548 21.3942 11.1548C21.1872 10.6548 20.8803 10.2024 20.4918 9.82568C19.7237 9.06674 18.7538 8.66537 17.6754 8.65869H17.6481ZM17.6481 10.353C18.2974 10.353 18.8528 10.5823 19.3121 11.0415L19.4703 11.2114C19.6191 11.3885 19.7399 11.5878 19.8287 11.8022L19.9069 12.021C19.9731 12.2427 20.0053 12.4742 20.0016 12.7065L19.9908 12.9448C19.9407 13.4927 19.7142 13.9686 19.3121 14.3706C19.0965 14.593 18.8375 14.7687 18.5514 14.8872C18.2652 15.0057 17.9578 15.064 17.6481 15.0591C16.9987 15.0591 16.4433 14.8298 15.984 14.3706C15.8171 14.2088 15.6759 14.0226 15.566 13.8188L15.4664 13.6099C15.348 13.3238 15.2897 13.0162 15.2945 12.7065C15.2945 12.1382 15.4702 11.6412 15.8219 11.2183L15.984 11.0415C16.1456 10.8749 16.3314 10.7343 16.5348 10.6245L16.7447 10.5249C16.9594 10.436 17.186 10.3808 17.4166 10.3608L17.6481 10.353ZM7.29357 2.5415C6.63757 2.53472 5.98678 2.6586 5.38049 2.90967C4.76589 3.1642 4.20962 3.5423 3.7467 4.02002L3.74767 4.021C2.80618 4.97263 2.31171 6.16257 2.30529 7.50244C2.29481 8.16737 2.42 8.82748 2.67443 9.44189C2.92896 10.0565 3.30707 10.6128 3.78478 11.0757L3.78576 11.0747C4.73742 12.0162 5.9273 12.5107 7.26721 12.5171L7.26623 12.5181C7.27225 12.5182 7.27876 12.517 7.28478 12.5171C7.28771 12.5171 7.29065 12.5181 7.29357 12.5181C7.94959 12.5248 8.60036 12.399 9.20666 12.1479C9.82125 11.8934 10.3775 11.5153 10.8404 11.0376C11.7877 10.0798 12.2828 8.87918 12.2828 7.52881C12.2896 6.87281 12.1638 6.22201 11.9127 5.61572C11.6582 5.00113 11.2801 4.44486 10.8024 3.98193C9.84441 3.03399 8.64441 2.53956 7.29357 2.53955V2.5415ZM7.29357 4.23389C8.20286 4.23389 8.9798 4.55584 9.62365 5.19873C9.93511 5.50054 10.1813 5.86346 10.3473 6.26416L10.4049 6.41553C10.5317 6.77234 10.5945 7.1493 10.5885 7.52881L10.5846 7.69775C10.5469 8.53469 10.2264 9.25526 9.62365 9.85889C9.32184 10.1703 8.95892 10.4166 8.55822 10.5825C8.15758 10.7484 7.72715 10.8306 7.29357 10.8237C6.38426 10.8237 5.60736 10.5018 4.9635 9.85889C4.69096 9.59478 4.46884 9.28386 4.30627 8.94189L4.23986 8.79346C4.07399 8.39284 3.99178 7.96236 3.99865 7.52881C3.99867 6.61953 4.32059 5.84257 4.9635 5.19873C5.22759 4.92621 5.53854 4.70407 5.88049 4.5415L6.02892 4.4751C6.37956 4.32992 6.75307 4.24917 7.13146 4.23584L7.29357 4.23389ZM6.55529 18.6646C6.62377 19.3804 6.93006 20.0331 7.45471 20.5542L7.45568 20.5532C8.0501 21.1476 8.81354 21.4604 9.64709 21.4604C10.4843 21.4604 11.2518 21.145 11.8473 20.5454C12.3664 20.0258 12.6708 19.3763 12.7389 18.6646L12.7535 18.354L12.7389 18.0435C12.6704 17.3275 12.3632 16.6749 11.8385 16.1538C11.2502 15.5657 10.4959 15.2549 9.67248 15.2485C9.30743 15.2431 8.94431 15.3021 8.60119 15.4243L8.45568 15.481L8.3131 15.5444C7.9944 15.6962 7.70441 15.9025 7.45568 16.1538C6.85608 16.7494 6.54064 17.5167 6.54064 18.354L6.55529 18.6646Z",
+            fill: "currentColor"
+        })
+    });
+};
+Bubble1Icon_Bubble1Icon.displayName = 'Bubble1Icon|bubble-1';
+const Bubble1Icon = Bubble1Icon_Bubble1Icon;
+export { Bubble1Icon as default };

package/dist/web/BubbleIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const BubbleIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BubbleIcon;

package/dist/web/BubbleIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const BubbleIcon_BubbleIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const BubbleIcon_BubbleIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/BullBearIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const BullBearIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BullBearIcon;

package/dist/web/BullBearIcon.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-const BullBearIcon_BullBearIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const BullBearIcon_BullBearIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,

package/dist/web/BurgerIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const BurgerIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BurgerIcon;

package/dist/web/BurgerIcon.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-const BurgerIcon_BurgerIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const BurgerIcon_BurgerIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsxs("svg", {
         width: width,
         height: height,

package/dist/web/CaIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const CaIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default CaIcon;

package/dist/web/CaIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const CaIcon_CaIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const CaIcon_CaIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,

package/dist/web/CabalIcon.d.ts

@@ -1,7 +1,7 @@
 import { type IconColor } from '../core';
 import { type IconProps } from './types';
 declare const CabalIcon: {
-    <T extends string = IconColor>({ size, width, height, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
+    <T extends string = IconColor>({ size, width, height, className, color, ...props }: IconProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default CabalIcon;

package/dist/web/CabalIcon.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
-const CabalIcon_CabalIcon = ({ size = 16, width = size, height = size, color = 'currentColor', ...props })=>{
-    const clsx = 'currentColor' === color ? '' : `text-${color}`;
+import { useWebColor } from "../core/index.js";
+const CabalIcon_CabalIcon = ({ size = 16, width = size, height = size, className, color = 'currentColor', ...props })=>{
+    const clsx = useWebColor(color, className);
     return /*#__PURE__*/ jsx("svg", {
         width: width,
         height: height,