asma-ui-core 3.21.0 → 3.22.0

package/dist/components/icons/inbox-outbox-outline-icon/InboxOutboxOutlineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as e } from "../IconTemplate.js";
-import { jsx as m } from "react/jsx-runtime";
-var u = ({ width: o = 20, height: n = 20, className: r = "", onClick: t, color: i }) => /* @__PURE__ */ m(e, {
-  icon: "mdi:inbox-outline",
-  width: o,
-  height: n,
-  className: r,
+import { getSvgIconStyle as h } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var i = ({ width: a = 20, height: e = 20, className: o = "", onClick: t, color: l }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: a,
+  height: e,
+  viewBox: "0 0 24 24",
+  className: o,
   onClick: t,
-  color: i
+  style: h(l, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2M5 19v-2h3.13a4.13 4.13 0 0 0 1.27 2m9.6 0h-4.4a4.13 4.13 0 0 0 1.27-2H19m0-2h-5v1a2 2 0 0 1-4 0v-1H5V5h14Z"
+  })
 });
 export {
-  u as InboxOutboxOutlineIcon
+  i as InboxOutboxOutlineIcon
 };

package/dist/components/icons/index.js

@@ -107,11 +107,14 @@ export * from './person-search-icon.js'
 export * from './rule-icon.js'
 export * from './rule-outline-icon.js'
 export * from './content-copy-icon.js'
+export * from './content-cut-icon.js'
+export * from './content-paste-icon.js'
 export * from './content-copy-outline-icon.js'
 export * from './refresh-icon.js'
 export * from './settings-note-icon.js'
 export * from './inheritance-pointer-icon.js'
 export * from './cloud-done-outline-icon.js'
+export * from './cloud-icon.js'
 export * from './attach-file-icon.js'
 export * from './send-icon.js'
 export * from './card-id-icon.js'

package/dist/components/icons/link-outline-icon/LinkOutlineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as e } from "../IconTemplate.js";
-import { jsx as m } from "react/jsx-runtime";
-var p = ({ width: o = 20, height: i = 20, className: n = "", onClick: r, color: t }) => /* @__PURE__ */ m(e, {
-  icon: "ic:outline-link",
-  width: o,
-  height: i,
-  className: n,
-  onClick: r,
-  color: t
+import { getSvgIconStyle as l } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var n = ({ width: e = 20, height: t = 20, className: o = "", onClick: s, color: h }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: t,
+  viewBox: "0 0 24 24",
+  className: o,
+  onClick: s,
+  style: l(h, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M17 7h-4v2h4c1.65 0 3 1.35 3 3s-1.35 3-3 3h-4v2h4c2.76 0 5-2.24 5-5s-2.24-5-5-5m-6 8H7c-1.65 0-3-1.35-3-3s1.35-3 3-3h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4zm-3-4h8v2H8z"
+  })
 });
 export {
-  p as LinkOutlineIcon
+  n as LinkOutlineIcon
 };

package/dist/components/icons/list-numbered-icon/ListNumberedIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as i } from "../IconTemplate.js";
-import { jsx as n } from "react/jsx-runtime";
-var p = ({ width: r = 20, height: e = 20, className: o = "", onClick: m, color: t }) => /* @__PURE__ */ n(i, {
-  icon: "ic:baseline-format-list-numbered",
-  width: r,
+import { getSvgIconStyle as m } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var i = ({ width: v = 20, height: e = 20, className: h = "", onClick: t, color: o }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: v,
   height: e,
-  className: o,
-  onClick: m,
-  color: t
+  viewBox: "0 0 24 24",
+  className: h,
+  onClick: t,
+  style: m(o, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2zm1-9h1V4H2v1h1zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2zm5-6v2h14V5zm0 14h14v-2H7zm0-6h14v-2H7z"
+  })
 });
 export {
-  p as ListNumberedIcon
+  i as ListNumberedIcon
 };

package/dist/components/icons/list-settings-line-icon/ListSettingsLineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as o } from "../IconTemplate.js";
-import { jsx as s } from "react/jsx-runtime";
-var c = ({ width: t = 20, height: i = 20, className: r = "", onClick: e, color: n }) => /* @__PURE__ */ s(o, {
-  icon: "ri:list-settings-line",
-  width: t,
-  height: i,
-  className: r,
-  onClick: e,
-  color: n
+import { getSvgIconStyle as i } from "../iconStyle.js";
+import { jsx as l } from "react/jsx-runtime";
+var n = ({ width: e = 20, height: r = 20, className: t = "", onClick: a, color: o }) => /* @__PURE__ */ l("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: r,
+  viewBox: "0 0 24 24",
+  className: t,
+  onClick: a,
+  style: i(o, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ l("path", {
+    fill: "currentColor",
+    d: "M2 18h7v2H2zm0-7h9v2H2zm0-7h20v2H2zm18.674 9.025l1.156-.391l1 1.732l-.916.805a4 4 0 0 1 0 1.658l.916.805l-1 1.732l-1.156-.391a4 4 0 0 1-1.435.83L19 21h-2l-.24-1.196a4 4 0 0 1-1.434-.83l-1.156.392l-1-1.732l.916-.805a4 4 0 0 1 0-1.658l-.916-.805l1-1.732l1.156.391c.41-.37.898-.655 1.435-.83L17 11h2l.24 1.196a4 4 0 0 1 1.434.83M18 18a2 2 0 1 0 0-4a2 2 0 0 0 0 4"
+  })
 });
 export {
-  c as ListSettingsLineIcon
+  n as ListSettingsLineIcon
 };

package/dist/components/icons/list-status-icon/ListStatusIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as s } from "../IconTemplate.js";
-import { jsx as a } from "react/jsx-runtime";
-var p = ({ width: t = 20, height: o = 20, className: r = "", onClick: i, color: m }) => /* @__PURE__ */ a(s, {
-  icon: "mdi:list-status",
-  width: t,
-  height: o,
-  className: r,
-  onClick: i,
-  color: m
+import { getSvgIconStyle as a } from "../iconStyle.js";
+import { jsx as l } from "react/jsx-runtime";
+var v = ({ width: r = 20, height: t = 20, className: e = "", onClick: o, color: s }) => /* @__PURE__ */ l("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: t,
+  viewBox: "0 0 24 24",
+  className: e,
+  onClick: o,
+  style: a(s, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ l("path", {
+    fill: "currentColor",
+    d: "M16.5 11L13 7.5l1.4-1.4l2.1 2.1L20.7 4l1.4 1.4zM11 7H2v2h9zm10 6.4L19.6 12L17 14.6L14.4 12L13 13.4l2.6 2.6l-2.6 2.6l1.4 1.4l2.6-2.6l2.6 2.6l1.4-1.4l-2.6-2.6zM11 15H2v2h9z"
+  })
 });
 export {
-  p as ListStatusIcon
+  v as ListStatusIcon
 };

package/dist/components/icons/loading-icon/LoadingIcon.js

@@ -1,13 +1,49 @@
-import { IconTemplate as i } from "../IconTemplate.js";
-import { jsx as m } from "react/jsx-runtime";
-var l = ({ width: o = 20, height: n = 20, className: r = "", onClick: t, color: e }) => /* @__PURE__ */ m(i, {
-  icon: "line-md:loading-twotone-loop",
-  width: o,
-  height: n,
-  className: r,
-  onClick: t,
-  color: e
+import { getSvgIconStyle as n } from "../iconStyle.js";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+var f = ({ width: t = 20, height: a = 20, className: o = "", onClick: s, color: i }) => /* @__PURE__ */ e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: t,
+  height: a,
+  viewBox: "0 0 24 24",
+  className: o,
+  onClick: s,
+  style: n(i, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("g", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "2",
+    children: [/* @__PURE__ */ r("path", {
+      strokeDasharray: "18",
+      d: "M12 3c4.97 0 9 4.03 9 9",
+      children: [/* @__PURE__ */ e("animate", {
+        fill: "freeze",
+        attributeName: "stroke-dashoffset",
+        dur: "0.3s",
+        values: "18;0"
+      }), /* @__PURE__ */ e("animateTransform", {
+        attributeName: "transform",
+        dur: "1.5s",
+        repeatCount: "indefinite",
+        type: "rotate",
+        values: "0 12 12;360 12 12"
+      })]
+    }), /* @__PURE__ */ e("path", {
+      strokeDasharray: "60",
+      d: "M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z",
+      opacity: ".3",
+      children: /* @__PURE__ */ e("animate", {
+        fill: "freeze",
+        attributeName: "stroke-dashoffset",
+        dur: "1.2s",
+        values: "60;0"
+      })
+    })]
+  })
 });
 export {
-  l as LoadingIcon
+  f as LoadingIcon
 };

package/dist/components/icons/lock-icon/LockIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as c } from "../IconTemplate.js";
-import { jsx as i } from "react/jsx-runtime";
-var a = ({ width: o = 20, height: r = 20, className: m = "", onClick: t, color: e }) => /* @__PURE__ */ i(c, {
-  icon: "material-symbols:lock-outline",
-  width: o,
-  height: r,
-  className: m,
-  onClick: t,
-  color: e
+import { getSvgIconStyle as h } from "../iconStyle.js";
+import { jsx as t } from "react/jsx-runtime";
+var i = ({ width: r = 20, height: e = 20, className: o = "", onClick: T, color: l }) => /* @__PURE__ */ t("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: e,
+  viewBox: "0 0 24 24",
+  className: o,
+  onClick: T,
+  style: h(l, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ t("path", {
+    fill: "currentColor",
+    d: "M6 22q-.825 0-1.412-.587T4 20V10q0-.825.588-1.412T6 8h1V6q0-2.075 1.463-3.537T12 1t3.538 1.463T17 6v2h1q.825 0 1.413.588T20 10v10q0 .825-.587 1.413T18 22zm0-2h12V10H6zm7.413-3.588Q14 15.826 14 15t-.587-1.412T12 13t-1.412.588T10 15t.588 1.413T12 17t1.413-.587M9 8h6V6q0-1.25-.875-2.125T12 3t-2.125.875T9 6zM6 20V10z"
+  })
 });
 export {
-  a as LockIcon
+  i as LockIcon
 };

package/dist/components/icons/message-processing-icon/MessageProcessingIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as i } from "../IconTemplate.js";
-import { jsx as n } from "react/jsx-runtime";
-var t = ({ width: e = 20, height: o = 20, className: r = "", onClick: s, color: m }) => /* @__PURE__ */ n(i, {
-  icon: "mdi:message-processing",
-  width: e,
+import { getSvgIconStyle as l } from "../iconStyle.js";
+import { jsx as e } from "react/jsx-runtime";
+var m = ({ width: r = 20, height: o = 20, className: s = "", onClick: t, color: a }) => /* @__PURE__ */ e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
   height: o,
-  className: r,
-  onClick: s,
-  color: m
+  viewBox: "0 0 24 24",
+  className: s,
+  onClick: t,
+  style: l(a, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ e("path", {
+    fill: "currentColor",
+    d: "M17 11h-2V9h2m-4 2h-2V9h2m-4 2H7V9h2m11-7H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2"
+  })
 });
 export {
-  t as MessageProcessingIcon
+  m as MessageProcessingIcon
 };

package/dist/components/icons/message-processing-outline-icon/MessageProcessingOutlineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as n } from "../IconTemplate.js";
-import { jsx as m } from "react/jsx-runtime";
-var p = ({ width: e = 20, height: o = 20, className: r = "", onClick: s, color: i }) => /* @__PURE__ */ m(n, {
-  icon: "mdi:message-processing-outline",
-  width: e,
+import { getSvgIconStyle as h } from "../iconStyle.js";
+import { jsx as e } from "react/jsx-runtime";
+var m = ({ width: r = 20, height: o = 20, className: t = "", onClick: l, color: s }) => /* @__PURE__ */ e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
   height: o,
-  className: r,
-  onClick: s,
-  color: i
+  viewBox: "0 0 24 24",
+  className: t,
+  onClick: l,
+  style: h(s, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ e("path", {
+    fill: "currentColor",
+    d: "M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 14H5.2L4 17.2V4h16zm-3-5h-2V9h2m-4 2h-2V9h2m-4 2H7V9h2"
+  })
 });
 export {
-  p as MessageProcessingOutlineIcon
+  m as MessageProcessingOutlineIcon
 };

package/dist/components/icons/outline-calendar-month/OutlineCalendarMonth.js

@@ -1,13 +1,20 @@
-import { IconTemplate as a } from "../IconTemplate.js";
-import { jsx as i } from "react/jsx-runtime";
-var c = ({ width: o = 20, height: r = 20, className: n = "", onClick: t, color: e }) => /* @__PURE__ */ i(a, {
-  icon: "ic:outline-calendar-month",
-  width: o,
-  height: r,
-  className: n,
-  onClick: t,
-  color: e
+import { getSvgIconStyle as m } from "../iconStyle.js";
+import { jsx as h } from "react/jsx-runtime";
+var n = ({ width: r = 20, height: e = 20, className: t = "", onClick: v, color: l }) => /* @__PURE__ */ h("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: e,
+  viewBox: "0 0 24 24",
+  className: t,
+  onClick: v,
+  style: m(l, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ h("path", {
+    fill: "currentColor",
+    d: "M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 16H5V10h14zm0-12H5V6h14zM9 14H7v-2h2zm4 0h-2v-2h2zm4 0h-2v-2h2zm-8 4H7v-2h2zm4 0h-2v-2h2zm4 0h-2v-2h2z"
+  })
 });
 export {
-  c as OutlineCalendarMonth
+  n as OutlineCalendarMonth
 };

package/dist/components/icons/pdf-icon/PdfIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as m } from "../IconTemplate.js";
-import { jsx as n } from "react/jsx-runtime";
-var d = ({ width: o = 20, height: r = 20, className: e = "", onClick: t, color: f = "" }) => /* @__PURE__ */ n(m, {
-  icon: "fluent:document-pdf-20-filled",
-  width: o,
-  height: r,
+import { getSvgIconStyle as h } from "../iconStyle.js";
+import { jsx as a } from "react/jsx-runtime";
+var H = ({ width: r = 20, height: v = 20, className: e = "", onClick: o, color: t = "" }) => /* @__PURE__ */ a("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: v,
+  viewBox: "0 0 20 20",
   className: e,
-  onClick: t,
-  color: f
+  onClick: o,
+  style: h(t, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ a("path", {
+    fill: "currentColor",
+    d: "M3 12a2 2 0 1 1 0 4H2v1.5a.5.5 0 0 1-1 0v-5a.5.5 0 0 1 .5-.5zm-1 3h1a1 1 0 1 0 0-2H2zm6-3a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H6.5a.5.5 0 0 1-.5-.5v-5a.5.5 0 0 1 .5-.5zm-1 5h1a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H7zm7.1-4.99a.5.5 0 0 1 0 .98L14 13h-2v1.5h1.5a.5.5 0 0 1 0 1H12v2a.5.5 0 0 1-1 0v-5a.5.5 0 0 1 .5-.5H14zM10 6.5A1.5 1.5 0 0 0 11.5 8H16v8.5a1.5 1.5 0 0 1-1.5 1.5h-1.587q.085-.236.087-.5v-1h.5a1.5 1.5 0 0 0 1.021-2.596A1.498 1.498 0 0 0 14 11h-2.5a1.5 1.5 0 0 0-1.37.89A3 3 0 0 0 8 11H6.5a1.5 1.5 0 0 0-1.322.791A2.75 2.75 0 0 0 4 11.105V3.5A1.5 1.5 0 0 1 5.5 2H10zm5.75.5H11.5a.5.5 0 0 1-.5-.5V2.25z"
+  })
 });
 export {
-  d as PdfIcon
+  H as PdfIcon
 };

package/dist/components/icons/pencil-outline-icon/PencilOutlineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as t } from "../IconTemplate.js";
-import { jsx as m } from "react/jsx-runtime";
-var p = ({ width: o = 20, height: e = 20, className: i = "", onClick: n, color: r }) => /* @__PURE__ */ m(t, {
-  icon: "mdi:pencil-outline",
-  width: o,
-  height: e,
-  className: i,
-  onClick: n,
-  color: r
+import { getSvgIconStyle as i } from "../iconStyle.js";
+import { jsx as l } from "react/jsx-runtime";
+var s = ({ width: e = 20, height: r = 20, className: t = "", onClick: o, color: c }) => /* @__PURE__ */ l("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: r,
+  viewBox: "0 0 24 24",
+  className: t,
+  onClick: o,
+  style: i(c, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ l("path", {
+    fill: "currentColor",
+    d: "m14.06 9l.94.94L5.92 19H5v-.92zm3.6-6c-.25 0-.51.1-.7.29l-1.83 1.83l3.75 3.75l1.83-1.83c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z"
+  })
 });
 export {
-  p as PencilOutlineIcon
+  s as PencilOutlineIcon
 };

package/dist/components/icons/people-icon/PeopleIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as t } from "../IconTemplate.js";
-import { jsx as c } from "react/jsx-runtime";
-var a = ({ width: o = 20, height: r = 20, className: e = "", onClick: p, color: m }) => /* @__PURE__ */ c(t, {
-  icon: "ic:sharp-people",
-  width: o,
-  height: r,
-  className: e,
-  onClick: p,
-  color: m
+import { getSvgIconStyle as s } from "../iconStyle.js";
+import { jsx as e } from "react/jsx-runtime";
+var i = ({ width: r = 20, height: o = 20, className: c = "", onClick: t, color: l }) => /* @__PURE__ */ e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: o,
+  viewBox: "0 0 24 24",
+  className: c,
+  onClick: t,
+  style: s(l, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ e("path", {
+    fill: "currentColor",
+    d: "M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5s-3 1.34-3 3s1.34 3 3 3m-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5S5 6.34 5 8s1.34 3 3 3m0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5m8 0c-.29 0-.62.02-.97.05c1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5"
+  })
 });
 export {
-  a as PeopleIcon
+  i as PeopleIcon
 };

package/dist/components/icons/people-outline-icon/PeopleOutlineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as i } from "../IconTemplate.js";
-import { jsx as l } from "react/jsx-runtime";
-var c = ({ width: o = 20, height: e = 20, className: r = "", onClick: t, color: p }) => /* @__PURE__ */ l(i, {
-  icon: "ic:outline-people-alt",
-  width: o,
-  height: e,
-  className: r,
-  onClick: t,
-  color: p
+import { getSvgIconStyle as l } from "../iconStyle.js";
+import { jsx as e } from "react/jsx-runtime";
+var a = ({ width: s = 20, height: r = 20, className: c = "", onClick: o, color: t }) => /* @__PURE__ */ e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: s,
+  height: r,
+  viewBox: "0 0 24 24",
+  className: c,
+  onClick: o,
+  style: l(t, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ e("path", {
+    fill: "currentColor",
+    d: "M16.67 13.13C18.04 14.06 19 15.32 19 17v3h4v-3c0-2.18-3.57-3.47-6.33-3.87M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24m-6 0c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4m0-6c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2m0 7c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4m6 5H3v-.99C3.2 16.29 6.3 15 9 15s5.8 1.29 6 2z"
+  })
 });
 export {
-  c as PeopleOutlineIcon
+  a as PeopleOutlineIcon
 };

package/dist/components/icons/perm-media-icon/PermMediaIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as i } from "../IconTemplate.js";
-import { jsx as t } from "react/jsx-runtime";
-var c = ({ width: r = 20, height: m = 20, className: e = "", onClick: o, color: a }) => /* @__PURE__ */ t(i, {
-  icon: "material-symbols:perm-media",
-  width: r,
-  height: m,
-  className: e,
-  onClick: o,
-  color: a
+import { getSvgIconStyle as a } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var s = ({ width: e = 20, height: l = 20, className: o = "", onClick: t, color: h }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: l,
+  viewBox: "0 0 24 24",
+  className: o,
+  onClick: t,
+  style: a(h, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M3 21q-.825 0-1.412-.587T1 19V6h2v13h17v2zm4-4q-.825 0-1.412-.587T5 15V4q0-.825.588-1.412T7 2h5l2 2h7q.825 0 1.413.588T23 6v9q0 .825-.587 1.413T21 17zm2-4h10l-3.45-4.5l-2.3 3l-1.55-2z"
+  })
 });
 export {
-  c as PermMediaIcon
+  s as PermMediaIcon
 };

package/dist/components/icons/perm-media-outline-icon/PermMediaOutline.js

@@ -1,13 +1,20 @@
-import { IconTemplate as t } from "../IconTemplate.js";
-import { jsx as a } from "react/jsx-runtime";
-var p = ({ width: e = 20, height: r = 20, className: m = "", onClick: o, color: i }) => /* @__PURE__ */ a(t, {
-  icon: "material-symbols:perm-media-outline",
-  width: e,
+import { getSvgIconStyle as m } from "../iconStyle.js";
+import { jsx as e } from "react/jsx-runtime";
+var s = ({ width: l = 20, height: r = 20, className: t = "", onClick: h, color: o }) => /* @__PURE__ */ e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: l,
   height: r,
-  className: m,
-  onClick: o,
-  color: i
+  viewBox: "0 0 24 24",
+  className: t,
+  onClick: h,
+  style: m(o, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ e("path", {
+    fill: "currentColor",
+    d: "M9 13h10l-3.45-4.5l-2.3 3l-1.55-2zm-6 8q-.825 0-1.412-.587T1 19V6h2v13h17v2zm4-4q-.825 0-1.412-.587T5 15V4q0-.825.588-1.412T7 2h5l2 2h7q.825 0 1.413.588T23 6v9q0 .825-.587 1.413T21 17zm0-2h14V6h-7.825l-2-2H7zm0 0V4z"
+  })
 });
 export {
-  p as PermMediaOutline
+  s as PermMediaOutline
 };

package/dist/components/icons/person-icon/PersonIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as p } from "../IconTemplate.js";
-import { jsx as t } from "react/jsx-runtime";
-var s = ({ width: o = 20, height: r = 20, className: n = "", onClick: e, color: m }) => /* @__PURE__ */ t(p, {
-  icon: "ic:round-person",
-  width: o,
-  height: r,
-  className: n,
-  onClick: e,
-  color: m
+import { getSvgIconStyle as l } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var i = ({ width: e = 20, height: o = 20, className: s = "", onClick: t, color: c }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: o,
+  viewBox: "0 0 24 24",
+  className: s,
+  onClick: t,
+  style: l(c, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4s-4 1.79-4 4s1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v1c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-1c0-2.66-5.33-4-8-4"
+  })
 });
 export {
-  s as PersonIcon
+  i as PersonIcon
 };

package/dist/components/icons/person-outline-icon/PersonOutlineIcon.js

@@ -1,13 +1,20 @@
-import { IconTemplate as i } from "../IconTemplate.js";
-import { jsx as m } from "react/jsx-runtime";
-var u = ({ width: o = 20, height: r = 20, className: n = "", onClick: e, color: t }) => /* @__PURE__ */ m(i, {
-  icon: "ic:round-person-outline",
-  width: o,
-  height: r,
-  className: n,
-  onClick: e,
-  color: t
+import { getSvgIconStyle as l } from "../iconStyle.js";
+import { jsx as r } from "react/jsx-runtime";
+var i = ({ width: e = 20, height: o = 20, className: t = "", onClick: s, color: c }) => /* @__PURE__ */ r("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: e,
+  height: o,
+  viewBox: "0 0 24 24",
+  className: t,
+  onClick: s,
+  style: l(c, !1),
+  "aria-hidden": "true",
+  focusable: "false",
+  children: /* @__PURE__ */ r("path", {
+    fill: "currentColor",
+    d: "M12 5.9a2.1 2.1 0 1 1 0 4.2a2.1 2.1 0 0 1 0-4.2m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4s4-1.79 4-4s-1.79-4-4-4m0 9c-2.67 0-8 1.34-8 4v2c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-2c0-2.66-5.33-4-8-4"
+  })
 });
 export {
-  u as PersonOutlineIcon
+  i as PersonOutlineIcon
 };