@sparrowengg/integrations-templates-frontend 2.1.0-beta.1 → 2.1.0-beta.2

package/dist/es/commons/icons/cursor.js

@@ -1,17 +1,8 @@
 import React__default from 'react';
-import { ATTRIBUTES, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, COLORS } from '../constants/strings.js';
 
-const DEFAULT_CONFIG = {
-  size: 64,
-  color: COLORS.ICON_GRAY_MEDIUM,
-  strokeWidth: 3
-};
 const CursorIcon = ({
-  size = DEFAULT_CONFIG.size,
-  color = DEFAULT_CONFIG.color,
-  strokeWidth = DEFAULT_CONFIG.strokeWidth,
-  className,
-  ariaLabel = ARIA_LABELS.CURSOR
+  size = " 64",
+  color = "#767676"
 }) => {
   return /* @__PURE__ */ React__default.createElement(
     "svg",
@@ -20,17 +11,14 @@ const CursorIcon = ({
       height: size,
       viewBox: "0 0 64 64",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      "aria-label": ariaLabel,
-      role: ATTRIBUTES.IMG
+      xmlns: "http://www.w3.org/2000/svg"
     },
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M13.3335 23.9997C13.3335 13.6903 21.6908 5.33301 32.0002 5.33301C42.3095 5.33301 50.6668 13.6903 50.6668 23.9997",
         stroke: color,
-        strokeWidth,
+        strokeWidth: "3",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -40,7 +28,7 @@ const CursorIcon = ({
       {
         d: "M21.3335 23.9997C21.3335 18.109 26.1095 13.333 32.0002 13.333C37.8908 13.333 42.6668 18.109 42.6668 23.9997",
         stroke: color,
-        strokeWidth,
+        strokeWidth: "3",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -48,18 +36,17 @@ const CursorIcon = ({
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
         d: "M36.1443 34.6663V25.333C36.1443 23.125 34.3523 21.333 32.1443 21.333V21.333C29.9363 21.333 28.1443 23.125 28.1443 25.333V31.9997V42.6663L25.7417 40.2637C24.123 38.645 21.499 38.645 19.8803 40.2637V40.2637C18.483 41.661 18.267 43.8503 19.363 45.493L26.5603 56.2903C27.5497 57.7757 29.2163 58.6663 31.0003 58.6663H45.1017C47.7923 58.6663 50.059 56.6637 50.395 53.9943L51.8403 42.429C52.195 39.5837 50.2377 36.965 47.4083 36.5037L36.1443 34.6663Z",
         stroke: color,
-        strokeWidth,
+        strokeWidth: "3",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
     )
   );
 };
-CursorIcon.displayName = COMPONENT_DISPLAY_NAMES.CURSOR_ICON;
 
 export { CursorIcon as default };
 //# sourceMappingURL=cursor.js.map

package/dist/es/commons/icons/cursor.js.map

@@ -1 +1 @@
-{"version":3,"file":"cursor.js","sources":["../../../../src/commons/icons/cursor.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS, ARIA_LABELS, ATTRIBUTES, COMPONENT_DISPLAY_NAMES } from '../constants/strings';\n\n/**\n * Props for the CursorIcon component\n */\nexport interface CursorIconProps {\n  /** Size of the icon (width and height) */\n  size?: number | string;\n  /** Stroke color of the icon */\n  color?: string;\n  /** Stroke width */\n  strokeWidth?: number | string;\n  /** Optional: Additional CSS class name */\n  className?: string;\n  /** Optional: ARIA label for accessibility */\n  ariaLabel?: string;\n}\n\n/**\n * Default configuration for the cursor icon\n */\nconst DEFAULT_CONFIG = {\n  size: 64,\n  color: COLORS.ICON_GRAY_MEDIUM,\n  strokeWidth: 3,\n} as const;\n\n/**\n * CursorIcon Component\n * \n * A hand cursor/pointer icon with customizable size and color.\n * \n * @example\n * ```tsx\n * <CursorIcon size={48} color=\"#000000\" />\n * ```\n */\nconst CursorIcon: React.FC<CursorIconProps> = ({\n  size = DEFAULT_CONFIG.size,\n  color = DEFAULT_CONFIG.color,\n  strokeWidth = DEFAULT_CONFIG.strokeWidth,\n  className,\n  ariaLabel = ARIA_LABELS.CURSOR,\n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 64 64\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-label={ariaLabel}\n      role={ATTRIBUTES.IMG}\n    >\n      <path\n        d=\"M13.3335 23.9997C13.3335 13.6903 21.6908 5.33301 32.0002 5.33301C42.3095 5.33301 50.6668 13.6903 50.6668 23.9997\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M21.3335 23.9997C21.3335 18.109 26.1095 13.333 32.0002 13.333C37.8908 13.333 42.6668 18.109 42.6668 23.9997\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M36.1443 34.6663V25.333C36.1443 23.125 34.3523 21.333 32.1443 21.333V21.333C29.9363 21.333 28.1443 23.125 28.1443 25.333V31.9997V42.6663L25.7417 40.2637C24.123 38.645 21.499 38.645 19.8803 40.2637V40.2637C18.483 41.661 18.267 43.8503 19.363 45.493L26.5603 56.2903C27.5497 57.7757 29.2163 58.6663 31.0003 58.6663H45.1017C47.7923 58.6663 50.059 56.6637 50.395 53.9943L51.8403 42.429C52.195 39.5837 50.2377 36.965 47.4083 36.5037L36.1443 34.6663Z\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nCursorIcon.displayName = COMPONENT_DISPLAY_NAMES.CURSOR_ICON;\n\nexport default CursorIcon;\n"],"names":["React"],"mappings":";;;AAsBA,MAAM,cAAiB,GAAA;AAAA,EACrB,IAAM,EAAA,EAAA;AAAA,EACN,OAAO,MAAO,CAAA,gBAAA;AAAA,EACd,WAAa,EAAA,CAAA;AACf,CAAA,CAAA;AAYA,MAAM,aAAwC,CAAC;AAAA,EAC7C,OAAO,cAAe,CAAA,IAAA;AAAA,EACtB,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,cAAc,cAAe,CAAA,WAAA;AAAA,EAC7B,SAAA;AAAA,EACA,YAAY,WAAY,CAAA,MAAA;AAC1B,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,IAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,MACR,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,MACN,SAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACZ,MAAM,UAAW,CAAA,GAAA;AAAA,KAAA;AAAA,oBAEjBA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kHAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,6GAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,SAAA;AAAA,QACT,QAAS,EAAA,SAAA;AAAA,QACT,CAAE,EAAA,6bAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,UAAA,CAAW,cAAc,uBAAwB,CAAA,WAAA;;;;"}
+{"version":3,"file":"cursor.js","sources":["../../../../src/commons/icons/cursor.tsx"],"sourcesContent":["import React from \"react\";\n\nconst CursorIcon = ({\n  size = \" 64\",\n  color = \"#767676\"\n}: {\n  size?: number | string;\n  color?: string;\n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 64 64\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M13.3335 23.9997C13.3335 13.6903 21.6908 5.33301 32.0002 5.33301C42.3095 5.33301 50.6668 13.6903 50.6668 23.9997\"\n        stroke={color}\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M21.3335 23.9997C21.3335 18.109 26.1095 13.333 32.0002 13.333C37.8908 13.333 42.6668 18.109 42.6668 23.9997\"\n        stroke={color}\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M36.1443 34.6663V25.333C36.1443 23.125 34.3523 21.333 32.1443 21.333V21.333C29.9363 21.333 28.1443 23.125 28.1443 25.333V31.9997V42.6663L25.7417 40.2637C24.123 38.645 21.499 38.645 19.8803 40.2637V40.2637C18.483 41.661 18.267 43.8503 19.363 45.493L26.5603 56.2903C27.5497 57.7757 29.2163 58.6663 31.0003 58.6663H45.1017C47.7923 58.6663 50.059 56.6637 50.395 53.9943L51.8403 42.429C52.195 39.5837 50.2377 36.965 47.4083 36.5037L36.1443 34.6663Z\"\n        stroke={color}\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nexport default CursorIcon;\n"],"names":["React"],"mappings":";;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB,IAAO,GAAA,KAAA;AAAA,EACP,KAAQ,GAAA,SAAA;AACV,CAGM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,IAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,MACR,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,KAAA;AAAA,oBAENA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kHAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAY,EAAA,GAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,6GAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAY,EAAA,GAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAU,EAAA,SAAA;AAAA,QACV,WAAU,EAAA,SAAA;AAAA,QACV,CAAE,EAAA,6bAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAY,EAAA,GAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/es/commons/icons/email-letter.js

@@ -1,55 +1,37 @@
 import React__default from 'react';
-import { ATTRIBUTES, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, COLORS } from '../constants/strings.js';
 
-const DEFAULT_CONFIG = {
-  width: 20,
-  height: 20,
-  color: COLORS.ICON_GRAY,
-  strokeWidth: 1.5
-};
-const EmailLetterIcon = ({
-  width = DEFAULT_CONFIG.width,
-  height = DEFAULT_CONFIG.height,
-  color = DEFAULT_CONFIG.color,
-  strokeWidth = DEFAULT_CONFIG.strokeWidth,
-  className,
-  ariaLabel = ARIA_LABELS.EMAIL
-}) => {
+const EmailLetterIcon = () => {
   return /* @__PURE__ */ React__default.createElement(
     "svg",
     {
-      width,
-      height,
+      width: "20",
+      height: "20",
       viewBox: "0 0 20 20",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      "aria-label": ariaLabel,
-      role: ATTRIBUTES.IMG
+      xmlns: "http://www.w3.org/2000/svg"
     },
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M14.1667 3.75H5.83333C3.99238 3.75 2.5 5.24238 2.5 7.08333V12.9167C2.5 14.7576 3.99238 16.25 5.83333 16.25H14.1667C16.0076 16.25 17.5 14.7576 17.5 12.9167V7.08333C17.5 5.24238 16.0076 3.75 14.1667 3.75Z",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
       }
     ),
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M5.83337 7.48657L9.33723 9.01427C9.54658 9.10555 9.77245 9.15283 10.0008 9.15317C10.2292 9.15352 10.4552 9.10692 10.6648 9.01628L14.1667 7.50209",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
       }
     )
   );
 };
-EmailLetterIcon.displayName = COMPONENT_DISPLAY_NAMES.EMAIL_LETTER_ICON;
 
 export { EmailLetterIcon as default };
 //# sourceMappingURL=email-letter.js.map

package/dist/es/commons/icons/email-letter.js.map

@@ -1 +1 @@
-{"version":3,"file":"email-letter.js","sources":["../../../../src/commons/icons/email-letter.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS, ARIA_LABELS, ATTRIBUTES, COMPONENT_DISPLAY_NAMES } from '../constants/strings';\n\n/**\n * Props for the EmailLetterIcon component\n */\nexport interface EmailLetterIconProps {\n  /** Width of the icon */\n  width?: number | string;\n  /** Height of the icon */\n  height?: number | string;\n  /** Stroke color of the icon */\n  color?: string;\n  /** Stroke width */\n  strokeWidth?: number | string;\n  /** Optional: Additional CSS class name */\n  className?: string;\n  /** Optional: ARIA label for accessibility */\n  ariaLabel?: string;\n}\n\n/**\n * Default configuration for the email letter icon\n */\nconst DEFAULT_CONFIG = {\n  width: 20,\n  height: 20,\n  color: COLORS.ICON_GRAY,\n  strokeWidth: 1.5,\n} as const;\n\n/**\n * EmailLetterIcon Component\n * \n * An envelope/email icon with customizable size and color.\n * \n * @example\n * ```tsx\n * <EmailLetterIcon width={24} height={24} color=\"#000000\" />\n * ```\n */\nconst EmailLetterIcon: React.FC<EmailLetterIconProps> = ({\n  width = DEFAULT_CONFIG.width,\n  height = DEFAULT_CONFIG.height,\n  color = DEFAULT_CONFIG.color,\n  strokeWidth = DEFAULT_CONFIG.strokeWidth,\n  className,\n  ariaLabel = ARIA_LABELS.EMAIL,\n}) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-label={ariaLabel}\n      role={ATTRIBUTES.IMG}\n    >\n      <path\n        d=\"M14.1667 3.75H5.83333C3.99238 3.75 2.5 5.24238 2.5 7.08333V12.9167C2.5 14.7576 3.99238 16.25 5.83333 16.25H14.1667C16.0076 16.25 17.5 14.7576 17.5 12.9167V7.08333C17.5 5.24238 16.0076 3.75 14.1667 3.75Z\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M5.83337 7.48657L9.33723 9.01427C9.54658 9.10555 9.77245 9.15283 10.0008 9.15317C10.2292 9.15352 10.4552 9.10692 10.6648 9.01628L14.1667 7.50209\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nEmailLetterIcon.displayName = COMPONENT_DISPLAY_NAMES.EMAIL_LETTER_ICON;\n\nexport default EmailLetterIcon;\n"],"names":["React"],"mappings":";;;AAwBA,MAAM,cAAiB,GAAA;AAAA,EACrB,KAAO,EAAA,EAAA;AAAA,EACP,MAAQ,EAAA,EAAA;AAAA,EACR,OAAO,MAAO,CAAA,SAAA;AAAA,EACd,WAAa,EAAA,GAAA;AACf,CAAA,CAAA;AAYA,MAAM,kBAAkD,CAAC;AAAA,EACvD,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,SAAS,cAAe,CAAA,MAAA;AAAA,EACxB,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,cAAc,cAAe,CAAA,WAAA;AAAA,EAC7B,SAAA;AAAA,EACA,YAAY,WAAY,CAAA,KAAA;AAC1B,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,MACN,SAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACZ,MAAM,UAAW,CAAA,GAAA;AAAA,KAAA;AAAA,oBAEjBA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,4MAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kJAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,eAAA,CAAgB,cAAc,uBAAwB,CAAA,iBAAA;;;;"}
+{"version":3,"file":"email-letter.js","sources":["../../../../src/commons/icons/email-letter.tsx"],"sourcesContent":["import React from \"react\";\n\nconst EmailLetterIcon = () => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M14.1667 3.75H5.83333C3.99238 3.75 2.5 5.24238 2.5 7.08333V12.9167C2.5 14.7576 3.99238 16.25 5.83333 16.25H14.1667C16.0076 16.25 17.5 14.7576 17.5 12.9167V7.08333C17.5 5.24238 16.0076 3.75 14.1667 3.75Z\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M5.83337 7.48657L9.33723 9.01427C9.54658 9.10555 9.77245 9.15283 10.0008 9.15317C10.2292 9.15352 10.4552 9.10692 10.6648 9.01628L14.1667 7.50209\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nexport default EmailLetterIcon;\n"],"names":["React"],"mappings":";;AAEA,MAAM,kBAAkB,MAAM;AAC5B,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,KAAA;AAAA,oBAENA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,4MAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,kJAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/es/commons/icons/mapping.js

@@ -1,17 +1,8 @@
 import React__default from 'react';
-import { ATTRIBUTES, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, COLORS } from '../constants/strings.js';
 
-const DEFAULT_CONFIG = {
-  size: 64,
-  color: COLORS.ICON_GRAY_MEDIUM,
-  strokeWidth: 3
-};
 const MappingIcon = ({
-  size = DEFAULT_CONFIG.size,
-  color = DEFAULT_CONFIG.color,
-  strokeWidth = DEFAULT_CONFIG.strokeWidth,
-  className,
-  ariaLabel = ARIA_LABELS.MAPPING
+  size = " 64",
+  color = "#767676"
 }) => {
   return /* @__PURE__ */ React__default.createElement(
     "svg",
@@ -20,13 +11,10 @@ const MappingIcon = ({
       height: size,
       viewBox: "0 0 64 64",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      "aria-label": ariaLabel,
-      role: ATTRIBUTES.IMG
+      xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React__default.createElement("circle", { cx: "18", cy: "46", r: "6", stroke: color, strokeWidth }),
-    /* @__PURE__ */ React__default.createElement("circle", { cx: "46", cy: "18", r: "6", stroke: color, strokeWidth }),
+    /* @__PURE__ */ React__default.createElement("circle", { cx: "18", cy: "46", r: "6", stroke: color, strokeWidth: "3" }),
+    /* @__PURE__ */ React__default.createElement("circle", { cx: "46", cy: "18", r: "6", stroke: color, strokeWidth: "3" }),
     /* @__PURE__ */ React__default.createElement(
       "rect",
       {
@@ -36,7 +24,7 @@ const MappingIcon = ({
         height: "12",
         rx: "6",
         stroke: color,
-        strokeWidth
+        strokeWidth: "3"
       }
     ),
     /* @__PURE__ */ React__default.createElement(
@@ -49,7 +37,7 @@ const MappingIcon = ({
         rx: "1",
         transform: "rotate(135 26.4854 18)",
         stroke: color,
-        strokeWidth
+        strokeWidth: "3"
       }
     ),
     /* @__PURE__ */ React__default.createElement(
@@ -57,14 +45,13 @@ const MappingIcon = ({
       {
         d: "M40 17.9999C25.4998 17.9999 40.0002 46.0002 24 45.9999",
         stroke: color,
-        strokeWidth
+        strokeWidth: "3"
       }
     ),
-    /* @__PURE__ */ React__default.createElement("path", { d: "M18 25L18 40", stroke: color, strokeWidth }),
-    /* @__PURE__ */ React__default.createElement("path", { d: "M46 25L46 41", stroke: color, strokeWidth })
+    /* @__PURE__ */ React__default.createElement("path", { d: "M18 25L18 40", stroke: color, strokeWidth: "3" }),
+    /* @__PURE__ */ React__default.createElement("path", { d: "M46 25L46 41", stroke: color, strokeWidth: "3" })
   );
 };
-MappingIcon.displayName = COMPONENT_DISPLAY_NAMES.MAPPING_ICON;
 
 export { MappingIcon as default };
 //# sourceMappingURL=mapping.js.map

package/dist/es/commons/icons/mapping.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapping.js","sources":["../../../../src/commons/icons/mapping.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS, ARIA_LABELS, ATTRIBUTES, COMPONENT_DISPLAY_NAMES } from '../constants/strings';\n\n/**\n * Props for the MappingIcon component\n */\nexport interface MappingIconProps {\n  /** Size of the icon (width and height) */\n  size?: number | string;\n  /** Stroke color of the icon */\n  color?: string;\n  /** Stroke width */\n  strokeWidth?: number | string;\n  /** Optional: Additional CSS class name */\n  className?: string;\n  /** Optional: ARIA label for accessibility */\n  ariaLabel?: string;\n}\n\n/**\n * Default configuration for the mapping icon\n */\nconst DEFAULT_CONFIG = {\n  size: 64,\n  color: COLORS.ICON_GRAY_MEDIUM,\n  strokeWidth: 3,\n} as const;\n\n/**\n * MappingIcon Component\n * \n * A data mapping/connection icon with customizable size and color.\n * Shows interconnected nodes representing data relationships.\n * \n * @example\n * ```tsx\n * <MappingIcon size={48} color=\"#3B82F6\" />\n * ```\n */\nconst MappingIcon: React.FC<MappingIconProps> = ({\n  size = DEFAULT_CONFIG.size,\n  color = DEFAULT_CONFIG.color,\n  strokeWidth = DEFAULT_CONFIG.strokeWidth,\n  className,\n  ariaLabel = ARIA_LABELS.MAPPING,\n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 64 64\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-label={ariaLabel}\n      role={ATTRIBUTES.IMG}\n    >\n      <circle cx=\"18\" cy=\"46\" r=\"6\" stroke={color} strokeWidth={strokeWidth} />\n      <circle cx=\"46\" cy=\"18\" r=\"6\" stroke={color} strokeWidth={strokeWidth} />\n      <rect\n        x=\"40\"\n        y=\"40\"\n        width=\"12\"\n        height=\"12\"\n        rx=\"6\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n      />\n      <rect\n        x=\"26.4854\"\n        y=\"18\"\n        width=\"12\"\n        height=\"12\"\n        rx=\"1\"\n        transform=\"rotate(135 26.4854 18)\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n      />\n      <path\n        d=\"M40 17.9999C25.4998 17.9999 40.0002 46.0002 24 45.9999\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n      />\n      <path d=\"M18 25L18 40\" stroke={color} strokeWidth={strokeWidth} />\n      <path d=\"M46 25L46 41\" stroke={color} strokeWidth={strokeWidth} />\n    </svg>\n  );\n};\n\nMappingIcon.displayName = COMPONENT_DISPLAY_NAMES.MAPPING_ICON;\n\nexport default MappingIcon;\n"],"names":["React"],"mappings":";;;AAsBA,MAAM,cAAiB,GAAA;AAAA,EACrB,IAAM,EAAA,EAAA;AAAA,EACN,OAAO,MAAO,CAAA,gBAAA;AAAA,EACd,WAAa,EAAA,CAAA;AACf,CAAA,CAAA;AAaA,MAAM,cAA0C,CAAC;AAAA,EAC/C,OAAO,cAAe,CAAA,IAAA;AAAA,EACtB,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,cAAc,cAAe,CAAA,WAAA;AAAA,EAC7B,SAAA;AAAA,EACA,YAAY,WAAY,CAAA,OAAA;AAC1B,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,IAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,MACR,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,MACN,SAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACZ,MAAM,UAAW,CAAA,GAAA;AAAA,KAAA;AAAA,oBAEjBA,cAAA,CAAA,aAAA,CAAC,QAAO,EAAA,EAAA,EAAA,EAAG,IAAK,EAAA,EAAA,EAAG,MAAK,CAAE,EAAA,GAAA,EAAI,MAAQ,EAAA,KAAA,EAAO,WAA0B,EAAA,CAAA;AAAA,oBACvEA,cAAA,CAAA,aAAA,CAAC,QAAO,EAAA,EAAA,EAAA,EAAG,IAAK,EAAA,EAAA,EAAG,MAAK,CAAE,EAAA,GAAA,EAAI,MAAQ,EAAA,KAAA,EAAO,WAA0B,EAAA,CAAA;AAAA,oBACvEA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,IAAA;AAAA,QACF,CAAE,EAAA,IAAA;AAAA,QACF,KAAM,EAAA,IAAA;AAAA,QACN,MAAO,EAAA,IAAA;AAAA,QACP,EAAG,EAAA,GAAA;AAAA,QACH,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,OAAA;AAAA,KACF;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,SAAA;AAAA,QACF,CAAE,EAAA,IAAA;AAAA,QACF,KAAM,EAAA,IAAA;AAAA,QACN,MAAO,EAAA,IAAA;AAAA,QACP,EAAG,EAAA,GAAA;AAAA,QACH,SAAU,EAAA,wBAAA;AAAA,QACV,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,OAAA;AAAA,KACF;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,wDAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,OAAA;AAAA,KACF;AAAA,iDACC,MAAK,EAAA,EAAA,CAAA,EAAE,cAAe,EAAA,MAAA,EAAQ,OAAO,WAA0B,EAAA,CAAA;AAAA,iDAC/D,MAAK,EAAA,EAAA,CAAA,EAAE,cAAe,EAAA,MAAA,EAAQ,OAAO,WAA0B,EAAA,CAAA;AAAA,GAClE,CAAA;AAEJ,EAAA;AAEA,WAAA,CAAY,cAAc,uBAAwB,CAAA,YAAA;;;;"}
+{"version":3,"file":"mapping.js","sources":["../../../../src/commons/icons/mapping.tsx"],"sourcesContent":["import React from \"react\";\n\nconst MappingIcon = ({\n  size = \" 64\",\n  color = \"#767676\"\n}: {\n  size?: number | string;\n  color?: string;\n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 64 64\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle cx=\"18\" cy=\"46\" r=\"6\" stroke={color} strokeWidth=\"3\" />\n      <circle cx=\"46\" cy=\"18\" r=\"6\" stroke={color} strokeWidth=\"3\" />\n      <rect\n        x=\"40\"\n        y=\"40\"\n        width=\"12\"\n        height=\"12\"\n        rx=\"6\"\n        stroke={color}\n        strokeWidth=\"3\"\n      />\n      <rect\n        x=\"26.4854\"\n        y=\"18\"\n        width=\"12\"\n        height=\"12\"\n        rx=\"1\"\n        transform=\"rotate(135 26.4854 18)\"\n        stroke={color}\n        strokeWidth=\"3\"\n      />\n      <path\n        d=\"M40 17.9999C25.4998 17.9999 40.0002 46.0002 24 45.9999\"\n        stroke={color}\n        strokeWidth=\"3\"\n      />\n      <path d=\"M18 25L18 40\" stroke={color} strokeWidth=\"3\" />\n      <path d=\"M46 25L46 41\" stroke={color} strokeWidth=\"3\" />\n    </svg>\n  );\n};\n\nexport default MappingIcon;\n"],"names":["React"],"mappings":";;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB,IAAO,GAAA,KAAA;AAAA,EACP,KAAQ,GAAA,SAAA;AACV,CAGM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,IAAA;AAAA,MACP,MAAQ,EAAA,IAAA;AAAA,MACR,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,KAAA;AAAA,oBAENA,cAAA,CAAA,aAAA,CAAC,QAAO,EAAA,EAAA,EAAA,EAAG,IAAK,EAAA,EAAA,EAAG,IAAK,EAAA,CAAA,EAAE,GAAI,EAAA,MAAA,EAAQ,KAAO,EAAA,WAAA,EAAY,GAAI,EAAA,CAAA;AAAA,oBAC7DA,cAAA,CAAA,aAAA,CAAC,QAAO,EAAA,EAAA,EAAA,EAAG,IAAK,EAAA,EAAA,EAAG,IAAK,EAAA,CAAA,EAAE,GAAI,EAAA,MAAA,EAAQ,KAAO,EAAA,WAAA,EAAY,GAAI,EAAA,CAAA;AAAA,oBAC7DA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,IAAA;AAAA,QACF,CAAE,EAAA,IAAA;AAAA,QACF,KAAM,EAAA,IAAA;AAAA,QACN,MAAO,EAAA,IAAA;AAAA,QACP,EAAG,EAAA,GAAA;AAAA,QACH,MAAQ,EAAA,KAAA;AAAA,QACR,WAAY,EAAA,GAAA;AAAA,OAAA;AAAA,KACd;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,SAAA;AAAA,QACF,CAAE,EAAA,IAAA;AAAA,QACF,KAAM,EAAA,IAAA;AAAA,QACN,MAAO,EAAA,IAAA;AAAA,QACP,EAAG,EAAA,GAAA;AAAA,QACH,SAAU,EAAA,wBAAA;AAAA,QACV,MAAQ,EAAA,KAAA;AAAA,QACR,WAAY,EAAA,GAAA;AAAA,OAAA;AAAA,KACd;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,wDAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAY,EAAA,GAAA;AAAA,OAAA;AAAA,KACd;AAAA,iDACC,MAAK,EAAA,EAAA,CAAA,EAAE,gBAAe,MAAQ,EAAA,KAAA,EAAO,aAAY,GAAI,EAAA,CAAA;AAAA,iDACrD,MAAK,EAAA,EAAA,CAAA,EAAE,gBAAe,MAAQ,EAAA,KAAA,EAAO,aAAY,GAAI,EAAA,CAAA;AAAA,GACxD,CAAA;AAEJ;;;;"}

package/dist/es/commons/icons/nested-add.js

@@ -1,38 +1,21 @@
 import React__default from 'react';
-import { ATTRIBUTES, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, COLORS } from '../constants/strings.js';
 
-const DEFAULT_CONFIG = {
-  width: 20,
-  height: 20,
-  color: COLORS.ICON_GRAY,
-  strokeWidth: 1.5
-};
-const NestedAddIcon = ({
-  width = DEFAULT_CONFIG.width,
-  height = DEFAULT_CONFIG.height,
-  color = DEFAULT_CONFIG.color,
-  strokeWidth = DEFAULT_CONFIG.strokeWidth,
-  className,
-  ariaLabel = ARIA_LABELS.ADD_NESTED_ITEM
-}) => {
+const NestedAddIcon = () => {
   return /* @__PURE__ */ React__default.createElement(
     "svg",
     {
-      width,
-      height,
+      width: "20",
+      height: "20",
       viewBox: "0 0 20 20",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      "aria-label": ariaLabel,
-      role: ATTRIBUTES.IMG
+      xmlns: "http://www.w3.org/2000/svg"
     },
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M2.56665 3.75H16.5625",
-        stroke: color,
-        strokeWidth,
+        stroke: "#6A6A6A",
+        strokeWidth: "1.5",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -41,8 +24,8 @@ const NestedAddIcon = ({
       "path",
       {
         d: "M2.56665 8.125H16.5625",
-        stroke: color,
-        strokeWidth,
+        stroke: "#6A6A6A",
+        strokeWidth: "1.5",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -51,8 +34,8 @@ const NestedAddIcon = ({
       "path",
       {
         d: "M2.56665 12.5H8.43749",
-        stroke: color,
-        strokeWidth,
+        stroke: "#6A6A6A",
+        strokeWidth: "1.5",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -61,8 +44,8 @@ const NestedAddIcon = ({
       "path",
       {
         d: "M13.75 17.9168V12.0835",
-        stroke: color,
-        strokeWidth,
+        stroke: "#6A6A6A",
+        strokeWidth: "1.5",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -71,15 +54,14 @@ const NestedAddIcon = ({
       "path",
       {
         d: "M16.6667 15H10.8333",
-        stroke: color,
-        strokeWidth,
+        stroke: "#6A6A6A",
+        strokeWidth: "1.5",
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
     )
   );
 };
-NestedAddIcon.displayName = COMPONENT_DISPLAY_NAMES.NESTED_ADD_ICON;
 
 export { NestedAddIcon as default };
 //# sourceMappingURL=nested-add.js.map

package/dist/es/commons/icons/nested-add.js.map

@@ -1 +1 @@
-{"version":3,"file":"nested-add.js","sources":["../../../../src/commons/icons/nested-add.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS, ARIA_LABELS, ATTRIBUTES, COMPONENT_DISPLAY_NAMES } from '../constants/strings';\n\n/**\n * Props for the NestedAddIcon component\n */\nexport interface NestedAddIconProps {\n  /** Width of the icon */\n  width?: number | string;\n  /** Height of the icon */\n  height?: number | string;\n  /** Stroke color of the icon */\n  color?: string;\n  /** Stroke width */\n  strokeWidth?: number | string;\n  /** Optional: Additional CSS class name */\n  className?: string;\n  /** Optional: ARIA label for accessibility */\n  ariaLabel?: string;\n}\n\n/**\n * Default configuration for the nested add icon\n */\nconst DEFAULT_CONFIG = {\n  width: 20,\n  height: 20,\n  color: COLORS.ICON_GRAY,\n  strokeWidth: 1.5,\n} as const;\n\n/**\n * NestedAddIcon Component\n * \n * An icon representing adding a nested item to a list.\n * Shows horizontal lines with a plus symbol.\n * \n * @example\n * ```tsx\n * <NestedAddIcon width={24} height={24} color=\"#10B981\" />\n * ```\n */\nconst NestedAddIcon: React.FC<NestedAddIconProps> = ({\n  width = DEFAULT_CONFIG.width,\n  height = DEFAULT_CONFIG.height,\n  color = DEFAULT_CONFIG.color,\n  strokeWidth = DEFAULT_CONFIG.strokeWidth,\n  className,\n  ariaLabel = ARIA_LABELS.ADD_NESTED_ITEM,\n}) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-label={ariaLabel}\n      role={ATTRIBUTES.IMG}\n    >\n      <path\n        d=\"M2.56665 3.75H16.5625\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M2.56665 8.125H16.5625\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M2.56665 12.5H8.43749\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M13.75 17.9168V12.0835\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M16.6667 15H10.8333\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nNestedAddIcon.displayName = COMPONENT_DISPLAY_NAMES.NESTED_ADD_ICON;\n\nexport default NestedAddIcon;\n"],"names":["React"],"mappings":";;;AAwBA,MAAM,cAAiB,GAAA;AAAA,EACrB,KAAO,EAAA,EAAA;AAAA,EACP,MAAQ,EAAA,EAAA;AAAA,EACR,OAAO,MAAO,CAAA,SAAA;AAAA,EACd,WAAa,EAAA,GAAA;AACf,CAAA,CAAA;AAaA,MAAM,gBAA8C,CAAC;AAAA,EACnD,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,SAAS,cAAe,CAAA,MAAA;AAAA,EACxB,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,cAAc,cAAe,CAAA,WAAA;AAAA,EAC7B,SAAA;AAAA,EACA,YAAY,WAAY,CAAA,eAAA;AAC1B,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,MACN,SAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACZ,MAAM,UAAW,CAAA,GAAA;AAAA,KAAA;AAAA,oBAEjBA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,uBAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,wBAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,uBAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,wBAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,qBAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,aAAA,CAAc,cAAc,uBAAwB,CAAA,eAAA;;;;"}
+{"version":3,"file":"nested-add.js","sources":["../../../../src/commons/icons/nested-add.tsx"],"sourcesContent":["import React from \"react\";\n\nconst NestedAddIcon = () => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M2.56665 3.75H16.5625\"\n        stroke=\"#6A6A6A\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M2.56665 8.125H16.5625\"\n        stroke=\"#6A6A6A\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M2.56665 12.5H8.43749\"\n        stroke=\"#6A6A6A\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M13.75 17.9168V12.0835\"\n        stroke=\"#6A6A6A\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M16.6667 15H10.8333\"\n        stroke=\"#6A6A6A\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nexport default NestedAddIcon;\n"],"names":["React"],"mappings":";;AAEA,MAAM,gBAAgB,MAAM;AAC1B,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,KAAA;AAAA,oBAENA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,uBAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,wBAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,uBAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,wBAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,qBAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,WAAY,EAAA,KAAA;AAAA,QACZ,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/es/commons/icons/sms.js

@@ -1,67 +1,49 @@
 import React__default from 'react';
-import { ATTRIBUTES, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, COLORS } from '../constants/strings.js';
 
-const DEFAULT_CONFIG = {
-  width: 20,
-  height: 20,
-  color: COLORS.ICON_GRAY,
-  strokeWidth: 1.5
-};
-const SMSIcon = ({
-  width = DEFAULT_CONFIG.width,
-  height = DEFAULT_CONFIG.height,
-  color = DEFAULT_CONFIG.color,
-  strokeWidth = DEFAULT_CONFIG.strokeWidth,
-  className,
-  ariaLabel = ARIA_LABELS.SMS
-}) => {
+const SMSIcon = () => {
   return /* @__PURE__ */ React__default.createElement(
     "svg",
     {
-      width,
-      height,
+      width: "20",
+      height: "20",
       viewBox: "0 0 20 20",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      "aria-label": ariaLabel,
-      role: ATTRIBUTES.IMG
+      xmlns: "http://www.w3.org/2000/svg"
     },
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
         d: "M6.00005 14.3951H4.40005C3.51605 14.3951 2.80005 13.6791 2.80005 12.7951V4.79507C2.80005 3.91107 3.51605 3.19507 4.40005 3.19507H15.6C16.484 3.19507 17.2 3.91107 17.2 4.79507V12.7951C17.2 13.6791 16.484 14.3951 15.6 14.3951H10.7L7.33205 17.3911C6.81605 17.8503 6.00005 17.4839 6.00005 16.7935V14.3951Z",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
       }
     ),
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M6 6.79185H14",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
       }
     ),
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M6 10.3919H11.6",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        stroke: "#6A6A6A",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
       }
     )
   );
 };
-SMSIcon.displayName = COMPONENT_DISPLAY_NAMES.SMS_ICON;
 
 export { SMSIcon as default };
 //# sourceMappingURL=sms.js.map

package/dist/es/commons/icons/sms.js.map

@@ -1 +1 @@
-{"version":3,"file":"sms.js","sources":["../../../../src/commons/icons/sms.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS, ARIA_LABELS, ATTRIBUTES, COMPONENT_DISPLAY_NAMES } from '../constants/strings';\n\n/**\n * Props for the SMSIcon component\n */\nexport interface SMSIconProps {\n  /** Width of the icon */\n  width?: number | string;\n  /** Height of the icon */\n  height?: number | string;\n  /** Stroke color of the icon */\n  color?: string;\n  /** Stroke width */\n  strokeWidth?: number | string;\n  /** Optional: Additional CSS class name */\n  className?: string;\n  /** Optional: ARIA label for accessibility */\n  ariaLabel?: string;\n}\n\n/**\n * Default configuration for the SMS icon\n */\nconst DEFAULT_CONFIG = {\n  width: 20,\n  height: 20,\n  color: COLORS.ICON_GRAY,\n  strokeWidth: 1.5,\n} as const;\n\n/**\n * SMSIcon Component\n * \n * A text message/SMS bubble icon with customizable size and color.\n * \n * @example\n * ```tsx\n * <SMSIcon width={24} height={24} color=\"#000000\" />\n * ```\n */\nconst SMSIcon: React.FC<SMSIconProps> = ({\n  width = DEFAULT_CONFIG.width,\n  height = DEFAULT_CONFIG.height,\n  color = DEFAULT_CONFIG.color,\n  strokeWidth = DEFAULT_CONFIG.strokeWidth,\n  className,\n  ariaLabel = ARIA_LABELS.SMS,\n}) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-label={ariaLabel}\n      role={ATTRIBUTES.IMG}\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M6.00005 14.3951H4.40005C3.51605 14.3951 2.80005 13.6791 2.80005 12.7951V4.79507C2.80005 3.91107 3.51605 3.19507 4.40005 3.19507H15.6C16.484 3.19507 17.2 3.91107 17.2 4.79507V12.7951C17.2 13.6791 16.484 14.3951 15.6 14.3951H10.7L7.33205 17.3911C6.81605 17.8503 6.00005 17.4839 6.00005 16.7935V14.3951Z\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M6 6.79185H14\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M6 10.3919H11.6\"\n        stroke={color}\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nSMSIcon.displayName = COMPONENT_DISPLAY_NAMES.SMS_ICON;\n\nexport default SMSIcon;\n"],"names":["React"],"mappings":";;;AAwBA,MAAM,cAAiB,GAAA;AAAA,EACrB,KAAO,EAAA,EAAA;AAAA,EACP,MAAQ,EAAA,EAAA;AAAA,EACR,OAAO,MAAO,CAAA,SAAA;AAAA,EACd,WAAa,EAAA,GAAA;AACf,CAAA,CAAA;AAYA,MAAM,UAAkC,CAAC;AAAA,EACvC,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,SAAS,cAAe,CAAA,MAAA;AAAA,EACxB,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,cAAc,cAAe,CAAA,WAAA;AAAA,EAC7B,SAAA;AAAA,EACA,YAAY,WAAY,CAAA,GAAA;AAC1B,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,MACN,SAAA;AAAA,MACA,YAAY,EAAA,SAAA;AAAA,MACZ,MAAM,UAAW,CAAA,GAAA;AAAA,KAAA;AAAA,oBAEjBA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,SAAA;AAAA,QACT,QAAS,EAAA,SAAA;AAAA,QACT,CAAE,EAAA,+SAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,eAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,iBAAA;AAAA,QACF,MAAQ,EAAA,KAAA;AAAA,QACR,WAAA;AAAA,QACA,aAAc,EAAA,OAAA;AAAA,QACd,cAAe,EAAA,OAAA;AAAA,OAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,OAAA,CAAQ,cAAc,uBAAwB,CAAA,QAAA;;;;"}
+{"version":3,"file":"sms.js","sources":["../../../../src/commons/icons/sms.tsx"],"sourcesContent":["import React from \"react\";\n\nconst SMSIcon = () => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M6.00005 14.3951H4.40005C3.51605 14.3951 2.80005 13.6791 2.80005 12.7951V4.79507C2.80005 3.91107 3.51605 3.19507 4.40005 3.19507H15.6C16.484 3.19507 17.2 3.91107 17.2 4.79507V12.7951C17.2 13.6791 16.484 14.3951 15.6 14.3951H10.7L7.33205 17.3911C6.81605 17.8503 6.00005 17.4839 6.00005 16.7935V14.3951Z\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M6 6.79185H14\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n      <path\n        d=\"M6 10.3919H11.6\"\n        stroke=\"#6A6A6A\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  );\n};\n\nexport default SMSIcon;\n"],"names":["React"],"mappings":";;AAEA,MAAM,UAAU,MAAM;AACpB,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,IAAA;AAAA,MACN,MAAO,EAAA,IAAA;AAAA,MACP,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,MAAA;AAAA,MACL,KAAM,EAAA,4BAAA;AAAA,KAAA;AAAA,oBAENA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAU,EAAA,SAAA;AAAA,QACV,WAAU,EAAA,SAAA;AAAA,QACV,CAAE,EAAA,+SAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,eAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,CAAE,EAAA,iBAAA;AAAA,QACF,MAAO,EAAA,SAAA;AAAA,QACP,cAAa,EAAA,KAAA;AAAA,QACb,gBAAe,EAAA,OAAA;AAAA,QACf,iBAAgB,EAAA,OAAA;AAAA,OAAA;AAAA,KAClB;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/es/commons/icons/sync.js

@@ -1,115 +1,8 @@
 import React__default from 'react';
-import { ATTRIBUTES, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, COLORS } from '../constants/strings.js';
 
-const DEFAULT_CONFIG = {
-  width: 24,
-  height: 24,
-  color: COLORS.ICON_GRAY,
-  strokeWidth: 1.5
+const Sync = () => {
+  return /* @__PURE__ */ React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React__default.createElement("path", { d: "M12 3.99687C14.9302 3.99663 17.626 5.59833 19.027 8.17188", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M20 11.9961C20 16.4144 16.4183 19.9961 12 19.9961", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M11.9997 19.9961C9.06949 19.9963 6.37365 18.3946 4.97266 15.8211", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M4 11.9961C4 7.57781 7.58172 3.99609 12 3.99609", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M4.97266 15.8223C7.08447 19.7032 11.9425 21.1373 15.8235 19.0255C18.3979 17.6246 20.0001 14.9281 19.9997 11.9973", stroke: "#6A6A6A", strokeWidth: "1.5", "stroke-linecap": "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M4 11.9961V11.9949C4 7.57659 7.58172 3.99487 12 3.99487C14.9309 3.99487 17.6271 5.59755 19.0276 8.17217", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M8.04672 15.8234H4.51172V19.3594", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__default.createElement("path", { d: "M15.9531 8.17188H19.4881V4.63587", stroke: "#6A6A6A", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }));
 };
-const SyncIcon = ({
-  width = DEFAULT_CONFIG.width,
-  height = DEFAULT_CONFIG.height,
-  color = DEFAULT_CONFIG.color,
-  strokeWidth = DEFAULT_CONFIG.strokeWidth,
-  className,
-  ariaLabel = ARIA_LABELS.SYNC
-}) => {
-  return /* @__PURE__ */ React__default.createElement(
-    "svg",
-    {
-      width,
-      height,
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className,
-      "aria-label": ariaLabel,
-      role: ATTRIBUTES.IMG
-    },
-    /* @__PURE__ */ React__default.createElement(
-      "path",
-      {
-        d: "M12 3.99687C14.9302 3.99663 17.626 5.59833 19.027 8.17188",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      "path",
-      {
-        d: "M20 11.9961C20 16.4144 16.4183 19.9961 12 19.9961",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      "path",
-      {
-        d: "M11.9997 19.9961C9.06949 19.9963 6.37365 18.3946 4.97266 15.8211",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      "path",
-      {
-        d: "M4 11.9961C4 7.57781 7.58172 3.99609 12 3.99609",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      "path",
-      {
-        d: "M4.97266 15.8223C7.08447 19.7032 11.9425 21.1373 15.8235 19.0255C18.3979 17.6246 20.0001 14.9281 19.9997 11.9973",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      "path",
-      {
-        d: "M4 11.9961V11.9949C4 7.57659 7.58172 3.99487 12 3.99487C14.9309 3.99487 17.6271 5.59755 19.0276 8.17217",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      "path",
-      {
-        d: "M8.04672 15.8234H4.51172V19.3594",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      "path",
-      {
-        d: "M15.9531 8.17188H19.4881V4.63587",
-        stroke: color,
-        strokeWidth,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  );
-};
-SyncIcon.displayName = COMPONENT_DISPLAY_NAMES.SYNC_ICON;
 
-export { SyncIcon as default };
+export { Sync as default };
 //# sourceMappingURL=sync.js.map