@konstructio/ui 0.1.2-alpha.11 → 0.1.2-alpha.110

package/dist/Wrapper-JmStmade.js

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

package/dist/Wrapper-MmlrJppS.js

@@ -0,0 +1,224 @@
+import { t as r } from "./utils-DnIJruo0.js";
+import { LoaderIcon as he } from "./assets/icons/components/Loader.js";
+import { t as ve } from "./createLucideIcon-C7E_xycG.js";
+import { t as ge } from "./chevron-up-B8hiVgxZ.js";
+import { Typography as we } from "./components/Typography/Typography.js";
+import { i as ye, n as Ce, r as Ne, t as ke } from "./dist-LRkZdylX.js";
+import { useSelectContext as be } from "./components/Select/contexts/select.hook.js";
+import { List as Ie } from "./components/Select/components/List/List.js";
+import { inputVariants as Oe, labelVariants as ze, selectVariants as De } from "./components/Select/Select.variants.js";
+import { useSelect as je } from "./components/Select/hooks/useSelect.js";
+import { forwardRef as Le, useEffect as Re, useImperativeHandle as Ve, useMemo as Te, useRef as w } from "react";
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+var E = {
+  name: "search",
+  size: 24,
+  node: [["path", {
+    d: "m21 21-4.34-4.34",
+    key: "14j7rj"
+  }], ["circle", {
+    cx: "11",
+    cy: "11",
+    r: "8",
+    key: "4ej97u"
+  }]]
+};
+E.node;
+var Fe = ve(E), Ge = Le(({ additionalOptions: $, className: B, defaultValue: y, describedBy: b, fieldId: C, disabled: n = !1, error: c, groupedOptions: K, iconClassName: M, inputClassName: W, isInfiniteScrollEnabled: _ = !1, isLoading: I, isPortal: f = !1, isRequired: x, loadingText: q, label: l, labelAction: H, labelClassName: U, labelWrapperClassName: G, listClassName: J, listItemClassName: P, listItemSecondRowClassName: Q, name: O, noOptionsText: X, placeholder: h, portalClassName: Y, searchable: z = !1, showSearchIcon: N, theme: Z, visibleItems: ee, wrapperClassName: te, onFetchMoreOptions: ae, onBlur: re, onSearchChange: ne, ...D }, oe) => {
+  const v = `${C}-label`, j = `${C}-control`, L = `${C}-listbox`, d = w(null), R = w(null), k = w(null), le = w(0), { isOpen: o, options: i, searchTerm: ie, value: u, setCanFilter: se, setSearchTerm: ce, setValue: m, toggleOpen: V } = be(), t = Te(() => i.find(({ value: e }) => e === u), [i, u]), { isInside: ue, wrapperRef: de, wrapperInputRef: T, handleOpen: g } = je({
+    inputRef: d,
+    searchInputRef: R,
+    internalValue: t,
+    listRef: k,
+    onBlur: re
+  }), me = (e) => {
+    ue(e.relatedTarget) || V(!1);
+  }, F = () => {
+    if (!n) {
+      if (o) {
+        V(!1);
+        return;
+      }
+      g();
+    }
+  }, pe = (e) => {
+    if (!n) {
+      if (e.key === "ArrowDown") {
+        if (e.preventDefault(), !o) {
+          g();
+          return;
+        }
+        k.current?.querySelector('li:not([data-action="true"])')?.focus();
+        return;
+      }
+      e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), F());
+    }
+  };
+  Ve(oe, () => d.current, [d]), Re(() => {
+    if (y && !u) {
+      const e = i && i.find((p) => p.value === y);
+      e && m(e.value);
+    }
+  }, [
+    y,
+    i,
+    m,
+    u
+  ]);
+  const fe = (e) => {
+    const p = e.target.value;
+    se(!0), m(""), ce(p ?? ""), ne?.(p);
+    const S = i.find((xe) => xe.value.toLocaleLowerCase() === p.toLocaleLowerCase());
+    m(S ? S.value : t?.value ?? "");
+  }, A = /* @__PURE__ */ a(Ie, {
+    ref: k,
+    id: L,
+    labelledBy: l ? v : void 0,
+    additionalOptions: $,
+    className: r(f && "static top-auto mt-0", J),
+    groupedOptions: K,
+    itemClassName: P,
+    name: O,
+    wrapperInputRef: T,
+    inputRef: d,
+    options: i,
+    isLoading: !!I,
+    searchable: z,
+    listItemSecondRowClassName: Q,
+    isInfiniteScrollEnabled: _,
+    onFetchMoreOptions: ae,
+    noOptionsText: X,
+    loadingText: q,
+    visibleItems: ee
+  });
+  return /* @__PURE__ */ s("div", {
+    ref: de,
+    className: r("flex flex-col gap-2 w-full relative", te),
+    "data-theme": Z,
+    children: [l ? /* @__PURE__ */ s("div", {
+      className: r("flex items-center justify-between", G),
+      children: [/* @__PURE__ */ s("label", {
+        id: v,
+        className: r(ze({ className: U })),
+        htmlFor: j,
+        onClick: () => !n && g(),
+        children: [l, x && /* @__PURE__ */ a("span", {
+          "aria-hidden": "true",
+          className: "text-red-600 dark:text-red-500 ml-1",
+          children: "*"
+        })]
+      }), H]
+    }) : null, /* @__PURE__ */ s(ye, {
+      open: f && o,
+      children: [
+        /* @__PURE__ */ a(ke, {
+          asChild: !0,
+          children: /* @__PURE__ */ s("div", {
+            ref: T,
+            id: j,
+            className: r(De({
+              className: B,
+              hasError: !!c,
+              disabled: n
+            })),
+            role: "combobox",
+            onClick: F,
+            onKeyDown: pe,
+            "aria-expanded": o,
+            tabIndex: le.current,
+            "aria-labelledby": l ? v : void 0,
+            "aria-label": l ? void 0 : h,
+            "aria-haspopup": "listbox",
+            "aria-controls": o ? L : void 0,
+            "aria-invalid": !!c || void 0,
+            "aria-describedby": b,
+            "aria-required": x || void 0,
+            "aria-disabled": n || void 0,
+            children: [/* @__PURE__ */ s("div", {
+              className: "flex gap-2.5 items-center flex-1",
+              children: [
+                t?.leftIcon && !N && /* @__PURE__ */ a("span", {
+                  className: "w-4 h-4 flex justify-center items-center dark:text-metal-50",
+                  children: t.leftIcon
+                }),
+                N && /* @__PURE__ */ a(Fe, { 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") }),
+                z ? /* @__PURE__ */ a("input", {
+                  ref: R,
+                  type: "text",
+                  value: o ? ie : t?.label ?? u ?? "",
+                  onChange: fe,
+                  placeholder: h,
+                  className: r(Oe({ className: W }), { "text-red-700 placeholder:text-red-700": !!c }),
+                  onClick: (e) => {
+                    e.stopPropagation(), n || g();
+                  },
+                  "aria-labelledby": l ? v : void 0,
+                  "aria-label": l ? void 0 : h,
+                  "aria-invalid": !!c || void 0,
+                  "aria-describedby": b,
+                  required: x,
+                  autoComplete: "off",
+                  autoCapitalize: "words",
+                  disabled: n,
+                  tabIndex: -1,
+                  ...D
+                }) : /* @__PURE__ */ s(we, {
+                  variant: "body2",
+                  className: r("flex-1 text-zinc-400 text-sm dark:text-metal-400 flex gap-2 items-center", {
+                    "text-red-700": !!c,
+                    "select-none": !t,
+                    "text-metal-800 dark:text-metal-50": t,
+                    "text-metal-400/50 dark:text-metal-50/50": n
+                  }, t?.wrapperClassNameOnSelectedValue),
+                  children: [
+                    t?.label || h,
+                    " ",
+                    t?.showRightComponentOnselectedValue ? t?.rightComponent : null
+                  ]
+                })
+              ]
+            }), I ? /* @__PURE__ */ a(he, {
+              size: 16,
+              className: "text-metal-400 animate-spin select-none"
+            }) : !N && /* @__PURE__ */ a(ge, {
+              "data-state": o ? "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", M, {
+                "text-red-700": !!c,
+                "text-metal-400/50 dark:group-focus-within:text-zinc-500": n
+              })
+            })]
+          })
+        }),
+        /* @__PURE__ */ a("input", {
+          ref: d,
+          type: "text",
+          name: O,
+          className: "hidden",
+          "aria-hidden": "true",
+          required: x,
+          inert: !0,
+          defaultValue: t?.value ?? u ?? void 0,
+          ...D
+        }),
+        o && !f && A,
+        f && /* @__PURE__ */ a(Ne, { children: /* @__PURE__ */ a(Ce, {
+          role: "presentation",
+          align: "start",
+          sideOffset: 4,
+          className: r("z-50 w-(--radix-popover-trigger-width)", Y),
+          onOpenAutoFocus: (e) => {
+            e.preventDefault();
+          },
+          onCloseAutoFocus: (e) => {
+            e.preventDefault();
+          },
+          onBlur: me,
+          children: A
+        }) })
+      ]
+    })]
+  });
+});
+export {
+  Ge 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/AllSetCheck.js

@@ -0,0 +1,27 @@
+import { forwardRef as s } from "react";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+var h = s(({ size: t = 24, color: r = "currentColor", ...o }, i) => /* @__PURE__ */ l("svg", {
+  ref: i,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: t,
+  height: t,
+  viewBox: "0 0 82 82",
+  fill: "none",
+  ...o,
+  children: [/* @__PURE__ */ e("path", {
+    d: "M80.8425 41C80.8425 52.1811 76.2756 62.2598 68.9528 69.5039C61.7874 76.6693 51.8661 81 40.9213 81C30.0551 81 20.1339 76.5905 12.8898 69.5039C5.56693 62.2598 1 52.1811 1 41C1 18.874 18.874 1 40.9213 1C62.9685 1 80.8425 18.9528 80.8425 41Z",
+    stroke: r,
+    strokeWidth: "2",
+    strokeMiterlimit: "10"
+  }), /* @__PURE__ */ e("path", {
+    d: "M38.1994 46.3064L55.7247 28.9531L59.6617 32.8901L38.2694 53.697L38.2514 53.6789L38.1813 53.749L27.2129 42.7806L30.9432 39.0502L38.1994 46.3064Z",
+    stroke: r,
+    strokeWidth: "2",
+    strokeMiterlimit: "10"
+  })]
+}));
+h.displayName = "KonstructAllSetCheckIcon";
+export {
+  h as AllSetCheckIcon,
+  h as default
+};

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

@@ -0,0 +1,31 @@
+import { forwardRef as e } from "react";
+import { jsx as L, jsxs as a } from "react/jsx-runtime";
+var l = e(({ size: t = 24, color: C = "currentColor", ...i }, r) => /* @__PURE__ */ a("svg", {
+  ref: r,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: t,
+  height: t,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  "aria-hidden": "true",
+  ...i,
+  children: [
+    /* @__PURE__ */ L("path", {
+      d: "M17.5 16.25C17.3888 16.25 17.2831 16.2688 17.1806 16.2963L16.5206 15.6369C16.7406 15.265 16.875 14.8369 16.875 14.375C16.875 13.9131 16.7406 13.485 16.5206 13.1131L17.18 12.4538C17.2831 12.4806 17.3888 12.5 17.5 12.5C17.7472 12.5 17.9889 12.4267 18.1945 12.2893C18.4 12.152 18.5602 11.9568 18.6549 11.7284C18.7495 11.4999 18.7742 11.2486 18.726 11.0061C18.6778 10.7637 18.5587 10.5409 18.3839 10.3661C18.2091 10.1913 17.9863 10.0723 17.7439 10.024C17.5014 9.97579 17.2501 10.0005 17.0216 10.0952C16.7932 10.1898 16.598 10.35 16.4607 10.5555C16.3233 10.7611 16.25 11.0028 16.25 11.25C16.25 11.3613 16.2688 11.4669 16.2963 11.57L15.6369 12.2294C15.265 12.0094 14.8369 11.875 14.375 11.875C13.9131 11.875 13.485 12.0094 13.1131 12.2294L12.4538 11.57C12.4806 11.4669 12.5 11.3613 12.5 11.25C12.5 11.0028 12.4267 10.7611 12.2893 10.5555C12.152 10.35 11.9568 10.1898 11.7284 10.0952C11.4999 10.0005 11.2486 9.97579 11.0061 10.024C10.7637 10.0723 10.5409 10.1913 10.3661 10.3661C10.1913 10.5409 10.0723 10.7637 10.024 11.0061C9.97579 11.2486 10.0005 11.4999 10.0952 11.7284C10.1898 11.9568 10.35 12.152 10.5555 12.2893C10.7611 12.4267 11.0028 12.5 11.25 12.5C11.3613 12.5 11.4669 12.4813 11.57 12.4538L12.2294 13.1131C12.0094 13.485 11.875 13.9131 11.875 14.375C11.875 14.8369 12.0094 15.265 12.2294 15.6369L11.57 16.2963C11.4658 16.267 11.3582 16.2515 11.25 16.25C11.0028 16.25 10.7611 16.3233 10.5555 16.4607C10.35 16.598 10.1898 16.7932 10.0952 17.0216C10.0005 17.2501 9.97579 17.5014 10.024 17.7439C10.0723 17.9863 10.1913 18.2091 10.3661 18.3839C10.5409 18.5587 10.7637 18.6778 11.0061 18.726C11.2486 18.7742 11.4999 18.7495 11.7284 18.6549C11.9568 18.5602 12.152 18.4 12.2893 18.1945C12.4267 17.9889 12.5 17.7472 12.5 17.5C12.5 17.3888 12.4813 17.2831 12.4538 17.18L13.1131 16.5206C13.485 16.7406 13.9131 16.875 14.375 16.875C14.8369 16.875 15.265 16.7406 15.6369 16.5206L16.2963 17.18C16.267 17.2842 16.2515 17.3918 16.25 17.5C16.25 17.7472 16.3233 17.9889 16.4607 18.1945C16.598 18.4 16.7932 18.5602 17.0216 18.6549C17.2501 18.7495 17.5014 18.7742 17.7439 18.726C17.9863 18.6778 18.2091 18.5587 18.3839 18.3839C18.5587 18.2091 18.6778 17.9863 18.726 17.7439C18.7742 17.5014 18.7495 17.2501 18.6549 17.0216C18.5602 16.7932 18.4 16.598 18.1945 16.4607C17.9889 16.3233 17.7472 16.25 17.5 16.25ZM13.125 14.375C13.125 13.6863 13.6856 13.125 14.375 13.125C15.0644 13.125 15.625 13.6863 15.625 14.375C15.625 15.0638 15.0644 15.625 14.375 15.625C13.6856 15.625 13.125 15.0644 13.125 14.375Z",
+      fill: C
+    }),
+    /* @__PURE__ */ L("path", {
+      d: "M13.75 7.5C14.4404 7.5 15 6.94036 15 6.25C15 5.55964 14.4404 5 13.75 5C13.0596 5 12.5 5.55964 12.5 6.25C12.5 6.94036 13.0596 7.5 13.75 7.5Z",
+      fill: C
+    }),
+    /* @__PURE__ */ L("path", {
+      d: "M13.125 1.25C10.0231 1.25 7.5 3.77313 7.5 6.875C7.5 7.36188 7.56188 7.84188 7.68375 8.30688L1.25 14.7413V18.75H5.25875L9.63375 14.375L7.94188 12.6831L7.05813 13.5669L7.86625 14.375L6.8725 15.3687L6.06813 14.5594L5.18188 15.4406L5.98813 16.2525L4.74188 17.5H2.5V15.2587L8.57 9.18875L9.105 8.64687L8.98063 8.28125C8.75828 7.62277 8.69582 6.92084 8.79841 6.23345C8.90101 5.54606 9.1657 4.89295 9.57063 4.3281C9.97555 3.76324 10.5091 3.30285 11.1271 2.98498C11.7452 2.6671 12.43 2.50086 13.125 2.5C15.5375 2.5 17.5006 4.4625 17.5006 6.875H18.7506C18.7506 3.77313 16.2269 1.25 13.125 1.25Z",
+      fill: C
+    })
+  ]
+}));
+l.displayName = "KonstructApiKeyIcon";
+export {
+  l as ApiKeyIcon,
+  l 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/ArrowBack.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", ...a }, l) => /* @__PURE__ */ o("svg", {
+  ref: l,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: r,
+  height: r,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...a,
+  children: /* @__PURE__ */ o("path", {
+    d: "M16.6667 9.16669V10.8334H6.66667L11.25 15.4167L10.0667 16.6L3.46667 10L10.0667 3.40002L11.25 4.58336L6.66667 9.16669H16.6667Z",
+    fill: t
+  })
+}));
+e.displayName = "KonstructArrowBackIcon";
+export {
+  e as ArrowBackIcon,
+  e 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
+};