@cagatayfdn/flora-components 0.0.138 → 0.0.140

package/dist/components/Divider/Divider.js

@@ -0,0 +1,27 @@
+import { j as t } from "../../jsx-runtime-BcAkpsdy.js";
+import { DividerAppearance as _ } from "../../enums/appearance.js";
+import { c as s } from "../../index-BHf7G3IG.js";
+import '../../Divider.css';const a = "_divider_i35dl_2", o = "_grey_i35dl_2", g = "_light_i35dl_2", l = "_dark_grey_i35dl_2", i = {
+  divider: a,
+  grey: o,
+  light: g,
+  dark_grey: l,
+  "margin-15": "_margin-15_i35dl_2",
+  "margin-30": "_margin-30_i35dl_2"
+}, v = ({
+  appearance: r = _.GREY,
+  className: e,
+  margin: d = "15"
+}) => /* @__PURE__ */ t.jsx(
+  "hr",
+  {
+    "data-testid": "divider",
+    className: s(i.divider, e, {
+      [i[`${r}`]]: r,
+      [i[`margin-${d}`]]: d
+    })
+  }
+);
+export {
+  v as default
+};

package/dist/components/Drawer/Provider.js

@@ -0,0 +1,24 @@
+import { j as a } from "../../jsx-runtime-BcAkpsdy.js";
+import { createContext as c, useReducer as i, useContext as d } from "react";
+const w = {}, D = (e, r) => {
+  switch (r.type) {
+    case "OPEN_DRAWER":
+      return { ...e, [r.id]: !0 };
+    case "CLOSE_DRAWER":
+      return { ...e, [r.id]: !1 };
+    default:
+      return e;
+  }
+}, s = c(void 0), E = ({ children: e }) => {
+  const [r, o] = i(D, w), n = (t) => o({ type: "OPEN_DRAWER", id: t }), u = (t) => o({ type: "CLOSE_DRAWER", id: t });
+  return /* @__PURE__ */ a.jsx(s.Provider, { value: { state: r, openDrawer: n, closeDrawer: u }, children: e });
+}, p = () => {
+  const e = d(s);
+  if (!e)
+    throw new Error("useDrawerContext must be used within a DrawerProvider");
+  return e;
+};
+export {
+  E as DrawerProvider,
+  p as useDrawerContext
+};

package/dist/components/Drawer/index.js

@@ -0,0 +1,55 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as w } from "../../index-BHf7G3IG.js";
+import { useDrawerContext as f } from "./Provider.js";
+import h from "../Icon/index.js";
+import { useEffect as x } from "react";
+import '../../index.css';const j = "_drawer_ltlqj_2", u = "_header_ltlqj_2", y = "_body_ltlqj_2", a = {
+  drawer: j,
+  header: u,
+  body: y
+};
+function D({ id: t, children: n, title: i, onClose: d }) {
+  const { state: c, closeDrawer: l } = f(), s = c[t] || !1;
+  if (!s)
+    return null;
+  const r = () => {
+    l(t), d && d();
+  };
+  return x(() => {
+    if (!s)
+      return;
+    const o = (m) => {
+      m.key === "Escape" && r();
+    };
+    return document.addEventListener("keydown", o), () => {
+      document.removeEventListener("keydown", o);
+    };
+  }, [s, t, r]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        "data-testid": "drawer-overlay",
+        onClick: r,
+        style: {
+          position: "fixed",
+          top: 0,
+          left: 0,
+          width: "100%",
+          height: "100%",
+          background: "rgba(0, 0, 0, 0.5)",
+          zIndex: 999
+        }
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { "data-testid": "drawer", className: w(a.drawer), children: [
+      /* @__PURE__ */ e.jsxs("div", { "data-testid": "drawer-header", className: a.header, children: [
+        /* @__PURE__ */ e.jsx("div", { children: i }),
+        /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(h, { onClick: r, name: "close" }) })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { "data-testid": "drawer-body", className: a.body, children: n })
+    ] })
+  ] });
+}
+export {
+  D as default
+};

package/dist/components/Dropdown/DropdownList.js

@@ -0,0 +1,90 @@
+import { j as o } from "../../jsx-runtime-BcAkpsdy.js";
+import { useState as x, useRef as j, useEffect as k } from "react";
+import { c as d } from "../../index-BHf7G3IG.js";
+import N from "../Icon/index.js";
+import E from "../PermaLink/PermaLink.js";
+import '../../DropdownList.css';const b = "_dropdownMenu_1n5ha_2", g = "_dropdownMenu__lg_1n5ha_2", C = "_dropdownMenu__md_1n5ha_2", L = "_dropdownMenu__sm_1n5ha_2", R = "_active_1n5ha_2", $ = "_icon_1n5ha_2", y = "_title_1n5ha_2", H = "_disabled_1n5ha_2", e = {
+  dropdownMenu: b,
+  dropdownMenu__lg: g,
+  dropdownMenu__md: C,
+  dropdownMenu__sm: L,
+  active: R,
+  icon: $,
+  title: y,
+  disabled: H
+}, B = ({
+  buttonChild: m,
+  items: h,
+  footerItem: a,
+  className: w,
+  title: l,
+  titleClass: M,
+  event: r = "hover",
+  size: i = "lg",
+  isDisabled: c
+}) => {
+  const [_, t] = x(!1), u = j(null), p = (n) => {
+    const s = u.current;
+    s != null && s.contains(n.target) || t(!1);
+  };
+  k(() => (document.addEventListener("mousedown", p), () => {
+    document.removeEventListener("mousedown", p);
+  }), []);
+  const f = (n) => {
+    c || n === "click" && t(!_);
+  };
+  return /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: d("h-full flex items-center", {
+        [e.disabled]: c
+      }),
+      ref: u,
+      "data-testid": "dropdown-list",
+      children: /* @__PURE__ */ o.jsxs(
+        "div",
+        {
+          className: d(w, e.dropdownMenu, {
+            [e.disabled]: c
+          }),
+          onMouseLeave: () => r === "hover" && t(!1),
+          onMouseEnter: () => r === "hover" && t(!0),
+          onClick: () => f(r),
+          children: [
+            m,
+            /* @__PURE__ */ o.jsx(
+              "div",
+              {
+                className: d(e.dropdownMenu, {
+                  [e.active]: _,
+                  [e[`dropdownMenu__${i}`]]: i
+                }),
+                children: /* @__PURE__ */ o.jsxs("ul", { children: [
+                  l && /* @__PURE__ */ o.jsx("li", { className: d(e.title, M), children: l }),
+                  h.map((n, s) => /* @__PURE__ */ o.jsxs(
+                    "li",
+                    {
+                      "data-testid": `dropdown-item-${s}`,
+                      className: d(n.className, {
+                        [e.icon]: n.icon
+                      }),
+                      children: [
+                        n.icon && /* @__PURE__ */ o.jsx(N, { name: n.icon }),
+                        n.to ? /* @__PURE__ */ o.jsx(E, { to: n.to, children: n.text }) : /* @__PURE__ */ o.jsx("a", { onClick: (v) => n.onClick && n.onClick(v), children: n.text })
+                      ]
+                    },
+                    s
+                  )),
+                  a && a
+                ] })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  B as default
+};

package/dist/components/ErrorLogModal/ErrorLogModal.js

@@ -0,0 +1,69 @@
+import { j as o } from "../../jsx-runtime-BcAkpsdy.js";
+import { N as c } from "../../index-H7XbDVmH.js";
+import "../../index-BHf7G3IG.js";
+import "../../hooks/useAauth.js";
+import "../../assets/images/500_error_2x.gif";
+import "../../locales/i18n.js";
+import "react";
+import "../Tooltip/Tooltip.js";
+import "../../react-toastify.esm-BUWNP7Nm.js";
+import "../../utils/date.js";
+import "../Input/Input.js";
+import m from "../ScrollContainer/ScrollContainer.js";
+import "../Charts/index.js";
+import "../Checkbox/Checkbox.js";
+import "../Confirm/Confirm.js";
+import "../Datepicker/Datepicker.js";
+import t from "../Divider/Divider.js";
+import "../Drawer/Provider.js";
+import "../FileUpload/FileUpload.js";
+import x from "../Modal/Modal.js";
+import e from "../Grid/Column.js";
+import u from "../Grid/Row.js";
+import a from "../InfoDate/InfoDate.js";
+import "../../Select-BE_y91ZN.js";
+import "../Switch/Switch.js";
+import "../Textarea/Textarea.js";
+import w from "../../hooks/useNiceModal.js";
+import { u as h } from "../../useTranslation-CnCPcxVj.js";
+import { T as M } from "../../Trans-B4ILpbwK.js";
+import '../../ErrorLogModal.css';const g = "_dropdownMenu_8gwxh_2", j = "_dropdownMenu__lg_8gwxh_2", f = "_dropdownMenu__md_8gwxh_2", b = "_dropdownMenu__sm_8gwxh_2", N = "_active_8gwxh_2", v = "_icon_8gwxh_2", L = "_title_8gwxh_2", T = "_disabled_8gwxh_2", l = {
+  dropdownMenu: g,
+  dropdownMenu__lg: j,
+  dropdownMenu__md: f,
+  dropdownMenu__sm: b,
+  active: N,
+  icon: v,
+  title: L,
+  disabled: T
+}, y = ({ id: i, onClose: n, errors: s }) => {
+  const { t: d } = h(), [, _] = w(i), p = () => {
+    _(), n && n();
+  };
+  return /* @__PURE__ */ o.jsx(
+    x,
+    {
+      onClose: p,
+      className: l.realTimeLogModalStyle,
+      header: /* @__PURE__ */ o.jsx("div", { className: l.modalHeader, children: d("title.error_log") }),
+      children: /* @__PURE__ */ o.jsx(m, { children: s ? s.map((r) => /* @__PURE__ */ o.jsxs("div", { className: "container-fluid", children: [
+        /* @__PURE__ */ o.jsxs(u, { children: [
+          /* @__PURE__ */ o.jsxs(e, { children: [
+            /* @__PURE__ */ o.jsx("b", { children: `${d("label.created_date")}:` }),
+            /* @__PURE__ */ o.jsx(a, { date: r == null ? void 0 : r.created_date })
+          ] }),
+          /* @__PURE__ */ o.jsxs(e, { children: [
+            /* @__PURE__ */ o.jsx("b", { children: `${d("label.date_updated")}:` }),
+            /* @__PURE__ */ o.jsx(a, { date: r == null ? void 0 : r.update_date })
+          ] })
+        ] }),
+        /* @__PURE__ */ o.jsx(t, { className: "mt-4 mb-4" }),
+        /* @__PURE__ */ o.jsx("p", { className: "pre-line", children: r == null ? void 0 : r.log_data }),
+        /* @__PURE__ */ o.jsx(t, { className: "mt-4 mb-4" })
+      ] }, r == null ? void 0 : r.id)) : /* @__PURE__ */ o.jsx(M, { i18nKey: "text.not_found", values: { dataname: "Log" } }) })
+    }
+  );
+}, so = c.create(y);
+export {
+  so as default
+};

package/dist/components/FileUpload/FileUpload.js

@@ -0,0 +1,237 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import Z, { useState as j, useEffect as ee } from "react";
+import te from "../Icon/index.js";
+import { Notification as se } from "../Notification/Notification.js";
+import { c as ae } from "../../helper-lFjvXQpv.js";
+import { c as p } from "../../index-BHf7G3IG.js";
+import { Icons as re } from "../../assets/icons/icons.js";
+import { s as t } from "../../FileUpload.module-BxCEtOHx.js";
+import ie from "../../assets/images/oms.png";
+import { AppearanceDirection as le, NotificationAppearanceType as ne } from "../../enums/appearance.js";
+import { imageFormatValidation as oe } from "../../utils/validation.js";
+import M from "../Label/Label.js";
+import ce from "../Tooltip/Tooltip.js";
+import me from "../ValidationError/ValidationError.js";
+import de from "./LengthCard.js";
+import pe from "./PreviewModal.js";
+import { u as fe } from "../../useTranslation-CnCPcxVj.js";
+const ue = Z.forwardRef(
+  (A, W) => {
+    var O, k;
+    const {
+      name: h,
+      label: g,
+      id: $,
+      type: N = "text",
+      size: F,
+      isDisabled: v,
+      info: C,
+      error: P,
+      appearance: x,
+      description: B,
+      className: L,
+      wrapperClassName: U,
+      height: R = "40",
+      value: i,
+      fileName: _,
+      required: V,
+      onChange: o,
+      multiple: a = !1,
+      ...z
+    } = A, { t: T } = fe(), S = {
+      [t[`type__${N}`]]: N !== "text"
+    }, [c, b] = j(), [f, y] = j(), [s, u] = j([]), [q, w] = j(!1), G = p(
+      "form-group",
+      {
+        [t[`size__${F}`]]: F,
+        [t.disabled]: v,
+        [t.hidden]: N === "hidden"
+      },
+      U
+    ), H = (d) => d[0] && oe(d) ? new Promise((l, r) => {
+      const m = new FileReader();
+      m.readAsDataURL(d[0]), m.onload = () => l(m.result), m.onerror = (n) => r(n);
+    }) : ie, J = async (d) => {
+      const l = d.currentTarget.files;
+      let r = [];
+      if (!(s.length + l.length > 5)) {
+        if (a && !((s == null ? void 0 : s.length) >= 5)) {
+          const m = Object.values(l);
+          for (let n = 0; n < m.length; n++)
+            r.push(
+              ae(m[n])
+            );
+          await Promise.all(r).then((n) => {
+            var E;
+            ((E = s.filter(
+              (X) => n.some((Y) => X === Y)
+            )) == null ? void 0 : E.length) > 0 ? se({
+              message: T("text.duplicate_image_error"),
+              type: ne.ERROR
+            }) : (o && o([...s, ...n]), u([
+              ...s || [],
+              ...n
+            ]), b(l));
+          });
+          return;
+        }
+        l[0] && !a && (r = await H(l), o && o(r), y(r), b(l));
+      }
+    }, D = () => {
+      u([]), y(""), b(""), o && o("");
+    }, I = (d, l) => {
+      const r = d;
+      if (l && r.length == 1) {
+        D(), w(!1);
+        return;
+      }
+      if (l) {
+        const m = r.filter((n) => n !== l);
+        u(m), o && o(m);
+        return;
+      }
+      if (r.length == 1) {
+        D();
+        return;
+      }
+      r.length >= 0 && (u(r.slice(0, -1)), o && o(r.slice(0, -1)));
+    }, K = () => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs("div", { className: t.imageContainer, "data-testid": "fileupload-multipleimages", children: [
+        /* @__PURE__ */ e.jsx("img", { src: s[s.length - 1] }),
+        /* @__PURE__ */ e.jsx(
+          te,
+          {
+            name: re.Trash,
+            className: t.deleteIcon,
+            onClick: () => I(s)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: t.lengthContainer, children: s.length > 1 && /* @__PURE__ */ e.jsx(
+        de,
+        {
+          onCardClick: () => w(!0),
+          count: s.length - 1
+        }
+      ) })
+    ] }), Q = (d) => {
+      d.target.value = null;
+    };
+    return ee(() => {
+      i && y(i), a && i && u(i);
+    }, [i]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs("div", { className: G, "data-testid": "fileupload-container", children: [
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: p(t.container, {
+              [t[`${x}`]]: x,
+              [t.disabled]: v
+            }),
+            children: [
+              /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  className: p("flex", "w-full", {
+                    "justify-between": g,
+                    "justify-start": !g
+                  }),
+                  children: [
+                    g && /* @__PURE__ */ e.jsx(M, { appearance: x, name: h, children: g }),
+                    (C && a || C && !f && !a) && /* @__PURE__ */ e.jsxs(
+                      M,
+                      {
+                        className: t.info,
+                        appearance: x,
+                        name: h,
+                        children: [
+                          V && "*",
+                          " ",
+                          C
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  className: p({
+                    [t.selectedFileWrap]: c || i,
+                    [t.selectedFileWrap__multiple]: i || a && s.length > 0
+                  }),
+                  children: [
+                    !a && f && /* @__PURE__ */ e.jsx("img", { src: f }),
+                    a && s.length > 0 && K(),
+                    /* @__PURE__ */ e.jsxs("div", { className: t.fileGroup, children: [
+                      (c || _) && !a && /* @__PURE__ */ e.jsx(
+                        ce,
+                        {
+                          id: h,
+                          tooltipContent: c && ((O = c[0]) == null ? void 0 : O.name) || _,
+                          ellipsis: !0,
+                          direction: le.TOP,
+                          children: /* @__PURE__ */ e.jsx("span", { className: t.fileName, children: c && ((k = c[0]) == null ? void 0 : k.name) || _ })
+                        }
+                      ),
+                      /* @__PURE__ */ e.jsxs(
+                        "div",
+                        {
+                          className: p(t.fieldWrap, {
+                            [t.border__black]: !(i && !a && c),
+                            [t.border__blue]: i && !a && c,
+                            [t["mr-auto"]]: i && !a,
+                            [t[`height-${R}`]]: R && !c && !f,
+                            [t["height-40"]]: f || c,
+                            [t.fieldWrap__multiple]: i && a && s.length >= 0
+                          }),
+                          children: [
+                            /* @__PURE__ */ e.jsx(
+                              "input",
+                              {
+                                type: "file",
+                                name: h,
+                                "data-testid": "fileupload-input",
+                                id: $,
+                                className: p(
+                                  t.control,
+                                  S,
+                                  L
+                                ),
+                                disabled: v,
+                                onChange: J,
+                                onClick: Q,
+                                ref: W,
+                                multiple: a,
+                                ...z
+                              }
+                            ),
+                            /* @__PURE__ */ e.jsx("span", { children: i && !a ? T("button.edit") : B })
+                          ]
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        P && /* @__PURE__ */ e.jsx(me, { ...P })
+      ] }),
+      q && /* @__PURE__ */ e.jsx(
+        pe,
+        {
+          imagePaths: s,
+          onDelete: I,
+          onClose: () => w(!1)
+        }
+      )
+    ] });
+  }
+);
+ue.displayName = "FileUpload";
+export {
+  ue as default
+};

package/dist/components/FileUpload/ImagePreview.js

@@ -0,0 +1,19 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import o from "../Modal/Modal.js";
+import { s as i } from "../../FileUpload.module-BxCEtOHx.js";
+import { u as a } from "../../useTranslation-CnCPcxVj.js";
+const f = ({ onClose: t, src: r }) => {
+  const { t: s } = a();
+  return /* @__PURE__ */ e.jsx(
+    o,
+    {
+      onClose: t,
+      title: s("title.preview"),
+      className: i.imagePreviewModal,
+      children: /* @__PURE__ */ e.jsx("img", { src: r })
+    }
+  );
+};
+export {
+  f as default
+};

package/dist/components/FileUpload/LengthCard.js

@@ -0,0 +1,6 @@
+import { j as s } from "../../jsx-runtime-BcAkpsdy.js";
+import { s as e } from "../../FileUpload.module-BxCEtOHx.js";
+const l = ({ count: t, onCardClick: a }) => /* @__PURE__ */ s.jsx("div", { "data-testid": "fileupload-lengthcard", className: e.lengthCard, onClick: a, children: /* @__PURE__ */ s.jsx("span", { children: `+ ${t}` }) });
+export {
+  l as default
+};

package/dist/components/FileUpload/PreviewModal.js

@@ -0,0 +1,53 @@
+import { j as e } from "../../jsx-runtime-BcAkpsdy.js";
+import { useState as a } from "react";
+import n from "../Icon/index.js";
+import j from "../Modal/Modal.js";
+import { Icons as m } from "../../assets/icons/icons.js";
+import { s as r } from "../../FileUpload.module-BxCEtOHx.js";
+import u from "./ImagePreview.js";
+import { u as w } from "../../useTranslation-CnCPcxVj.js";
+const O = ({ imagePaths: i, onClose: l, onDelete: c }) => {
+  const { t: d } = w(), [p, o] = a(!1), [t, v] = a(), x = (s) => {
+    v(s), o(!0);
+  };
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      j,
+      {
+        title: d("title.edit_images"),
+        className: r.previewModal,
+        onClose: l,
+        headerClass: r.header,
+        children: /* @__PURE__ */ e.jsx("div", { className: r.pictureContainer, children: i.map((s, f) => /* @__PURE__ */ e.jsxs("div", { className: r.previewContainer, children: [
+          /* @__PURE__ */ e.jsxs("div", { className: r.preview, children: [
+            /* @__PURE__ */ e.jsx(
+              n,
+              {
+                name: m.Preview,
+                onClick: () => x(s)
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              n,
+              {
+                name: m.Trash,
+                onClick: () => c(i, s)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsx("img", { src: s })
+        ] }, f)) })
+      }
+    ),
+    p && t && /* @__PURE__ */ e.jsx(
+      u,
+      {
+        src: t,
+        onClose: () => o(!1)
+      }
+    )
+  ] });
+};
+export {
+  O as default
+};

package/dist/components/Grid/Column.js

@@ -0,0 +1,29 @@
+import { j as n } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as $ } from "../../index-BHf7G3IG.js";
+const p = ({
+  children: m,
+  auto: l = !1,
+  size: o,
+  sm: c,
+  md: s,
+  lg: a,
+  xl: t,
+  className: r
+}) => {
+  const e = $(
+    {
+      col: !o && !l,
+      "col-auto": !o && l,
+      [`col-xl-${t}`]: t,
+      [`col-lg-${a}`]: a,
+      [`col-md-${s}`]: s,
+      [`col-sm-${c}`]: c,
+      [`col-${o}`]: o && !l
+    },
+    r
+  );
+  return /* @__PURE__ */ n.jsx("div", { "data-testid": "column", className: e, children: m });
+};
+export {
+  p as default
+};

package/dist/components/Grid/Row.js

@@ -0,0 +1,6 @@
+import { j as a } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as o } from "../../index-BHf7G3IG.js";
+const m = ({ children: s, className: t }) => /* @__PURE__ */ a.jsx("div", { "data-testid": "row", className: o("row", t), children: s });
+export {
+  m as default
+};

package/dist/components/Heading/Heading.js

@@ -0,0 +1,22 @@
+import c from "react";
+import { c as o } from "../../index-BHf7G3IG.js";
+import '../../Heading.css';const m = "_h2_dcf3m_2", n = "_h1_dcf3m_2", r = {
+  h2: m,
+  h1: n
+}, f = ({
+  children: s,
+  level: e = 2,
+  className: a
+}) => {
+  const t = `h${e}`;
+  return c.createElement(
+    t,
+    {
+      className: o(r[t], a)
+    },
+    s
+  );
+};
+export {
+  f as default
+};

package/dist/components/Icon/index.js

@@ -0,0 +1,24 @@
+import { j as l } from "../../jsx-runtime-BcAkpsdy.js";
+import { c as r } from "../../index-BHf7G3IG.js";
+const f = (s) => {
+  const { name: t, onClick: a, style: o, isDisabled: e, className: c } = s, i = (n) => {
+    if (e)
+      return n.preventDefault();
+    a && a(n);
+  };
+  return /* @__PURE__ */ l.jsx(
+    "i",
+    {
+      ...s,
+      style: o,
+      "data-testid": `icon-${t}`,
+      onClick: i,
+      className: r(`icon-${t}`, c, {
+        disabled: e
+      })
+    }
+  );
+};
+export {
+  f as default
+};