asma-ui-core 3.21.1 → 3.22.0

package/dist/components/icons/qnr-icon/QnrIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as n } from "../IconTemplate.js";
-import { jsx as m } from "react/jsx-runtime";
-var f = ({ width: o = 20, height: r = 20, className: t = "", onClick: e, color: l }) => /* @__PURE__ */ m(n, {
-  icon: "fluent:document-bullet-list-24-filled",
-  width: o,
-  height: r,
-  className: t,
-  onClick: e,
-  color: l
+import { getSvgIconStyle as l } from "../iconStyle.js";
+import { jsx as a } from "react/jsx-runtime";
+var s = ({ width: r = 20, height: e = 20, className: h = "", onClick: o, color: t }) => /* @__PURE__ */ a("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: e,
+  viewBox: "0 0 24 24",
+  className: h,
+  onClick: o,
+  style: l(t, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ a("path", {
+    fill: "currentColor",
+    d: "M12 8V2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V10h-6a2 2 0 0 1-2-2m-5 4.25a.75.75 0 1 1 1.5 0a.75.75 0 0 1-1.5 0m0 3a.75.75 0 1 1 1.5 0a.75.75 0 0 1-1.5 0m0 3a.75.75 0 1 1 1.5 0a.75.75 0 0 1-1.5 0m3-6a.75.75 0 0 1 .75-.75h5.5a.75.75 0 0 1 0 1.5h-5.5a.75.75 0 0 1-.75-.75m0 3a.75.75 0 0 1 .75-.75h5.5a.75.75 0 0 1 0 1.5h-5.5a.75.75 0 0 1-.75-.75m0 3a.75.75 0 0 1 .75-.75h5.5a.75.75 0 0 1 0 1.5h-5.5a.75.75 0 0 1-.75-.75M13.5 8V2.5l6 6H14a.5.5 0 0 1-.5-.5"
+  })
 });
 export {
-  f as QnrIcon
+  s as QnrIcon
 };

package/dist/components/icons/replay-icon/ReplayIcon.js

@@ -1,14 +1,20 @@
-import { IconTemplate as t } from "../IconTemplate.js";
-import "react";
-import { jsx as a } from "react/jsx-runtime";
-var l = ({ width: r = 20, height: o = 20, className: m = "", onClick: e, color: p }) => /* @__PURE__ */ a(t, {
-  icon: "mdi:replay",
-  width: r,
-  height: o,
-  className: m,
-  onClick: e,
-  color: p
+import { getSvgIconStyle as s } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var f = ({ width: a = 20, height: e = 20, className: l = "", onClick: o, color: t }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: a,
+  height: e,
+  viewBox: "0 0 24 24",
+  className: l,
+  onClick: o,
+  style: s(t, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M12 5V1L7 6l5 5V7a6 6 0 0 1 6 6a6 6 0 0 1-6 6a6 6 0 0 1-6-6H4a8 8 0 0 0 8 8a8 8 0 0 0 8-8a8 8 0 0 0-8-8"
+  })
 });
 export {
-  l as ReplayIcon
+  f as ReplayIcon
 };

package/dist/components/icons/report-box-icon/ReportBoxIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as p } from "../IconTemplate.js";
-import { jsx as i } from "react/jsx-runtime";
-var c = ({ width: o = 20, height: r = 20, className: t = "", onClick: e, color: m }) => /* @__PURE__ */ i(p, {
-  icon: "mdi:report-box",
-  width: o,
-  height: r,
+import { getSvgIconStyle as c } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var a = ({ width: e = 20, height: o = 20, className: t = "", onClick: h, color: l }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: o,
+  viewBox: "0 0 24 24",
   className: t,
-  onClick: e,
-  color: m
+  onClick: h,
+  style: c(l, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2M9 17H7v-7h2zm4 0h-2V7h2zm4 0h-2v-4h2z"
+  })
 });
 export {
-  c as ReportBoxIcon
+  a as ReportBoxIcon
 };

package/dist/components/icons/report-box-outline-icon/ReportBoxOutlineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as n } from "react/jsx-runtime";
-var c = ({ width: o = 20, height: r = 20, className: t = "", onClick: e, color: i }) => /* @__PURE__ */ n(m, {
-  icon: "mdi:report-box-outline",
-  width: o,
-  height: r,
+import { getSvgIconStyle as c } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var m = ({ width: e = 20, height: o = 20, className: t = "", onClick: h, color: l }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: o,
+  viewBox: "0 0 24 24",
   className: t,
-  onClick: e,
-  color: i
+  onClick: h,
+  style: c(l, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M9 17H7v-7h2zm4 0h-2V7h2zm4 0h-2v-4h2zm2 2H5V5h14v14.1M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"
+  })
 });
 export {
-  c as ReportBoxOutlineIcon
+  m as ReportBoxOutlineIcon
 };

package/dist/components/icons/search-icon/SearchIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as i } from "../IconTemplate.js";
-import { jsx as m } from "react/jsx-runtime";
-var p = ({ width: r = 20, height: o = 20, className: e = "", onClick: c, color: t }) => /* @__PURE__ */ m(i, {
-  icon: "ic:outline-search",
-  width: r,
-  height: o,
-  className: e,
-  onClick: c,
-  color: t
+import { getSvgIconStyle as i } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var f = ({ width: e = 20, height: l = 20, className: o = "", onClick: t, color: a, vFlip: s = !1 }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: l,
+  viewBox: "0 0 24 24",
+  className: o,
+  onClick: t,
+  style: i(a, s),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5A6.5 6.5 0 1 0 9.5 16a6.47 6.47 0 0 0 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5S14 7.01 14 9.5S11.99 14 9.5 14"
+  })
 });
 export {
-  p as SearchIcon
+  f as SearchIcon
 };

package/dist/components/icons/settings-icon/SettingsIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as n } from "react/jsx-runtime";
-var c = ({ width: t = 20, height: o = 20, className: r = "", onClick: e, color: i }) => /* @__PURE__ */ n(m, {
-  icon: "mdi:settings",
-  width: t,
-  height: o,
-  className: r,
-  onClick: e,
-  color: i
+import { getSvgIconStyle as s } from "../iconStyle.js";
+import { jsx as l } from "react/jsx-runtime";
+var n = ({ width: c = 20, height: r = 20, className: e = "", onClick: t, color: o }) => /* @__PURE__ */ l("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: c,
+  height: r,
+  viewBox: "0 0 24 24",
+  className: e,
+  onClick: t,
+  style: s(o, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ l("path", {
+    fill: "currentColor",
+    d: "M12 15.5A3.5 3.5 0 0 1 8.5 12A3.5 3.5 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5a3.5 3.5 0 0 1-3.5 3.5m7.43-2.53c.04-.32.07-.64.07-.97s-.03-.66-.07-1l2.11-1.63c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.31-.61-.22l-2.49 1c-.52-.39-1.06-.73-1.69-.98l-.37-2.65A.506.506 0 0 0 14 2h-4c-.25 0-.46.18-.5.42l-.37 2.65c-.63.25-1.17.59-1.69.98l-2.49-1c-.22-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64L4.57 11c-.04.34-.07.67-.07 1s.03.65.07.97l-2.11 1.66c-.19.15-.25.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1.01c.52.4 1.06.74 1.69.99l.37 2.65c.04.24.25.42.5.42h4c.25 0 .46-.18.5-.42l.37-2.65c.63-.26 1.17-.59 1.69-.99l2.49 1.01c.22.08.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64z"
+  })
 });
 export {
-  c as SettingsIcon
+  n as SettingsIcon
 };

package/dist/components/icons/settings-menu-horizontal-icon/SettingsMenuHorizontalIcon.js

@@ -1,14 +1,23 @@
-import { IconTemplate as i } from "../IconTemplate.js";
-import "react";
-import { jsx as a } from "react/jsx-runtime";
-var c = ({ width: e = 20, height: t = 20, className: r = "", onClick: n, color: o }) => /* @__PURE__ */ a(i, {
-  icon: "streamline:interface-setting-menu-1-button-parallel-horizontal-lines-menu-navigation-three-hamburger",
-  width: e,
-  height: t,
-  className: r,
+import { getSvgIconStyle as s } from "../iconStyle.js";
+import { jsx as e } from "react/jsx-runtime";
+var m = ({ width: o = 20, height: r = 20, className: t = "", onClick: n, color: i }) => /* @__PURE__ */ e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: o,
+  height: r,
+  viewBox: "0 0 14 14",
+  className: t,
   onClick: n,
-  color: o
+  style: s(i, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ e("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M13.5 2H.5m13 5H.5m13 5H.5"
+  })
 });
 export {
-  c as SettingsMenuHorizontalIcon
+  m as SettingsMenuHorizontalIcon
 };

package/dist/components/icons/settings-outline-icon/SettingsOutlineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as r } from "../IconTemplate.js";
-import { jsx as m } from "react/jsx-runtime";
-var c = ({ width: t = 20, height: o = 20, className: e = "", onClick: i, color: n }) => /* @__PURE__ */ m(r, {
-  icon: "mdi:settings-outline",
-  width: t,
-  height: o,
+import { getSvgIconStyle as o } from "../iconStyle.js";
+import { jsx as l } from "react/jsx-runtime";
+var s = ({ width: c = 20, height: a = 20, className: e = "", onClick: r, color: t }) => /* @__PURE__ */ l("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: c,
+  height: a,
+  viewBox: "0 0 24 24",
   className: e,
-  onClick: i,
-  color: n
+  onClick: r,
+  style: o(t, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ l("path", {
+    fill: "currentColor",
+    d: "M12 8a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 2a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2m-2 12c-.25 0-.46-.18-.5-.42l-.37-2.65c-.63-.25-1.17-.59-1.69-.99l-2.49 1.01c-.22.08-.49 0-.61-.22l-2-3.46a.493.493 0 0 1 .12-.64l2.11-1.66L4.5 12l.07-1l-2.11-1.63a.493.493 0 0 1-.12-.64l2-3.46c.12-.22.39-.31.61-.22l2.49 1c.52-.39 1.06-.73 1.69-.98l.37-2.65c.04-.24.25-.42.5-.42h4c.25 0 .46.18.5.42l.37 2.65c.63.25 1.17.59 1.69.98l2.49-1c.22-.09.49 0 .61.22l2 3.46c.13.22.07.49-.12.64L19.43 11l.07 1l-.07 1l2.11 1.63c.19.15.25.42.12.64l-2 3.46c-.12.22-.39.31-.61.22l-2.49-1c-.52.39-1.06.73-1.69.98l-.37 2.65c-.04.24-.25.42-.5.42zm1.25-18l-.37 2.61c-1.2.25-2.26.89-3.03 1.78L5.44 7.35l-.75 1.3L6.8 10.2a5.55 5.55 0 0 0 0 3.6l-2.12 1.56l.75 1.3l2.43-1.04c.77.88 1.82 1.52 3.01 1.76l.37 2.62h1.52l.37-2.61c1.19-.25 2.24-.89 3.01-1.77l2.43 1.04l.75-1.3l-2.12-1.55c.4-1.17.4-2.44 0-3.61l2.11-1.55l-.75-1.3l-2.41 1.04a5.42 5.42 0 0 0-3.03-1.77L12.75 4z"
+  })
 });
 export {
-  c as SettingsOutlineIcon
+  s as SettingsOutlineIcon
 };

package/dist/components/icons/text-box-check-outline-icon/TextBoxCheckOutlineIcon.js

@@ -1,14 +1,20 @@
-import { IconTemplate as c } from "../IconTemplate.js";
-import "react";
-import { jsx as i } from "react/jsx-runtime";
-var f = ({ width: o = 20, height: t = 20, className: e = "", onClick: r, color: m }) => /* @__PURE__ */ i(c, {
-  icon: "mdi:text-box-check-outline",
-  width: o,
-  height: t,
-  className: e,
-  onClick: r,
-  color: m
+import { getSvgIconStyle as h } from "../iconStyle.js";
+import { jsx as e } from "react/jsx-runtime";
+var m = ({ width: l = 20, height: r = 20, className: t = "", onClick: o, color: c }) => /* @__PURE__ */ e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: l,
+  height: r,
+  viewBox: "0 0 24 24",
+  className: t,
+  onClick: o,
+  style: h(c, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ e("path", {
+    fill: "currentColor",
+    d: "m17 21l-2.75-3l1.16-1.16L17 18.43l3.59-3.59l1.16 1.41M12.8 21H5c-1.11 0-2-.89-2-2V5c0-1.11.89-2 2-2h14c1.11 0 2 .89 2 2v7.8c-.61-.35-1.28-.6-2-.72V5H5v14h7.08c.12.72.37 1.39.72 2m-.8-4H7v-2h5m2.68-2H7v-2h10v1.08c-.85.14-1.63.46-2.32.92M17 9H7V7h10"
+  })
 });
 export {
-  f as TextBoxCheckOutlineIcon
+  m as TextBoxCheckOutlineIcon
 };

package/dist/components/icons/topic-icon/TopicIcon.js

@@ -1,12 +1,19 @@
-import { IconTemplate as t } from "../IconTemplate.js";
-import { jsx as m } from "react/jsx-runtime";
-var a = ({ width: o = 20, height: r = 20, className: p = "", onClick: c, color: i }) => /* @__PURE__ */ m(t, {
-  icon: "ic:sharp-topic",
-  width: o,
-  height: r,
-  className: p,
-  onClick: c,
-  color: i
+import { getSvgIconStyle as m } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var a = ({ width: e = 20, height: o = 20, className: t = "", onClick: l, color: i }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: o,
+  viewBox: "0 0 24 24",
+  className: t,
+  onClick: l,
+  style: m(i, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "m12 6l-2-2H2v16h20V6zm2 10H6v-2h8zm4-4H6v-2h12z"
+  })
 });
 export {
   a as TopicIcon

package/dist/components/icons/unknown-document-outline-rounded-icon/UnknownDocumentOutlineRoundedIcon.js

@@ -1,14 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import "react";
-import { jsx as u } from "react/jsx-runtime";
-var l = ({ width: o = 20, height: n = 20, className: e = "", onClick: r, color: t }) => /* @__PURE__ */ u(m, {
-  icon: "material-symbols:unknown-document-outline-rounded",
-  width: o,
-  height: n,
+import { getSvgIconStyle as n } from "../iconStyle.js";
+import { jsx as t } from "react/jsx-runtime";
+var h = ({ width: q = 20, height: T = 20, className: e = "", onClick: o, color: r }) => /* @__PURE__ */ t("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: q,
+  height: T,
+  viewBox: "0 0 24 24",
   className: e,
-  onClick: r,
-  color: t
+  onClick: o,
+  style: n(r, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ t("path", {
+    fill: "currentColor",
+    d: "M5 4v16zv5zm3 10h2.5q.425 0 .713-.288T11.5 13t-.288-.712T10.5 12H8q-.425 0-.712.288T7 13t.288.713T8 14m0 4h1q.425 0 .713-.288T10 17t-.288-.712T9 16H8q-.425 0-.712.288T7 17t.288.713T8 18m-3 4q-.825 0-1.412-.587T3 20V4q0-.825.588-1.412T5 2h7.175q.4 0 .763.15t.637.425l4.85 4.85q.275.275.425.638t.15.762v.325q0 .425-.288.712T18 10.15t-.712-.288T17 9.15V9h-4q-.425 0-.712-.288T12 8V4H5v16h5.525q.425 0 .713.288t.287.712t-.288.713t-.712.287zm15.538-8.537Q22 14.925 22 17t-1.463 3.538T17 22t-3.537-1.463T12 17t1.463-3.537T17 12t3.538 1.463m-3.075 6.35q.187-.188.187-.463t-.187-.462T17 18.7t-.462.188t-.188.462t.188.463T17 20t.463-.187M17 14q-.475 0-.875.238t-.65.637q-.1.15-.025.313t.25.237q.15.075.3 0t.275-.2q.125-.175.313-.275t.412-.1q.325 0 .563.213t.237.537q0 .275-.15.463t-.35.387q-.15.15-.312.3t-.288.35q-.075.15-.112.313t-.038.337q0 .225.125.413t.325.187t.325-.15t.125-.35q0-.275.15-.488t.35-.412q.3-.275.525-.612t.225-.738q0-.675-.5-1.138T17 14"
+  })
 });
 export {
-  l as UnknownDocumentOutlineRoundedIcon
+  h as UnknownDocumentOutlineRoundedIcon
 };

package/dist/components/inputs/select/StyledSelect.js

@@ -1,29 +1,27 @@
-import { CloseIcon as u } from "../../icons/close-icon/CloseIcon.js";
-import { ErrorOutlineIcon as m } from "../../icons/error-outline-icon/ErrorOutlineIcon.js";
-import { StyledFormHelperText as d } from "../../miscellaneous/StyledFormHelperText.js";
-import c from "clsx";
-import { Select as s } from "@mui/material";
-import { Fragment as p, jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Icon as h } from "@iconify/react";
-var C = ({ dataTest: i, allowClear: l, error: o, errorText: n, ...r }) => /* @__PURE__ */ t(p, { children: [/* @__PURE__ */ e(s, {
+import { ChevronDownIcon as u } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
+import { CloseIcon as m } from "../../icons/close-icon/CloseIcon.js";
+import { ErrorOutlineIcon as d } from "../../icons/error-outline-icon/ErrorOutlineIcon.js";
+import { StyledFormHelperText as c } from "../../miscellaneous/StyledFormHelperText.js";
+import s from "clsx";
+import { Select as h } from "@mui/material";
+import { Fragment as p, jsx as o, jsxs as t } from "react/jsx-runtime";
+var I = ({ dataTest: i, allowClear: l, error: e, errorText: n, ...r }) => /* @__PURE__ */ t(p, { children: [/* @__PURE__ */ o(h, {
   ...r,
   "data-testid": i,
-  error: o,
+  error: e,
   value: r.value,
-  IconComponent: ({ className: a }) => /* @__PURE__ */ e(h, {
-    icon: "material-symbols:expand-more-rounded",
+  IconComponent: ({ className: a }) => /* @__PURE__ */ o(u, {
     width: 24,
     height: 24,
-    className: c(a),
-    style: { marginTop: "-3.5px" }
+    className: s(a, "-mt-[3.5px]")
   }),
-  endAdornment: l && r.value ? /* @__PURE__ */ e("div", {
+  endAdornment: l && r.value ? /* @__PURE__ */ o("div", {
     "data-testid": "select-clear-button",
     className: "absolute right-8 flex items-center justify-center rounded-full p-[2px] duration-300 hover:bg-gama-100",
     onClick: () => {
       r.onChange?.({ target: { value: "" } }, null);
     },
-    children: /* @__PURE__ */ e(u, {
+    children: /* @__PURE__ */ o(m, {
       width: 18,
       height: 18
     })
@@ -38,13 +36,13 @@ var C = ({ dataTest: i, allowClear: l, error: o, errorText: n, ...r }) => /* @__
     "&:hover .MuiOutlinedInput-notchedOutline": { border: "2px solid var(--colors-gama-300) !important" },
     ...r.sx
   }
-}), o && /* @__PURE__ */ t(d, {
+}), e && /* @__PURE__ */ t(c, {
   className: "m-0 flex items-center gap-1 pt-1 text-sm text-error-500",
-  children: [/* @__PURE__ */ e(m, {
+  children: [/* @__PURE__ */ o(d, {
     width: 20,
     height: 20
   }), n ?? "Required"]
 })] });
 export {
-  C as StyledSelect
+  I as StyledSelect
 };

package/dist/components/inputs/select/StyledSelectItem.js

@@ -1,7 +1,7 @@
-import { MenuItem as r } from "@mui/material";
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { Icon as i } from "@iconify/react";
-var a = (e) => /* @__PURE__ */ o(r, {
+import { CheckIcon as t } from "../../icons/check-icon/CheckIcon.js";
+import { MenuItem as o } from "@mui/material";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+var c = (e) => /* @__PURE__ */ n(o, {
   ...e,
   sx: {
     "&.MuiMenuItem-root": {
@@ -11,20 +11,19 @@ var a = (e) => /* @__PURE__ */ o(r, {
     },
     "&.Mui-selected": { backgroundColor: "var(--colors-gama-50) !important" }
   },
-  children: [/* @__PURE__ */ t("span", {
+  children: [/* @__PURE__ */ r("span", {
     style: {
       width: "24px",
       justifyContent: "center",
       display: "flex"
     },
-    children: e.selected && /* @__PURE__ */ t(i, {
-      icon: "mdi:tick",
+    children: e.selected && /* @__PURE__ */ r(t, {
       width: 22,
       height: 22,
       style: { color: "var(--colors-gama-500)" }
     })
-  }), /* @__PURE__ */ t("span", { children: e.children })]
+  }), /* @__PURE__ */ r("span", { children: e.children })]
 });
 export {
-  a as StyledSelectItem
+  c as StyledSelectItem
 };

package/dist/components/inputs/switch/base-ui/StyledSwitch.js

@@ -1,9 +1,9 @@
-import { IconTemplate as x } from "../../../icons/IconTemplate.js";
-import c from "./StyledSwitch.module.js";
-import { forwardRef as N, useState as k } from "react";
+import { getSvgIconStyle as C } from "../../../icons/iconStyle.js";
+import r from "./StyledSwitch.module.js";
+import { forwardRef as y, useState as N } from "react";
 import { jsx as t } from "react/jsx-runtime";
 import { Switch as d } from "@base-ui/react/switch";
-var I = ({ className: e }) => /* @__PURE__ */ t("svg", {
+var b = ({ className: e }) => /* @__PURE__ */ t("svg", {
   viewBox: "0 0 24 24",
   className: e,
   fill: "none",
@@ -15,43 +15,50 @@ var I = ({ className: e }) => /* @__PURE__ */ t("svg", {
     fill: "currentColor",
     rx: "0.75"
   })
-}), b = ({ width: e = 11, height: o = 11, className: n = "", onClick: r, color: a }) => /* @__PURE__ */ t(x, {
-  icon: "fa-solid:check",
+}), I = ({ width: e = 11, height: o = 11, className: c = "", onClick: n, color: s }) => /* @__PURE__ */ t("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
   width: e,
   height: o,
-  className: n,
-  onClick: r,
-  color: a
-}), P = N(({ checked: e, defaultChecked: o = !1, onChange: n, disabled: r, readOnly: a, required: f, id: s, dataTest: u, ...p }, v) => {
-  const [S, w] = k(o), i = e !== void 0, m = i ? e : S, C = (l) => {
-    i || w(l), n?.({ target: {
-      checked: l,
-      name: s
-    } }, l);
-  }, g = i ? { checked: m } : { defaultChecked: o }, h = c.iconContent;
+  viewBox: "0 0 448 512",
+  className: c,
+  onClick: n,
+  style: C(s),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ t("path", {
+    fill: "currentColor",
+    d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7L393.4 105.4c12.5-12.5 32.8-12.5 45.2 0"
+  })
+}), M = y(({ checked: e, defaultChecked: o = !1, onChange: c, disabled: n, readOnly: s, required: f, id: a, dataTest: u, ...v }, w) => {
+  const [g, p] = N(o), l = e !== void 0, h = l ? e : g, S = (i) => {
+    l || p(i), c?.({ target: {
+      checked: i,
+      name: a
+    } }, i);
+  }, x = l ? { checked: h } : { defaultChecked: o }, m = r.iconContent;
   return /* @__PURE__ */ t(d.Root, {
-    ...p,
-    ...g,
+    ...v,
+    ...x,
     nativeButton: !0,
     render: /* @__PURE__ */ t("button", {}),
-    ref: v,
-    className: c.switch,
-    onCheckedChange: C,
-    disabled: r,
-    readOnly: a,
+    ref: w,
+    className: r.switch,
+    onCheckedChange: S,
+    disabled: n,
+    readOnly: s,
     required: f,
-    id: s,
-    name: s,
+    id: a,
+    name: a,
     "data-testid": u,
     children: /* @__PURE__ */ t(d.Thumb, {
-      className: c.thumb,
+      className: r.thumb,
       children: /* @__PURE__ */ t("span", {
-        className: c.icon,
-        children: m ? /* @__PURE__ */ t(b, { className: h }) : /* @__PURE__ */ t(I, { className: h })
+        className: r.icon,
+        children: h ? /* @__PURE__ */ t(I, { className: m }) : /* @__PURE__ */ t(b, { className: m })
       })
     })
   });
 });
 export {
-  P as StyledSwitch
+  M as StyledSwitch
 };