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

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

@@ -1,8 +1,43 @@
 import React__default from 'react';
+import { ATTRIBUTES, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, COLORS } from '../constants/strings.js';
 
-const Arrow = () => {
-  return /* @__PURE__ */ React__default.createElement("svg", { width: "26", height: "12", viewBox: "0 0 26 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React__default.createElement("path", { d: "M1 5.25C0.585786 5.25 0.25 5.58579 0.25 6C0.25 6.41421 0.585786 6.75 1 6.75V5.25ZM25.5303 6.53033C25.8232 6.23744 25.8232 5.76256 25.5303 5.46967L20.7574 0.696699C20.4645 0.403806 19.9896 0.403806 19.6967 0.696699C19.4038 0.989593 19.4038 1.46447 19.6967 1.75736L23.9393 6L19.6967 10.2426C19.4038 10.5355 19.4038 11.0104 19.6967 11.3033C19.9896 11.5962 20.4645 11.5962 20.7574 11.3033L25.5303 6.53033ZM1 6.75H25V5.25H1V6.75Z", fill: "black", "fill-opacity": "0.2" }));
+const DEFAULT_CONFIG = {
+  width: 26,
+  height: 12,
+  color: COLORS.BLACK,
+  opacity: 0.2
 };
+const ArrowIcon = ({
+  width = DEFAULT_CONFIG.width,
+  height = DEFAULT_CONFIG.height,
+  color = DEFAULT_CONFIG.color,
+  opacity = DEFAULT_CONFIG.opacity,
+  className,
+  ariaLabel = ARIA_LABELS.ARROW
+}) => {
+  return /* @__PURE__ */ React__default.createElement(
+    "svg",
+    {
+      width,
+      height,
+      viewBox: "0 0 26 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      "aria-label": ariaLabel,
+      role: ATTRIBUTES.IMG
+    },
+    /* @__PURE__ */ React__default.createElement(
+      "path",
+      {
+        d: "M1 5.25C0.585786 5.25 0.25 5.58579 0.25 6C0.25 6.41421 0.585786 6.75 1 6.75V5.25ZM25.5303 6.53033C25.8232 6.23744 25.8232 5.76256 25.5303 5.46967L20.7574 0.696699C20.4645 0.403806 19.9896 0.403806 19.6967 0.696699C19.4038 0.989593 19.4038 1.46447 19.6967 1.75736L23.9393 6L19.6967 10.2426C19.4038 10.5355 19.4038 11.0104 19.6967 11.3033C19.9896 11.5962 20.4645 11.5962 20.7574 11.3033L25.5303 6.53033ZM1 6.75H25V5.25H1V6.75Z",
+        fill: color,
+        fillOpacity: opacity
+      }
+    )
+  );
+};
+ArrowIcon.displayName = COMPONENT_DISPLAY_NAMES.ARROW_ICON;
 
-export { Arrow as default };
+export { ArrowIcon as default };
 //# sourceMappingURL=arrow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"arrow.js","sources":["../../../../src/commons/icons/arrow.tsx"],"sourcesContent":["import React from \"react\";\n\nconst Arrow = () => {\n  return (\n    <svg width=\"26\" height=\"12\" viewBox=\"0 0 26 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M1 5.25C0.585786 5.25 0.25 5.58579 0.25 6C0.25 6.41421 0.585786 6.75 1 6.75V5.25ZM25.5303 6.53033C25.8232 6.23744 25.8232 5.76256 25.5303 5.46967L20.7574 0.696699C20.4645 0.403806 19.9896 0.403806 19.6967 0.696699C19.4038 0.989593 19.4038 1.46447 19.6967 1.75736L23.9393 6L19.6967 10.2426C19.4038 10.5355 19.4038 11.0104 19.6967 11.3033C19.9896 11.5962 20.4645 11.5962 20.7574 11.3033L25.5303 6.53033ZM1 6.75H25V5.25H1V6.75Z\" fill=\"black\" fill-opacity=\"0.2\"/>\n    </svg>    \n  );\n};\n\nexport default Arrow;"],"names":["React"],"mappings":";;AAEA,MAAM,QAAQ,MAAM;AAClB,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,SAAI,KAAM,EAAA,IAAA,EAAK,QAAO,IAAK,EAAA,OAAA,EAAQ,aAAY,IAAK,EAAA,MAAA,EAAO,OAAM,4BAClE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAK,CAAE,EAAA,0aAAA,EAA2a,MAAK,OAAQ,EAAA,cAAA,EAAa,OAAK,CACld,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"arrow.js","sources":["../../../../src/commons/icons/arrow.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS, ARIA_LABELS, ATTRIBUTES, COMPONENT_DISPLAY_NAMES } from '../constants/strings';\n\n/**\n * Props for the ArrowIcon component\n */\nexport interface ArrowIconProps {\n  /** Width of the icon */\n  width?: number | string;\n  /** Height of the icon */\n  height?: number | string;\n  /** Fill color of the icon */\n  color?: string;\n  /** Fill opacity */\n  opacity?: number;\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 arrow icon\n */\nconst DEFAULT_CONFIG = {\n  width: 26,\n  height: 12,\n  color: COLORS.BLACK,\n  opacity: 0.2,\n} as const;\n\n/**\n * ArrowIcon Component\n * \n * A customizable right-pointing arrow icon.\n * \n * @example\n * ```tsx\n * <ArrowIcon width={32} height={16} color=\"blue\" />\n * ```\n */\nconst ArrowIcon: React.FC<ArrowIconProps> = ({\n  width = DEFAULT_CONFIG.width,\n  height = DEFAULT_CONFIG.height,\n  color = DEFAULT_CONFIG.color,\n  opacity = DEFAULT_CONFIG.opacity,\n  className,\n  ariaLabel = ARIA_LABELS.ARROW,\n}) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 26 12\"\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=\"M1 5.25C0.585786 5.25 0.25 5.58579 0.25 6C0.25 6.41421 0.585786 6.75 1 6.75V5.25ZM25.5303 6.53033C25.8232 6.23744 25.8232 5.76256 25.5303 5.46967L20.7574 0.696699C20.4645 0.403806 19.9896 0.403806 19.6967 0.696699C19.4038 0.989593 19.4038 1.46447 19.6967 1.75736L23.9393 6L19.6967 10.2426C19.4038 10.5355 19.4038 11.0104 19.6967 11.3033C19.9896 11.5962 20.4645 11.5962 20.7574 11.3033L25.5303 6.53033ZM1 6.75H25V5.25H1V6.75Z\"\n        fill={color}\n        fillOpacity={opacity}\n      />\n    </svg>\n  );\n};\n\nArrowIcon.displayName = COMPONENT_DISPLAY_NAMES.ARROW_ICON;\n\nexport default ArrowIcon;"],"names":["React"],"mappings":";;;AAwBA,MAAM,cAAiB,GAAA;AAAA,EACrB,KAAO,EAAA,EAAA;AAAA,EACP,MAAQ,EAAA,EAAA;AAAA,EACR,OAAO,MAAO,CAAA,KAAA;AAAA,EACd,OAAS,EAAA,GAAA;AACX,CAAA,CAAA;AAYA,MAAM,YAAsC,CAAC;AAAA,EAC3C,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,SAAS,cAAe,CAAA,MAAA;AAAA,EACxB,QAAQ,cAAe,CAAA,KAAA;AAAA,EACvB,UAAU,cAAe,CAAA,OAAA;AAAA,EACzB,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,0aAAA;AAAA,QACF,IAAM,EAAA,KAAA;AAAA,QACN,WAAa,EAAA,OAAA;AAAA,OAAA;AAAA,KACf;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,SAAA,CAAU,cAAc,uBAAwB,CAAA,UAAA;;;;"}

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

@@ -1,8 +1,17 @@
 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 = " 64",
-  color = "#767676"
+  size = DEFAULT_CONFIG.size,
+  color = DEFAULT_CONFIG.color,
+  strokeWidth = DEFAULT_CONFIG.strokeWidth,
+  className,
+  ariaLabel = ARIA_LABELS.CURSOR
 }) => {
   return /* @__PURE__ */ React__default.createElement(
     "svg",
@@ -11,14 +20,17 @@ const CursorIcon = ({
       height: size,
       viewBox: "0 0 64 64",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      "aria-label": ariaLabel,
+      role: ATTRIBUTES.IMG
     },
     /* @__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: "3",
+        strokeWidth,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -28,7 +40,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: "3",
+        strokeWidth,
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
@@ -36,17 +48,18 @@ const CursorIcon = ({
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
-        "fill-rule": "evenodd",
-        "clip-rule": "evenodd",
+        fillRule: "evenodd",
+        clipRule: "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: "3",
+        strokeWidth,
         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\";\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;;;;"}
+{"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;;;;"}

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

@@ -1,37 +1,55 @@
 import React__default from 'react';
+import { ATTRIBUTES, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, COLORS } from '../constants/strings.js';
 
-const EmailLetterIcon = () => {
+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
+}) => {
   return /* @__PURE__ */ React__default.createElement(
     "svg",
     {
-      width: "20",
-      height: "20",
+      width,
+      height,
       viewBox: "0 0 20 20",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      "aria-label": ariaLabel,
+      role: ATTRIBUTES.IMG
     },
     /* @__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: "#6A6A6A",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "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: "#6A6A6A",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "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\";\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;;;;"}
+{"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;;;;"}

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

@@ -1,8 +1,17 @@
 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 = " 64",
-  color = "#767676"
+  size = DEFAULT_CONFIG.size,
+  color = DEFAULT_CONFIG.color,
+  strokeWidth = DEFAULT_CONFIG.strokeWidth,
+  className,
+  ariaLabel = ARIA_LABELS.MAPPING
 }) => {
   return /* @__PURE__ */ React__default.createElement(
     "svg",
@@ -11,10 +20,13 @@ const MappingIcon = ({
       height: size,
       viewBox: "0 0 64 64",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      "aria-label": ariaLabel,
+      role: ATTRIBUTES.IMG
     },
-    /* @__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("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(
       "rect",
       {
@@ -24,7 +36,7 @@ const MappingIcon = ({
         height: "12",
         rx: "6",
         stroke: color,
-        strokeWidth: "3"
+        strokeWidth
       }
     ),
     /* @__PURE__ */ React__default.createElement(
@@ -37,7 +49,7 @@ const MappingIcon = ({
         rx: "1",
         transform: "rotate(135 26.4854 18)",
         stroke: color,
-        strokeWidth: "3"
+        strokeWidth
       }
     ),
     /* @__PURE__ */ React__default.createElement(
@@ -45,13 +57,14 @@ const MappingIcon = ({
       {
         d: "M40 17.9999C25.4998 17.9999 40.0002 46.0002 24 45.9999",
         stroke: color,
-        strokeWidth: "3"
+        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" })
+    /* @__PURE__ */ React__default.createElement("path", { d: "M18 25L18 40", stroke: color, strokeWidth }),
+    /* @__PURE__ */ React__default.createElement("path", { d: "M46 25L46 41", stroke: color, strokeWidth })
   );
 };
+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\";\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;;;;"}
+{"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;;;;"}

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

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

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

@@ -1,49 +1,67 @@
 import React__default from 'react';
+import { ATTRIBUTES, ARIA_LABELS, COMPONENT_DISPLAY_NAMES, COLORS } from '../constants/strings.js';
 
-const SMSIcon = () => {
+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
+}) => {
   return /* @__PURE__ */ React__default.createElement(
     "svg",
     {
-      width: "20",
-      height: "20",
+      width,
+      height,
       viewBox: "0 0 20 20",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      "aria-label": ariaLabel,
+      role: ATTRIBUTES.IMG
     },
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
-        "fill-rule": "evenodd",
-        "clip-rule": "evenodd",
+        fillRule: "evenodd",
+        clipRule: "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: "#6A6A6A",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       }
     ),
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M6 6.79185H14",
-        stroke: "#6A6A6A",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
       }
     ),
     /* @__PURE__ */ React__default.createElement(
       "path",
       {
         d: "M6 10.3919H11.6",
-        stroke: "#6A6A6A",
-        "stroke-width": "1.5",
-        "stroke-linecap": "round",
-        "stroke-linejoin": "round"
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "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\";\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;;;;"}
+{"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;;;;"}