@konstructio/ui 0.1.2-alpha.8 → 0.1.2-alpha.81

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

@@ -0,0 +1,23 @@
+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 {
+  l as AccountsIcon,
+  l as default
+};

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

@@ -0,0 +1,23 @@
+import { forwardRef as n } from "react";
+import { jsx as t } from "react/jsx-runtime";
+var s = n(({ size: o = 24, color: r = "currentColor", ...i }, e) => /* @__PURE__ */ t("svg", {
+  ref: e,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: o,
+  height: o,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...i,
+  children: /* @__PURE__ */ t("path", {
+    d: "M3.3335 10H3.34183M3.3335 5H3.34183M3.3335 15H3.34183M6.66683 15H8.3335M6.66683 10H8.3335M6.66683 5H8.3335M11.6668 5H16.6668M11.6668 10H16.6668M11.6668 15H16.6668",
+    stroke: r,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })
+}));
+s.displayName = "KonstructActivityIcon";
+export {
+  s as ActivityIcon,
+  s as default
+};

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

@@ -0,0 +1,20 @@
+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 {
+  a as AddChartIcon,
+  a as default
+};

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

@@ -0,0 +1,20 @@
+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 {
+  n as AlertOutlineIcon,
+  n as default
+};

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

@@ -0,0 +1,20 @@
+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 {
+  l as AppRepoIcon,
+  l as default
+};

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

@@ -0,0 +1,20 @@
+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 {
+  l as AppsIcon,
+  l as default
+};

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

@@ -0,0 +1,20 @@
+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 {
+  V as ArchivesIcon,
+  V as default
+};

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

@@ -0,0 +1,20 @@
+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 {
+  e as ArrowDownIcon,
+  e as default
+};

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

@@ -0,0 +1,20 @@
+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 {
+  w as ArrowLeftIcon,
+  w as default
+};

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

@@ -0,0 +1,20 @@
+import { forwardRef as w } from "react";
+import { jsx as o } from "react/jsx-runtime";
+var e = w(({ size: r = 24, color: t = "currentColor", ...i }, l) => /* @__PURE__ */ o("svg", {
+  ref: l,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: r,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...i,
+  children: /* @__PURE__ */ o("path", {
+    d: "M7.15833 13.825L10.975 10L7.15833 6.175L8.33333 5L13.3333 10L8.33333 15L7.15833 13.825Z",
+    fill: t
+  })
+}));
+e.displayName = "KonstructArrowRightIcon";
+export {
+  e as ArrowRightIcon,
+  e as default
+};

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

@@ -0,0 +1,20 @@
+import { forwardRef as e } from "react";
+import { jsx as o } from "react/jsx-runtime";
+var i = e(({ size: r = 24, color: t = "currentColor", ...l }, w) => /* @__PURE__ */ o("svg", {
+  ref: w,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: r,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...l,
+  children: /* @__PURE__ */ o("path", {
+    d: "M6.175 12.8417L10 9.02502L13.825 12.8417L15 11.6667L10 6.66669L5 11.6667L6.175 12.8417Z",
+    fill: t
+  })
+}));
+i.displayName = "KonstructArrowUpIcon";
+export {
+  i as ArrowUpIcon,
+  i as default
+};

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

@@ -0,0 +1,30 @@
+import { forwardRef as i } from "react";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+var f = i(({ size: a = 24, color: r = "currentColor", ...l }, h) => /* @__PURE__ */ o("svg", {
+  ref: h,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: a,
+  height: a,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...l,
+  children: [
+    /* @__PURE__ */ t("path", {
+      d: "M6.66668 7.5H3.33334V16.6667H6.66668V7.5Z",
+      fill: r
+    }),
+    /* @__PURE__ */ t("path", {
+      d: "M16.6667 10.8333H13.3333V16.6666H16.6667V10.8333Z",
+      fill: r
+    }),
+    /* @__PURE__ */ t("path", {
+      d: "M11.6667 3.33331H8.33334V16.6666H11.6667V3.33331Z",
+      fill: r
+    })
+  ]
+}));
+f.displayName = "KonstructBarChartIcon";
+export {
+  f as BarChartIcon,
+  f as default
+};

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

@@ -0,0 +1,36 @@
+import { forwardRef as i } from "react";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+var s = i(({ size: o = 24, color: t = "currentColor", ...C }, e) => /* @__PURE__ */ n("svg", {
+  ref: e,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: o,
+  height: o,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...C,
+  children: [
+    /* @__PURE__ */ r("path", {
+      d: "M16.68 1.66675C15.7525 1.66675 15 3.90508 15 6.66675H16.68C17.49 6.66675 17.8942 6.66675 18.145 6.38758C18.395 6.10758 18.3517 5.73925 18.265 5.00341C18.0333 3.05841 17.4117 1.66675 16.68 1.66675Z",
+      stroke: t,
+      strokeWidth: "1.5"
+    }),
+    /* @__PURE__ */ r("path", {
+      d: "M14.9998 6.71175V15.5384C14.9998 16.7976 14.9998 17.4276 14.6148 17.6759C13.9857 18.0809 13.0132 17.2309 12.524 16.9226C12.1198 16.6676 11.9182 16.5409 11.694 16.5334C11.4515 16.5251 11.2457 16.6476 10.809 16.9226L9.2165 17.9267C8.7865 18.1976 8.57234 18.3334 8.33317 18.3334C8.094 18.3334 7.879 18.1976 7.44984 17.9267L5.85817 16.9226C5.45317 16.6676 5.2515 16.5409 5.02734 16.5334C4.78484 16.5251 4.579 16.6476 4.14234 16.9226C3.65317 17.2309 2.68067 18.0809 2.05067 17.6759C1.6665 17.4276 1.6665 16.7984 1.6665 15.5384V6.71175C1.6665 4.33341 1.6665 3.14508 2.399 2.40591C3.13067 1.66675 4.30984 1.66675 6.6665 1.66675H16.6665M4.99984 5.00008H11.6665M6.6665 8.33341H4.99984",
+      stroke: t,
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }),
+    /* @__PURE__ */ r("path", {
+      d: "M10.4165 9.06266C9.7265 9.06266 9.1665 9.55266 9.1665 10.1568C9.1665 10.7602 9.7265 11.2502 10.4165 11.2502C11.1065 11.2502 11.6665 11.7402 11.6665 12.3443C11.6665 12.9477 11.1065 13.4377 10.4165 13.4377M10.4165 9.06266C10.9607 9.06266 11.424 9.36683 11.5957 9.79183M10.4165 9.06266V8.3335M10.4165 13.4377C9.87234 13.4377 9.409 13.1335 9.23734 12.7085M10.4165 13.4377V14.1668",
+      stroke: t,
+      strokeWidth: "1.5",
+      strokeLinecap: "round"
+    })
+  ]
+}));
+s.displayName = "KonstructBillingIcon";
+export {
+  s as BillingIcon,
+  s as default
+};

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

@@ -0,0 +1,24 @@
+import { forwardRef as i } from "react";
+import { jsx as r } from "react/jsx-runtime";
+var s = i(({ size: o = 24, color: t = "currentColor", ...e }, n) => /* @__PURE__ */ r("svg", {
+  ref: n,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: o,
+  height: o,
+  viewBox: "0 0 22 18",
+  fill: "none",
+  ...e,
+  children: /* @__PURE__ */ r("path", {
+    d: "M10.75 4.083C10.75 2.25 9.25 0.75 7.417 0.75H0.75V12.75H7.458C10.75 12.75 10.75 16.084 10.75 16.084M10.75 4.083C10.75 2.249 12.25 0.75 14.083 0.75H20.75V12.75H14.083C10.75 12.75 10.75 16.084 10.75 16.084M10.75 4.083V16.084M12.625 17.208C12.8337 16.7759 13.1587 16.4105 13.5636 16.1529C13.9685 15.8954 14.4372 15.7558 14.917 15.75H19.75M8.875 17.208C8.67016 16.7729 8.34602 16.405 7.94028 16.1469C7.53454 15.8888 7.06387 15.7511 6.583 15.75H1.75",
+    stroke: t,
+    strokeWidth: "1.5",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })
+}));
+s.displayName = "KonstructBookOpenIcon";
+export {
+  s as BookOpenIcon,
+  s as default
+};

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

@@ -0,0 +1,20 @@
+import { forwardRef as n } from "react";
+import { jsx as V } from "react/jsx-runtime";
+var a = n(({ 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: "M15.8333 3.33335H15V1.66669H13.3333V3.33335H6.66667V1.66669H5V3.33335H4.16667C3.24167 3.33335 2.50833 4.08335 2.50833 5.00002L2.5 16.6667C2.5 17.5834 3.24167 18.3334 4.16667 18.3334H15.8333C16.75 18.3334 17.5 17.5834 17.5 16.6667V5.00002C17.5 4.08335 16.75 3.33335 15.8333 3.33335ZM15.8333 16.6667H4.16667V8.33335H15.8333V16.6667ZM15.8333 6.66669H4.16667V5.00002H15.8333V6.66669ZM7.5 11.6667H5.83333V10H7.5V11.6667ZM10.8333 11.6667H9.16667V10H10.8333V11.6667ZM14.1667 11.6667H12.5V10H14.1667V11.6667ZM7.5 15H5.83333V13.3334H7.5V15ZM10.8333 15H9.16667V13.3334H10.8333V15ZM14.1667 15H12.5V13.3334H14.1667V15Z",
+    fill: o
+  })
+}));
+a.displayName = "KonstructCalendarMonthIcon";
+export {
+  a as CalendarMonthIcon,
+  a as default
+};

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

@@ -0,0 +1,20 @@
+import { forwardRef as h } from "react";
+import { jsx as r } from "react/jsx-runtime";
+var i = h(({ size: o = 24, color: t = "currentColor", ...e }, l) => /* @__PURE__ */ r("svg", {
+  ref: l,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: o,
+  height: o,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...e,
+  children: /* @__PURE__ */ r("path", {
+    d: "M7.50001 13.475L4.02501 9.99999L2.84167 11.175L7.50001 15.8333L17.5 5.83333L16.325 4.65833L7.50001 13.475Z",
+    fill: t
+  })
+}));
+i.displayName = "KonstructCheckIcon";
+export {
+  i as CheckIcon,
+  i as default
+};