asma-ui-core 3.21.0 → 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/select-autocomplete/StyledSelectAutocomplete.js

@@ -1,4 +1,4 @@
-import { cn as C } from "../../../helpers/cn.js";
+import { cn as v } from "../../../helpers/cn.js";
 import { ChevronDownIcon as re } from "../../icons/chevron-down-icon/ChevronDownIcon.js";
 import { CloseIcon as le } from "../../icons/close-icon/CloseIcon.js";
 import { CheckIcon as oe } from "../../icons/check-icon/CheckIcon.js";
@@ -7,32 +7,32 @@ import { StyledChip as ne } from "../../data-display/chip/StyledChip.js";
 import { StyledCheckbox as H } from "../checkbox/base-ui/StyledCheckbox.js";
 import B from "./StyledSelectAutocomplete.module.js";
 import D from "clsx";
-import { createElement as v, useLayoutEffect as se, useRef as ce, useState as z } from "react";
+import { createElement as C, useLayoutEffect as se, useRef as ce, useState as z } from "react";
 import { Autocomplete as ie, Paper as de } from "@mui/material";
 import { jsx as l, jsxs as T } from "react/jsx-runtime";
-function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W, multiple: n, allowSelectAll: _, selectAllLabel: N, className: F, defaultValue: w, isOptionEqualToValue: p, ListboxProps: M, onChange: G, options: f, popupIcon: K, readOnly: h, renderOption: L, renderTags: O, sx: U, value: x, ...V }) {
-  const [k, E] = z("auto"), g = ce(null), o = n === !0 && _ === !0 && !h, A = x !== void 0, b = (e) => Array.isArray(e) ? e : [], [J, Q] = z(() => b(w));
+function Me({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W, multiple: n, allowSelectAll: _, selectAllLabel: M, className: F, defaultValue: N, isOptionEqualToValue: p, ListboxProps: k, onChange: G, options: h, popupIcon: K, readOnly: f, renderOption: L, renderTags: O, sx: U, value: x, ...V }) {
+  const [A, E] = z("auto"), g = ce(null), o = n === !0 && _ === !0 && !f, w = x !== void 0, b = (e) => Array.isArray(e) ? e : [], [J, Q] = z(() => b(N));
   se(() => {
     if (!m) return;
     const e = g.current?.getBoundingClientRect().height ?? 0, t = g.current?.getBoundingClientRect().top ?? 0, r = window.innerHeight - t - e - 40;
     E(r > 0 ? r : "auto");
   }, [m]);
   const y = m ? {
-    style: { maxHeight: k === "auto" ? "auto" : `${k}px` },
-    ...M
-  } : M, s = (e) => typeof e == "object" && e !== null && "label" in e ? e.label : String(e), X = (e) => typeof e == "object" && e !== null && "disabled" in e && !!e.disabled, I = {
+    style: { maxHeight: A === "auto" ? "auto" : `${A}px` },
+    ...k
+  } : k, s = (e) => typeof e == "object" && e !== null && "label" in e ? e.label : String(e), X = (e) => typeof e == "object" && e !== null && "disabled" in e && !!e.disabled, I = {
     padding: 0,
     "& .MuiAutocomplete-option": { paddingLeft: n ? "12px !important" : "6px !important" }
-  }, Y = y?.sx ? [I, y.sx] : I, $ = o ? b(A ? x : J) : [], c = o ? f.filter((e) => !X(e)) : f, Z = (e, t) => {
+  }, Y = y?.sx ? [I, y.sx] : I, $ = o ? b(w ? x : J) : [], c = o ? h.filter((e) => !X(e)) : h, Z = (e, t) => {
     const r = typeof e == "object" && e !== null;
     return r !== (typeof t == "object" && t !== null) || !r && typeof e != typeof t ? !1 : p ? p(e, t) : e === t;
   }, j = o ? c.filter((e) => $.some((t) => Z(e, t))).length : 0, R = o && c.length > 0 && j === c.length, q = o && j > 0 && !R, P = (e, t, r, a) => {
-    o && !A && Q(b(t)), G?.(e, t, r, a);
+    o && !w && Q(b(t)), G?.(e, t, r, a);
   }, ee = (e, t) => {
     P(e, t ? [...c] : [], t ? "selectOption" : "clear", void 0);
   }, te = (e, t) => e.map((r, a) => {
     const u = t({ index: a }), S = d?.(r) ?? s(r);
-    return /* @__PURE__ */ v(ne, {
+    return /* @__PURE__ */ C(ne, {
       ...u,
       key: `selected-chip-${S}-${a}`,
       dataTest: `selected-chip-${S}`,
@@ -41,12 +41,12 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
     });
   });
   return /* @__PURE__ */ l("div", {
-    className: C(B.styledSelectAutocompleteWrapper, W),
+    className: v(B.styledSelectAutocompleteWrapper, W),
     ref: g,
     children: /* @__PURE__ */ l(ie, {
       ...V,
       multiple: n,
-      defaultValue: o ? void 0 : w,
+      defaultValue: o ? void 0 : N,
       getOptionLabel: d,
       isOptionEqualToValue: p,
       ListboxProps: {
@@ -55,9 +55,9 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
       },
       className: D("!text-sm", F),
       onChange: P,
-      options: f,
+      options: h,
       renderTags: O ?? (n ? te : void 0),
-      popupIcon: h ? null : K ?? n ? /* @__PURE__ */ l(ae, {
+      popupIcon: f ? null : K ?? n ? /* @__PURE__ */ l(ae, {
         width: 24,
         height: 24
       }) : /* @__PURE__ */ l(re, {
@@ -65,7 +65,7 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
         height: 24,
         className: D(B["select-custom-icon"])
       }),
-      readOnly: h,
+      readOnly: f,
       "data-testid": i,
       value: o ? $ : x,
       PaperComponent: ({ children: e }) => /* @__PURE__ */ T(de, {
@@ -75,9 +75,12 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
           marginTop: "0px !important",
           "& .MuiAutocomplete-option.Mui-focused": { background: "var(--colors-delta-50) !important" },
           "& li[aria-selected=true]": { background: "var(--colors-gama-50) !important" },
-          "& li[aria-selected=true].MuiAutocomplete-option.Mui-focused": { background: "var(--colors-gama-50) !important" }
+          "& li[aria-selected=true].MuiAutocomplete-option.Mui-focused": { background: "var(--colors-gama-50) !important" },
+          "&:has([data-select-all-header]:hover) .MuiAutocomplete-option.Mui-focused": { background: "transparent !important" },
+          "&:has([data-select-all-header]:hover) li[aria-selected=true].MuiAutocomplete-option.Mui-focused": { background: "var(--colors-gama-50) !important" }
         },
         children: [o && c.length > 0 && /* @__PURE__ */ T("div", {
+          "data-select-all-header": !0,
           className: "flex items-center gap-x-[10px] border-[1px] border-b border-solid border-delta-200 bg-delta-50 py-2 pl-3 text-xs",
           onMouseDown: (t) => t.preventDefault(),
           role: "presentation",
@@ -88,19 +91,19 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
             indeterminate: q,
             hideWrapper: !0,
             onChange: ee,
-            "aria-label": N ?? "Select all"
+            "aria-label": M ?? "Select all"
           }), /* @__PURE__ */ l("span", {
             className: "truncate text-[10px] font-semibold uppercase text-delta-600",
-            children: N ?? "Select all"
+            children: M ?? "Select all"
           })]
         }), e]
       }),
       renderOption: L ?? ((e, t, { selected: r }) => {
         const a = e, u = e.id ?? s(t);
-        return n ? /* @__PURE__ */ v("li", {
+        return n ? /* @__PURE__ */ C("li", {
           ...a,
           key: u,
-          className: C(e.className, "flex items-center gap-x-[10px] border-0 border-b border-solid border-delta-200")
+          className: v(e.className, "flex items-center gap-x-[10px] border-0 border-b border-solid border-delta-200")
         }, /* @__PURE__ */ l(H, {
           dataTest: `${i}-${s(t)}-checkbox`,
           checked: r,
@@ -109,10 +112,10 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
         }), /* @__PURE__ */ l("span", {
           className: "flex-1 truncate py-2 text-sm text-delta-700",
           children: d?.(t) ?? s(t)
-        })) : /* @__PURE__ */ v("li", {
+        })) : /* @__PURE__ */ C("li", {
           ...a,
           key: u,
-          className: C(e.className, "flex items-center gap-x-1")
+          className: v(e.className, "flex items-center gap-x-1")
         }, /* @__PURE__ */ l("span", {
           className: "w-5",
           children: r && /* @__PURE__ */ l(oe, {
@@ -147,5 +150,5 @@ function Ne({ dataTest: i, autoHeight: m, getOptionLabel: d, wrapperClassName: W
   });
 }
 export {
-  Ne as StyledSelectAutocomplete
+  Me as StyledSelectAutocomplete
 };