@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.79

package/dist/Wrapper-CjUokv72.js

@@ -0,0 +1,110 @@
+import { o as k } from "./chunk-D1xtDmiO.js";
+import { t as _ } from "./prop-types-DTnODft1.js";
+import { t as T } from "./x-BwIi6Wii.js";
+import { t as s } from "./utils-DHuiYnx1.js";
+import { Tag as S } from "./components/Tag/Tag.js";
+import { useTagSelect as C } from "./components/TagSelect/contexts/TagSelect.hook.js";
+import { List as z } from "./components/TagSelect/components/List/List.js";
+import { useTagSelect as P } from "./components/TagSelect/hooks/useTagSelect.js";
+import { labelVariants as R, tagSelectVariants as E, wrapperVariants as I } from "./components/TagSelect/TagSelect.variants.js";
+import g, { forwardRef as y, useId as L, useImperativeHandle as W } from "react";
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+var p = /* @__PURE__ */ k(_());
+function u() {
+  return u = Object.assign || function(e) {
+    for (var a = 1; a < arguments.length; a++) {
+      var r = arguments[a];
+      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, u.apply(this, arguments);
+}
+function V(e, a) {
+  if (e == null) return {};
+  var r = $(e, a), t, n;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < o.length; n++)
+      t = o[n], !(a.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function $(e, a) {
+  if (e == null) return {};
+  var r = {}, t = Object.keys(e), n, o;
+  for (o = 0; o < t.length; o++)
+    n = t[o], !(a.indexOf(n) >= 0) && (r[n] = e[n]);
+  return r;
+}
+var d = y(function(e, a) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, o = n === void 0 ? 24 : n, c = V(e, ["color", "size"]);
+  return /* @__PURE__ */ g.createElement("svg", u({
+    ref: a,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: o,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, c), /* @__PURE__ */ g.createElement("polyline", { points: "18 15 12 9 6 15" }));
+});
+d.propTypes = {
+  color: p.default.string,
+  size: p.default.oneOfType([p.default.string, p.default.number])
+};
+d.displayName = "ChevronUp";
+var K = y(({ label: e, labelClassName: a, labelWrapperClassName: r, name: t, placeholder: n = "Select a value...", theme: o, wrapperClassName: c }, w) => {
+  const h = L(), { selectedTags: v, isOpen: m, onOpen: x, onRemoveTag: O, inputRef: f } = C(), { wrapperRef: N, handleOpen: j } = P();
+  return W(w, () => f.current, [f]), /* @__PURE__ */ b("div", {
+    ref: N,
+    className: s(I({ className: c })),
+    "data-theme": o,
+    children: [
+      e ? /* @__PURE__ */ i("div", {
+        className: s(r),
+        children: /* @__PURE__ */ i("label", {
+          htmlFor: t ?? h,
+          className: s(R({ className: a })),
+          onClick: () => x(!0),
+          children: e
+        })
+      }) : null,
+      /* @__PURE__ */ b("div", {
+        id: t ?? h,
+        className: s(E()),
+        role: "combobox",
+        onClick: j,
+        "aria-expanded": m,
+        children: [v.length === 0 ? /* @__PURE__ */ i("span", {
+          className: "text-base text-inherit select-none",
+          children: n
+        }) : /* @__PURE__ */ i("div", {
+          className: "flex flex-wrap gap-1.5",
+          children: v.map((l) => /* @__PURE__ */ i(S, {
+            ...l,
+            className: "select-none",
+            rightIcon: /* @__PURE__ */ i(T, {
+              className: "w-3 h-3",
+              onClick: () => O(l)
+            }),
+            "data-value": l.label
+          }, l.id))
+        }), /* @__PURE__ */ i(d, { className: s("w-4 h-4 text-inherit transition-all duration-50 shrink-0", m ? "rotate-0" : "rotate-180") })]
+      }),
+      /* @__PURE__ */ i("input", {
+        ref: f,
+        type: "text",
+        name: t,
+        className: "hidden"
+      }),
+      m ? /* @__PURE__ */ i(z, {}) : null
+    ]
+  });
+});
+export {
+  d as n,
+  K as t
+};

package/dist/Wrapper-DEJ-hyar.js

@@ -0,0 +1,161 @@
+import { t as r } from "./utils-DHuiYnx1.js";
+import { LoaderIcon as re } from "./assets/icons/components/Loader.js";
+import { t as le } from "./createLucideIcon-BVGkzDZC.js";
+import { t as ne } from "./chevron-up-DuS9MUNr.js";
+import { Typography as se } from "./components/Typography/Typography.js";
+import { useSelectContext as oe } from "./components/Select/contexts/select.hook.js";
+import { List as ie } from "./components/Select/components/List/List.js";
+import { inputVariants as ce, labelVariants as me, selectVariants as pe } from "./components/Select/Select.variants.js";
+import { useSelect as ue } from "./components/Select/hooks/useSelect.js";
+import { forwardRef as fe, useEffect as de, useId as xe, useImperativeHandle as he, useMemo as ve, useRef as w } from "react";
+import { jsx as l, jsxs as o } from "react/jsx-runtime";
+var Ne = [["path", {
+  d: "m21 21-4.34-4.34",
+  key: "14j7rj"
+}], ["circle", {
+  cx: "11",
+  cy: "11",
+  r: "8",
+  key: "4ej97u"
+}]], Ce = le("search", Ne), Re = fe(({ additionalOptions: z, className: O, defaultValue: x, disabled: t = !1, error: f, groupedOptions: R, iconClassName: F, inputClassName: S, isInfiniteScrollEnabled: T = !1, isLoading: g, isRequired: h, label: v, labelAction: E, labelClassName: M, labelWrapperClassName: W, listClassName: _, listItemClassName: $, listItemSecondRowClassName: H, name: d, noOptionsText: P, placeholder: N, searchable: k = !1, showSearchIcon: C, theme: U, visibleItems: q, wrapperClassName: A, onFetchMoreOptions: B, onBlur: D, onSearchChange: G, ...y }, J) => {
+  const I = xe(), i = w(null), j = w(null), K = w(0), { isOpen: c, options: n, searchTerm: Q, value: s, setCanFilter: X, setSearchTerm: Y, setValue: m, toggleOpen: Z } = oe(), e = ve(() => n.find(({ value: a }) => a === s), [n, s]), { wrapperRef: ee, wrapperInputRef: L, handleOpen: V } = ue({
+    ulRef: j,
+    inputRef: i,
+    disabled: t,
+    internalValue: e,
+    onBlur: D
+  }), p = d ? `${I}-${d}` : I;
+  he(J, () => i.current, [i]), de(() => {
+    if (x && !s) {
+      const a = n && n.find((u) => u.value === x);
+      a && m(a.value);
+    }
+  }, [
+    x,
+    n,
+    m,
+    s
+  ]);
+  const te = (a) => {
+    const u = a.target.value;
+    X(!0), m(""), Y(u ?? ""), G?.(u);
+    const b = n.find((ae) => ae.value.toLocaleLowerCase() === u.toLocaleLowerCase());
+    m(b ? b.value : e?.value ?? "");
+  };
+  return /* @__PURE__ */ o("div", {
+    ref: ee,
+    className: r("flex flex-col gap-2 w-full relative", A),
+    "data-theme": U,
+    children: [
+      v ? /* @__PURE__ */ o("div", {
+        className: r("flex items-center justify-between", W),
+        children: [/* @__PURE__ */ o("label", {
+          id: p,
+          className: r(me({ className: M })),
+          htmlFor: p,
+          onClick: () => !t && V(),
+          children: [v, h && /* @__PURE__ */ l("span", {
+            className: "text-red-600 dark:text-red-500 ml-1",
+            children: "*"
+          })]
+        }), E]
+      }) : null,
+      /* @__PURE__ */ o("div", {
+        ref: L,
+        id: p,
+        className: r(pe({
+          className: O,
+          hasError: !!f,
+          disabled: t
+        })),
+        role: "combobox",
+        onClick: () => !t && Z(!c),
+        "aria-expanded": c,
+        tabIndex: K.current,
+        "aria-labelledby": p,
+        children: [/* @__PURE__ */ o("div", {
+          className: "flex gap-2.5 items-center flex-1",
+          children: [
+            e?.leftIcon && !C && /* @__PURE__ */ l("span", {
+              className: "w-4 h-4 flex justify-center items-center dark:text-metal-50",
+              children: e.leftIcon
+            }),
+            C && /* @__PURE__ */ l(Ce, { className: r("w-4", "h-4", "text-zinc-500", "select-none", "transition-colors", "duration-300", "dark:text-metal-300", "dark:group-focus-within:text-metal-50") }),
+            k ? /* @__PURE__ */ l("input", {
+              type: "text",
+              value: c ? Q : e?.label ?? s ?? "",
+              onChange: te,
+              placeholder: N,
+              className: r(ce({ className: S }), { "text-red-700 placeholder:text-red-700": !!f }),
+              onClick: (a) => {
+                a.stopPropagation(), t || V();
+              },
+              "aria-label": v || N,
+              "aria-labelledby": p,
+              required: h,
+              autoComplete: "off",
+              autoCapitalize: "words",
+              disabled: t,
+              tabIndex: -1,
+              ...y
+            }) : /* @__PURE__ */ o(se, {
+              variant: "body2",
+              className: r("flex-1 text-zinc-400 text-sm dark:text-metal-400 flex gap-2 items-center", {
+                "text-red-700": !!f,
+                "select-none": !e,
+                "text-metal-800 dark:text-metal-50": e,
+                "text-metal-400/50 dark:text-metal-50/50": t
+              }, e?.wrapperClassNameOnSelectedValue),
+              children: [
+                e?.label || N,
+                " ",
+                e?.showRightComponentOnselectedValue ? e?.rightComponent : null
+              ]
+            })
+          ]
+        }), g ? /* @__PURE__ */ l(re, {
+          size: 16,
+          className: "text-metal-400 animate-spin select-none"
+        }) : !C && /* @__PURE__ */ l(ne, {
+          "data-state": c ? "open" : "closed",
+          className: r("w-4 h-4 text-zinc-500 transition-all duration-100 data-[state=open]:rotate-0 data-[state=closed]:rotate-180 select-none dark:group-focus-within:text-metal-50", F, {
+            "text-red-700": !!f,
+            "text-metal-400/50 dark:group-focus-within:text-zinc-500": t
+          })
+        })]
+      }),
+      /* @__PURE__ */ l("input", {
+        ref: i,
+        type: "text",
+        name: d,
+        className: "hidden",
+        "aria-hidden": "true",
+        required: h,
+        inert: !0,
+        defaultValue: e?.value ?? s ?? void 0,
+        ...y
+      }),
+      c && /* @__PURE__ */ l(ie, {
+        ref: j,
+        additionalOptions: z,
+        className: _,
+        groupedOptions: R,
+        itemClassName: $,
+        name: d,
+        wrapperInputRef: L,
+        inputRef: i,
+        options: n,
+        isLoading: !!g,
+        searchable: k,
+        listItemSecondRowClassName: H,
+        isInfiniteScrollEnabled: T,
+        onFetchMoreOptions: B,
+        noOptionsText: P,
+        visibleItems: q
+      })
+    ]
+  });
+});
+export {
+  Re as t
+};

package/dist/assets/icons/components/Accounts.js

@@ -1,25 +1,23 @@
-import { jsx as p, jsxs as H } from "react/jsx-runtime";
-import { c as V } from "../../../compiler-runtime-DA41awpA.js";
-import { forwardRef as f } from "react";
-const m = f((c, n) => {
-  const C = V.c(13);
-  let L, e, l;
-  C[0] !== c ? ({
-    size: e,
-    color: l,
-    ...L
-  } = c, C[0] = c, C[1] = L, C[2] = e, C[3] = l) : (L = C[1], e = C[2], l = C[3]);
-  const s = e === void 0 ? 24 : e, i = l === void 0 ? "currentColor" : l;
-  let t, o;
-  C[4] !== i ? (t = /* @__PURE__ */ p("path", { d: "M8.5 13L3.25 13.0403V3.56481H9.75H17.25V10L18.75 11.5V1.78815H1.75V14.7881H8.5V13Z", fill: i }), o = /* @__PURE__ */ p("path", { d: "M4.99674 6.11885C4.99674 7.14249 5.8266 7.97234 6.85024 7.97234C7.87389 7.97234 8.70374 7.14249 8.70374 6.11885C8.70374 5.0952 7.87389 4.26535 6.85024 4.26535C5.8266 4.26535 4.99674 5.0952 4.99674 6.11885ZM9.48202 11.2527H4.17001V10.1118C4.17001 9.20696 4.90454 8.47244 5.80941 8.47244H7.84107C8.74594 8.47244 9.48046 9.20696 9.48046 10.1118V11.2527H9.48202ZM10.3353 5.37026H15.6458V6.11885H10.3353V5.37026ZM10.3353 7.20344H15.6458V7.95203H10.3353V7.20344ZM18.14 13.1156C18.14 13.0874 18.1166 13.064 18.0884 13.064L16.696 13.0062C16.6272 12.7499 16.5225 12.5076 16.3928 12.2841L17.3289 11.2527C17.3492 11.2308 17.3492 11.1995 17.3289 11.1792L16.8319 10.6635L16.3365 10.2009C16.3146 10.1806 16.2834 10.1806 16.2631 10.2009L15.2457 11.1527C15.0206 11.0261 14.78 10.9276 14.5252 10.862L14.4486 9.46952C14.4486 9.44139 14.4252 9.41794 14.3955 9.41794L13.6813 9.40857L13.0046 9.43513C12.9765 9.43513 12.953 9.45858 12.953 9.48827L12.914 10.8823C12.6858 10.9479 12.467 11.0401 12.2638 11.1542L11.2433 10.204C11.223 10.1822 11.1902 10.1822 11.1699 10.204L10.6494 10.6948L10.1759 11.187C10.154 11.2074 10.154 11.2402 10.1759 11.2605L11.1152 12.2904C10.987 12.5139 10.8854 12.7545 10.8151 13.0062L9.42263 13.064C9.3945 13.064 9.37106 13.0874 9.37106 13.1156L9.35387 13.8298L9.37106 14.5096C9.37106 14.5377 9.3945 14.5612 9.42263 14.5612L10.8151 14.6174C10.8839 14.8737 10.9886 15.116 11.1183 15.3394L10.1806 16.3709C10.1603 16.3928 10.1603 16.424 10.1806 16.4444L10.651 16.9335L11.173 17.4211C11.1949 17.4414 11.2261 17.4414 11.2464 17.4211L12.2638 16.4694C12.4889 16.5959 12.7311 16.6944 12.9859 16.76L13.0609 18.1525C13.0609 18.1806 13.0843 18.2041 13.114 18.2041L13.7938 18.2135L14.508 18.1869C14.5362 18.1869 14.5596 18.1634 14.5596 18.1337L14.5987 16.7413C14.8284 16.6756 15.0456 16.5819 15.2488 16.4694L16.2678 17.4195C16.2881 17.4414 16.3209 17.4414 16.3412 17.4195L16.8366 16.957L17.332 16.4412C17.3539 16.4209 17.3539 16.3881 17.332 16.3678L16.3928 15.3379C16.5209 15.1144 16.6225 14.8737 16.6928 14.619L18.0853 14.5627C18.1134 14.5627 18.1369 14.5393 18.1369 14.5111L18.1541 13.8313L18.14 13.1156ZM13.7548 15.416C12.8686 15.416 12.1513 14.6971 12.1513 13.8126C12.1513 12.9265 12.8702 12.2091 13.7548 12.2091C14.6409 12.2091 15.3582 12.928 15.3582 13.8126C15.3598 14.6971 14.6409 15.416 13.7548 15.416Z", fill: i }), C[4] = i, C[5] = t, C[6] = o) : (t = C[5], o = C[6]);
-  let r;
-  return C[7] !== L || C[8] !== n || C[9] !== s || C[10] !== t || C[11] !== o ? (r = /* @__PURE__ */ H("svg", { ref: n, xmlns: "http://www.w3.org/2000/svg", width: s, height: s, viewBox: "0 0 20 20", fill: "none", ...L, children: [
-    t,
-    o
-  ] }), C[7] = L, C[8] = n, C[9] = s, C[10] = t, C[11] = o, C[12] = r) : r = C[12], r;
-});
-m.displayName = "KonstructAccountsIcon";
+import { forwardRef as H } from "react";
+import { jsx as t, jsxs as V } from "react/jsx-runtime";
+var l = H(({ size: C = 24, color: L = "currentColor", ...o }, r) => /* @__PURE__ */ V("svg", {
+  ref: r,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: C,
+  height: C,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...o,
+  children: [/* @__PURE__ */ t("path", {
+    d: "M8.5 13L3.25 13.0403V3.56481H9.75H17.25V10L18.75 11.5V1.78815H1.75V14.7881H8.5V13Z",
+    fill: L
+  }), /* @__PURE__ */ t("path", {
+    d: "M4.99674 6.11885C4.99674 7.14249 5.8266 7.97234 6.85024 7.97234C7.87389 7.97234 8.70374 7.14249 8.70374 6.11885C8.70374 5.0952 7.87389 4.26535 6.85024 4.26535C5.8266 4.26535 4.99674 5.0952 4.99674 6.11885ZM9.48202 11.2527H4.17001V10.1118C4.17001 9.20696 4.90454 8.47244 5.80941 8.47244H7.84107C8.74594 8.47244 9.48046 9.20696 9.48046 10.1118V11.2527H9.48202ZM10.3353 5.37026H15.6458V6.11885H10.3353V5.37026ZM10.3353 7.20344H15.6458V7.95203H10.3353V7.20344ZM18.14 13.1156C18.14 13.0874 18.1166 13.064 18.0884 13.064L16.696 13.0062C16.6272 12.7499 16.5225 12.5076 16.3928 12.2841L17.3289 11.2527C17.3492 11.2308 17.3492 11.1995 17.3289 11.1792L16.8319 10.6635L16.3365 10.2009C16.3146 10.1806 16.2834 10.1806 16.2631 10.2009L15.2457 11.1527C15.0206 11.0261 14.78 10.9276 14.5252 10.862L14.4486 9.46952C14.4486 9.44139 14.4252 9.41794 14.3955 9.41794L13.6813 9.40857L13.0046 9.43513C12.9765 9.43513 12.953 9.45858 12.953 9.48827L12.914 10.8823C12.6858 10.9479 12.467 11.0401 12.2638 11.1542L11.2433 10.204C11.223 10.1822 11.1902 10.1822 11.1699 10.204L10.6494 10.6948L10.1759 11.187C10.154 11.2074 10.154 11.2402 10.1759 11.2605L11.1152 12.2904C10.987 12.5139 10.8854 12.7545 10.8151 13.0062L9.42263 13.064C9.3945 13.064 9.37106 13.0874 9.37106 13.1156L9.35387 13.8298L9.37106 14.5096C9.37106 14.5377 9.3945 14.5612 9.42263 14.5612L10.8151 14.6174C10.8839 14.8737 10.9886 15.116 11.1183 15.3394L10.1806 16.3709C10.1603 16.3928 10.1603 16.424 10.1806 16.4444L10.651 16.9335L11.173 17.4211C11.1949 17.4414 11.2261 17.4414 11.2464 17.4211L12.2638 16.4694C12.4889 16.5959 12.7311 16.6944 12.9859 16.76L13.0609 18.1525C13.0609 18.1806 13.0843 18.2041 13.114 18.2041L13.7938 18.2135L14.508 18.1869C14.5362 18.1869 14.5596 18.1634 14.5596 18.1337L14.5987 16.7413C14.8284 16.6756 15.0456 16.5819 15.2488 16.4694L16.2678 17.4195C16.2881 17.4414 16.3209 17.4414 16.3412 17.4195L16.8366 16.957L17.332 16.4412C17.3539 16.4209 17.3539 16.3881 17.332 16.3678L16.3928 15.3379C16.5209 15.1144 16.6225 14.8737 16.6928 14.619L18.0853 14.5627C18.1134 14.5627 18.1369 14.5393 18.1369 14.5111L18.1541 13.8313L18.14 13.1156ZM13.7548 15.416C12.8686 15.416 12.1513 14.6971 12.1513 13.8126C12.1513 12.9265 12.8702 12.2091 13.7548 12.2091C14.6409 12.2091 15.3582 12.928 15.3582 13.8126C15.3598 14.6971 14.6409 15.416 13.7548 15.416Z",
+    fill: L
+  })]
+}));
+l.displayName = "KonstructAccountsIcon";
 export {
-  m as AccountsIcon,
-  m as default
+  l as AccountsIcon,
+  l as default
 };

package/dist/assets/icons/components/AddChart.js

@@ -1,22 +1,20 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as d } from "../../../compiler-runtime-DA41awpA.js";
-import { forwardRef as p } from "react";
-const m = p((H, V) => {
-  const o = d.c(11);
-  let t, r, l;
-  o[0] !== H ? ({
-    size: r,
-    color: l,
-    ...t
-  } = H, o[0] = H, o[1] = t, o[2] = r, o[3] = l) : (t = o[1], r = o[2], l = o[3]);
-  const i = r === void 0 ? 24 : r, c = l === void 0 ? "currentColor" : l;
-  let e;
-  o[4] !== c ? (e = /* @__PURE__ */ n("path", { d: "M18.3333 4.16666V5.83332H15.8333V8.33332H14.1667V5.83332H11.6667V4.16666H14.1667V1.66666H15.8333V4.16666H18.3333ZM15.8333 15.8333H4.16667V4.16666H9.16667V2.49999H4.16667C3.25 2.49999 2.5 3.24999 2.5 4.16666V15.8333C2.5 16.75 3.25 17.5 4.16667 17.5H15.8333C16.75 17.5 17.5 16.75 17.5 15.8333V10.8333H15.8333V15.8333ZM12.5 10.8333V14.1667H14.1667V10.8333H12.5ZM9.16667 14.1667H10.8333V7.49999H9.16667V14.1667ZM7.5 14.1667V9.16666H5.83333V14.1667H7.5Z", fill: c }), o[4] = c, o[5] = e) : e = o[5];
-  let s;
-  return o[6] !== t || o[7] !== V || o[8] !== i || o[9] !== e ? (s = /* @__PURE__ */ n("svg", { ref: V, xmlns: "http://www.w3.org/2000/svg", width: i, height: i, viewBox: "0 0 20 20", fill: "none", ...t, children: e }), o[6] = t, o[7] = V, o[8] = i, o[9] = e, o[10] = s) : s = o[10], s;
-});
-m.displayName = "KonstructAddChartIcon";
+import { forwardRef as d } from "react";
+import { jsx as V } from "react/jsx-runtime";
+var a = d(({ size: H = 24, color: r = "currentColor", ...o }, t) => /* @__PURE__ */ V("svg", {
+  ref: t,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: H,
+  height: H,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...o,
+  children: /* @__PURE__ */ V("path", {
+    d: "M18.3333 4.16666V5.83332H15.8333V8.33332H14.1667V5.83332H11.6667V4.16666H14.1667V1.66666H15.8333V4.16666H18.3333ZM15.8333 15.8333H4.16667V4.16666H9.16667V2.49999H4.16667C3.25 2.49999 2.5 3.24999 2.5 4.16666V15.8333C2.5 16.75 3.25 17.5 4.16667 17.5H15.8333C16.75 17.5 17.5 16.75 17.5 15.8333V10.8333H15.8333V15.8333ZM12.5 10.8333V14.1667H14.1667V10.8333H12.5ZM9.16667 14.1667H10.8333V7.49999H9.16667V14.1667ZM7.5 14.1667V9.16666H5.83333V14.1667H7.5Z",
+    fill: r
+  })
+}));
+a.displayName = "KonstructAddChartIcon";
 export {
-  m as AddChartIcon,
-  m as default
+  a as AddChartIcon,
+  a as default
 };

package/dist/assets/icons/components/AlertOutline.js

@@ -1,22 +1,20 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as f } from "../../../compiler-runtime-DA41awpA.js";
-import { forwardRef as d } from "react";
-const a = d((n, c) => {
-  const t = f.c(11);
-  let o, l, r;
-  t[0] !== n ? ({
-    size: l,
-    color: r,
-    ...o
-  } = n, t[0] = n, t[1] = o, t[2] = l, t[3] = r) : (o = t[1], l = t[2], r = t[3]);
-  const i = l === void 0 ? 24 : l, p = r === void 0 ? "currentColor" : r;
-  let e;
-  t[4] !== p ? (e = /* @__PURE__ */ m("path", { d: "M12 2L1 21H23M12 6L19.53 19H4.47M11 10V14H13V10M11 16V18H13V16", fill: p }), t[4] = p, t[5] = e) : e = t[5];
-  let s;
-  return t[6] !== o || t[7] !== c || t[8] !== i || t[9] !== e ? (s = /* @__PURE__ */ m("svg", { ref: c, xmlns: "http://www.w3.org/2000/svg", width: i, height: i, viewBox: "0 0 24 24", fill: "none", ...o, children: e }), t[6] = o, t[7] = c, t[8] = i, t[9] = e, t[10] = s) : s = t[10], s;
-});
-a.displayName = "KonstructAlertOutlineIcon";
+import { forwardRef as i } from "react";
+import { jsx as t } from "react/jsx-runtime";
+var n = i(({ size: r = 24, color: o = "currentColor", ...l }, e) => /* @__PURE__ */ t("svg", {
+  ref: e,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: r,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  ...l,
+  children: /* @__PURE__ */ t("path", {
+    d: "M12 2L1 21H23M12 6L19.53 19H4.47M11 10V14H13V10M11 16V18H13V16",
+    fill: o
+  })
+}));
+n.displayName = "KonstructAlertOutlineIcon";
 export {
-  a as AlertOutlineIcon,
-  a as default
+  n as AlertOutlineIcon,
+  n as default
 };

package/dist/assets/icons/components/AppRepo.js

@@ -1,22 +1,20 @@
-import { jsx as L } from "react/jsx-runtime";
-import { c as m } from "../../../compiler-runtime-DA41awpA.js";
-import { forwardRef as f } from "react";
-const C = f((p, c) => {
-  const o = m.c(11);
-  let t, l, r;
-  o[0] !== p ? ({
-    size: l,
-    color: r,
-    ...t
-  } = p, o[0] = p, o[1] = t, o[2] = l, o[3] = r) : (t = o[1], l = o[2], r = o[3]);
-  const i = l === void 0 ? 24 : l, n = r === void 0 ? "currentColor" : r;
-  let e;
-  o[4] !== n ? (e = /* @__PURE__ */ L("path", { d: "M7.91668 7.08332L9.16668 8.33332L6.66668 10.8333L9.16668 13.3333L7.91668 14.5833L4.16668 10.8333L7.91668 7.08332ZM12.0833 14.5833L10.8333 13.3333L13.3333 10.8333L10.8333 8.33332L12.0833 7.08332L15.8333 10.8333L12.0833 14.5833ZM17.5 1.66666H2.50001C2.05798 1.66666 1.63406 1.84225 1.3215 2.15481C1.00894 2.46737 0.833344 2.8913 0.833344 3.33332V16.6667C0.833344 17.1087 1.00894 17.5326 1.3215 17.8452C1.63406 18.1577 2.05798 18.3333 2.50001 18.3333H17.5C17.942 18.3333 18.366 18.1577 18.6785 17.8452C18.9911 17.5326 19.1667 17.1087 19.1667 16.6667V3.33332C19.1667 2.8913 18.9911 2.46737 18.6785 2.15481C18.366 1.84225 17.942 1.66666 17.5 1.66666ZM17.5 16.6667H2.50001V4.99999H17.5V16.6667Z", fill: n }), o[4] = n, o[5] = e) : e = o[5];
-  let s;
-  return o[6] !== t || o[7] !== c || o[8] !== i || o[9] !== e ? (s = /* @__PURE__ */ L("svg", { ref: c, xmlns: "http://www.w3.org/2000/svg", width: i, height: i, viewBox: "0 0 20 20", fill: "none", ...t, children: e }), o[6] = t, o[7] = c, o[8] = i, o[9] = e, o[10] = s) : s = o[10], s;
-});
-C.displayName = "KonstructAppRepoIcon";
+import { forwardRef as e } from "react";
+import { jsx as r } from "react/jsx-runtime";
+var l = e(({ size: o = 24, color: p = "currentColor", ...t }, L) => /* @__PURE__ */ r("svg", {
+  ref: L,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: o,
+  height: o,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...t,
+  children: /* @__PURE__ */ r("path", {
+    d: "M7.91668 7.08332L9.16668 8.33332L6.66668 10.8333L9.16668 13.3333L7.91668 14.5833L4.16668 10.8333L7.91668 7.08332ZM12.0833 14.5833L10.8333 13.3333L13.3333 10.8333L10.8333 8.33332L12.0833 7.08332L15.8333 10.8333L12.0833 14.5833ZM17.5 1.66666H2.50001C2.05798 1.66666 1.63406 1.84225 1.3215 2.15481C1.00894 2.46737 0.833344 2.8913 0.833344 3.33332V16.6667C0.833344 17.1087 1.00894 17.5326 1.3215 17.8452C1.63406 18.1577 2.05798 18.3333 2.50001 18.3333H17.5C17.942 18.3333 18.366 18.1577 18.6785 17.8452C18.9911 17.5326 19.1667 17.1087 19.1667 16.6667V3.33332C19.1667 2.8913 18.9911 2.46737 18.6785 2.15481C18.366 1.84225 17.942 1.66666 17.5 1.66666ZM17.5 16.6667H2.50001V4.99999H17.5V16.6667Z",
+    fill: p
+  })
+}));
+l.displayName = "KonstructAppRepoIcon";
 export {
-  C as AppRepoIcon,
-  C as default
+  l as AppRepoIcon,
+  l as default
 };

package/dist/assets/icons/components/Apps.js

@@ -1,22 +1,20 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as n } from "../../../compiler-runtime-DA41awpA.js";
-import { forwardRef as m } from "react";
-const f = m((H, V) => {
-  const o = n.c(11);
-  let t, s, l;
-  o[0] !== H ? ({
-    size: s,
-    color: l,
-    ...t
-  } = H, o[0] = H, o[1] = t, o[2] = s, o[3] = l) : (t = o[1], s = o[2], l = o[3]);
-  const r = s === void 0 ? 24 : s, p = l === void 0 ? "currentColor" : l;
-  let e;
-  o[4] !== p ? (e = /* @__PURE__ */ c("path", { d: "M2.5 9.375V2.5H9.375V9.375H2.5ZM2.5 17.5V10.625H9.375V17.5H2.5ZM10.625 9.375V2.5H17.5V9.375H10.625ZM10.625 17.5V10.625H17.5V17.5H10.625ZM3.75 8.125H8.125V3.75H3.75V8.125ZM11.875 8.125H16.25V3.75H11.875V8.125ZM11.875 16.25H16.25V11.875H11.875V16.25ZM3.75 16.25H8.125V11.875H3.75V16.25Z", fill: p }), o[4] = p, o[5] = e) : e = o[5];
-  let i;
-  return o[6] !== t || o[7] !== V || o[8] !== r || o[9] !== e ? (i = /* @__PURE__ */ c("svg", { ref: V, xmlns: "http://www.w3.org/2000/svg", width: r, height: r, viewBox: "0 0 20 20", fill: "none", ...t, children: e }), o[6] = t, o[7] = V, o[8] = r, o[9] = e, o[10] = i) : i = o[10], i;
-});
-f.displayName = "KonstructAppsIcon";
+import { forwardRef as p } from "react";
+import { jsx as V } from "react/jsx-runtime";
+var l = p(({ size: H = 24, color: o = "currentColor", ...r }, t) => /* @__PURE__ */ V("svg", {
+  ref: t,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: H,
+  height: H,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...r,
+  children: /* @__PURE__ */ V("path", {
+    d: "M2.5 9.375V2.5H9.375V9.375H2.5ZM2.5 17.5V10.625H9.375V17.5H2.5ZM10.625 9.375V2.5H17.5V9.375H10.625ZM10.625 17.5V10.625H17.5V17.5H10.625ZM3.75 8.125H8.125V3.75H3.75V8.125ZM11.875 8.125H16.25V3.75H11.875V8.125ZM11.875 16.25H16.25V11.875H11.875V16.25ZM3.75 16.25H8.125V11.875H3.75V16.25Z",
+    fill: o
+  })
+}));
+l.displayName = "KonstructAppsIcon";
 export {
-  f as AppsIcon,
-  f as default
+  l as AppsIcon,
+  l as default
 };

package/dist/assets/icons/components/Archives.js

@@ -1,22 +1,20 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as H } from "../../../compiler-runtime-DA41awpA.js";
-import { forwardRef as V } from "react";
-const f = V((c, n) => {
-  const o = H.c(11);
-  let t, r, i;
-  o[0] !== c ? ({
-    size: r,
-    color: i,
-    ...t
-  } = c, o[0] = c, o[1] = t, o[2] = r, o[3] = i) : (t = o[1], r = o[2], i = o[3]);
-  const s = r === void 0 ? 24 : r, p = i === void 0 ? "currentColor" : i;
-  let e;
-  o[4] !== p ? (e = /* @__PURE__ */ m("path", { d: "M15.9259 16.6667H4.07408V8.51853H5.55557V15.1852H14.4445V8.51853H15.9259V16.6667ZM3.33334 3.33334H16.6667V7.77779H3.33334V3.33334ZM8.14816 9.25927H11.8519C12.0593 9.25927 12.2222 9.42223 12.2222 9.62964V10.7408H7.77779V9.62964C7.77779 9.42223 7.94075 9.25927 8.14816 9.25927ZM4.81482 4.81482V6.29631H15.1852V4.81482H4.81482Z", fill: p }), o[4] = p, o[5] = e) : e = o[5];
-  let l;
-  return o[6] !== t || o[7] !== n || o[8] !== s || o[9] !== e ? (l = /* @__PURE__ */ m("svg", { ref: n, xmlns: "http://www.w3.org/2000/svg", width: s, height: s, viewBox: "0 0 20 20", fill: "none", ...t, children: e }), o[6] = t, o[7] = n, o[8] = s, o[9] = e, o[10] = l) : l = o[10], l;
-});
-f.displayName = "KonstructArchivesIcon";
+import { forwardRef as H } from "react";
+import { jsx as o } from "react/jsx-runtime";
+var V = H(({ size: r = 24, color: t = "currentColor", ...e }, i) => /* @__PURE__ */ o("svg", {
+  ref: i,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: r,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...e,
+  children: /* @__PURE__ */ o("path", {
+    d: "M15.9259 16.6667H4.07408V8.51853H5.55557V15.1852H14.4445V8.51853H15.9259V16.6667ZM3.33334 3.33334H16.6667V7.77779H3.33334V3.33334ZM8.14816 9.25927H11.8519C12.0593 9.25927 12.2222 9.42223 12.2222 9.62964V10.7408H7.77779V9.62964C7.77779 9.42223 7.94075 9.25927 8.14816 9.25927ZM4.81482 4.81482V6.29631H15.1852V4.81482H4.81482Z",
+    fill: t
+  })
+}));
+V.displayName = "KonstructArchivesIcon";
 export {
-  f as ArchivesIcon,
-  f as default
+  V as ArchivesIcon,
+  V as default
 };

package/dist/assets/icons/components/ArrowDown.js

@@ -1,22 +1,20 @@
-import { jsx as w } from "react/jsx-runtime";
-import { c as m } from "../../../compiler-runtime-DA41awpA.js";
-import { forwardRef as f } from "react";
-const d = f((n, c) => {
-  const o = m.c(11);
-  let t, e, l;
-  o[0] !== n ? ({
-    size: e,
-    color: l,
-    ...t
-  } = n, o[0] = n, o[1] = t, o[2] = e, o[3] = l) : (t = o[1], e = o[2], l = o[3]);
-  const i = e === void 0 ? 24 : e, p = l === void 0 ? "currentColor" : l;
-  let r;
-  o[4] !== p ? (r = /* @__PURE__ */ w("path", { d: "M6.175 7.15833L10 10.975L13.825 7.15833L15 8.33333L10 13.3333L5 8.33333L6.175 7.15833Z", fill: p }), o[4] = p, o[5] = r) : r = o[5];
-  let s;
-  return o[6] !== t || o[7] !== c || o[8] !== i || o[9] !== r ? (s = /* @__PURE__ */ w("svg", { ref: c, xmlns: "http://www.w3.org/2000/svg", width: i, height: i, viewBox: "0 0 20 20", fill: "none", ...t, children: r }), o[6] = t, o[7] = c, o[8] = i, o[9] = r, o[10] = s) : s = o[10], s;
-});
-d.displayName = "KonstructArrowDownIcon";
+import { forwardRef as l } from "react";
+import { jsx as r } from "react/jsx-runtime";
+var e = l(({ size: o = 24, color: t = "currentColor", ...w }, n) => /* @__PURE__ */ r("svg", {
+  ref: n,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: o,
+  height: o,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...w,
+  children: /* @__PURE__ */ r("path", {
+    d: "M6.175 7.15833L10 10.975L13.825 7.15833L15 8.33333L10 13.3333L5 8.33333L6.175 7.15833Z",
+    fill: t
+  })
+}));
+e.displayName = "KonstructArrowDownIcon";
 export {
-  d as ArrowDownIcon,
-  d as default
+  e as ArrowDownIcon,
+  e as default
 };

package/dist/assets/icons/components/ArrowLeft.js

@@ -1,22 +1,20 @@
-import { jsx as p } from "react/jsx-runtime";
-import { c as m } from "../../../compiler-runtime-DA41awpA.js";
-import { forwardRef as w } from "react";
-const d = w((c, n) => {
-  const o = m.c(11);
-  let t, r, l;
-  o[0] !== c ? ({
-    size: r,
-    color: l,
-    ...t
-  } = c, o[0] = c, o[1] = t, o[2] = r, o[3] = l) : (t = o[1], r = o[2], l = o[3]);
-  const i = r === void 0 ? 24 : r, f = l === void 0 ? "currentColor" : l;
-  let e;
-  o[4] !== f ? (e = /* @__PURE__ */ p("path", { d: "M12.8417 6.175L9.02501 10L12.8417 13.825L11.6667 15L6.66668 10L11.6667 5L12.8417 6.175Z", fill: f }), o[4] = f, o[5] = e) : e = o[5];
-  let s;
-  return o[6] !== t || o[7] !== n || o[8] !== i || o[9] !== e ? (s = /* @__PURE__ */ p("svg", { ref: n, xmlns: "http://www.w3.org/2000/svg", width: i, height: i, viewBox: "0 0 20 20", fill: "none", ...t, children: e }), o[6] = t, o[7] = n, o[8] = i, o[9] = e, o[10] = s) : s = o[10], s;
-});
-d.displayName = "KonstructArrowLeftIcon";
+import { forwardRef as l } from "react";
+import { jsx as o } from "react/jsx-runtime";
+var w = l(({ size: r = 24, color: t = "currentColor", ...e }, f) => /* @__PURE__ */ o("svg", {
+  ref: f,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: r,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...e,
+  children: /* @__PURE__ */ o("path", {
+    d: "M12.8417 6.175L9.02501 10L12.8417 13.825L11.6667 15L6.66668 10L11.6667 5L12.8417 6.175Z",
+    fill: t
+  })
+}));
+w.displayName = "KonstructArrowLeftIcon";
 export {
-  d as ArrowLeftIcon,
-  d as default
+  w as ArrowLeftIcon,
+  w as default
 };