@webilio-xyz/webilio-vue 1.0.43 → 1.1.0

package/dist/ButtonComponent-DOEH129x.js

@@ -0,0 +1,12 @@
+import { openBlock as o, createElementBlock as e, renderSlot as n } from "vue";
+import { _ as r } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const c = {}, s = { class: "btn px-4 py-2" };
+function _(t, p) {
+  return o(), e("button", s, [
+    n(t.$slots, "default")
+  ]);
+}
+const l = /* @__PURE__ */ r(c, [["render", _]]);
+export {
+  l as B
+};

package/dist/CardTitleComponent-yoZlgZ_5.js

@@ -0,0 +1,14 @@
+import { openBlock as t, createElementBlock as o, createElementVNode as n, renderSlot as r } from "vue";
+import { _ as c } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const s = {}, l = { class: "flex items-center" }, i = { class: "inline-block text-2xl sm:text-xl font-extrabold tracking-tight" };
+function a(e, _) {
+  return t(), o("div", l, [
+    n("h1", i, [
+      r(e.$slots, "default")
+    ])
+  ]);
+}
+const f = /* @__PURE__ */ c(s, [["render", a]]);
+export {
+  f as C
+};

package/dist/ColumnDefinition-DMr-A-Xx.js

@@ -0,0 +1,38 @@
+var d = Object.defineProperty;
+var C = (e, t, s) => t in e ? d(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var i = (e, t, s) => C(e, typeof t != "symbol" ? t + "" : t, s);
+import { f as b } from "./forEach-DN2We3cJ.js";
+class x {
+  constructor(t = []) {
+    this.columns = [], b(t, (s) => {
+      this.addColumn(s);
+    });
+  }
+  addColumn(t) {
+    var s;
+    t.order || (t.order = (s = this.columns) == null ? void 0 : s.length), this.columns.push(t);
+  }
+}
+class k {
+  constructor({ name: t, key: s, formatter: o, type: n, sortable: a, filterable: l, visible: r, order: h, render: f, size: p, className: u, thClassName: y, tdClassName: m, trClassName: c } = {}) {
+    i(this, "name", "");
+    i(this, "key", "");
+    i(this, "formatter", null);
+    i(this, "render", null);
+    i(this, "type", "text");
+    i(this, "sortable", !1);
+    i(this, "filterable", !1);
+    i(this, "visible", !0);
+    i(this, "order", 0);
+    i(this, "size", "auto");
+    i(this, "className", "");
+    i(this, "thClassName", "");
+    i(this, "tdClassName", "");
+    i(this, "trClassName", "");
+    t && (this.name = t), s && (this.key = s), o && typeof o == "function" && (this.formatter = o), typeof n == "string" && (this.type = n), typeof a == "boolean" && (this.sortable = a), typeof l == "boolean" && (this.filterable = l), typeof r == "boolean" && (this.visible = r), typeof h == "number" && (this.order = h), f && typeof f == "function" && (this.render = f), typeof p < "u" && (this.size = p.toString()), typeof u == "string" && (this.className = u), typeof y == "string" && (this.thClassName = y), typeof m == "string" && (this.tdClassName = m), typeof c == "string" && (this.trClassName = c);
+  }
+}
+export {
+  k as C,
+  x as a
+};

package/dist/Component.js

@@ -0,0 +1,622 @@
+import { ref as y, openBlock as l, createElementBlock as a, createElementVNode as t, toDisplayString as m, createCommentVNode as v, computed as b, normalizeClass as k, normalizeStyle as w, Fragment as B, renderList as A, onMounted as O, createVNode as C, withModifiers as L, withCtx as j, createTextVNode as J, createBlock as $, unref as S, renderSlot as D, onBeforeUnmount as V, resolveComponent as H } from "vue";
+import { B as M } from "./ButtonComponent-DOEH129x.js";
+import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import "laravel-vue-i18n";
+import "@vuepic/vue-datepicker";
+import { u as Z, _ as G, E as K } from "./LabelComponent-CfsH2P2a.js";
+import { AkCloudUpload as W, AkChevronRightSmall as X, AkChevronDownSmall as Q, AkSend as Y } from "@kalimahapps/vue-icons";
+import { d as ee } from "./debounce-C1ND-yYU.js";
+import { a as te } from "./isObject-BD_iszZg.js";
+var oe = "Expected a function";
+function re(o, e, r) {
+  var n = !0, s = !0;
+  if (typeof o != "function")
+    throw new TypeError(oe);
+  return te(r) && (n = "leading" in r ? !!r.leading : n, s = "trailing" in r ? !!r.trailing : s), ee(o, e, {
+    leading: n,
+    maxWait: e,
+    trailing: s
+  });
+}
+const ne = {
+  key: 0,
+  class: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative",
+  role: "alert"
+}, le = { class: "font-bold" }, se = {
+  key: 0,
+  class: "block sm:inline mx-2"
+}, ae = { class: "absolute top-0 bottom-0 right-0 px-4 py-3" }, ie = /* @__PURE__ */ t("title", null, " Close ", -1), ce = /* @__PURE__ */ t("path", { d: "M14.348 14.849a1.2 1.2 0 0 1-1.697 0L10 11.819l-2.651 3.029a1.2 1.2 0 1 1-1.697-1.697l2.758-3.15-2.759-3.152a1.2 1.2 0 1 1 1.697-1.697L10 8.183l2.651-3.031a1.2 1.2 0 1 1 1.697 1.697l-2.758 3.152 2.758 3.15a1.2 1.2 0 0 1 0 1.698z" }, null, -1), ue = [
+  ie,
+  ce
+], de = {
+  __name: "AlertComponent",
+  props: {
+    alertMessage: {
+      type: String,
+      default: "Alert"
+    },
+    message: {
+      type: String,
+      default: null
+    },
+    closable: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(o) {
+    const e = y(!1);
+    return (r, n) => e.value ? v("", !0) : (l(), a("div", ne, [
+      t("strong", le, m(o.alertMessage), 1),
+      o.message ? (l(), a("span", se, m(o.message), 1)) : v("", !0),
+      t("span", ae, [
+        o.closable ? (l(), a("svg", {
+          key: 0,
+          onClick: n[0] || (n[0] = (s) => e.value = !0),
+          class: "fill-current h-6 w-6 text-red-500",
+          role: "button",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 20 20"
+        }, ue)) : v("", !0)
+      ])
+    ]));
+  }
+}, pe = ["title"], T = {
+  __name: "AvatarComponent",
+  props: {
+    name: {
+      type: String,
+      required: !0
+    },
+    size: {
+      type: Number,
+      default: 10
+    },
+    initials: {
+      type: String,
+      default: ""
+    },
+    backgroundColor: {
+      type: String,
+      default: "#e0e0e0"
+    },
+    textColor: {
+      type: String,
+      default: "#000000"
+    }
+  },
+  setup(o) {
+    const e = o, r = b(() => {
+      var s, i;
+      if (e.initials)
+        return e.initials;
+      {
+        if (!e.name)
+          return "";
+        const c = e.name.split(" ");
+        return ((s = c[0]) == null ? void 0 : s.charAt(0)) + ((i = c[1]) == null ? void 0 : i.charAt(0));
+      }
+    }), n = () => ({
+      width: e.size + "px",
+      height: e.size + "px",
+      backgroundColor: e.backgroundColor,
+      color: e.textColor,
+      fontSize: e.size / 2 + "px"
+    });
+    return (s, i) => (l(), a("abbr", {
+      title: o.name,
+      class: k(["no-underline rounded-full bg-gray-200 flex justify-center items-center text-gray-500 p-2", s.computedSizeClass]),
+      style: w(n())
+    }, m(r.value), 15, pe));
+  }
+}, me = {
+  class: "breadcrumb flex space-x-2",
+  itemscope: "",
+  itemtype: "http://schema.org/BreadcrumbList"
+}, fe = ["href"], _e = { itemprop: "name" }, ve = {
+  key: 1,
+  itemprop: "name",
+  class: "inline-block relative px-4 py-2 text-gray-500"
+}, ge = ["content"], he = {
+  __name: "BreadcrumbsComponent",
+  props: {
+    items: {
+      type: Array,
+      required: !0
+    },
+    activeItemColor: {
+      type: String,
+      default: "#0000ff"
+    },
+    hoverItemColor: {
+      type: String,
+      default: "lightsalmon"
+    }
+  },
+  setup(o) {
+    const e = o, r = (n) => ({
+      "--active-bg-color": n.active ? e.activeItemColor : "transparent",
+      "--hover-bg-color": n.active ? e.activeItemColor : e.hoverItemColor
+    });
+    return (n, s) => (l(), a("nav", null, [
+      t("ol", me, [
+        (l(!0), a(B, null, A(e.items, (i, c) => (l(), a("li", {
+          key: c,
+          class: "breadcrumb-item relative",
+          itemprop: "itemListElement",
+          itemscope: "",
+          itemtype: "http://schema.org/ListItem",
+          style: w(r(i))
+        }, [
+          c < e.items.length - 1 ? (l(), a("a", {
+            key: 0,
+            href: i.href,
+            itemprop: "item",
+            class: k(["inline-block relative px-4 py-2 text-gray-500 no-underline", o.hoverItemColor])
+          }, [
+            t("span", _e, m(i.name), 1)
+          ], 10, fe)) : (l(), a("span", ve, m(i.name), 1)),
+          t("meta", {
+            itemprop: "position",
+            content: c + 1
+          }, null, 8, ge)
+        ], 4))), 128))
+      ])
+    ]));
+  }
+}, ye = /* @__PURE__ */ R(he, [["__scopeId", "data-v-01d278b9"]]), Ce = { class: "w-full space-y-4" }, xe = { class: "flex items-center w-full" }, be = { class: "ml-2 text-gray-500" }, ke = ["id", "name", "accept", "disabled", "multiple"], $e = {
+  key: 0,
+  class: "flex flex-col space-y-2 w-full"
+}, Se = { class: "flex items-center" }, we = { class: "flex flex-col" }, ze = { class: "font-semibold text-gray-800" }, Ie = { class: "text-sm text-gray-500" }, Be = {
+  __name: "DropzoneComponent",
+  props: {
+    label: {
+      type: String,
+      default: () => "Choose the File"
+    },
+    name: String,
+    accept: String,
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    error: {
+      type: String,
+      default: () => ""
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    maxSizeInMegaBytes: {
+      type: Number,
+      default: 10
+      // in MB
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["file-selected", "file-removed"],
+  setup(o, { emit: e }) {
+    const r = e, n = o, s = y([]), i = y(null), c = y(null), p = y(null), f = (u) => u ? u.type : "", x = (u) => u ? u.size > 1024 * 1024 ? (u.size / 1024 / 1024).toFixed(2) + " MB" : (u.size / 1024).toFixed(2) + " KB" : "";
+    O(() => {
+      c.value = Z("input_group_");
+    });
+    const z = (u) => {
+      const g = n.accept.split(",").map((q) => q.trim()), _ = u.name.split(".").pop().toLowerCase(), h = n.maxSizeInMegaBytes * 1024 * 1024;
+      return g.includes(`.${_}`) ? u.size > h ? (p.value = `File size exceeds the maximum limit of ${n.maxSizeInMegaBytes} MB.`, !1) : (p.value = null, !0) : (p.value = `Invalid file type. Accepted types are: ${n.accept}`, !1);
+    }, d = (u) => {
+      const _ = Array.from(u.target.files).filter(z);
+      s.value = n.multiple ? [...s.value, ..._] : _, _.forEach((h) => r("file-selected", h)), E();
+    }, F = (u) => {
+      const _ = Array.from(u.dataTransfer.files).filter(z);
+      s.value = n.multiple ? [...s.value, ..._] : _, _.forEach((h) => r("file-selected", h)), E();
+    }, I = () => {
+      i.value.click();
+    }, U = (u) => {
+      const g = s.value.splice(u, 1)[0];
+      r("file-removed", g), E();
+    }, E = () => {
+      i.value.value = null;
+    }, N = b(() => n.error || p.value);
+    return (u, g) => (l(), a("div", Ce, [
+      C(G, {
+        for: c.value,
+        value: o.label,
+        required: o.required,
+        class: "w-full"
+      }, null, 8, ["for", "value", "required"]),
+      t("div", {
+        class: "flex flex-col items-start justify-start w-full border-2 border-dashed border-gray-300 p-2 cursor-pointer hover:border-gray-400 space-y-4",
+        onDrop: L(F, ["prevent"]),
+        onDragover: g[0] || (g[0] = L(() => {
+        }, ["prevent"]))
+      }, [
+        t("div", xe, [
+          C(M, {
+            class: "bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600",
+            onClick: I
+          }, {
+            default: j(() => [
+              J(m(u.$t("Browse")), 1)
+            ]),
+            _: 1
+          }),
+          t("span", be, m(u.$t("or drop your file here")), 1)
+        ]),
+        t("input", {
+          id: c.value,
+          ref_key: "fileInput",
+          ref: i,
+          name: o.name,
+          accept: o.accept,
+          disabled: o.disabled,
+          multiple: o.multiple,
+          type: "file",
+          class: "hidden",
+          onChange: d
+        }, null, 40, ke),
+        N.value ? (l(), $(S(K), {
+          key: 0,
+          class: "mt-2",
+          message: N.value
+        }, null, 8, ["message"])) : v("", !0)
+      ], 32),
+      s.value.length ? (l(), a("div", $e, [
+        (l(!0), a(B, null, A(s.value, (_, h) => (l(), a("div", {
+          key: h,
+          class: "flex items-center justify-between w-full"
+        }, [
+          t("div", Se, [
+            C(S(W), { class: "bg-danger text-white rounded-full w-6 h-6 p-1 m-1" }),
+            t("div", we, [
+              t("span", ze, m(_.name), 1),
+              t("span", Ie, m(f(_)) + " · " + m(x(_)), 1)
+            ])
+          ]),
+          C(M, {
+            type: "primary",
+            class: "bg-red-500 text-white px-4 py-2 rounded-lg hover:bg-red-600",
+            onClick: (q) => U(h)
+          }, {
+            default: j(() => [
+              J(m(u.$t("Remove")), 1)
+            ]),
+            _: 2
+          }, 1032, ["onClick"])
+        ]))), 128))
+      ])) : v("", !0)
+    ]));
+  }
+}, Ae = { class: "flex items-center space-x-2 w-full" }, Fe = { class: "flex-grow" }, Ee = { class: "border-t-2 pt-4" }, De = { class: "p-4 border-primary border-l-4" }, Me = {
+  __name: "FoldableComponent",
+  props: {},
+  emits: ["open", "close"],
+  setup(o, { emit: e }) {
+    const r = e, n = () => {
+      i.value = !1, r("close");
+    }, s = () => {
+      i.value = !0, r("open");
+    }, i = y(!1);
+    return (c, p) => (l(), a("div", null, [
+      t("div", Ae, [
+        t("div", null, [
+          i.value ? (l(), $(S(Q), {
+            key: 1,
+            class: "text-2xl cursor-pointer",
+            onClick: n
+          })) : (l(), $(S(X), {
+            key: 0,
+            class: "text-2xl cursor-pointer",
+            onClick: s
+          }))
+        ]),
+        t("div", Fe, [
+          D(c.$slots, "header")
+        ])
+      ]),
+      t("div", {
+        class: k([{ "h-0": !i.value }, "overflow-y-hidden duration-600 transition-all relative border-gray-500"])
+      }, [
+        t("div", Ee, [
+          t("div", De, [
+            D(c.$slots, "content")
+          ])
+        ])
+      ], 2)
+    ]));
+  }
+}, Re = {
+  __name: "InfiniteScrollComponent",
+  emits: ["scroll"],
+  setup(o, { emit: e }) {
+    const r = y(null), n = e, s = re(() => {
+      n("scroll");
+    }, 500), i = () => {
+      const c = r.value.scrollTop + r.value.clientHeight - window.innerHeight, p = document.documentElement.scrollTop;
+      c <= p && s();
+    };
+    return O(() => {
+      window.addEventListener("scroll", i);
+    }), V(() => {
+      window.removeEventListener("scroll", i);
+    }), (c, p) => (l(), a("div", {
+      ref_key: "infiniteScroller",
+      ref: r
+    }, [
+      D(c.$slots, "default")
+    ], 512));
+  }
+}, Te = { class: "flex w-full" }, Ne = { class: "flex-1 border rounded-l-2xl ml-1 p-2" }, qe = ["placeholder"], Le = { class: "border rounded-r-2xl flex items-center p-2 leading-loose cursor-pointer" }, je = {
+  __name: "NotesInputComponent",
+  props: {
+    avatar: {
+      type: Object,
+      default: () => ({
+        name: "John Doe",
+        size: 40,
+        initials: "JD",
+        backgroundColor: "#ffcc00",
+        textColor: "#ffffff"
+      })
+    },
+    inputPlaceholder: {
+      type: String,
+      default: "Écrire un commentaire"
+    }
+  },
+  setup(o) {
+    const e = o;
+    return (r, n) => (l(), a("div", Te, [
+      t("div", null, [
+        C(T, {
+          name: e.avatar.name,
+          size: e.avatar.size,
+          initials: e.avatar.initials,
+          backgroundColor: e.avatar.backgroundColor,
+          textColor: e.avatar.textColor
+        }, null, 8, ["name", "size", "initials", "backgroundColor", "textColor"])
+      ]),
+      t("div", Ne, [
+        t("input", {
+          class: "w-full h-full leading-loose no-focus-border",
+          type: "text",
+          placeholder: e.inputPlaceholder
+        }, null, 8, qe)
+      ]),
+      t("div", Le, [
+        C(S(Y), { class: "icon-size" })
+      ])
+    ]));
+  }
+}, P = /* @__PURE__ */ R(je, [["__scopeId", "data-v-6911550c"]]), Je = {
+  key: 0,
+  class: "grid grid-cols-1 gap-2 px-2"
+}, Oe = { class: "pr-2" }, Pe = { class: "flex-1" }, Ue = { class: "border rounded-2xl p-3 bg-accent-50" }, Ve = { class: "mt-2" }, He = { class: "flex" }, Ze = { class: "ml-4 mt-1 text-secondary w-full" }, Ge = ["onClick"], Ke = {
+  key: 1,
+  class: "text-center bg-accent-50 py-6 text-accent-400 rounded font-bold"
+}, We = {
+  __name: "NotesCommentComponent",
+  props: {
+    user: {
+      type: Object,
+      default: () => ({
+        name: "John Doe",
+        size: 40,
+        initials: "JD",
+        backgroundColor: "#ffcc00",
+        textColor: "#ffffff"
+      })
+    },
+    comments: {
+      type: Array,
+      default: () => [
+        {
+          id: 1,
+          parent_id: null,
+          content: "Comment content",
+          created_at: "2021-09-01T00:00:00Z",
+          user: {
+            name: "Jane Doe",
+            size: 50,
+            initials: "JD",
+            backgroundColor: "#ffcc00",
+            textColor: "#ffffff"
+          },
+          children: [
+            {
+              id: 2,
+              parent_id: 1,
+              content: "Comment content",
+              created_at: "2021-09-01T00:00:00Z",
+              user: {
+                name: "John Smith",
+                size: 40,
+                initials: "JS",
+                backgroundColor: "#00ccff",
+                textColor: "#000000"
+              },
+              children: []
+            }
+          ]
+        }
+      ]
+    },
+    createdAtTextColor: {
+      type: String,
+      default: "rgba(125,211,252, 1)"
+    }
+  },
+  setup(o) {
+    const e = o, r = y(null), n = b(() => e.comments), s = (f) => f.parent_id === null && r.value !== f.id, i = (f) => r.value === f.id, c = (f) => {
+      r.value = r.value === f.id ? null : f.id;
+    }, p = (f, x) => {
+      f.parent_id = x.id, emit("send", f), c(x);
+    };
+    return (f, x) => {
+      const z = H("NotesCommentComponent", !0);
+      return n.value.length ? (l(), a("div", Je, [
+        (l(!0), a(B, null, A(n.value, (d, F) => (l(), a("div", {
+          key: F,
+          class: "flex"
+        }, [
+          t("div", Oe, [
+            C(T, {
+              name: d.user.name,
+              size: d.user.size,
+              initials: d.user.initials,
+              backgroundColor: d.user.backgroundColor,
+              textColor: d.user.textColor
+            }, null, 8, ["name", "size", "initials", "backgroundColor", "textColor"])
+          ]),
+          t("div", Pe, [
+            t("div", Ue, [
+              t("div", null, m(d.content), 1),
+              d.created_at ? (l(), a("div", {
+                key: 0,
+                class: "text-right text-xs",
+                style: w({ color: e.createdAtTextColor })
+              }, m(new Date(d.created_at).toLocaleString()), 5)) : v("", !0)
+            ]),
+            t("div", Ve, [
+              d.children && d.children.length ? (l(), $(z, {
+                key: 0,
+                comments: d.children,
+                user: d.user
+              }, null, 8, ["comments", "user"])) : v("", !0)
+            ]),
+            t("div", He, [
+              t("div", Ze, [
+                s(d) ? (l(), a("span", {
+                  key: 0,
+                  class: "cursor-pointer hover:underline",
+                  onClick: (I) => c(d)
+                }, "Répondre", 8, Ge)) : v("", !0),
+                i(d) ? (l(), $(P, {
+                  key: 1,
+                  onSend: (I) => p(I, d)
+                }, null, 8, ["onSend"])) : v("", !0)
+              ])
+            ])
+          ])
+        ]))), 128))
+      ])) : (l(), a("div", Ke, " Aucun commentaires pour l'instant "));
+    };
+  }
+}, Xe = /* @__PURE__ */ R(We, [["__scopeId", "data-v-a7244478"]]), Qe = { class: "w-full" }, Ye = { class: "relative flex items-center justify-between w-full" }, et = { class: "mt-2 text-sm text-gray-500" }, tt = {
+  class: "absolute left-0 w-full h-1 bg-gray-300 -z-10 transform -translate-y-1/2",
+  style: { top: "32%" }
+}, ot = {
+  __name: "StepsComponent",
+  props: {
+    steps: {
+      type: Array,
+      required: !0
+    },
+    currentStep: {
+      type: Number,
+      default: 0
+    },
+    progressBarColor: {
+      type: String,
+      default: "bg-blue-500"
+    },
+    circleBorderColor: {
+      type: String,
+      default: "border-blue-500"
+    }
+  },
+  setup(o) {
+    const e = o, r = b(() => Math.min(Math.max(e.currentStep, 0), e.steps.length)), n = b(() => {
+      const s = e.steps.length - 1;
+      if (s === 0) return 0;
+      const i = r.value / s * 100;
+      return Math.min(i, 100);
+    });
+    return (s, i) => (l(), a("div", Qe, [
+      t("div", Ye, [
+        (l(!0), a(B, null, A(e.steps, (c, p) => (l(), a("div", {
+          key: p,
+          class: "flex flex-col items-center"
+        }, [
+          t("div", {
+            class: k([
+              "flex items-center justify-center h-12 w-12 text-gray-500 text-xl font-medium rounded-full bg-white border-4 transition-colors duration-500 ease-in-out",
+              {
+                [o.circleBorderColor]: p < r.value,
+                "text-blue-500": p < r.value,
+                "border-gray-300": p >= r.value
+              }
+            ])
+          }, m(p + 1), 3),
+          t("span", et, m(c), 1)
+        ]))), 128)),
+        t("div", tt, [
+          t("div", {
+            class: k(["h-full transition-all duration-500 ease-in-out", o.progressBarColor]),
+            style: w({ width: n.value + "%" })
+          }, null, 6)
+        ])
+      ])
+    ]));
+  }
+}, rt = {
+  __name: "TagComponent",
+  props: {
+    backgroundColor: {
+      type: String,
+      default: "#e0e0e0"
+    },
+    textColor: {
+      type: String,
+      default: "#000000"
+    },
+    text: {
+      type: String,
+      required: !0
+    },
+    borderRadius: {
+      type: String,
+      default: "4px"
+    }
+  },
+  setup(o) {
+    const e = o;
+    return (r, n) => (l(), a("div", {
+      style: w({
+        backgroundColor: e.backgroundColor,
+        color: e.textColor,
+        borderRadius: e.borderRadius
+      }),
+      class: "px-4 py-2 inline-block"
+    }, m(e.text), 5));
+  }
+}, mt = {
+  AlertComponent: de,
+  ButtonComponent: M,
+  AvatarComponent: T,
+  BreadcrumbsComponent: ye,
+  DropzoneComponent: Be,
+  FoldableComponent: Me,
+  InfiniteScrollComponent: Re,
+  NotesCommentComponent: Xe,
+  NotesInputComponent: P,
+  StepsComponent: ot,
+  TagComponent: rt
+};
+export {
+  de as AlertComponent,
+  T as AvatarComponent,
+  ye as BreadcrumbsComponent,
+  M as ButtonComponent,
+  Be as DropzoneComponent,
+  Me as FoldableComponent,
+  Re as InfiniteScrollComponent,
+  Xe as NotesCommentComponent,
+  P as NotesInputComponent,
+  ot as StepsComponent,
+  rt as TagComponent,
+  mt as default
+};