asma-ui-core 3.21.1 → 3.22.1

package/dist/components/feedback/minimizable-dialog/MinimizableDialog.js

@@ -185,7 +185,7 @@ var Ge = ({ onCloseText: N = "", onMinimizeText: R = "", onExpandText: U = "", o
             " ",
             C,
             D ? /* @__PURE__ */ t("div", {
-              className: c("flex justify-end gap-x-4", j),
+              className: c("flex justify-end gap-x-2", j),
               children: [o && f && /* @__PURE__ */ e(i, {
                 dataTest: "cancel-button",
                 variant: "outlined",
@@ -203,7 +203,7 @@ var Ge = ({ onCloseText: N = "", onMinimizeText: R = "", onExpandText: U = "", o
             }) : null
           ]
         }) : /* @__PURE__ */ e(z, { children: D ? /* @__PURE__ */ t("div", {
-          className: c("flex justify-end gap-x-4 border-t-[1px] border-delta-200 p-4", j),
+          className: c("flex justify-end gap-x-2 border-t-[1px] border-delta-200 p-4", j),
           children: [o && f && /* @__PURE__ */ e(i, {
             dataTest: "cancel-button",
             variant: "outlined",

package/dist/components/feedback/snack-bar/components/StyledDefaultSnackbar.js

@@ -1,33 +1,33 @@
 import { omit as f } from "../../../../helpers/omit.js";
-import { CheckOutlineIcon as p } from "./CheckOutlineIcon.js";
-import { ErrorOutlineIcon as u } from "./ErrorOutlineIcon.js";
-import { InfoOutlineIcon as g } from "./InfoOutlineIcon.js";
-import { WarningAmberOutlineIcon as I } from "./WarningAmberOutlineIcon.js";
+import { CloseIcon as p } from "../../../icons/close-icon/CloseIcon.js";
+import { CheckOutlineIcon as u } from "./CheckOutlineIcon.js";
+import { ErrorOutlineIcon as g } from "./ErrorOutlineIcon.js";
+import { InfoOutlineIcon as I } from "./InfoOutlineIcon.js";
+import { WarningAmberOutlineIcon as S } from "./WarningAmberOutlineIcon.js";
 import i from "./StyledDefaultSnackbar.module.js";
 import t from "clsx";
-import { forwardRef as S } from "react";
+import { forwardRef as v } from "react";
 import { IconButton as b } from "@mui/material";
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { Icon as v } from "@iconify/react";
 import { SnackbarContent as k, useSnackbar as w } from "notistack";
 var x = {
-  info: /* @__PURE__ */ r(g, {
+  info: /* @__PURE__ */ r(I, {
     height: 24,
     width: 24
   }),
-  error: /* @__PURE__ */ r(u, {
+  error: /* @__PURE__ */ r(g, {
     height: 24,
     width: 24
   }),
-  success: /* @__PURE__ */ r(p, {
+  success: /* @__PURE__ */ r(u, {
     height: 24,
     width: 24
   }),
-  warning: /* @__PURE__ */ r(I, {
+  warning: /* @__PURE__ */ r(S, {
     height: 24,
     width: 24
   })
-}, B = S((c, l) => {
+}, B = v((c, l) => {
   const { id: a, message: m, severity: e, action: o, title: s, ...h } = f(c, [
     "anchorOrigin",
     "autoHideDuration",
@@ -52,8 +52,7 @@ var x = {
             color: "inherit",
             sx: { p: "2px" },
             onClick: () => d(a),
-            children: /* @__PURE__ */ r(v, {
-              icon: "ic:baseline-close",
+            children: /* @__PURE__ */ r(p, {
               width: 20,
               height: 20,
               color: "#49525F"

package/dist/components/feedback/snack-bar/components/StyledInfoSnackbar.js

@@ -1,34 +1,33 @@
-import { omit as d } from "../../../../helpers/omit.js";
+import { omit as m } from "../../../../helpers/omit.js";
+import { LoadingIcon as d } from "../../../icons/loading-icon/LoadingIcon.js";
+import { CloseIcon as f } from "../../../icons/close-icon/CloseIcon.js";
 import p from "clsx";
-import { forwardRef as f } from "react";
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import { Icon as r } from "@iconify/react";
-import { SnackbarContent as u, useSnackbar as g } from "notistack";
-var v = f((i, n) => {
-  const { id: a, message: l, closeButton: t, type: s, ...c } = d(i, [
+import { forwardRef as h } from "react";
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+import { SnackbarContent as g, useSnackbar as b } from "notistack";
+var j = h((e, i) => {
+  const { id: a, message: n, closeButton: o, type: l, ...s } = m(e, [
     "anchorOrigin",
     "autoHideDuration",
     "hideIconVariant",
     "iconVariant",
     "persist"
-  ]), { closeSnackbar: m } = g(), e = s === "loading";
-  return /* @__PURE__ */ o(u, {
-    ref: n,
+  ]), { closeSnackbar: c } = b(), r = l === "loading";
+  return /* @__PURE__ */ t(g, {
+    ref: i,
     role: "alert",
-    ...c,
-    children: /* @__PURE__ */ h("div", {
-      className: p("relative flex w-full items-center justify-center", e && "pl-8", t && "pr-8"),
+    ...s,
+    children: /* @__PURE__ */ u("div", {
+      className: p("relative flex w-full items-center justify-center", r && "pl-8", o && "pr-8"),
       children: [
-        e ? /* @__PURE__ */ o(r, {
-          icon: "line-md:loading-twotone-loop",
+        r ? /* @__PURE__ */ t(d, {
           width: 20,
           height: 20,
           className: "absolute left-0 top-1/2 -translate-y-1/2"
         }) : null,
-        /* @__PURE__ */ o("div", { children: l }),
-        t ? /* @__PURE__ */ o(r, {
-          icon: "ic:baseline-close",
-          onClick: () => m(a),
+        /* @__PURE__ */ t("div", { children: n }),
+        o ? /* @__PURE__ */ t(f, {
+          onClick: () => c(a),
           width: 20,
           height: 20,
           className: "absolute right-0 top-1/2 -translate-y-1/2"
@@ -38,5 +37,5 @@ var v = f((i, n) => {
   });
 });
 export {
-  v as StyledInfoSnackbar
+  j as StyledInfoSnackbar
 };

package/dist/components/icons/archive-icon/ArchiveIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as t } from "react/jsx-runtime";
-var p = ({ width: r = 20, height: o = 20, className: e = "", onClick: i, color: c }) => /* @__PURE__ */ t(m, {
-  icon: "eva:archive-fill",
+import { getSvgIconStyle as h } from "../iconStyle.js";
+import { jsx as a } from "react/jsx-runtime";
+var n = ({ width: r = 20, height: e = 20, className: o = "", onClick: t, color: l }) => /* @__PURE__ */ a("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
   width: r,
-  height: o,
-  className: e,
-  onClick: i,
-  color: c
+  height: e,
+  viewBox: "0 0 24 24",
+  className: o,
+  onClick: t,
+  style: h(l, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ a("path", {
+    fill: "currentColor",
+    d: "M18 3H6a3 3 0 0 0-2 5.22V18a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8.22A3 3 0 0 0 18 3m-3 10.13a.87.87 0 0 1-.87.87H9.87a.87.87 0 0 1-.87-.87v-.26a.87.87 0 0 1 .87-.87h4.26a.87.87 0 0 1 .87.87ZM18 7H6a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2"
+  })
 });
 export {
-  p as ArchiveIcon
+  n as ArchiveIcon
 };

package/dist/components/icons/assignment/AssignmentIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as t } from "react/jsx-runtime";
-var c = ({ width: n = 20, height: e = 20, className: o = "", onClick: r, color: i }) => /* @__PURE__ */ t(m, {
-  icon: "ic:baseline-assignment",
-  width: n,
-  height: e,
-  className: o,
-  onClick: r,
-  color: i
+import { getSvgIconStyle as l } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var n = ({ width: e = 20, height: s = 20, className: t = "", onClick: o, color: c }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: s,
+  viewBox: "0 0 24 24",
+  className: t,
+  onClick: o,
+  style: l(c, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M19 3h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-7 0c.55 0 1 .45 1 1s-.45 1-1 1s-1-.45-1-1s.45-1 1-1m2 14H7v-2h7zm3-4H7v-2h10zm0-4H7V7h10z"
+  })
 });
 export {
-  c as AssignmentIcon
+  n as AssignmentIcon
 };

package/dist/components/icons/assignment-outline-icon/AssignmentOutlineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as r } from "../IconTemplate.js";
-import { jsx as i } from "react/jsx-runtime";
-var l = ({ width: n = 20, height: o = 20, className: t = "", onClick: e, color: m }) => /* @__PURE__ */ i(r, {
-  icon: "material-symbols:assignment-outline",
-  width: n,
-  height: o,
-  className: t,
-  onClick: e,
-  color: m
+import { getSvgIconStyle as n } from "../iconStyle.js";
+import { jsx as t } from "react/jsx-runtime";
+var i = ({ width: e = 20, height: r = 20, className: o = "", onClick: l, color: m }) => /* @__PURE__ */ t("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: r,
+  viewBox: "0 0 24 24",
+  className: o,
+  onClick: l,
+  style: n(m, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ t("path", {
+    fill: "currentColor",
+    d: "M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h4.2q.325-.9 1.088-1.45T12 1t1.713.55T14.8 3H19q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5zm2-2h7v-2H7zm0-4h10v-2H7zm0-4h10V7H7zm5.538-4.962q.212-.213.212-.538t-.213-.537T12 2.75t-.537.213t-.213.537t.213.538t.537.212t.538-.213M5 19V5z"
+  })
 });
 export {
-  l as AssignmentOutlineIcon
+  i as AssignmentOutlineIcon
 };

package/dist/components/icons/bell-icon/BellIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as t } from "../IconTemplate.js";
-import { jsx as i } from "react/jsx-runtime";
-var c = ({ width: o = 20, height: r = 20, className: e = "", onClick: m, color: l }) => /* @__PURE__ */ i(t, {
-  icon: "mdi:bell",
-  width: o,
-  height: r,
-  className: e,
-  onClick: m,
-  color: l
+import { getSvgIconStyle as v } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var i = ({ width: e = 20, height: l = 20, className: o = "", onClick: t, color: a }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: l,
+  viewBox: "0 0 24 24",
+  className: o,
+  onClick: t,
+  style: v(a, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M21 19v1H3v-1l2-2v-6c0-3.1 2.03-5.83 5-6.71V4a2 2 0 0 1 2-2a2 2 0 0 1 2 2v.29c2.97.88 5 3.61 5 6.71v6zm-7 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2"
+  })
 });
 export {
-  c as BellIcon
+  i as BellIcon
 };

package/dist/components/icons/bell-outline-icon/BellOutlineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as i } from "../IconTemplate.js";
-import { jsx as m } from "react/jsx-runtime";
-var c = ({ width: o = 20, height: e = 20, className: r = "", onClick: l, color: t }) => /* @__PURE__ */ m(i, {
-  icon: "mdi:bell-outline",
-  width: o,
-  height: e,
-  className: r,
-  onClick: l,
-  color: t
+import { getSvgIconStyle as v } from "../iconStyle.js";
+import { jsx as e } from "react/jsx-runtime";
+var n = ({ width: r = 20, height: l = 20, className: t = "", onClick: o, color: s }) => /* @__PURE__ */ e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: l,
+  viewBox: "0 0 24 24",
+  className: t,
+  onClick: o,
+  style: v(s, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ e("path", {
+    fill: "currentColor",
+    d: "M10 21h4c0 1.1-.9 2-2 2s-2-.9-2-2m11-2v1H3v-1l2-2v-6c0-3.1 2-5.8 5-6.7V4c0-1.1.9-2 2-2s2 .9 2 2v.3c3 .9 5 3.6 5 6.7v6zm-4-8c0-2.8-2.2-5-5-5s-5 2.2-5 5v7h10z"
+  })
 });
 export {
-  c as BellOutlineIcon
+  n as BellOutlineIcon
 };

package/dist/components/icons/calendar-blank-outline-icon/CalendarBlankOutlineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as l } from "../IconTemplate.js";
-import { jsx as t } from "react/jsx-runtime";
-var c = ({ width: n = 20, height: r = 20, className: o = "", onClick: a, color: e }) => /* @__PURE__ */ t(l, {
-  icon: "mdi:calendar-blank-outline",
-  width: n,
-  height: r,
-  className: o,
-  onClick: a,
-  color: e
+import { getSvgIconStyle as n } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var s = ({ width: e = 20, height: a = 20, className: l = "", onClick: t, color: o }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: a,
+  viewBox: "0 0 24 24",
+  className: l,
+  onClick: t,
+  style: n(o, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M19 3h-1V1h-2v2H8V1H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.11 0 2-.89 2-2V5a2 2 0 0 0-2-2m0 16H5V9h14zm0-12H5V5h14z"
+  })
 });
 export {
-  c as CalendarBlankOutlineIcon
+  s as CalendarBlankOutlineIcon
 };

package/dist/components/icons/calendar-icon/CalendarIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as t } from "react/jsx-runtime";
-var l = ({ width: r = 20, height: o = 20, className: a = "", onClick: n, color: e }) => /* @__PURE__ */ t(m, {
-  icon: "mdi:calendar-blank",
-  width: r,
-  height: o,
-  className: a,
-  onClick: n,
-  color: e
+import { getSvgIconStyle as n } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var h = ({ width: e = 20, height: a = 20, className: o = "", onClick: t, color: l }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: a,
+  viewBox: "0 0 24 24",
+  className: o,
+  onClick: t,
+  style: n(l, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1"
+  })
 });
 export {
-  l as CalendarIcon
+  h as CalendarIcon
 };

package/dist/components/icons/checkbox-checked-icon/CheckBoxCheckedIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as t } from "../IconTemplate.js";
-import { jsx as i } from "react/jsx-runtime";
-var p = ({ width: o = 20, height: e = 20, className: r = "", onClick: c, color: m }) => /* @__PURE__ */ i(t, {
-  icon: "mdi:checkbox-marked-outline",
-  width: o,
-  height: e,
-  className: r,
-  onClick: c,
-  color: m
+import { getSvgIconStyle as h } from "../iconStyle.js";
+import { jsx as e } from "react/jsx-runtime";
+var i = ({ width: r = 20, height: o = 20, className: t = "", onClick: l, color: a }) => /* @__PURE__ */ e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: o,
+  viewBox: "0 0 24 24",
+  className: t,
+  onClick: l,
+  style: h(a, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ e("path", {
+    fill: "currentColor",
+    d: "M19 19H5V5h10V3H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-8h-2m-11.09-.92L6.5 11.5L11 16L21 6l-1.41-1.42L11 13.17z"
+  })
 });
 export {
-  p as CheckBoxCheckedIcon
+  i as CheckBoxCheckedIcon
 };

package/dist/components/icons/chevron-double-left-icon/ChevronDoubleLeftIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as n } from "../IconTemplate.js";
-import { jsx as c } from "react/jsx-runtime";
-var l = ({ width: o = 20, height: e = 20, className: r = "", onClick: t, color: m }) => /* @__PURE__ */ c(n, {
-  icon: "mdi:chevron-double-left",
-  width: o,
-  height: e,
-  className: r,
+import { getSvgIconStyle as s } from "../iconStyle.js";
+import { jsx as l } from "react/jsx-runtime";
+var i = ({ width: e = 20, height: r = 20, className: o = "", onClick: t, color: n }) => /* @__PURE__ */ l("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: r,
+  viewBox: "0 0 24 24",
+  className: o,
   onClick: t,
-  color: m
+  style: s(n, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ l("path", {
+    fill: "currentColor",
+    d: "M18.41 7.41L17 6l-6 6l6 6l1.41-1.41L13.83 12zm-6 0L11 6l-6 6l6 6l1.41-1.41L7.83 12z"
+  })
 });
 export {
-  l as ChevronDoubleLeftIcon
+  i as ChevronDoubleLeftIcon
 };

package/dist/components/icons/chevron-double-right-icon/ChevronDoubleRightIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as n } from "react/jsx-runtime";
-var p = ({ width: o = 20, height: r = 20, className: e = "", onClick: t, color: i }) => /* @__PURE__ */ n(m, {
-  icon: "mdi:chevron-double-right",
-  width: o,
-  height: r,
-  className: e,
+import { getSvgIconStyle as n } from "../iconStyle.js";
+import { jsx as l } from "react/jsx-runtime";
+var f = ({ width: r = 20, height: e = 20, className: o = "", onClick: t, color: i }) => /* @__PURE__ */ l("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: e,
+  viewBox: "0 0 24 24",
+  className: o,
   onClick: t,
-  color: i
+  style: n(i, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ l("path", {
+    fill: "currentColor",
+    d: "M5.59 7.41L7 6l6 6l-6 6l-1.41-1.41L10.17 12zm6 0L13 6l6 6l-6 6l-1.41-1.41L16.17 12z"
+  })
 });
 export {
-  p as ChevronDoubleRightIcon
+  f as ChevronDoubleRightIcon
 };

package/dist/components/icons/chevron-down-icon/ChevronDownIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as t } from "../IconTemplate.js";
-import { jsx as c } from "react/jsx-runtime";
-var v = ({ width: o = 20, height: r = 20, className: n = "", onClick: e, color: m }) => /* @__PURE__ */ c(t, {
-  icon: "mdi:chevron-down",
-  width: o,
-  height: r,
-  className: n,
-  onClick: e,
-  color: m
+import { getSvgIconStyle as s } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var f = ({ width: e = 20, height: o = 20, className: l = "", onClick: t, color: n }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: o,
+  viewBox: "0 0 24 24",
+  className: l,
+  onClick: t,
+  style: s(n, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z"
+  })
 });
 export {
-  v as ChevronDownIcon
+  f as ChevronDownIcon
 };

package/dist/components/icons/chevron-left-icon/ChevronLeftIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as n } from "../IconTemplate.js";
-import { jsx as c } from "react/jsx-runtime";
-var p = ({ width: o = 20, height: r = 20, className: e = "", onClick: t, color: m }) => /* @__PURE__ */ c(n, {
-  icon: "mdi:chevron-left",
-  width: o,
-  height: r,
-  className: e,
+import { getSvgIconStyle as s } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var i = ({ width: e = 20, height: l = 20, className: o = "", onClick: t, color: n }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: l,
+  viewBox: "0 0 24 24",
+  className: o,
   onClick: t,
-  color: m
+  style: s(n, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z"
+  })
 });
 export {
-  p as ChevronLeftIcon
+  i as ChevronLeftIcon
 };

package/dist/components/icons/chevron-right-icon/ChevronRightIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as n } from "react/jsx-runtime";
-var p = ({ width: r = 20, height: o = 20, className: t = "", onClick: e, color: i }) => /* @__PURE__ */ n(m, {
-  icon: "mdi:chevron-right",
-  width: r,
+import { getSvgIconStyle as n } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var f = ({ 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: e,
-  color: i
+  onClick: l,
+  style: n(i, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z"
+  })
 });
 export {
-  p as ChevronRightIcon
+  f as ChevronRightIcon
 };

package/dist/components/icons/chevron-up-icon/ChevronUpIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as p } from "../IconTemplate.js";
-import { jsx as t } from "react/jsx-runtime";
-var v = ({ width: o = 20, height: r = 20, className: e = "", onClick: m, color: n }) => /* @__PURE__ */ t(p, {
-  icon: "mdi:chevron-up",
-  width: o,
-  height: r,
-  className: e,
-  onClick: m,
-  color: n
+import { getSvgIconStyle as s } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var f = ({ width: e = 20, height: l = 20, className: o = "", onClick: t, color: n }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: l,
+  viewBox: "0 0 24 24",
+  className: o,
+  onClick: t,
+  style: s(n, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6l-6 6z"
+  })
 });
 export {
-  v as ChevronUpIcon
+  f as ChevronUpIcon
 };

package/dist/components/icons/close-icon/CloseIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as n } from "react/jsx-runtime";
-var p = ({ width: o = 20, height: e = 20, className: r = "", onClick: c, color: i }) => /* @__PURE__ */ n(m, {
-  icon: "ic:baseline-close",
-  width: o,
-  height: e,
-  className: r,
-  onClick: c,
-  color: i
+import { getSvgIconStyle as s } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var n = ({ width: e = 20, height: o = 20, className: t = "", onClick: l, color: L }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: o,
+  viewBox: "0 0 24 24",
+  className: t,
+  onClick: l,
+  style: s(L, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"
+  })
 });
 export {
-  p as CloseIcon
+  n as CloseIcon
 };

package/dist/components/icons/cloud-icon/CloudIcon.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+function e(r) {
+  return /* @__PURE__ */ o("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24",
+    ...r,
+    children: /* @__PURE__ */ o("path", {
+      fill: "currentColor",
+      d: "M6.5 20q-2.28 0-3.89-1.57Q1 16.85 1 14.58q0-1.95 1.17-3.48q1.18-1.53 3.08-1.95q.63-2.3 2.5-3.72Q9.63 4 12 4q2.93 0 4.96 2.04Q19 8.07 19 11q1.73.2 2.86 1.5q1.14 1.28 1.14 3q0 1.88-1.31 3.19T18.5 20Z"
+    })
+  });
+}
+export {
+  e as CloudIcon
+};

package/dist/components/icons/cloud-icon/index.js

@@ -0,0 +1 @@
+export * from './CloudIcon.js'