asma-ui-core 3.21.0 → 3.22.0

package/dist/components/icons/content-paste-icon/ContentPasteIcon.js

@@ -0,0 +1,17 @@
+import { jsx as t } from "react/jsx-runtime";
+function e(h) {
+  return /* @__PURE__ */ t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24",
+    ...h,
+    children: /* @__PURE__ */ t("path", {
+      fill: "currentColor",
+      d: "M19 20H5V4h2v3h10V4h2m-7-2a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m7 0h-4.18C14.4.84 13.3 0 12 0S9.6.84 9.18 2H5a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2"
+    })
+  });
+}
+export {
+  e as ContentPasteIcon
+};

package/dist/components/icons/content-paste-icon/index.js

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

package/dist/components/icons/dashboard-view-icon/DashboardViewIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as t } from "react/jsx-runtime";
-var p = ({ width: o = 20, height: r = 20, className: a = "", onClick: e, color: i }) => /* @__PURE__ */ t(m, {
-  icon: "mdi:view-dashboard",
-  width: o,
-  height: r,
-  className: a,
-  onClick: e,
-  color: i
+import { getSvgIconStyle as a } 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: h,
+  style: a(l, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M13 3v6h8V3m-8 18h8V11h-8M3 21h8v-6H3m0-2h8V3H3z"
+  })
 });
 export {
-  p as DashboardViewIcon
+  m as DashboardViewIcon
 };

package/dist/components/icons/dashboard-view-outline-icon/DashboardViewOutlineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as a } from "../IconTemplate.js";
-import { jsx as m } from "react/jsx-runtime";
-var p = ({ width: o = 20, height: r = 20, className: e = "", onClick: i, color: t }) => /* @__PURE__ */ m(a, {
-  icon: "mdi:view-dashboard-outline",
-  width: o,
-  height: r,
-  className: e,
-  onClick: i,
-  color: t
+import { getSvgIconStyle as l } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var s = ({ width: e = 20, height: v = 20, className: h = "", onClick: o, color: t }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: v,
+  viewBox: "0 0 24 24",
+  className: h,
+  onClick: o,
+  style: l(t, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M19 5v2h-4V5zM9 5v6H5V5zm10 8v6h-4v-6zM9 17v2H5v-2zM21 3h-8v6h8zM11 3H3v10h8zm10 8h-8v10h8zm-10 4H3v6h8z"
+  })
 });
 export {
-  p as DashboardViewOutlineIcon
+  s as DashboardViewOutlineIcon
 };

package/dist/components/icons/delete-outline-icon/DeleteOutlineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as i } from "react/jsx-runtime";
-var p = ({ width: e = 20, height: o = 20, className: t = "", onClick: r, color: l }) => /* @__PURE__ */ i(m, {
-  icon: "material-symbols:delete-outline",
-  width: e,
-  height: o,
-  className: t,
-  onClick: r,
-  color: l
+import { getSvgIconStyle as v } from "../iconStyle.js";
+import { jsx as e } from "react/jsx-runtime";
+var s = ({ width: r = 20, height: t = 20, className: h = "", onClick: l, color: o }) => /* @__PURE__ */ e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: t,
+  viewBox: "0 0 24 24",
+  className: h,
+  onClick: l,
+  style: v(o, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ e("path", {
+    fill: "currentColor",
+    d: "M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z"
+  })
 });
 export {
-  p as DeleteOutlineIcon
+  s as DeleteOutlineIcon
 };

package/dist/components/icons/dots-vertical-icon/DotsVerticalIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as c } from "react/jsx-runtime";
-var p = ({ width: o = 20, height: r = 20, className: t = "", onClick: e, color: i }) => /* @__PURE__ */ c(m, {
-  icon: "mdi:dots-vertical",
-  width: o,
-  height: r,
+import { getSvgIconStyle as s } from "../iconStyle.js";
+import { jsx as a } from "react/jsx-runtime";
+var n = ({ width: r = 20, height: e = 20, className: t = "", onClick: o, color: l }) => /* @__PURE__ */ a("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: e,
+  viewBox: "0 0 24 24",
   className: t,
-  onClick: e,
-  color: i
+  onClick: o,
+  style: s(l, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ a("path", {
+    fill: "currentColor",
+    d: "M12 16a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2m0-6a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2"
+  })
 });
 export {
-  p as DotsVerticalIcon
+  n as DotsVerticalIcon
 };

package/dist/components/icons/download-icon/DownloadIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as i } from "../IconTemplate.js";
-import { jsx as m } from "react/jsx-runtime";
-var l = ({ width: o = 20, height: r = 20, className: n = "", onClick: e, color: a }) => /* @__PURE__ */ m(i, {
-  icon: "ic:baseline-download",
+import { getSvgIconStyle as n } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var v = ({ width: o = 20, height: e = 20, className: l = "", onClick: t, color: a }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
   width: o,
-  height: r,
-  className: n,
-  onClick: e,
-  color: a
+  height: e,
+  viewBox: "0 0 24 24",
+  className: l,
+  onClick: t,
+  style: n(a, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M5 20h14v-2H5zM19 9h-4V3H9v6H5l7 7z"
+  })
 });
 export {
-  l as DownloadIcon
+  v as DownloadIcon
 };

package/dist/components/icons/drag-horizontal-icon/DragHorizontalIcon.js

@@ -1,13 +1,59 @@
-import { IconTemplate as i } from "../IconTemplate.js";
-import { jsx as m } from "react/jsx-runtime";
-var p = ({ width: o = 20, height: r = 20, className: a = "", onClick: n, color: t }) => /* @__PURE__ */ m(i, {
-  icon: "akar-icons:drag-horizontal",
-  width: o,
-  height: r,
-  className: a,
-  onClick: n,
-  color: t
+import { getSvgIconStyle as l } from "../iconStyle.js";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+var f = ({ width: t = 20, height: c = 20, className: e = "", onClick: o, color: a }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: t,
+  height: c,
+  viewBox: "0 0 24 24",
+  className: e,
+  onClick: o,
+  style: l(a, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ s("g", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    children: [
+      /* @__PURE__ */ r("circle", {
+        cx: "20",
+        cy: "8",
+        r: "1",
+        transform: "rotate(-180 20 8)"
+      }),
+      /* @__PURE__ */ r("circle", {
+        cx: "20",
+        cy: "16",
+        r: "1",
+        transform: "rotate(-180 20 16)"
+      }),
+      /* @__PURE__ */ r("circle", {
+        cx: "12",
+        cy: "8",
+        r: "1",
+        transform: "rotate(-180 12 8)"
+      }),
+      /* @__PURE__ */ r("circle", {
+        cx: "12",
+        cy: "16",
+        r: "1",
+        transform: "rotate(-180 12 16)"
+      }),
+      /* @__PURE__ */ r("circle", {
+        cx: "4",
+        cy: "8",
+        r: "1",
+        transform: "rotate(-180 4 8)"
+      }),
+      /* @__PURE__ */ r("circle", {
+        cx: "4",
+        cy: "16",
+        r: "1",
+        transform: "rotate(-180 4 16)"
+      })
+    ]
+  })
 });
 export {
-  p as DragHorizontalIcon
+  f as DragHorizontalIcon
 };

package/dist/components/icons/drop-down-icon/DropDownIcon.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: r = 20, className: n = "", onClick: e, color: p }) => /* @__PURE__ */ m(i, {
-  icon: "ic:baseline-arrow-drop-down",
+import { getSvgIconStyle as s } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var f = ({ width: o = 20, height: e = 20, className: l = "", onClick: t, color: n }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
   width: o,
-  height: r,
-  className: n,
-  onClick: e,
-  color: p
+  height: e,
+  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 10l5 5l5-5z"
+  })
 });
 export {
-  c as DropDownIcon
+  f as DropDownIcon
 };

package/dist/components/icons/drop-up-icon/DropUpIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as n } from "react/jsx-runtime";
-var c = ({ width: r = 20, height: o = 20, className: p = "", onClick: e, color: i }) => /* @__PURE__ */ n(m, {
-  icon: "ic:baseline-arrow-drop-up",
-  width: r,
+import { getSvgIconStyle as a } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var p = ({ width: e = 20, height: o = 20, className: l = "", onClick: t, color: s }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
   height: o,
-  className: p,
-  onClick: e,
-  color: i
+  viewBox: "0 0 24 24",
+  className: l,
+  onClick: t,
+  style: a(s, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "m7 14l5-5l5 5z"
+  })
 });
 export {
-  c as DropUpIcon
+  p as DropUpIcon
 };

package/dist/components/icons/dvr-icon/DvrIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as n } from "../IconTemplate.js";
-import { jsx as t } from "react/jsx-runtime";
-var a = ({ width: r = 20, height: o = 20, className: e = "", onClick: i, color: m }) => /* @__PURE__ */ t(n, {
-  icon: "ic:baseline-dvr",
-  width: r,
-  height: o,
-  className: e,
-  onClick: i,
-  color: m
+import { getSvgIconStyle as l } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var s = ({ width: e = 20, height: v = 20, className: h = "", onClick: o, color: t }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: v,
+  viewBox: "0 0 24 24",
+  className: h,
+  onClick: o,
+  style: l(t, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2m0 14H3V5h18zm-2-9H8v2h11zm0 4H8v2h11zM7 8H5v2h2zm0 4H5v2h2z"
+  })
 });
 export {
-  a as DvrIcon
+  s as DvrIcon
 };

package/dist/components/icons/earth-icon/EarthIcon.js

@@ -1,12 +1,21 @@
-import { IconTemplate as e } from "../IconTemplate.js";
-import { jsx as p } from "react/jsx-runtime";
-var i = ({ width: r = 20, height: o = 20, className: a = "", onClick: t, color: m }) => /* @__PURE__ */ p(e, {
-  icon: "pajamas:earth",
-  width: r,
-  height: o,
-  className: a,
-  onClick: t,
-  color: m
+import { getSvgIconStyle as t } from "../iconStyle.js";
+import { jsx as a } from "react/jsx-runtime";
+var i = ({ width: e = 20, height: r = 20, className: c = "", onClick: l, color: o }) => /* @__PURE__ */ a("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: r,
+  viewBox: "0 0 16 16",
+  className: c,
+  onClick: l,
+  style: t(o, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ a("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M8 14.5c.23 0 .843-.226 1.487-1.514c.306-.612.563-1.37.742-2.236H5.771c.179.866.436 1.624.742 2.236C7.157 14.274 7.77 14.5 8 14.5M5.554 9.25a14.4 14.4 0 0 1 0-2.5h4.892a14.5 14.5 0 0 1 0 2.5zm6.203 1.5c-.224 1.224-.593 2.308-1.066 3.168a6.53 6.53 0 0 0 3.2-3.168zm2.623-1.5h-2.43a16 16 0 0 0 0-2.5h2.429a6.5 6.5 0 0 1 0 2.5Zm-10.331 0H1.62a6.5 6.5 0 0 1 0-2.5h2.43a16 16 0 0 0 0 2.5Zm-1.94 1.5h2.134c.224 1.224.593 2.308 1.066 3.168a6.53 6.53 0 0 1-3.2-3.168m3.662-5.5h4.458c-.179-.866-.436-1.624-.742-2.236C8.843 1.726 8.23 1.5 8 1.5s-.843.226-1.487 1.514c-.306.612-.563 1.37-.742 2.236m5.986 0h2.134a6.53 6.53 0 0 0-3.2-3.168c.473.86.842 1.944 1.066 3.168M5.31 2.082c-.473.86-.842 1.944-1.066 3.168H2.109a6.53 6.53 0 0 1 3.2-3.168ZM8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0",
+    clipRule: "evenodd"
+  })
 });
 export {
   i as EarthIcon

package/dist/components/icons/error-outline-icon/ErrorOutlineIcon.js

@@ -1,14 +1,20 @@
-import { IconTemplate as i } from "../IconTemplate.js";
-import "react";
-import { jsx as n } from "react/jsx-runtime";
-var f = ({ width: r = 20, height: o = 20, className: e = "", onClick: t, color: m = "var(--colors-error-500)" }) => /* @__PURE__ */ n(i, {
-  icon: "mdi:error-outline",
-  width: r,
-  height: o,
-  className: e,
+import { getSvgIconStyle as s } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var m = ({ width: o = 20, height: e = 20, className: a = "", onClick: t, color: l = "var(--colors-error-500)" }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: o,
+  height: e,
+  viewBox: "0 0 24 24",
+  className: a,
   onClick: t,
-  color: m
+  style: s(l, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M11 15h2v2h-2zm0-8h2v6h-2zm1-5C6.47 2 2 6.5 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m0 18a8 8 0 0 1-8-8a8 8 0 0 1 8-8a8 8 0 0 1 8 8a8 8 0 0 1-8 8"
+  })
 });
 export {
-  f as ErrorOutlineIcon
+  m as ErrorOutlineIcon
 };

package/dist/components/icons/fast-check-outline-icon/FastCheckOutlineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as a } from "react/jsx-runtime";
-var l = ({ width: o = 20, height: t = 20, className: e = "", onClick: r, color: c }) => /* @__PURE__ */ a(m, {
-  icon: "material-symbols:fact-check-outline",
-  width: o,
-  height: t,
-  className: e,
-  onClick: r,
-  color: c
+import { getSvgIconStyle as m } from "../iconStyle.js";
+import { jsx as l } from "react/jsx-runtime";
+var i = ({ width: e = 20, height: r = 20, className: t = "", onClick: o, color: h }) => /* @__PURE__ */ l("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: r,
+  viewBox: "0 0 24 24",
+  className: t,
+  onClick: o,
+  style: m(h, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ l("path", {
+    fill: "currentColor",
+    d: "M4 21q-.825 0-1.412-.587T2 19V5q0-.825.588-1.412T4 3h16q.825 0 1.413.588T22 5v14q0 .825-.587 1.413T20 21zm0-2h16V5H4zm1-2h5v-2H5zm9.55-2l4.95-4.95l-1.425-1.425l-3.525 3.55l-1.425-1.425l-1.4 1.425zM5 13h5v-2H5zm0-4h5V7H5zM4 19V5z"
+  })
 });
 export {
-  l as FastCheckOutlineIcon
+  i as FastCheckOutlineIcon
 };

package/dist/components/icons/file-pdf-icon/FilePdfIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as p } from "react/jsx-runtime";
-var l = ({ width: r = 20, height: o = 20, className: e = "", onClick: f, color: i }) => /* @__PURE__ */ p(m, {
-  icon: "fa6-regular:file-pdf",
-  width: r,
-  height: o,
+import { getSvgIconStyle as l } from "../iconStyle.js";
+import { jsx as c } from "react/jsx-runtime";
+var m = ({ width: h = 20, height: r = 20, className: e = "", onClick: s, color: v }) => /* @__PURE__ */ c("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: h,
+  height: r,
+  viewBox: "0 0 512 512",
   className: e,
-  onClick: f,
-  color: i
+  onClick: s,
+  style: l(v, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ c("path", {
+    fill: "currentColor",
+    d: "M64 464h48v48H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0h165.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V304h-48V160h-80c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16v384c0 8.8 7.2 16 16 16m112-112h32c30.9 0 56 25.1 56 56s-25.1 56-56 56h-16v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V368c0-8.8 7.2-16 16-16m32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-16v48zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48h-32c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16m32 128c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16h-16v96zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32v48c0 8.8-7.2 16-16 16s-16-7.2-16-16z"
+  })
 });
 export {
-  l as FilePdfIcon
+  m as FilePdfIcon
 };

package/dist/components/icons/filter-icon/FilterIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as n } from "react/jsx-runtime";
-var c = ({ width: r = 20, height: o = 20, className: t = "", onClick: i, color: e }) => /* @__PURE__ */ n(m, {
-  icon: "mdi:filter-variant",
-  width: r,
-  height: o,
-  className: t,
-  onClick: i,
-  color: e
+import { getSvgIconStyle as i } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var a = ({ width: e = 20, height: t = 20, className: o = "", onClick: l, color: h }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: t,
+  viewBox: "0 0 24 24",
+  className: o,
+  onClick: l,
+  style: i(h, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M6 13h12v-2H6M3 6v2h18V6M10 18h4v-2h-4z"
+  })
 });
 export {
-  c as FilterIcon
+  a as FilterIcon
 };

package/dist/components/icons/find-replace-icon/FindReplaceIcon.js

@@ -1,14 +1,20 @@
-import { IconTemplate as c } from "../IconTemplate.js";
-import { jsx as p } from "react/jsx-runtime";
-var a = ({ width: e = 20, height: r = 20, className: o = "", onClick: i, color: n }) => /* @__PURE__ */ p(c, {
-  icon: "ic:baseline-sync",
+import { getSvgIconStyle as i } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var s = ({ width: e = 20, height: l = 20, className: t = "", onClick: c, color: o }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
   width: e,
-  height: r,
-  className: o,
-  onClick: i,
-  color: n,
-  vFlip: !0
+  height: l,
+  viewBox: "0 0 24 24",
+  className: t,
+  onClick: c,
+  style: i(o, !0),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6c0 1.01-.25 1.97-.7 2.8l1.46 1.46A7.93 7.93 0 0 0 20 12c0-4.42-3.58-8-8-8m0 14c-3.31 0-6-2.69-6-6c0-1.01.25-1.97.7-2.8L5.24 7.74A7.93 7.93 0 0 0 4 12c0 4.42 3.58 8 8 8v3l4-4l-4-4z"
+  })
 });
 export {
-  a as FindReplaceIcon
+  s as FindReplaceIcon
 };

package/dist/components/icons/hamburger-icon/HamburgerIcon.js

@@ -1,13 +1,24 @@
-import { IconTemplate as n } from "../IconTemplate.js";
-import { jsx as t } from "react/jsx-runtime";
-var u = ({ width: r = 20, height: m = 20, className: o = "", onClick: e, color: a }) => /* @__PURE__ */ t(n, {
-  icon: "charm:menu-hamburger",
-  width: r,
-  height: m,
-  className: o,
-  onClick: e,
-  color: a
+import { getSvgIconStyle as i } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var m = ({ width: e = 20, height: o = 20, className: t = "", onClick: n, color: s }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: o,
+  viewBox: "0 0 16 16",
+  className: t,
+  onClick: n,
+  style: i(s, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "1.5",
+    d: "m2.75 12.25h10.5m-10.5-4h10.5m-10.5-4h10.5"
+  })
 });
 export {
-  u as HamburgerIcon
+  m as HamburgerIcon
 };

package/dist/components/icons/iconStyle.js

@@ -0,0 +1,8 @@
+var n = (e, t = !1) => {
+  if (!e && !t) return;
+  const r = {};
+  return e && (r.color = e), t && (r.transform = "scaleY(-1)", r.transformOrigin = "center"), r;
+};
+export {
+  n as getSvgIconStyle
+};

package/dist/components/icons/inbox-outbox-icon/InboxOutboxIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as i } from "../IconTemplate.js";
-import { jsx as x } from "react/jsx-runtime";
-var b = ({ width: o = 20, height: r = 20, className: m = "", onClick: n, color: t }) => /* @__PURE__ */ x(i, {
-  icon: "mdi:inbox",
+import { getSvgIconStyle as n } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var i = ({ width: o = 20, height: a = 20, className: e = "", onClick: t, color: l }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
   width: o,
-  height: r,
-  className: m,
-  onClick: n,
-  color: t
+  height: a,
+  viewBox: "0 0 24 24",
+  className: e,
+  onClick: t,
+  style: n(l, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M19 15h-4a3 3 0 0 1-3 3a3 3 0 0 1-3-3H5V5h14m0-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2"
+  })
 });
 export {
-  b as InboxOutboxIcon
+  i as InboxOutboxIcon
 };