npm - @jiwambe/components - Versions diffs - 0.3.4 → 0.3.6 - Mend

@jiwambe/components 0.3.4 → 0.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (203) hide show

package/dist/components/Icon/Icon.js CHANGED Viewed

@@ -1,165 +1,15 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-const SOCIAL_ICONS = /* @__PURE__ */ new Set([
-  "facebook",
-  "instagram",
-  "tiktok",
-  "linkedin"
-]);
-const paths = {
-  "chevron-down": /* @__PURE__ */ jsx("path", { d: "M6 9L12 15L18 9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  "chevron-up": /* @__PURE__ */ jsx("path", { d: "M18 15L12 9L6 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  "chevron-left": /* @__PURE__ */ jsx("path", { d: "M15 18L9 12L15 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  "chevron-right": /* @__PURE__ */ jsx("path", { d: "M9 6L15 12L9 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  "arrow-right": /* @__PURE__ */ jsx("path", { d: "M4 12H20M20 12L14 6M20 12L14 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  "arrow-left": /* @__PURE__ */ jsx("path", { d: "M20 12H4M4 12L10 18M4 12L10 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  "arrow-up": /* @__PURE__ */ jsx("path", { d: "M12 20V4M12 4L6 10M12 4L18 10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  "arrow-down": /* @__PURE__ */ jsx("path", { d: "M12 4V20M12 20L18 14M12 20L6 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  close: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6L18 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  menu: /* @__PURE__ */ jsx("path", { d: "M3 12H21M3 6H21M3 18H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  check: /* @__PURE__ */ jsx("path", { d: "M20 6L9 17L4 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  search: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M21 21L16.65 16.65", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  globe: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M2 12H22", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 2C14.5013 4.73835 15.9228 8.29203 16 12C15.9228 15.708 14.5013 19.2616 12 22C9.49872 19.2616 8.07725 15.708 8 12C8.07725 8.29203 9.49872 4.73835 12 2Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  info: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 16V12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 8H12.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  warning: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M10.29 3.86L1.82 18A2 2 0 003.64 21H20.36A2 2 0 0022.18 18L13.71 3.86A2 2 0 0010.29 3.86Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 9V13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 17H12.01", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  error: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M15 9L9 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M9 9L15 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  plus: /* @__PURE__ */ jsx("path", { d: "M12 5V19M5 12H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  minus: /* @__PURE__ */ jsx("path", { d: "M5 12H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  edit: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M11 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V20C2 20.5304 2.21071 21.0391 2.58579 21.4142C2.96086 21.7893 3.46957 22 4 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M18.5 2.50001C18.8978 2.10219 19.4374 1.87869 20 1.87869C20.5626 1.87869 21.1022 2.10219 21.5 2.50001C21.8978 2.89784 22.1213 3.43739 22.1213 4.00001C22.1213 4.56262 21.8978 5.10219 21.5 5.50001L12 15L8 16L9 12L18.5 2.50001Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  trash: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M3 6H5H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M10 11V17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M14 11V17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  eye: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  "eye-off": /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M17.94 17.94C16.2306 19.243 14.1491 19.9649 12 20C5 20 1 12 1 12C2.24389 9.68192 3.96914 7.65663 6.06 6.06M9.9 4.24C10.5883 4.07888 11.2931 3.99834 12 4C19 4 23 12 23 12C22.393 13.1356 21.6691 14.2047 20.84 15.19M14.12 14.12C13.8454 14.4148 13.5141 14.6512 13.1462 14.8151C12.7782 14.9791 12.3809 15.0673 11.9781 15.0744C11.5753 15.0815 11.1752 15.0074 10.8016 14.8565C10.4281 14.7056 10.0887 14.4811 9.80385 14.1962C9.51897 13.9113 9.29439 13.572 9.14351 13.1984C8.99262 12.8249 8.91853 12.4247 8.92563 12.0219C8.93274 11.6191 9.02091 11.2219 9.18488 10.8539C9.34884 10.4859 9.58525 10.1547 9.88 9.88", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M1 1L23 23", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  copy: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M5 15H4C3.46957 15 2.96086 14.7893 2.58579 14.4142C2.21071 14.0391 2 13.5304 2 13V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H13C13.5304 2 14.0391 2.21071 14.4142 2.58579C14.7893 2.96086 15 3.46957 15 4V5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  download: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M7 10L12 15L17 10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 15V3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  upload: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M17 8L12 3L7 8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 3V15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  filter: /* @__PURE__ */ jsx("path", { d: "M22 3H2L10 12.46V19L14 21V12.46L22 3Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  sort: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M11 5H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M11 9H18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M11 13H15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 17L6 21L9 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M6 18V4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  calendar: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M16 2V6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M8 2V6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 10H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  clock: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 6V12L16 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  user: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  settings: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M19.4 15C19.2669 15.3016 19.2272 15.6362 19.286 15.9606C19.3448 16.285 19.4995 16.5843 19.73 16.82L19.79 16.88C19.976 17.0657 20.1235 17.2863 20.2241 17.5291C20.3248 17.7719 20.3766 18.0322 20.3766 18.295C20.3766 18.5578 20.3248 18.8181 20.2241 19.0609C20.1235 19.3037 19.976 19.5243 19.79 19.71C19.6043 19.896 19.3837 20.0435 19.1409 20.1441C18.8981 20.2448 18.6378 20.2966 18.375 20.2966C18.1122 20.2966 17.8519 20.2448 17.6091 20.1441C17.3663 20.0435 17.1457 19.896 16.96 19.71L16.9 19.65C16.6643 19.4195 16.365 19.2648 16.0406 19.206C15.7162 19.1472 15.3816 19.1869 15.08 19.32C14.7842 19.4468 14.532 19.6572 14.3543 19.9255C14.1766 20.1938 14.0813 20.5082 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0723 20.579 9.96512 20.258 9.77251 19.9887C9.5799 19.7194 9.31074 19.5143 9 19.4C8.69838 19.2669 8.36381 19.2272 8.03941 19.286C7.71502 19.3448 7.41568 19.4995 7.18 19.73L7.12 19.79C6.93425 19.976 6.71368 20.1235 6.47088 20.2241C6.22808 20.3248 5.96783 20.3766 5.705 20.3766C5.44217 20.3766 5.18192 20.3248 4.93912 20.2241C4.69632 20.1235 4.47575 19.976 4.29 19.79C4.10405 19.6043 3.95653 19.3837 3.85588 19.1409C3.75523 18.8981 3.70343 18.6378 3.70343 18.375C3.70343 18.1122 3.75523 17.8519 3.85588 17.6091C3.95653 17.3663 4.10405 17.1457 4.29 16.96L4.35 16.9C4.58054 16.6643 4.73519 16.365 4.794 16.0406C4.85282 15.7162 4.81312 15.3816 4.68 15.08C4.55324 14.7842 4.34276 14.532 4.07447 14.3543C3.80618 14.1766 3.49179 14.0813 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.42099 10.0723 3.742 9.96512 4.0113 9.77251C4.28059 9.5799 4.48572 9.31074 4.6 9C4.73312 8.69838 4.77282 8.36381 4.714 8.03941C4.65519 7.71502 4.50054 7.41568 4.27 7.18L4.21 7.12C4.02405 6.93425 3.87653 6.71368 3.77588 6.47088C3.67523 6.22808 3.62343 5.96783 3.62343 5.705C3.62343 5.44217 3.67523 5.18192 3.77588 4.93912C3.87653 4.69632 4.02405 4.47575 4.21 4.29C4.39575 4.10405 4.61632 3.95653 4.85912 3.85588C5.10192 3.75523 5.36217 3.70343 5.625 3.70343C5.88783 3.70343 6.14808 3.75523 6.39088 3.85588C6.63368 3.95653 6.85425 4.10405 7.04 4.29L7.1 4.35C7.33568 4.58054 7.63502 4.73519 7.95941 4.794C8.28381 4.85282 8.61838 4.81312 8.92 4.68H9C9.29577 4.55324 9.54802 4.34276 9.72569 4.07447C9.90337 3.80618 9.99872 3.49179 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0013 3.41179 14.0966 3.72618 14.2743 3.99447C14.452 4.26276 14.7042 4.47324 15 4.6C15.3016 4.73312 15.6362 4.77282 15.9606 4.714C16.285 4.65519 16.5843 4.50054 16.82 4.27L16.88 4.21C17.0657 4.02405 17.2863 3.87653 17.5291 3.77588C17.7719 3.67523 18.0322 3.62343 18.295 3.62343C18.5578 3.62343 18.8181 3.67523 19.0609 3.77588C19.3037 3.87653 19.5243 4.02405 19.71 4.21C19.896 4.39575 20.0435 4.61632 20.1441 4.85912C20.2448 5.10192 20.2966 5.36217 20.2966 5.625C20.2966 5.88783 20.2448 6.14808 20.1441 6.39088C20.0435 6.63368 19.896 6.85425 19.71 7.04L19.65 7.1C19.4195 7.33568 19.2648 7.63502 19.206 7.95941C19.1472 8.28381 19.1869 8.61838 19.32 8.92V9C19.4468 9.29577 19.6572 9.54802 19.9255 9.72569C20.1938 9.90337 20.5082 9.99872 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.5882 14.0013 20.2738 14.0966 20.0055 14.2743C19.7372 14.452 19.5268 14.7042 19.4 15Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  home: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M3 9L12 2L21 9V20C21 20.5304 20.7893 21.0391 20.4142 21.4142C20.0391 21.7893 19.5304 22 19 22H5C4.46957 22 3.96086 21.7893 3.58579 21.4142C3.21071 21.0391 3 20.5304 3 20V9Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M9 22V12H15V22", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  mail: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M22 6L12 13L2 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  phone: /* @__PURE__ */ jsx("path", { d: "M22 16.92V19.92C22.0011 20.1985 21.9441 20.4742 21.8325 20.7293C21.7209 20.9845 21.5573 21.2136 21.3521 21.4019C21.1468 21.5901 20.9046 21.7335 20.6407 21.8227C20.3769 21.9119 20.0974 21.9451 19.82 21.92C16.7428 21.5856 13.787 20.5341 11.19 18.85C8.77382 17.3147 6.72533 15.2662 5.19 12.85C3.49998 10.2412 2.44824 7.27099 2.12 4.18C2.09501 3.90347 2.12787 3.62476 2.2165 3.36162C2.30513 3.09849 2.44756 2.85669 2.63476 2.65163C2.82196 2.44656 3.0498 2.28271 3.30379 2.17053C3.55777 2.05834 3.83233 2.00027 4.11 2H7.11C7.5953 1.99522 8.06579 2.16708 8.43376 2.48354C8.80173 2.79999 9.04207 3.23945 9.11 3.72C9.23662 4.68007 9.47145 5.62273 9.81 6.53C9.94454 6.88792 9.97366 7.27691 9.89390 7.65088C9.81415 8.02485 9.62886 8.36811 9.36 8.64L8.09 9.91C9.51355 12.4136 11.5864 14.4864 14.09 15.91L15.36 14.64C15.6319 14.3711 15.9751 14.1858 16.3491 14.1061C16.7231 14.0263 17.1121 14.0555 17.47 14.19C18.3773 14.5286 19.3199 14.7634 20.28 14.89C20.7658 14.9585 21.2094 15.2032 21.5265 15.5775C21.8437 15.9518 22.0122 16.4296 22 16.92Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  "map-pin": /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  "external-link": /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M18 13V19C18 19.5304 17.7893 20.0391 17.4142 20.4142C17.0391 20.7893 16.5304 21 16 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V8C3 7.46957 3.21071 6.96086 3.58579 6.58579C3.96086 6.21071 4.46957 6 5 6H11", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M15 3H21V9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M10 14L21 3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  link: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M10 13C10.4295 13.5741 10.9774 14.0491 11.6066 14.3929C12.2357 14.7367 12.9315 14.9411 13.6467 14.9923C14.3618 15.0435 15.0796 14.9403 15.7513 14.6897C16.4231 14.4392 17.0331 14.047 17.54 13.54L20.54 10.54C21.4508 9.59695 21.9548 8.33394 21.9434 7.02296C21.932 5.71198 21.4061 4.45791 20.479 3.531C19.552 2.60409 18.298 2.0782 16.987 2.06681C15.676 2.05542 14.413 2.55945 13.47 3.47L11.75 5.18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M14 11C13.5705 10.4259 13.0226 9.95083 12.3934 9.60706C11.7642 9.26329 11.0685 9.05886 10.3533 9.00768C9.63816 8.9565 8.92037 9.05969 8.24864 9.31026C7.57691 9.56083 6.96689 9.95296 6.46 10.46L3.46 13.46C2.54918 14.403 2.04515 15.666 2.05654 16.977C2.06793 18.288 2.59382 19.542 3.52073 20.469C4.44764 21.396 5.70171 21.9218 7.01269 21.9332C8.32367 21.9446 9.58668 21.4406 10.53 20.53L12.24 18.82", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  star: /* @__PURE__ */ jsx("path", { d: "M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  heart: /* @__PURE__ */ jsx("path", { d: "M20.84 4.61C20.3292 4.09924 19.7228 3.69394 19.0554 3.41756C18.3879 3.14118 17.6725 2.9993 16.95 3.00001C16.2275 2.9993 15.5121 3.14118 14.8446 3.41756C14.1772 3.69394 13.5708 4.09924 13.06 4.61L12 5.67L10.94 4.61C9.9083 3.57831 8.50903 2.99945 7.05 3.00001C5.59096 2.99945 4.19169 3.57831 3.16 4.61C2.12831 5.64169 1.54945 7.04097 1.55 8.5C1.54945 9.95904 2.12831 11.3583 3.16 12.39L4.22 13.45L12 21.23L19.78 13.45L20.84 12.39C21.3508 11.8792 21.7561 11.2728 22.0324 10.6054C22.3088 9.93792 22.4507 9.22249 22.45 8.5C22.4507 7.77751 22.3088 7.06209 22.0324 6.39463C21.7561 5.72718 21.3508 5.12076 20.84 4.61Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  share: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("circle", { cx: "18", cy: "5", r: "3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("circle", { cx: "6", cy: "12", r: "3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("circle", { cx: "18", cy: "19", r: "3", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M8.59 13.51L15.42 17.49", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-    /* @__PURE__ */ jsx("path", { d: "M15.41 6.51L8.59 10.49", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-  ] }),
-  // Social icons
-  whatsapp: /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M17.472 14.382C17.17 14.233 15.78 13.548 15.503 13.448C15.226 13.348 15.023 13.298 14.82 13.598C14.617 13.898 14.062 14.533 13.883 14.738C13.704 14.943 13.525 14.968 13.223 14.818C12.921 14.668 12.003 14.362 10.917 13.398C10.066 12.642 9.487 11.712 9.308 11.412C9.129 11.112 9.289 10.952 9.439 10.802C9.574 10.667 9.741 10.452 9.891 10.272C10.041 10.092 10.091 9.962 10.191 9.758C10.291 9.553 10.241 9.373 10.166 9.223C10.091 9.073 9.493 7.682 9.241 7.082C8.996 6.498 8.746 6.578 8.559 6.568C8.38 6.558 8.177 6.558 7.974 6.558C7.771 6.558 7.444 6.633 7.167 6.933C6.89 7.233 6.16 7.918 6.16 9.308C6.16 10.698 7.192 12.038 7.342 12.243C7.492 12.448 9.487 15.478 12.454 16.678C13.142 16.978 13.677 17.158 14.096 17.288C14.787 17.498 15.418 17.468 15.916 17.388C16.474 17.298 17.622 16.703 17.872 16.048C18.122 15.393 18.122 14.833 18.047 14.708C17.972 14.583 17.769 14.508 17.472 14.382Z", fill: "currentColor" }),
-    /* @__PURE__ */ jsx("path", { d: "M12.05 2C6.53 2 2.06 6.45 2.06 11.95C2.06 13.85 2.58 15.65 3.53 17.2L2 22L6.93 20.5C8.42 21.36 10.18 21.9 12.05 21.9C17.57 21.9 22.04 17.45 22.04 11.95C22.04 9.27 20.99 6.78 19.14 4.93C17.29 3.08 14.78 2 12.05 2ZM12.05 20.15C10.36 20.15 8.78 19.65 7.44 18.78L7.1 18.58L4.19 19.37L5 16.54L4.78 16.18C3.82 14.78 3.31 13.12 3.31 11.38C3.31 6.64 7.23 2.72 11.97 2.72C14.27 2.72 16.42 3.62 18.03 5.23C19.64 6.84 20.54 9 20.54 11.38C20.72 16.12 16.79 20.15 12.05 20.15Z", fill: "currentColor" })
-  ] }),
-  facebook: /* @__PURE__ */ jsx("path", { d: "M13.9036 11.2077L14.3781 8.19278H11.4551V6.2331C11.4551 5.40872 11.8632 4.60318 13.1681 4.60318H14.5157V2.03581C13.7309 1.91067 12.938 1.84297 12.1432 1.83325C9.73739 1.83325 8.16676 3.27945 8.16676 5.89393V8.19278H5.5V11.2077H8.16676V18.4999H11.4551V11.2077H13.9036Z", fill: "currentColor" }),
-  instagram: /* @__PURE__ */ jsx("path", { d: "M9.99911 1.6665C7.77254 1.6665 7.49311 1.6764 6.61862 1.71685C5.74583 1.75748 5.15008 1.89793 4.6288 2.10401C4.08958 2.31686 3.63219 2.60158 3.17649 3.06496C2.72045 3.52816 2.44035 3.99309 2.23026 4.54101C2.02701 5.07105 1.88866 5.67679 1.84938 6.5636C1.81027 7.4525 1.80002 7.7367 1.80002 9.99993C1.80002 12.2631 1.80992 12.5463 1.84955 13.4352C1.88969 14.3223 2.02787 14.9279 2.23043 15.4578C2.44 16.0059 2.72011 16.4708 3.17598 16.934C3.6315 17.3976 4.0889 17.683 4.62778 17.8959C5.1494 18.1019 5.74532 18.2424 6.61793 18.283C7.49243 18.3234 7.77169 18.3334 9.99808 18.3334C12.2247 18.3334 12.5034 18.3234 13.3779 18.283C14.2506 18.2424 14.847 18.1019 15.3687 17.8959C15.9077 17.683 16.3645 17.3976 16.82 16.934C17.276 16.4708 17.5561 16.0059 17.7662 15.4579C17.9677 14.9279 18.1061 14.3222 18.1471 13.4354C18.1864 12.5465 18.1966 12.2631 18.1966 9.99993C18.1966 7.7367 18.1864 7.45267 18.1471 6.56377C18.1061 5.67662 17.9677 5.07105 17.7662 4.54119C17.5561 3.99309 17.276 3.52816 16.82 3.06496C16.3639 2.60141 15.9079 2.31668 15.3682 2.10401C14.8455 1.89793 14.2494 1.75748 13.3766 1.71685C12.5021 1.6764 12.2237 1.6665 9.99651 1.6665H9.99911ZM9.26363 3.16826C9.48192 3.16791 9.72548 3.16826 9.99911 3.16826C12.1881 3.16826 12.4475 3.17624 13.3119 3.21617C14.1112 3.25332 14.5451 3.38909 14.8341 3.50316C15.2167 3.6542 15.4895 3.83476 15.7762 4.12643C16.0632 4.41809 16.2408 4.69587 16.3897 5.08477C16.5019 5.37817 16.6357 5.81915 16.672 6.63166C16.7113 7.51013 16.7199 7.77403 16.7199 9.99798C16.7199 12.222 16.7113 12.4859 16.672 13.3643C16.6355 14.1769 16.5019 14.6178 16.3897 14.9113C16.2411 15.3002 16.0632 15.577 15.7762 15.8686C15.4893 16.1602 15.2169 16.3408 14.8341 16.4919C14.5454 16.6064 14.1112 16.7418 13.3119 16.7789C12.4477 16.8189 12.1881 16.8276 9.99911 16.8276C7.80995 16.8276 7.5505 16.8189 6.68625 16.7789C5.88691 16.7414 5.45308 16.6057 5.16391 16.4916C4.78132 16.3406 4.50804 16.16 4.2211 15.8684C3.93416 15.5767 3.75653 15.2996 3.60759 14.9106C3.49537 14.6171 3.36164 14.1762 3.32526 13.3636C3.28598 12.4852 3.27812 12.2213 3.27812 9.9959C3.27812 7.77056 3.28598 7.50806 3.32526 6.62957C3.36181 5.81706 3.49537 5.37609 3.60759 5.08233C3.75618 4.69344 3.93416 4.41566 4.2211 4.12399C4.50804 3.83233 4.78132 3.65177 5.16391 3.50038C5.45291 3.38579 5.88691 3.25037 6.68625 3.21304C7.44256 3.17833 7.73565 3.16791 9.26363 3.16617V3.16826ZM14.3753 4.55195C13.8322 4.55195 13.3915 4.99935 13.3915 5.55161C13.3915 6.1037 13.8322 6.55162 14.3753 6.55162C14.9184 6.55162 15.3591 6.1037 15.3591 5.55161C15.3591 4.99952 14.9184 4.55195 14.3753 4.55195ZM9.99911 5.72036C7.67399 5.72036 5.78887 7.63653 5.78887 9.99993C5.78887 12.3633 7.67399 14.2786 9.99911 14.2786C12.3241 14.2786 14.2086 12.3633 14.2086 9.99993C14.2086 7.63653 12.3241 5.72036 9.99911 5.72036ZM9.99911 7.22211C11.5083 7.22211 12.7319 8.4657 12.7319 9.99993C12.7319 11.5339 11.5083 12.7777 9.99911 12.7777C8.48973 12.7777 7.26629 11.5339 7.26629 9.99993C7.26629 8.4657 8.48973 7.22211 9.99911 7.22211Z", fill: "currentColor" }),
-  tiktok: /* @__PURE__ */ jsx("path", { d: "M16.1668 4.56342C16.0385 4.49714 15.9137 4.42449 15.7927 4.34572C15.4409 4.11317 15.1184 3.83914 14.8321 3.52956C14.1157 2.70983 13.8481 1.87822 13.7495 1.29598H13.7535C13.6712 0.812693 13.7052 0.5 13.7103 0.5H10.4473V13.1177C10.4473 13.2872 10.4473 13.4546 10.4401 13.62C10.4401 13.6406 10.4382 13.6596 10.437 13.6818C10.437 13.6909 10.437 13.7004 10.435 13.7099C10.435 13.7123 10.435 13.7146 10.435 13.717C10.4006 14.1697 10.2555 14.6071 10.0124 14.9905C9.76929 15.374 9.43569 15.6919 9.04093 15.9161C8.6295 16.1502 8.16416 16.273 7.69081 16.2724C6.17049 16.2724 4.93832 15.0327 4.93832 13.5017C4.93832 11.9707 6.17049 10.731 7.69081 10.731C7.9786 10.7307 8.26462 10.776 8.53825 10.8652L8.5422 7.54271C7.71154 7.43541 6.86764 7.50143 6.06377 7.7366C5.25989 7.97176 4.51347 8.37098 3.8716 8.90906C3.30918 9.39773 2.83635 9.9808 2.47438 10.632C2.33664 10.8695 1.81694 11.8238 1.754 13.3726C1.71442 14.2518 1.97843 15.1625 2.1043 15.5389V15.5469C2.18346 15.7685 2.49022 16.5249 2.99013 17.1626C3.39324 17.6741 3.8695 18.1234 4.40358 18.4961V18.4881L4.41149 18.4961C5.99119 19.5695 7.74266 19.4991 7.74266 19.4991C8.04585 19.4868 9.06151 19.4991 10.2149 18.9524C11.4942 18.3464 12.2225 17.4436 12.2225 17.4436C12.6878 16.9041 13.0577 16.2893 13.3165 15.6256C13.6118 14.8494 13.7103 13.9185 13.7103 13.5464V6.85241C13.7499 6.87616 14.2771 7.22487 14.2771 7.22487C14.2771 7.22487 15.0367 7.71172 16.2218 8.02877C17.072 8.25438 18.2175 8.30188 18.2175 8.30188V5.06254C17.8161 5.10608 17.0011 4.97942 16.1668 4.56342Z", fill: "currentColor" }),
-  linkedin: /* @__PURE__ */ jsx("path", { d: "M5.90505 17.1003V7.41761H2.68953V17.1003H5.90539H5.90505ZM4.29797 6.09583C5.41905 6.09583 6.117 5.35231 6.117 4.42312C6.09601 3.47277 5.41905 2.75 4.31929 2.75C3.21877 2.75 2.5 3.47277 2.5 4.42304C2.5 5.35223 3.1977 6.09574 4.2769 6.09574H4.29771L4.29797 6.09583ZM7.68489 17.1003H10.9002V11.6936C10.9002 11.4046 10.9211 11.1149 11.0061 10.9084C11.2384 10.33 11.7675 9.73125 12.656 9.73125C13.8192 9.73125 14.2848 10.6191 14.2848 11.9209V17.1003H17.5V11.5485C17.5 8.57455 15.9139 7.1906 13.7984 7.1906C12.064 7.1906 11.3022 8.16087 10.879 8.82172H10.9004V7.41794H7.68506C7.72703 8.32629 7.6848 17.1006 7.6848 17.1006L7.68489 17.1003Z", fill: "currentColor" }),
-  "x-twitter": /* @__PURE__ */ jsx("path", { d: "M18.244 2.25H21.552L14.325 10.51L22.827 21.75H16.17L10.956 14.933L4.99 21.75H1.68L9.41 12.915L1.254 2.25H8.08L12.793 8.481L18.244 2.25ZM17.083 19.77H18.916L7.084 4.126H5.117L17.083 19.77Z", fill: "currentColor" })
-};
-function Icon({ name, size = 24, className = "", style, ref, ...rest }) {
-  const viewBox = SOCIAL_ICONS.has(name) ? "0 0 20 20" : "0 0 24 24";
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      ref,
-      width: size,
-      height: size,
-      viewBox,
-      fill: "none",
-      className: className || void 0,
-      style,
-      "aria-hidden": "true",
-      ...rest,
-      children: paths[name]
-    }
-  );
+import { isValidElement, cloneElement } from "react";
+function Icon({ icon, size = 24, className = "", style, ref, ...rest }) {
+  if (!isValidElement(icon)) return null;
+  return cloneElement(icon, {
+    ref,
+    width: size,
+    height: size,
+    className: className || void 0,
+    style,
+    "aria-hidden": "true",
+    ...rest
+  });
 }
 export {
   Icon

package/dist/components/Icon/Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React from 'react';\n\n/*\n Union of all available icon names in the library. Use with the Icon component's name prop.\n * Icons use currentColor so they inherit text colour from CSS.\n /\nexport type IconName =\n \| 'chevron-down'\n \| 'chevron-up'\n \| 'chevron-left'\n \| 'chevron-right'\n \| 'arrow-right'\n \| 'arrow-left'\n \| 'arrow-up'\n \| 'arrow-down'\n \| 'close'\n \| 'menu'\n \| 'check'\n \| 'search'\n \| 'globe'\n \| 'info'\n \| 'warning'\n \| 'error'\n \| 'plus'\n \| 'minus'\n \| 'edit'\n \| 'trash'\n \| 'eye'\n \| 'eye-off'\n \| 'copy'\n \| 'download'\n \| 'upload'\n \| 'filter'\n \| 'sort'\n \| 'calendar'\n \| 'clock'\n \| 'user'\n \| 'settings'\n \| 'home'\n \| 'mail'\n \| 'phone'\n \| 'map-pin'\n \| 'external-link'\n \| 'link'\n \| 'star'\n \| 'heart'\n \| 'share'\n \| 'whatsapp'\n \| 'facebook'\n \| 'instagram'\n \| 'tiktok'\n \| 'linkedin'\n \| 'x-twitter';\n\n/\n Props for the Icon component. Renders an inline SVG; colour comes from CSS (currentColor).\n /\nexport interface IconProps extends React.SVGAttributes<SVGSVGElement> {\n /* Which icon to render. Must be a valid IconName. /\n name: IconName;\n /* Width and height in pixels. @default 24 /\n size?: number;\n /* Additional class names. @default undefined /\n className?: string;\n /* Forwarded ref for the SVG element. @default undefined /\n ref?: React.Ref<SVGSVGElement>;\n}\n\n/\n Renders a named icon as an inline SVG. Size and colour (via currentColor) are controlled\n * by props or CSS. Use for buttons, labels, or decorative icons. Prefer Icon over custom\n * SVGs for consistency with the design system.\n \n @example\n * <Icon name=\"chevron-down\" size={20} />\n \n @example\n * <Button><Icon name=\"search\" /> Search</Button>\n */\n\nconst SOCIAL_ICONS: Set<IconName> = new Set([\n 'facebook', 'instagram', 'tiktok', 'linkedin',\n]);\n\nconst paths: Record<IconName, React.ReactNode> = {\n 'chevron-down': (\n <path d=\"M6 9L12 15L18 9\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n 'chevron-up': (\n <path d=\"M18 15L12 9L6 15\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n 'chevron-left': (\n <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n 'chevron-right': (\n <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n 'arrow-right': (\n <path d=\"M4 12H20M20 12L14 6M20 12L14 18\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n 'arrow-left': (\n <path d=\"M20 12H4M4 12L10 18M4 12L10 6\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n 'arrow-up': (\n <path d=\"M12 20V4M12 4L6 10M12 4L18 10\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n 'arrow-down': (\n <path d=\"M12 4V20M12 20L18 14M12 20L6 14\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n close: (\n <path d=\"M18 6L6 18M6 6L18 18\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n menu: (\n <path d=\"M3 12H21M3 6H21M3 18H21\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n check: (\n <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n search: (\n <>\n <circle cx=\"11\" cy=\"11\" r=\"8\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M21 21L16.65 16.65\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n globe: (\n <>\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M2 12H22\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M12 2C14.5013 4.73835 15.9228 8.29203 16 12C15.9228 15.708 14.5013 19.2616 12 22C9.49872 19.2616 8.07725 15.708 8 12C8.07725 8.29203 9.49872 4.73835 12 2Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n info: (\n <>\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M12 16V12\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M12 8H12.01\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n warning: (\n <>\n <path d=\"M10.29 3.86L1.82 18A2 2 0 003.64 21H20.36A2 2 0 0022.18 18L13.71 3.86A2 2 0 0010.29 3.86Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M12 9V13\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M12 17H12.01\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n error: (\n <>\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M15 9L9 15\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M9 9L15 15\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n plus: (\n <path d=\"M12 5V19M5 12H19\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n minus: (\n <path d=\"M5 12H19\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n edit: (\n <>\n <path d=\"M11 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V20C2 20.5304 2.21071 21.0391 2.58579 21.4142C2.96086 21.7893 3.46957 22 4 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V13\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M18.5 2.50001C18.8978 2.10219 19.4374 1.87869 20 1.87869C20.5626 1.87869 21.1022 2.10219 21.5 2.50001C21.8978 2.89784 22.1213 3.43739 22.1213 4.00001C22.1213 4.56262 21.8978 5.10219 21.5 5.50001L12 15L8 16L9 12L18.5 2.50001Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n trash: (\n <>\n <path d=\"M3 6H5H21\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M10 11V17\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M14 11V17\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n eye: (\n <>\n <path d=\"M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n 'eye-off': (\n <>\n <path d=\"M17.94 17.94C16.2306 19.243 14.1491 19.9649 12 20C5 20 1 12 1 12C2.24389 9.68192 3.96914 7.65663 6.06 6.06M9.9 4.24C10.5883 4.07888 11.2931 3.99834 12 4C19 4 23 12 23 12C22.393 13.1356 21.6691 14.2047 20.84 15.19M14.12 14.12C13.8454 14.4148 13.5141 14.6512 13.1462 14.8151C12.7782 14.9791 12.3809 15.0673 11.9781 15.0744C11.5753 15.0815 11.1752 15.0074 10.8016 14.8565C10.4281 14.7056 10.0887 14.4811 9.80385 14.1962C9.51897 13.9113 9.29439 13.572 9.14351 13.1984C8.99262 12.8249 8.91853 12.4247 8.92563 12.0219C8.93274 11.6191 9.02091 11.2219 9.18488 10.8539C9.34884 10.4859 9.58525 10.1547 9.88 9.88\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M1 1L23 23\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n copy: (\n <>\n <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M5 15H4C3.46957 15 2.96086 14.7893 2.58579 14.4142C2.21071 14.0391 2 13.5304 2 13V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H13C13.5304 2 14.0391 2.21071 14.4142 2.58579C14.7893 2.96086 15 3.46957 15 4V5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n download: (\n <>\n <path d=\"M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M7 10L12 15L17 10\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M12 15V3\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n upload: (\n <>\n <path d=\"M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V15\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M17 8L12 3L7 8\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M12 3V15\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n filter: (\n <path d=\"M22 3H2L10 12.46V19L14 21V12.46L22 3Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n sort: (\n <>\n <path d=\"M11 5H21\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M11 9H18\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M11 13H15\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M3 17L6 21L9 17\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M6 18V4\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n calendar: (\n <>\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M16 2V6\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M8 2V6\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M3 10H21\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n clock: (\n <>\n <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M12 6V12L16 14\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n user: (\n <>\n <path d=\"M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n settings: (\n <>\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M19.4 15C19.2669 15.3016 19.2272 15.6362 19.286 15.9606C19.3448 16.285 19.4995 16.5843 19.73 16.82L19.79 16.88C19.976 17.0657 20.1235 17.2863 20.2241 17.5291C20.3248 17.7719 20.3766 18.0322 20.3766 18.295C20.3766 18.5578 20.3248 18.8181 20.2241 19.0609C20.1235 19.3037 19.976 19.5243 19.79 19.71C19.6043 19.896 19.3837 20.0435 19.1409 20.1441C18.8981 20.2448 18.6378 20.2966 18.375 20.2966C18.1122 20.2966 17.8519 20.2448 17.6091 20.1441C17.3663 20.0435 17.1457 19.896 16.96 19.71L16.9 19.65C16.6643 19.4195 16.365 19.2648 16.0406 19.206C15.7162 19.1472 15.3816 19.1869 15.08 19.32C14.7842 19.4468 14.532 19.6572 14.3543 19.9255C14.1766 20.1938 14.0813 20.5082 14.08 20.83V21C14.08 21.5304 13.8693 22.0391 13.4942 22.4142C13.1191 22.7893 12.6104 23 12.08 23C11.5496 23 11.0409 22.7893 10.6658 22.4142C10.2907 22.0391 10.08 21.5304 10.08 21V20.91C10.0723 20.579 9.96512 20.258 9.77251 19.9887C9.5799 19.7194 9.31074 19.5143 9 19.4C8.69838 19.2669 8.36381 19.2272 8.03941 19.286C7.71502 19.3448 7.41568 19.4995 7.18 19.73L7.12 19.79C6.93425 19.976 6.71368 20.1235 6.47088 20.2241C6.22808 20.3248 5.96783 20.3766 5.705 20.3766C5.44217 20.3766 5.18192 20.3248 4.93912 20.2241C4.69632 20.1235 4.47575 19.976 4.29 19.79C4.10405 19.6043 3.95653 19.3837 3.85588 19.1409C3.75523 18.8981 3.70343 18.6378 3.70343 18.375C3.70343 18.1122 3.75523 17.8519 3.85588 17.6091C3.95653 17.3663 4.10405 17.1457 4.29 16.96L4.35 16.9C4.58054 16.6643 4.73519 16.365 4.794 16.0406C4.85282 15.7162 4.81312 15.3816 4.68 15.08C4.55324 14.7842 4.34276 14.532 4.07447 14.3543C3.80618 14.1766 3.49179 14.0813 3.17 14.08H3C2.46957 14.08 1.96086 13.8693 1.58579 13.4942C1.21071 13.1191 1 12.6104 1 12.08C1 11.5496 1.21071 11.0409 1.58579 10.6658C1.96086 10.2907 2.46957 10.08 3 10.08H3.09C3.42099 10.0723 3.742 9.96512 4.0113 9.77251C4.28059 9.5799 4.48572 9.31074 4.6 9C4.73312 8.69838 4.77282 8.36381 4.714 8.03941C4.65519 7.71502 4.50054 7.41568 4.27 7.18L4.21 7.12C4.02405 6.93425 3.87653 6.71368 3.77588 6.47088C3.67523 6.22808 3.62343 5.96783 3.62343 5.705C3.62343 5.44217 3.67523 5.18192 3.77588 4.93912C3.87653 4.69632 4.02405 4.47575 4.21 4.29C4.39575 4.10405 4.61632 3.95653 4.85912 3.85588C5.10192 3.75523 5.36217 3.70343 5.625 3.70343C5.88783 3.70343 6.14808 3.75523 6.39088 3.85588C6.63368 3.95653 6.85425 4.10405 7.04 4.29L7.1 4.35C7.33568 4.58054 7.63502 4.73519 7.95941 4.794C8.28381 4.85282 8.61838 4.81312 8.92 4.68H9C9.29577 4.55324 9.54802 4.34276 9.72569 4.07447C9.90337 3.80618 9.99872 3.49179 10 3.17V3C10 2.46957 10.2107 1.96086 10.5858 1.58579C10.9609 1.21071 11.4696 1 12 1C12.5304 1 13.0391 1.21071 13.4142 1.58579C13.7893 1.96086 14 2.46957 14 3V3.09C14.0013 3.41179 14.0966 3.72618 14.2743 3.99447C14.452 4.26276 14.7042 4.47324 15 4.6C15.3016 4.73312 15.6362 4.77282 15.9606 4.714C16.285 4.65519 16.5843 4.50054 16.82 4.27L16.88 4.21C17.0657 4.02405 17.2863 3.87653 17.5291 3.77588C17.7719 3.67523 18.0322 3.62343 18.295 3.62343C18.5578 3.62343 18.8181 3.67523 19.0609 3.77588C19.3037 3.87653 19.5243 4.02405 19.71 4.21C19.896 4.39575 20.0435 4.61632 20.1441 4.85912C20.2448 5.10192 20.2966 5.36217 20.2966 5.625C20.2966 5.88783 20.2448 6.14808 20.1441 6.39088C20.0435 6.63368 19.896 6.85425 19.71 7.04L19.65 7.1C19.4195 7.33568 19.2648 7.63502 19.206 7.95941C19.1472 8.28381 19.1869 8.61838 19.32 8.92V9C19.4468 9.29577 19.6572 9.54802 19.9255 9.72569C20.1938 9.90337 20.5082 9.99872 20.83 10H21C21.5304 10 22.0391 10.2107 22.4142 10.5858C22.7893 10.9609 23 11.4696 23 12C23 12.5304 22.7893 13.0391 22.4142 13.4142C22.0391 13.7893 21.5304 14 21 14H20.91C20.5882 14.0013 20.2738 14.0966 20.0055 14.2743C19.7372 14.452 19.5268 14.7042 19.4 15Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n home: (\n <>\n <path d=\"M3 9L12 2L21 9V20C21 20.5304 20.7893 21.0391 20.4142 21.4142C20.0391 21.7893 19.5304 22 19 22H5C4.46957 22 3.96086 21.7893 3.58579 21.4142C3.21071 21.0391 3 20.5304 3 20V9Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M9 22V12H15V22\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n mail: (\n <>\n <path d=\"M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M22 6L12 13L2 6\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n phone: (\n <path d=\"M22 16.92V19.92C22.0011 20.1985 21.9441 20.4742 21.8325 20.7293C21.7209 20.9845 21.5573 21.2136 21.3521 21.4019C21.1468 21.5901 20.9046 21.7335 20.6407 21.8227C20.3769 21.9119 20.0974 21.9451 19.82 21.92C16.7428 21.5856 13.787 20.5341 11.19 18.85C8.77382 17.3147 6.72533 15.2662 5.19 12.85C3.49998 10.2412 2.44824 7.27099 2.12 4.18C2.09501 3.90347 2.12787 3.62476 2.2165 3.36162C2.30513 3.09849 2.44756 2.85669 2.63476 2.65163C2.82196 2.44656 3.0498 2.28271 3.30379 2.17053C3.55777 2.05834 3.83233 2.00027 4.11 2H7.11C7.5953 1.99522 8.06579 2.16708 8.43376 2.48354C8.80173 2.79999 9.04207 3.23945 9.11 3.72C9.23662 4.68007 9.47145 5.62273 9.81 6.53C9.94454 6.88792 9.97366 7.27691 9.89390 7.65088C9.81415 8.02485 9.62886 8.36811 9.36 8.64L8.09 9.91C9.51355 12.4136 11.5864 14.4864 14.09 15.91L15.36 14.64C15.6319 14.3711 15.9751 14.1858 16.3491 14.1061C16.7231 14.0263 17.1121 14.0555 17.47 14.19C18.3773 14.5286 19.3199 14.7634 20.28 14.89C20.7658 14.9585 21.2094 15.2032 21.5265 15.5775C21.8437 15.9518 22.0122 16.4296 22 16.92Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n 'map-pin': (\n <>\n <path d=\"M21 10C21 17 12 23 12 23C12 23 3 17 3 10C3 7.61305 3.94821 5.32387 5.63604 3.63604C7.32387 1.94821 9.61305 1 12 1C14.3869 1 16.6761 1.94821 18.364 3.63604C20.0518 5.32387 21 7.61305 21 10Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <circle cx=\"12\" cy=\"10\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n 'external-link': (\n <>\n <path d=\"M18 13V19C18 19.5304 17.7893 20.0391 17.4142 20.4142C17.0391 20.7893 16.5304 21 16 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V8C3 7.46957 3.21071 6.96086 3.58579 6.58579C3.96086 6.21071 4.46957 6 5 6H11\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M15 3H21V9\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M10 14L21 3\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n link: (\n <>\n <path d=\"M10 13C10.4295 13.5741 10.9774 14.0491 11.6066 14.3929C12.2357 14.7367 12.9315 14.9411 13.6467 14.9923C14.3618 15.0435 15.0796 14.9403 15.7513 14.6897C16.4231 14.4392 17.0331 14.047 17.54 13.54L20.54 10.54C21.4508 9.59695 21.9548 8.33394 21.9434 7.02296C21.932 5.71198 21.4061 4.45791 20.479 3.531C19.552 2.60409 18.298 2.0782 16.987 2.06681C15.676 2.05542 14.413 2.55945 13.47 3.47L11.75 5.18\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M14 11C13.5705 10.4259 13.0226 9.95083 12.3934 9.60706C11.7642 9.26329 11.0685 9.05886 10.3533 9.00768C9.63816 8.9565 8.92037 9.05969 8.24864 9.31026C7.57691 9.56083 6.96689 9.95296 6.46 10.46L3.46 13.46C2.54918 14.403 2.04515 15.666 2.05654 16.977C2.06793 18.288 2.59382 19.542 3.52073 20.469C4.44764 21.396 5.70171 21.9218 7.01269 21.9332C8.32367 21.9446 9.58668 21.4406 10.53 20.53L12.24 18.82\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n star: (\n <path d=\"M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n heart: (\n <path d=\"M20.84 4.61C20.3292 4.09924 19.7228 3.69394 19.0554 3.41756C18.3879 3.14118 17.6725 2.9993 16.95 3.00001C16.2275 2.9993 15.5121 3.14118 14.8446 3.41756C14.1772 3.69394 13.5708 4.09924 13.06 4.61L12 5.67L10.94 4.61C9.9083 3.57831 8.50903 2.99945 7.05 3.00001C5.59096 2.99945 4.19169 3.57831 3.16 4.61C2.12831 5.64169 1.54945 7.04097 1.55 8.5C1.54945 9.95904 2.12831 11.3583 3.16 12.39L4.22 13.45L12 21.23L19.78 13.45L20.84 12.39C21.3508 11.8792 21.7561 11.2728 22.0324 10.6054C22.3088 9.93792 22.4507 9.22249 22.45 8.5C22.4507 7.77751 22.3088 7.06209 22.0324 6.39463C21.7561 5.72718 21.3508 5.12076 20.84 4.61Z\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n ),\n share: (\n <>\n <circle cx=\"18\" cy=\"5\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <circle cx=\"6\" cy=\"12\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <circle cx=\"18\" cy=\"19\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M8.59 13.51L15.42 17.49\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n <path d=\"M15.41 6.51L8.59 10.49\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </>\n ),\n\n // Social icons\n whatsapp: (\n <>\n <path d=\"M17.472 14.382C17.17 14.233 15.78 13.548 15.503 13.448C15.226 13.348 15.023 13.298 14.82 13.598C14.617 13.898 14.062 14.533 13.883 14.738C13.704 14.943 13.525 14.968 13.223 14.818C12.921 14.668 12.003 14.362 10.917 13.398C10.066 12.642 9.487 11.712 9.308 11.412C9.129 11.112 9.289 10.952 9.439 10.802C9.574 10.667 9.741 10.452 9.891 10.272C10.041 10.092 10.091 9.962 10.191 9.758C10.291 9.553 10.241 9.373 10.166 9.223C10.091 9.073 9.493 7.682 9.241 7.082C8.996 6.498 8.746 6.578 8.559 6.568C8.38 6.558 8.177 6.558 7.974 6.558C7.771 6.558 7.444 6.633 7.167 6.933C6.89 7.233 6.16 7.918 6.16 9.308C6.16 10.698 7.192 12.038 7.342 12.243C7.492 12.448 9.487 15.478 12.454 16.678C13.142 16.978 13.677 17.158 14.096 17.288C14.787 17.498 15.418 17.468 15.916 17.388C16.474 17.298 17.622 16.703 17.872 16.048C18.122 15.393 18.122 14.833 18.047 14.708C17.972 14.583 17.769 14.508 17.472 14.382Z\" fill=\"currentColor\" />\n <path d=\"M12.05 2C6.53 2 2.06 6.45 2.06 11.95C2.06 13.85 2.58 15.65 3.53 17.2L2 22L6.93 20.5C8.42 21.36 10.18 21.9 12.05 21.9C17.57 21.9 22.04 17.45 22.04 11.95C22.04 9.27 20.99 6.78 19.14 4.93C17.29 3.08 14.78 2 12.05 2ZM12.05 20.15C10.36 20.15 8.78 19.65 7.44 18.78L7.1 18.58L4.19 19.37L5 16.54L4.78 16.18C3.82 14.78 3.31 13.12 3.31 11.38C3.31 6.64 7.23 2.72 11.97 2.72C14.27 2.72 16.42 3.62 18.03 5.23C19.64 6.84 20.54 9 20.54 11.38C20.72 16.12 16.79 20.15 12.05 20.15Z\" fill=\"currentColor\" />\n </>\n ),\n facebook: (\n <path d=\"M13.9036 11.2077L14.3781 8.19278H11.4551V6.2331C11.4551 5.40872 11.8632 4.60318 13.1681 4.60318H14.5157V2.03581C13.7309 1.91067 12.938 1.84297 12.1432 1.83325C9.73739 1.83325 8.16676 3.27945 8.16676 5.89393V8.19278H5.5V11.2077H8.16676V18.4999H11.4551V11.2077H13.9036Z\" fill=\"currentColor\" />\n ),\n instagram: (\n <path d=\"M9.99911 1.6665C7.77254 1.6665 7.49311 1.6764 6.61862 1.71685C5.74583 1.75748 5.15008 1.89793 4.6288 2.10401C4.08958 2.31686 3.63219 2.60158 3.17649 3.06496C2.72045 3.52816 2.44035 3.99309 2.23026 4.54101C2.02701 5.07105 1.88866 5.67679 1.84938 6.5636C1.81027 7.4525 1.80002 7.7367 1.80002 9.99993C1.80002 12.2631 1.80992 12.5463 1.84955 13.4352C1.88969 14.3223 2.02787 14.9279 2.23043 15.4578C2.44 16.0059 2.72011 16.4708 3.17598 16.934C3.6315 17.3976 4.0889 17.683 4.62778 17.8959C5.1494 18.1019 5.74532 18.2424 6.61793 18.283C7.49243 18.3234 7.77169 18.3334 9.99808 18.3334C12.2247 18.3334 12.5034 18.3234 13.3779 18.283C14.2506 18.2424 14.847 18.1019 15.3687 17.8959C15.9077 17.683 16.3645 17.3976 16.82 16.934C17.276 16.4708 17.5561 16.0059 17.7662 15.4579C17.9677 14.9279 18.1061 14.3222 18.1471 13.4354C18.1864 12.5465 18.1966 12.2631 18.1966 9.99993C18.1966 7.7367 18.1864 7.45267 18.1471 6.56377C18.1061 5.67662 17.9677 5.07105 17.7662 4.54119C17.5561 3.99309 17.276 3.52816 16.82 3.06496C16.3639 2.60141 15.9079 2.31668 15.3682 2.10401C14.8455 1.89793 14.2494 1.75748 13.3766 1.71685C12.5021 1.6764 12.2237 1.6665 9.99651 1.6665H9.99911ZM9.26363 3.16826C9.48192 3.16791 9.72548 3.16826 9.99911 3.16826C12.1881 3.16826 12.4475 3.17624 13.3119 3.21617C14.1112 3.25332 14.5451 3.38909 14.8341 3.50316C15.2167 3.6542 15.4895 3.83476 15.7762 4.12643C16.0632 4.41809 16.2408 4.69587 16.3897 5.08477C16.5019 5.37817 16.6357 5.81915 16.672 6.63166C16.7113 7.51013 16.7199 7.77403 16.7199 9.99798C16.7199 12.222 16.7113 12.4859 16.672 13.3643C16.6355 14.1769 16.5019 14.6178 16.3897 14.9113C16.2411 15.3002 16.0632 15.577 15.7762 15.8686C15.4893 16.1602 15.2169 16.3408 14.8341 16.4919C14.5454 16.6064 14.1112 16.7418 13.3119 16.7789C12.4477 16.8189 12.1881 16.8276 9.99911 16.8276C7.80995 16.8276 7.5505 16.8189 6.68625 16.7789C5.88691 16.7414 5.45308 16.6057 5.16391 16.4916C4.78132 16.3406 4.50804 16.16 4.2211 15.8684C3.93416 15.5767 3.75653 15.2996 3.60759 14.9106C3.49537 14.6171 3.36164 14.1762 3.32526 13.3636C3.28598 12.4852 3.27812 12.2213 3.27812 9.9959C3.27812 7.77056 3.28598 7.50806 3.32526 6.62957C3.36181 5.81706 3.49537 5.37609 3.60759 5.08233C3.75618 4.69344 3.93416 4.41566 4.2211 4.12399C4.50804 3.83233 4.78132 3.65177 5.16391 3.50038C5.45291 3.38579 5.88691 3.25037 6.68625 3.21304C7.44256 3.17833 7.73565 3.16791 9.26363 3.16617V3.16826ZM14.3753 4.55195C13.8322 4.55195 13.3915 4.99935 13.3915 5.55161C13.3915 6.1037 13.8322 6.55162 14.3753 6.55162C14.9184 6.55162 15.3591 6.1037 15.3591 5.55161C15.3591 4.99952 14.9184 4.55195 14.3753 4.55195ZM9.99911 5.72036C7.67399 5.72036 5.78887 7.63653 5.78887 9.99993C5.78887 12.3633 7.67399 14.2786 9.99911 14.2786C12.3241 14.2786 14.2086 12.3633 14.2086 9.99993C14.2086 7.63653 12.3241 5.72036 9.99911 5.72036ZM9.99911 7.22211C11.5083 7.22211 12.7319 8.4657 12.7319 9.99993C12.7319 11.5339 11.5083 12.7777 9.99911 12.7777C8.48973 12.7777 7.26629 11.5339 7.26629 9.99993C7.26629 8.4657 8.48973 7.22211 9.99911 7.22211Z\" fill=\"currentColor\" />\n ),\n tiktok: (\n <path d=\"M16.1668 4.56342C16.0385 4.49714 15.9137 4.42449 15.7927 4.34572C15.4409 4.11317 15.1184 3.83914 14.8321 3.52956C14.1157 2.70983 13.8481 1.87822 13.7495 1.29598H13.7535C13.6712 0.812693 13.7052 0.5 13.7103 0.5H10.4473V13.1177C10.4473 13.2872 10.4473 13.4546 10.4401 13.62C10.4401 13.6406 10.4382 13.6596 10.437 13.6818C10.437 13.6909 10.437 13.7004 10.435 13.7099C10.435 13.7123 10.435 13.7146 10.435 13.717C10.4006 14.1697 10.2555 14.6071 10.0124 14.9905C9.76929 15.374 9.43569 15.6919 9.04093 15.9161C8.6295 16.1502 8.16416 16.273 7.69081 16.2724C6.17049 16.2724 4.93832 15.0327 4.93832 13.5017C4.93832 11.9707 6.17049 10.731 7.69081 10.731C7.9786 10.7307 8.26462 10.776 8.53825 10.8652L8.5422 7.54271C7.71154 7.43541 6.86764 7.50143 6.06377 7.7366C5.25989 7.97176 4.51347 8.37098 3.8716 8.90906C3.30918 9.39773 2.83635 9.9808 2.47438 10.632C2.33664 10.8695 1.81694 11.8238 1.754 13.3726C1.71442 14.2518 1.97843 15.1625 2.1043 15.5389V15.5469C2.18346 15.7685 2.49022 16.5249 2.99013 17.1626C3.39324 17.6741 3.8695 18.1234 4.40358 18.4961V18.4881L4.41149 18.4961C5.99119 19.5695 7.74266 19.4991 7.74266 19.4991C8.04585 19.4868 9.06151 19.4991 10.2149 18.9524C11.4942 18.3464 12.2225 17.4436 12.2225 17.4436C12.6878 16.9041 13.0577 16.2893 13.3165 15.6256C13.6118 14.8494 13.7103 13.9185 13.7103 13.5464V6.85241C13.7499 6.87616 14.2771 7.22487 14.2771 7.22487C14.2771 7.22487 15.0367 7.71172 16.2218 8.02877C17.072 8.25438 18.2175 8.30188 18.2175 8.30188V5.06254C17.8161 5.10608 17.0011 4.97942 16.1668 4.56342Z\" fill=\"currentColor\" />\n ),\n linkedin: (\n <path d=\"M5.90505 17.1003V7.41761H2.68953V17.1003H5.90539H5.90505ZM4.29797 6.09583C5.41905 6.09583 6.117 5.35231 6.117 4.42312C6.09601 3.47277 5.41905 2.75 4.31929 2.75C3.21877 2.75 2.5 3.47277 2.5 4.42304C2.5 5.35223 3.1977 6.09574 4.2769 6.09574H4.29771L4.29797 6.09583ZM7.68489 17.1003H10.9002V11.6936C10.9002 11.4046 10.9211 11.1149 11.0061 10.9084C11.2384 10.33 11.7675 9.73125 12.656 9.73125C13.8192 9.73125 14.2848 10.6191 14.2848 11.9209V17.1003H17.5V11.5485C17.5 8.57455 15.9139 7.1906 13.7984 7.1906C12.064 7.1906 11.3022 8.16087 10.879 8.82172H10.9004V7.41794H7.68506C7.72703 8.32629 7.6848 17.1006 7.6848 17.1006L7.68489 17.1003Z\" fill=\"currentColor\" />\n ),\n 'x-twitter': (\n <path d=\"M18.244 2.25H21.552L14.325 10.51L22.827 21.75H16.17L10.956 14.933L4.99 21.75H1.68L9.41 12.915L1.254 2.25H8.08L12.793 8.481L18.244 2.25ZM17.083 19.77H18.916L7.084 4.126H5.117L17.083 19.77Z\" fill=\"currentColor\" />\n ),\n};\n\nexport function Icon({ name, size = 24, className = '', style, ref, ...rest }: IconProps) {\n const viewBox = SOCIAL_ICONS.has(name) ? '0 0 20 20' : '0 0 24 24';\n return (\n <svg\n ref={ref}\n width={size}\n height={size}\n viewBox={viewBox}\n fill=\"none\"\n className={className \|\| undefined}\n style={style}\n aria-hidden=\"true\"\n {...rest}\n >\n {paths[name]}\n </svg>\n );\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"Icon.js","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { cloneElement, isValidElement } from 'react';\nimport type { ReactElement, SVGProps, Ref } from 'react';\n\n/*\n Props for the Icon component. Renders an inline SVG passed via the `icon` prop.\n /\nexport interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'name'> {\n /* The icon component to render (e.g. `<ChevronRight />`) /\n icon: ReactElement<SVGProps<SVGSVGElement>>;\n /* Width and height in pixels. @default 24 /\n size?: number \| string;\n /* Additional class names. @default undefined /\n className?: string;\n /* Forwarded ref for the SVG element. @default undefined /\n ref?: Ref<SVGSVGElement>;\n}\n\n/\n Renders an inline SVG icon (typically imported from @jiwambe/icons).\n * Size and colour (via currentColor) are controlled by props or CSS.\n * Use for buttons, labels, or decorative icons.\n \n @example\n * import { ChevronDown } from '@jiwambe/icons';\n * <Icon icon={<ChevronDown />} size={20} />\n */\nexport function Icon({ icon, size = 24, className = '', style, ref, ...rest }: IconProps) {\n if (!isValidElement(icon)) return null;\n\n return cloneElement(icon, {\n ref,\n width: size,\n height: size,\n className: className \|\| undefined,\n style,\n 'aria-hidden': 'true',\n ...rest,\n } as SVGProps<SVGSVGElement>);\n}\n"],"names":[],"mappings":";AA0BO,SAAS,KAAK,EAAE,MAAM,OAAO,IAAI,YAAY,IAAI,OAAO,KAAK,GAAG,QAAmB;AACxF,MAAI,CAAC,eAAe,IAAI,EAAG,QAAO;AAElC,SAAO,aAAa,MAAM;AAAA,IACxB;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW,aAAa;AAAA,IACxB;AAAA,IACA,eAAe;AAAA,IACf,GAAG;AAAA,EAAA,CACuB;AAC9B;"}

package/dist/components/Icon/Icon.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=Icon.test.d.ts.map

package/dist/components/Icon/Icon.test.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Icon.test.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.test.tsx"],"names":[],"mappings":""}

package/dist/components/JiwambeCard/JiwambeCard.d.ts ADDED Viewed

@@ -0,0 +1,54 @@
+import { default as React } from 'react';
+/**
+ * JiwambeCard layout type. 'text-only' — no image; 'media-horizontal' — image above content, video aspect;
+ * 'media-vertical' — image above content, 4:3 aspect.
+ */
+export type JiwambeCardType = 'text-only' | 'media-horizontal' | 'media-vertical';
+/**
+ * Props for the JiwambeCard component. Title is required; image and action are optional.
+ */
+export interface JiwambeCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Layout: text-only, or media with horizontal/vertical image aspect. @default 'text-only' */
+    type?: JiwambeCardType;
+    /** Image source URL. Required when type is media-horizontal or media-vertical. @default undefined */
+    imageSrc?: string;
+    /** Image alt text for accessibility. @default '' */
+    imageAlt?: string;
+    /** Width for next/image. @default 600 */
+    imageWidth?: number;
+    /** Height for next/image. @default 400 */
+    imageHeight?: number;
+    /** Next.js image quality (1-100). @default undefined */
+    imageQuality?: number;
+    /** Bypass Next.js image optimization. Useful for small sharp PNGs. @default false */
+    imageUnoptimized?: boolean;
+    /** Overlay message displayed centered on the image. @default undefined */
+    message?: string;
+    /** Card title (optional). Rendered as heading. */
+    title?: string;
+    /** Card description text below the title. @default undefined */
+    description?: string;
+    /** Label for the action button or link. @default undefined */
+    label?: string;
+    /** Called when the action button is clicked (when labelHref is not set). @default undefined */
+    onLabelClick?: () => void;
+    /** When set, the action renders as a link to this href. @default undefined */
+    labelHref?: string;
+    /** Component to render the action link as (e.g. next/link). @default 'a' */
+    linkAs?: React.ElementType;
+    /** Forwarded ref for the root div. @default undefined */
+    ref?: React.Ref<HTMLDivElement>;
+}
+/**
+ * Card with optional image, title, description, and action. Renders a bordered container
+ * with design-token styling. Use for product cards, feature highlights, or content blocks.
+ * For image-only or custom layouts use Box or a custom component.
+ *
+ * @example
+ * <JiwambeCard title="Feature" description="Description here." type="text-only" />
+ *
+ * @example
+ * <JiwambeCard type="media-horizontal" imageSrc="/img.jpg" imageAlt="Product" title="Product" label="View" labelHref="/product" />
+ */
+export declare function JiwambeCard({ type, imageSrc, imageAlt, imageWidth, imageHeight, imageQuality, imageUnoptimized, message, title, description, label, onLabelClick, labelHref, linkAs, className, ref, children, ...rest }: JiwambeCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JiwambeCard.d.ts.map

package/dist/components/JiwambeCard/JiwambeCard.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"JiwambeCard.d.ts","sourceRoot":"","sources":["../../../src/components/JiwambeCard/JiwambeCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,kBAAkB,GAAG,gBAAgB,CAAC;AAElF;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,8FAA8F;IAC9F,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,qGAAqG;IACrG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+FAA+F;IAC/F,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC3B,yDAAyD;IACzD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC;AAmFD;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAkB,EAClB,QAAQ,EACR,QAAa,EACb,UAAgB,EAChB,WAAiB,EACjB,YAAY,EACZ,gBAAgB,EAChB,OAAO,EACP,KAAK,EACL,WAAW,EACX,KAAK,EACL,YAAY,EACZ,SAAS,EACT,MAAM,EACN,SAAc,EACd,GAAG,EACH,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAoDlB"}

package/dist/components/JiwambeCard/JiwambeCard.js ADDED Viewed

@@ -0,0 +1,101 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import Image from "next/image";
+function JiwambeCardImage({
+  src,
+  alt,
+  ratio,
+  message,
+  width,
+  height,
+  quality,
+  unoptimized
+}) {
+  const aspectClass = ratio === "horizontal" ? "aspect-video" : "aspect-[4/3]";
+  return /* @__PURE__ */ jsxs("div", { className: `relative w-full overflow-hidden rounded-t-rad-md ${aspectClass}`, children: [
+    /* @__PURE__ */ jsx(
+      Image,
+      {
+        src,
+        alt,
+        width,
+        height,
+        quality,
+        unoptimized,
+        className: "h-full w-full object-cover"
+      }
+    ),
+    message && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-fill-bg-dimmer", children: /* @__PURE__ */ jsx("span", { className: "text-title-lg text-text-primary-inverse text-center leading-[1.1] px-space-fluid-4-8", children: message }) })
+  ] });
+}
+function JiwambeCardAction({
+  label,
+  onClick,
+  href,
+  linkAs
+}) {
+  const classes = "inline-flex items-center justify-center h-12 min-h-12 rounded-rad-md px-space-5 text-btn-reg bg-fill-action-primary text-text-action-primary hover:bg-fill-action-primary-hover active:bg-fill-action-primary-active transition-colors";
+  if (href) {
+    const LinkComponent = linkAs || "a";
+    return /* @__PURE__ */ jsx(LinkComponent, { href, className: classes, children: label });
+  }
+  return /* @__PURE__ */ jsx("button", { type: "button", onClick, className: classes, children: label });
+}
+function JiwambeCard({
+  type = "text-only",
+  imageSrc,
+  imageAlt = "",
+  imageWidth = 600,
+  imageHeight = 400,
+  imageQuality,
+  imageUnoptimized,
+  message,
+  title,
+  description,
+  label,
+  onLabelClick,
+  labelHref,
+  linkAs,
+  className = "",
+  ref,
+  children,
+  ...rest
+}) {
+  const isMedia = type !== "text-only";
+  const ratio = type === "media-vertical" ? "vertical" : "horizontal";
+  const rootClasses = [
+    "flex flex-col rounded-rad-md overflow-hidden",
+    isMedia ? "bg-fill-bg-secondary pb-space-fluid-4-8 gap-space-fluid-4-6" : "bg-fill-bg-primary border border-border-light",
+    className
+  ].filter(Boolean).join(" ");
+  const contentClasses = [
+    "flex flex-col text-text-primary",
+    isMedia ? "gap-space-fluid-4-6 px-space-fluid-4-8" : "gap-space-3 p-space-4"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { ref, className: rootClasses, ...rest, children: [
+    isMedia && imageSrc && /* @__PURE__ */ jsx(
+      JiwambeCardImage,
+      {
+        src: imageSrc,
+        alt: imageAlt,
+        ratio,
+        message,
+        width: imageWidth,
+        height: imageHeight,
+        quality: imageQuality,
+        unoptimized: imageUnoptimized
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: contentClasses, children: [
+      (title || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-space-1", children: [
+        title && /* @__PURE__ */ jsx("h3", { className: "text-title-md leading-[1.2] tracking-[0.19px]", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "text-text-md leading-[1.4]", children: description })
+      ] }),
+      children,
+      label && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(JiwambeCardAction, { label, onClick: onLabelClick, href: labelHref, linkAs }) })
+    ] })
+  ] });
+}
+export {
+  JiwambeCard
+};
+//# sourceMappingURL=JiwambeCard.js.map

package/dist/components/JiwambeCard/JiwambeCard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"JiwambeCard.js","sources":["../../../src/components/JiwambeCard/JiwambeCard.tsx"],"sourcesContent":["import React from 'react';\nimport Image from 'next/image';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/**\n * JiwambeCard layout type. 'text-only' — no image; 'media-horizontal' — image above content, video aspect;\n * 'media-vertical' — image above content, 4:3 aspect.\n */\nexport type JiwambeCardType = 'text-only' | 'media-horizontal' | 'media-vertical';\n\n/**\n * Props for the JiwambeCard component. Title is required; image and action are optional.\n */\nexport interface JiwambeCardProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Layout: text-only, or media with horizontal/vertical image aspect. @default 'text-only' */\n type?: JiwambeCardType;\n /** Image source URL. Required when type is media-horizontal or media-vertical. @default undefined */\n imageSrc?: string;\n /** Image alt text for accessibility. @default '' */\n imageAlt?: string;\n /** Width for next/image. @default 600 */\n imageWidth?: number;\n /** Height for next/image. @default 400 */\n imageHeight?: number;\n /** Next.js image quality (1-100). @default undefined */\n imageQuality?: number;\n /** Bypass Next.js image optimization. Useful for small sharp PNGs. @default false */\n imageUnoptimized?: boolean;\n /** Overlay message displayed centered on the image. @default undefined */\n message?: string;\n /** Card title (optional). Rendered as heading. */\n title?: string;\n /** Card description text below the title. @default undefined */\n description?: string;\n /** Label for the action button or link. @default undefined */\n label?: string;\n /** Called when the action button is clicked (when labelHref is not set). @default undefined */\n onLabelClick?: () => void;\n /** When set, the action renders as a link to this href. @default undefined */\n labelHref?: string;\n /** Component to render the action link as (e.g. next/link). @default 'a' */\n linkAs?: React.ElementType;\n /** Forwarded ref for the root div. @default undefined */\n ref?: React.Ref<HTMLDivElement>;\n}\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\nfunction JiwambeCardImage({\n src,\n alt,\n ratio,\n message,\n width,\n height,\n quality,\n unoptimized,\n}: {\n src: string;\n alt: string;\n ratio: 'horizontal' | 'vertical';\n message?: string;\n width: number;\n height: number;\n quality?: number;\n unoptimized?: boolean;\n}) {\n const aspectClass = ratio === 'horizontal' ? 'aspect-video' : 'aspect-[4/3]';\n\n return (\n <div className={`relative w-full overflow-hidden rounded-t-rad-md ${aspectClass}`}>\n <Image\n src={src}\n alt={alt}\n width={width}\n height={height}\n quality={quality}\n unoptimized={unoptimized}\n className=\"h-full w-full object-cover\"\n />\n {message && (\n <div className=\"absolute inset-0 flex items-center justify-center bg-fill-bg-dimmer\">\n <span className=\"text-title-lg text-text-primary-inverse text-center leading-[1.1] px-space-fluid-4-8\">\n {message}\n </span>\n </div>\n )}\n </div>\n );\n}\n\nfunction JiwambeCardAction({\n label,\n onClick,\n href,\n linkAs,\n}: {\n label: string;\n onClick?: () => void;\n href?: string;\n linkAs?: React.ElementType;\n}) {\n const classes =\n 'inline-flex items-center justify-center h-12 min-h-12 rounded-rad-md px-space-5 text-btn-reg bg-fill-action-primary text-text-action-primary hover:bg-fill-action-primary-hover active:bg-fill-action-primary-active transition-colors';\n\n if (href) {\n const LinkComponent = linkAs || 'a';\n return (\n <LinkComponent href={href} className={classes}>\n {label}\n </LinkComponent>\n );\n }\n\n return (\n <button type=\"button\" onClick={onClick} className={classes}>\n {label}\n </button>\n );\n}\n\n// ---------------------------------------------------------------------------\n// JiwambeCard\n// ---------------------------------------------------------------------------\n\n/**\n * Card with optional image, title, description, and action. Renders a bordered container\n * with design-token styling. Use for product cards, feature highlights, or content blocks.\n * For image-only or custom layouts use Box or a custom component.\n *\n * @example\n * <JiwambeCard title=\"Feature\" description=\"Description here.\" type=\"text-only\" />\n *\n * @example\n * <JiwambeCard type=\"media-horizontal\" imageSrc=\"/img.jpg\" imageAlt=\"Product\" title=\"Product\" label=\"View\" labelHref=\"/product\" />\n */\nexport function JiwambeCard({\n type = 'text-only',\n imageSrc,\n imageAlt = '',\n imageWidth = 600,\n imageHeight = 400,\n imageQuality,\n imageUnoptimized,\n message,\n title,\n description,\n label,\n onLabelClick,\n labelHref,\n linkAs,\n className = '',\n ref,\n children,\n ...rest\n}: JiwambeCardProps) {\n const isMedia = type !== 'text-only';\n const ratio = type === 'media-vertical' ? 'vertical' : 'horizontal';\n\n const rootClasses = [\n 'flex flex-col rounded-rad-md overflow-hidden',\n isMedia ? 'bg-fill-bg-secondary pb-space-fluid-4-8 gap-space-fluid-4-6' : 'bg-fill-bg-primary border border-border-light',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const contentClasses = [\n 'flex flex-col text-text-primary',\n isMedia ? 'gap-space-fluid-4-6 px-space-fluid-4-8' : 'gap-space-3 p-space-4',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div ref={ref} className={rootClasses} {...rest}>\n {isMedia && imageSrc && (\n <JiwambeCardImage\n src={imageSrc}\n alt={imageAlt}\n ratio={ratio}\n message={message}\n width={imageWidth}\n height={imageHeight}\n quality={imageQuality}\n unoptimized={imageUnoptimized}\n />\n )}\n\n <div className={contentClasses}>\n {(title || description) && (\n <div className=\"flex flex-col gap-space-1\">\n {title && <h3 className=\"text-title-md leading-[1.2] tracking-[0.19px]\">{title}</h3>}\n {description && <p className=\"text-text-md leading-[1.4]\">{description}</p>}\n </div>\n )}\n\n {children}\n\n {label && (\n <div>\n <JiwambeCardAction label={label} onClick={onLabelClick} href={labelHref} linkAs={linkAs} />\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"names":[],"mappings":";;AAqDA,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD,QAAM,cAAc,UAAU,eAAe,iBAAiB;AAE9D,SACE,qBAAC,OAAA,EAAI,WAAW,oDAAoD,WAAW,IAC7E,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEX,WACC,oBAAC,OAAA,EAAI,WAAU,uEACb,8BAAC,QAAA,EAAK,WAAU,wFACb,UAAA,QAAA,CACH,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,UACJ;AAEF,MAAI,MAAM;AACR,UAAM,gBAAgB,UAAU;AAChC,WACE,oBAAC,eAAA,EAAc,MAAY,WAAW,SACnC,UAAA,OACH;AAAA,EAEJ;AAEA,6BACG,UAAA,EAAO,MAAK,UAAS,SAAkB,WAAW,SAChD,UAAA,OACH;AAEJ;AAiBO,SAAS,YAAY;AAAA,EAC1B,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,UAAU,SAAS;AACzB,QAAM,QAAQ,SAAS,mBAAmB,aAAa;AAEvD,QAAM,cAAc;AAAA,IAClB;AAAA,IACA,UAAU,gEAAgE;AAAA,IAC1E;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,iBAAiB;AAAA,IACrB;AAAA,IACA,UAAU,2CAA2C;AAAA,EAAA,EAEpD,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,8BACG,OAAA,EAAI,KAAU,WAAW,aAAc,GAAG,MACxC,UAAA;AAAA,IAAA,WAAW,YACV;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,aAAa;AAAA,MAAA;AAAA,IAAA;AAAA,IAIjB,qBAAC,OAAA,EAAI,WAAW,gBACZ,UAAA;AAAA,OAAA,SAAS,gBACT,qBAAC,OAAA,EAAI,WAAU,6BACZ,UAAA;AAAA,QAAA,SAAS,oBAAC,MAAA,EAAG,WAAU,iDAAiD,UAAA,OAAM;AAAA,QAC9E,eAAe,oBAAC,KAAA,EAAE,WAAU,8BAA8B,UAAA,YAAA,CAAY;AAAA,MAAA,GACzE;AAAA,MAGD;AAAA,MAEA,SACC,oBAAC,OAAA,EACC,UAAA,oBAAC,mBAAA,EAAkB,OAAc,SAAS,cAAc,MAAM,WAAW,OAAA,CAAgB,EAAA,CAC3F;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/JiwambeCard/JiwambeCard.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=JiwambeCard.test.d.ts.map

package/dist/components/JiwambeCard/JiwambeCard.test.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"JiwambeCard.test.d.ts","sourceRoot":"","sources":["../../../src/components/JiwambeCard/JiwambeCard.test.tsx"],"names":[],"mappings":""}

package/dist/components/LineGraph/LineGraph.d.ts ADDED Viewed

@@ -0,0 +1,40 @@
+import { LineGraphDataPoint, LineGraphSeries } from './types';
+export type { LineGraphDataPoint, LineGraphSeries };
+export interface LineGraphProps {
+    /** One or more data series to render */
+    series: LineGraphSeries[];
+    /** Chart title — rendered above the graph */
+    title?: string;
+    /** Subtitle / description rendered below the title */
+    description?: string;
+    /** X-axis label */
+    xAxisLabel?: string;
+    /** Y-axis label */
+    yAxisLabel?: string;
+    /** Custom formatter for X-axis tick labels */
+    xTickFormatter?: (value: string | number) => string;
+    /** Custom formatter for Y-axis tick labels */
+    yTickFormatter?: (value: number) => string;
+    /** Custom formatter for tooltip Y values */
+    tooltipValueFormatter?: (value: number, seriesLabel: string) => string;
+    /** Fixed chart height in px. @default 320 */
+    height?: number;
+    /** Show skeleton loading state */
+    loading?: boolean;
+    /** Show horizontal gridlines. @default true */
+    showGrid?: boolean;
+    /** Position of the legend. @default 'bottom' */
+    legendPosition?: 'top' | 'bottom' | 'none';
+    /** Allow toggling series visibility by clicking legend items. @default true */
+    interactiveLegend?: boolean;
+    /** Called when a data point is clicked */
+    onDataPointClick?: (point: LineGraphDataPoint, series: LineGraphSeries) => void;
+    /** Additional class names */
+    className?: string;
+}
+/**
+ * LineGraph component for visualizing one or more data series.
+ * Built with recharts and integrated with Jiwambe design tokens.
+ */
+export declare function LineGraph({ series, title, description, xAxisLabel, yAxisLabel, xTickFormatter, yTickFormatter, tooltipValueFormatter, height, loading, showGrid, legendPosition, interactiveLegend, onDataPointClick, className, }: LineGraphProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LineGraph.d.ts.map

package/dist/components/LineGraph/LineGraph.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LineGraph.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AACnE,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC;AAEpD,MAAM,WAAW,cAAc;IAC7B,wCAAwC;IACxC,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACpD,8CAA8C;IAC9C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,4CAA4C;IAC5C,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IACvE,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAChF,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,KAAK,EACL,WAAW,EACX,UAAU,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,MAAY,EACZ,OAAe,EACf,QAAe,EACf,cAAyB,EACzB,iBAAwB,EACxB,gBAAgB,EAChB,SAAc,GACf,EAAE,cAAc,2CAsKhB"}