@konstructio/ui 0.1.2-alpha.82 → 0.1.2-alpha.84

package/dist/{AdditionalOptions-CRCQ5p31.js → AdditionalOptions-Cx9wU01w.js}

@@ -1,4 +1,4 @@
-import { t as i } from "./dist-bbY12nin.js";
+import { t as i } from "./dist-DXJSck4j.js";
 import { t as p } from "./utils-DHuiYnx1.js";
 import { useSelectContext as s } from "./components/Select/contexts/select.hook.js";
 import { listGroupLabelVariants as m } from "./components/Select/components/List/List.variants.js";

package/dist/{AlertDialogTrigger-Dtrr7WJM.js → AlertDialogTrigger-C-NMEoDd.js}

@@ -1,7 +1,7 @@
 import { n as u } from "./dist-ByyYBtbL.js";
 import { t as O } from "./utils-DHuiYnx1.js";
 import { a as w, s as I } from "./dist-uVUx9i0a.js";
-import { c as x, d as M, f as A, l as $, n as F, o as L, r as B, s as G, t as f, u as j } from "./dist-DG28sjv9.js";
+import { c as x, d as M, f as A, l as $, n as F, o as L, r as B, s as G, t as f, u as j } from "./dist-COY3FRYC.js";
 import { Button as W } from "./components/Button/Button.js";
 import * as i from "react";
 import { forwardRef as Y } from "react";

package/dist/{Breadcrumb-DNjDbdm5.js → Breadcrumb-C95aOsYk.js}

@@ -52,7 +52,7 @@ p.propTypes = {
   size: l.default.oneOfType([l.default.string, l.default.number])
 };
 p.displayName = "ChevronRight";
-var I = ({ "aria-label": r = "breadcrumb", className: n, steps: t, theme: e, wrapperClassName: o, ...a }) => {
+var C = ({ "aria-label": r = "breadcrumb", className: n, steps: t, theme: e, wrapperClassName: o, ...a }) => {
   const s = _();
   return /* @__PURE__ */ i("nav", {
     "aria-label": r,
@@ -61,17 +61,17 @@ var I = ({ "aria-label": r = "breadcrumb", className: n, steps: t, theme: e, wra
     children: /* @__PURE__ */ i("ol", {
       className: u(b({ className: n })),
       ...a,
-      children: t.map(({ label: f, ...h }, c) => /* @__PURE__ */ x(j, { children: [/* @__PURE__ */ i(O, {
+      children: t.map(({ label: c, ...h }, f) => /* @__PURE__ */ x(j, { children: [/* @__PURE__ */ i(O, {
         ...h,
-        label: f,
-        isLast: c === t.length - 1
-      }), c !== t.length - 1 && /* @__PURE__ */ i("li", {
+        label: c,
+        isLast: f === t.length - 1
+      }), f !== t.length - 1 && /* @__PURE__ */ i("li", {
         "aria-hidden": "true",
         children: /* @__PURE__ */ i(p, { className: "text-gray-400 w-5 h-5 mt-0.5" })
-      })] }, `${s}-${f}`))
+      })] }, `${s}-${c}`))
     })
   });
 };
 export {
-  I as t
+  C as t
 };

package/dist/{Checkbox-CRQtgvZk.js → Checkbox-Cn0UWlk8.js}

@@ -2,7 +2,7 @@ import { o as G } from "./chunk-D1xtDmiO.js";
 import { t as U } from "./prop-types-DTnODft1.js";
 import { n as B } from "./dist-ByyYBtbL.js";
 import { t as w } from "./utils-DHuiYnx1.js";
-import { a as S, r as V, s as X, t as R } from "./dist-uVUx9i0a.js";
+import { a as S, r as V, s as X, t as I } from "./dist-uVUx9i0a.js";
 import { t as J } from "./dist-DpqiA4Yn.js";
 import { t as Q } from "./dist-BL-H4bEw2.js";
 import { t as Y } from "./dist-DeVdyMHW2.js";
@@ -12,14 +12,14 @@ import * as p from "react";
 import j, { forwardRef as T, useCallback as re, useId as oe } from "react";
 import { Fragment as ne, jsx as f, jsxs as z } from "react/jsx-runtime";
 var E = /* @__PURE__ */ G(U());
-function I() {
-  return I = Object.assign || function(e) {
+function R() {
+  return R = Object.assign || function(e) {
     for (var a = 1; a < arguments.length; a++) {
       var n = arguments[a];
       for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
     }
     return e;
-  }, I.apply(this, arguments);
+  }, R.apply(this, arguments);
 }
 function ae(e, a) {
   if (e == null) return {};
@@ -40,7 +40,7 @@ function se(e, a) {
 }
 var N = T(function(e, a) {
   var n = e.color, r = n === void 0 ? "currentColor" : n, o = e.size, t = o === void 0 ? 24 : o, l = ae(e, ["color", "size"]);
-  return /* @__PURE__ */ j.createElement("svg", I({
+  return /* @__PURE__ */ j.createElement("svg", R({
     ref: a,
     xmlns: "http://www.w3.org/2000/svg",
     width: t,
@@ -95,7 +95,7 @@ var L = "CheckboxTrigger", M = p.forwardRef(({ __scopeCheckbox: e, onKeyDown: a,
       const c = () => d(v.current);
       return s.addEventListener("reset", c), () => s.removeEventListener("reset", c);
     }
-  }, [t, d]), /* @__PURE__ */ f(R.button, {
+  }, [t, d]), /* @__PURE__ */ f(I.button, {
     type: "button",
     role: "checkbox",
     "aria-checked": g(i) ? "mixed" : i,
@@ -131,7 +131,7 @@ var q = p.forwardRef((e, a) => {
       ...d,
       ref: a,
       __scopeCheckbox: n
-    }), u && /* @__PURE__ */ f($, { __scopeCheckbox: n })] })
+    }), u && /* @__PURE__ */ f(D, { __scopeCheckbox: n })] })
   });
 });
 q.displayName = P;
@@ -139,7 +139,7 @@ var F = "CheckboxIndicator", A = p.forwardRef((e, a) => {
   const { __scopeCheckbox: n, forceMount: r, ...o } = e, t = O(F, n);
   return /* @__PURE__ */ f(J, {
     present: r || g(t.checked) || t.checked === !0,
-    children: /* @__PURE__ */ f(R.span, {
+    children: /* @__PURE__ */ f(I.span, {
       "data-state": H(t.checked),
       "data-disabled": t.disabled ? "" : void 0,
       ...o,
@@ -152,8 +152,8 @@ var F = "CheckboxIndicator", A = p.forwardRef((e, a) => {
   });
 });
 A.displayName = F;
-var D = "CheckboxBubbleInput", $ = p.forwardRef(({ __scopeCheckbox: e, ...a }, n) => {
-  const { control: r, hasConsumerStoppedPropagationRef: o, checked: t, defaultChecked: l, required: h, disabled: i, name: b, value: k, form: d, bubbleInput: u, setBubbleInput: x } = O(D, e), C = B(n, x), m = Q(t), v = Y(r);
+var $ = "CheckboxBubbleInput", D = p.forwardRef(({ __scopeCheckbox: e, ...a }, n) => {
+  const { control: r, hasConsumerStoppedPropagationRef: o, checked: t, defaultChecked: l, required: h, disabled: i, name: b, value: k, form: d, bubbleInput: u, setBubbleInput: x } = O($, e), C = B(n, x), m = Q(t), v = Y(r);
   p.useEffect(() => {
     const c = u;
     if (!c) return;
@@ -169,7 +169,7 @@ var D = "CheckboxBubbleInput", $ = p.forwardRef(({ __scopeCheckbox: e, ...a }, n
     o
   ]);
   const s = p.useRef(g(t) ? !1 : t);
-  return /* @__PURE__ */ f(R.input, {
+  return /* @__PURE__ */ f(I.input, {
     type: "checkbox",
     "aria-hidden": !0,
     defaultChecked: l ?? s.current,
@@ -192,7 +192,7 @@ var D = "CheckboxBubbleInput", $ = p.forwardRef(({ __scopeCheckbox: e, ...a }, n
     }
   });
 });
-$.displayName = D;
+D.displayName = $;
 function de(e) {
   return typeof e == "function";
 }

package/dist/{Combination-DiOw6ItW.js → Combination-DUTBK_qM.js}

@@ -221,7 +221,7 @@ var ge = function() {
       };
     }, [t && r]);
   };
-}, q = function() {
+}, $ = function() {
   var e = ye(), t = function(r) {
     var n = r.styles, a = r.dynamic;
     return e(n, a), null;
@@ -250,7 +250,7 @@ var ge = function() {
     right: t[2],
     gap: Math.max(0, n - r + t[2] - t[0])
   };
-}, pe = q(), T = "data-scroll-locked", Ce = function(e, t, r, n) {
+}, pe = $(), T = "data-scroll-locked", Ce = function(e, t, r, n) {
   var a = e.left, c = e.top, f = e.right, u = e.gap;
   return r === void 0 && (r = "margin"), `
   .`.concat(re, ` {
@@ -322,18 +322,18 @@ if (typeof window < "u") try {
 }
 var P = Y ? { passive: !1 } : !1, ke = function(e) {
   return e.tagName === "TEXTAREA";
-}, J = function(e, t) {
+}, q = function(e, t) {
   if (!(e instanceof Element)) return !1;
   var r = window.getComputedStyle(e);
   return r[t] !== "hidden" && !(r.overflowY === r.overflowX && !ke(e) && r[t] === "visible");
 }, Pe = function(e) {
-  return J(e, "overflowY");
+  return q(e, "overflowY");
 }, Ne = function(e) {
-  return J(e, "overflowX");
+  return q(e, "overflowX");
 }, Z = function(e, t) {
   var r = t.ownerDocument, n = t;
   do {
-    if (typeof ShadowRoot < "u" && n instanceof ShadowRoot && (n = n.host), $(e, n)) {
+    if (typeof ShadowRoot < "u" && n instanceof ShadowRoot && (n = n.host), J(e, n)) {
       var a = ee(e, n);
       if (a[1] > a[2]) return !0;
     }
@@ -352,7 +352,7 @@ var P = Y ? { passive: !1 } : !1, ke = function(e) {
     e.scrollWidth,
     e.clientWidth
   ];
-}, $ = function(e, t) {
+}, J = function(e, t) {
   return e === "v" ? Pe(t) : Ne(t);
 }, ee = function(e, t) {
   return e === "v" ? Te(t) : Me(t);
@@ -363,7 +363,7 @@ var P = Y ? { passive: !1 } : !1, ke = function(e) {
   do {
     if (!u) break;
     var E = ee(e, u), R = E[0], o = E[1] - E[2] - c * R;
-    (R || o) && $(e, u) && (b += o, C += R);
+    (R || o) && J(e, u) && (b += o, C += R);
     var l = u.parentNode;
     u = l && l.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? l.host : l;
   } while (!v && u !== document.body || v && (t.contains(u) || t === u));
@@ -383,7 +383,7 @@ var P = Y ? { passive: !1 } : !1, ke = function(e) {
 `);
 }, Ie = 0, N = [];
 function Oe(e) {
-  var t = i.useRef([]), r = i.useRef([0, 0]), n = i.useRef(), a = i.useState(Ie++)[0], c = i.useState(q)[0], f = i.useRef(e);
+  var t = i.useRef([]), r = i.useRef([0, 0]), n = i.useRef(), a = i.useState(Ie++)[0], c = i.useState($)[0], f = i.useRef(e);
   i.useEffect(function() {
     f.current = e;
   }, [e]), i.useEffect(function() {

package/dist/{CommandInput-CLn5OaH8.js → CommandInput-BKv-EZ7T.js}

@@ -1,10 +1,10 @@
 import { o as v } from "./chunk-D1xtDmiO.js";
 import { t as y } from "./prop-types-DTnODft1.js";
-import { t as f } from "./utils-DHuiYnx1.js";
+import { t as c } from "./utils-DHuiYnx1.js";
 import { inputVariants as g, searchInconInputVariants as h } from "./components/Command/Command.variants.js";
-import { t as c } from "./dist-CUwKSQtF.js";
+import { t as m } from "./dist-DNSmoWJp.js";
 import p, { forwardRef as u } from "react";
-import { jsx as m, jsxs as b } from "react/jsx-runtime";
+import { jsx as f, jsxs as b } from "react/jsx-runtime";
 var a = /* @__PURE__ */ v(y());
 function s() {
   return s = Object.assign || function(r) {
@@ -64,13 +64,13 @@ l.displayName = "Search";
 var j = u(({ className: r, ...n }, t) => /* @__PURE__ */ b("div", {
   className: "flex items-center px-3 border-b border-neutral-900/35",
   "cmdk-input-wrapper": "",
-  children: [/* @__PURE__ */ m(l, { className: f(h({ className: r })) }), /* @__PURE__ */ m(c.Input, {
+  children: [/* @__PURE__ */ f(l, { className: c(h({ className: r })) }), /* @__PURE__ */ f(m.Input, {
     ref: t,
-    className: f(g({ className: r })),
+    className: c(g({ className: r })),
     ...n
   })]
 }));
-j.displayName = c.Input.displayName;
+j.displayName = m.Input.displayName;
 export {
   j as t
 };

package/dist/{Counter-CH_5cCac.js → Counter-DtQu_T-D.js}

@@ -1,11 +1,11 @@
 import { o as W } from "./chunk-D1xtDmiO.js";
 import { t as M } from "./prop-types-DTnODft1.js";
-import { t as j } from "./dist-BpTK1H2d.js";
+import { t as j } from "./dist-CBnErrr1.js";
 import { t as f } from "./utils-DHuiYnx1.js";
 import { Typography as T } from "./components/Typography/Typography.js";
 import { buttonVariants as N, counterVariants as V, labelVariants as C } from "./components/Counter/Counter.variants.js";
-import m, { forwardRef as g, useCallback as k, useId as S } from "react";
-import { jsx as c, jsxs as p } from "react/jsx-runtime";
+import m, { forwardRef as g, useCallback as k, useId as R } from "react";
+import { jsx as u, jsxs as p } from "react/jsx-runtime";
 var a = /* @__PURE__ */ W(M());
 function h() {
   return h = Object.assign || function(e) {
@@ -16,9 +16,9 @@ function h() {
     return e;
   }, h.apply(this, arguments);
 }
-function B(e, o) {
+function S(e, o) {
   if (e == null) return {};
-  var r = D(e, o), t, n;
+  var r = B(e, o), t, n;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(e);
     for (n = 0; n < i.length; n++)
@@ -26,7 +26,7 @@ function B(e, o) {
   }
   return r;
 }
-function D(e, o) {
+function B(e, o) {
   if (e == null) return {};
   var r = {}, t = Object.keys(e), n, i;
   for (i = 0; i < t.length; i++)
@@ -34,7 +34,7 @@ function D(e, o) {
   return r;
 }
 var O = g(function(e, o) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, l = B(e, ["color", "size"]);
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, l = S(e, ["color", "size"]);
   return /* @__PURE__ */ m.createElement("svg", h({
     ref: o,
     xmlns: "http://www.w3.org/2000/svg",
@@ -67,7 +67,7 @@ function b() {
     return e;
   }, b.apply(this, arguments);
 }
-function R(e, o) {
+function D(e, o) {
   if (e == null) return {};
   var r = q(e, o), t, n;
   if (Object.getOwnPropertySymbols) {
@@ -85,7 +85,7 @@ function q(e, o) {
   return r;
 }
 var w = g(function(e, o) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, l = R(e, ["color", "size"]);
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, l = D(e, ["color", "size"]);
   return /* @__PURE__ */ m.createElement("svg", b({
     ref: o,
     xmlns: "http://www.w3.org/2000/svg",
@@ -115,16 +115,16 @@ w.propTypes = {
 };
 w.displayName = "Plus";
 var X = g(({ canDecrement: e = !0, canIncrement: o = !0, className: r, decrementButtonClassName: t, incrementButtonClassName: n, isRequired: i, label: l, labelWrapperClassName: P, max: y = -1 / 0, min: v = 1 / 0, name: x, theme: _, value: z, onChange: d }, I) => {
-  const E = S(), s = z ?? 0, L = k(() => {
-    let u = 0;
-    v === 1 / 0 ? u = s - 1 : u = Math.max(v, s - 1), d?.({ target: { value: u } });
+  const E = R(), s = z ?? 0, L = k(() => {
+    let c = 0;
+    v === 1 / 0 ? c = s - 1 : c = Math.max(v, s - 1), d?.({ target: { value: c } });
   }, [
     s,
     v,
     d
   ]), $ = k(() => {
-    let u = 0;
-    y === -1 / 0 ? u = s + 1 : u = Math.min(y, s + 1), d?.({ target: { value: u } });
+    let c = 0;
+    y === -1 / 0 ? c = s + 1 : c = Math.min(y, s + 1), d?.({ target: { value: c } });
   }, [
     s,
     y,
@@ -133,7 +133,7 @@ var X = g(({ canDecrement: e = !0, canIncrement: o = !0, className: r, decrement
   return /* @__PURE__ */ p("div", {
     className: "flex flex-col gap-2",
     "data-theme": _,
-    children: [l ? /* @__PURE__ */ c("div", {
+    children: [l ? /* @__PURE__ */ u("div", {
       className: f(P),
       children: /* @__PURE__ */ p(T, {
         component: "label",
@@ -143,7 +143,7 @@ var X = g(({ canDecrement: e = !0, canIncrement: o = !0, className: r, decrement
         children: [
           "Number of nodes",
           " ",
-          i && /* @__PURE__ */ c("span", {
+          i && /* @__PURE__ */ u("span", {
             className: "text-red-600 dark:text-red-500",
             children: "*"
           })
@@ -161,9 +161,9 @@ var X = g(({ canDecrement: e = !0, canIncrement: o = !0, className: r, decrement
             className: t
           })),
           disabled: !e,
-          children: [/* @__PURE__ */ c(O, { className: "w-4 h-4" }), /* @__PURE__ */ c(j, { children: "Decrement" })]
+          children: [/* @__PURE__ */ u(O, { className: "w-4 h-4" }), /* @__PURE__ */ u(j, { children: "Decrement" })]
         }),
-        /* @__PURE__ */ c("input", {
+        /* @__PURE__ */ u("input", {
           ref: I,
           type: "number",
           value: s,
@@ -180,7 +180,7 @@ var X = g(({ canDecrement: e = !0, canIncrement: o = !0, className: r, decrement
             className: n
           })),
           disabled: !o,
-          children: [/* @__PURE__ */ c(w, { className: "w-4 h-4" }), /* @__PURE__ */ c(j, { children: "Increment" })]
+          children: [/* @__PURE__ */ u(w, { className: "w-4 h-4" }), /* @__PURE__ */ u(j, { children: "Increment" })]
         })
       ]
     })]

package/dist/{Input-t3DjCWy0.js → Input-GBMxM3Z7.js}

@@ -5,7 +5,7 @@ import { SearchIcon as S } from "./assets/icons/components/Search.js";
 import { WarningIcon as T } from "./assets/icons/components/Warning.js";
 import { Typography as m } from "./components/Typography/Typography.js";
 import { inputVariants as M } from "./components/Input/Input.variants.js";
-import p, { forwardRef as y, useId as C, useRef as A, useState as B } from "react";
+import p, { forwardRef as y, useId as C, useRef as R, useState as A } from "react";
 import { jsx as s, jsxs as d } from "react/jsx-runtime";
 var l = /* @__PURE__ */ W($());
 function g() {
@@ -17,7 +17,7 @@ function g() {
     return t;
   }, g.apply(this, arguments);
 }
-function R(t, r) {
+function B(t, r) {
   if (t == null) return {};
   var n = q(t, r), e, a;
   if (Object.getOwnPropertySymbols) {
@@ -35,7 +35,7 @@ function q(t, r) {
   return n;
 }
 var x = y(function(t, r) {
-  var n = t.color, e = n === void 0 ? "currentColor" : n, a = t.size, o = a === void 0 ? 24 : a, c = R(t, ["color", "size"]);
+  var n = t.color, e = n === void 0 ? "currentColor" : n, a = t.size, o = a === void 0 ? 24 : a, c = B(t, ["color", "size"]);
   return /* @__PURE__ */ p.createElement("svg", g({
     ref: r,
     xmlns: "http://www.w3.org/2000/svg",
@@ -110,7 +110,7 @@ w.propTypes = {
 };
 w.displayName = "Eye";
 var K = y(({ className: t, error: r, helperText: n, helperTextClassName: e, isRequired: a = !1, isSearch: o = !1, label: c, labelAction: O, labelClassName: j, labelWrapperClassName: k, name: N, theme: E, type: f = "text", ...P }, _) => {
-  const b = C(), z = A(f === "password"), [h, I] = B(() => f !== "password"), u = typeof r == "string" && r.length >= 0, L = h ? w : x;
+  const b = C(), z = R(f === "password"), [h, I] = A(() => f !== "password"), u = typeof r == "string" && r.length >= 0, L = h ? w : x;
   return /* @__PURE__ */ d("div", {
     className: "flex flex-col gap-2 w-full relative",
     "data-theme": E,

package/dist/{Modal-_XSbN0WP.js → Modal-DbTe8PVX.js}

@@ -1,7 +1,7 @@
 import { t as F } from "./x-BwIi6Wii.js";
-import { t as k } from "./dist-BpTK1H2d.js";
+import { t as k } from "./dist-CBnErrr1.js";
 import { t as h } from "./utils-DHuiYnx1.js";
-import { t as w } from "./Combination-DiOw6ItW.js";
+import { t as w } from "./Combination-DUTBK_qM.js";
 import { t as A } from "./proxy-uLtw-ZML.js";
 import { Body as N } from "./components/Modal/components/Body/Body.js";
 import { Footer as R } from "./components/Modal/components/Footer/Footer.js";

package/dist/{Spinner-DWxsFSVh.js → Spinner-CyuXAaC8.js}

@@ -1,4 +1,4 @@
-import { n as m } from "./dist-BpTK1H2d.js";
+import { n as m } from "./dist-CBnErrr1.js";
 import { t as L } from "./utils-DHuiYnx1.js";
 import { Typography as d } from "./components/Typography/Typography.js";
 import { spinnerIconVariants as k, spinnerVariants as g } from "./components/Spinner/Spinner.variants.js";

package/dist/{Toast-8BbU25GW.js → Toast-D7GhS4fm.js}

@@ -1,7 +1,7 @@
 import { t as ge } from "./x-BwIi6Wii.js";
 import { n as ie } from "./dist-ByyYBtbL.js";
-import { t as Y } from "./dist-bbY12nin.js";
-import { t as be } from "./dist-BpTK1H2d.js";
+import { t as Y } from "./dist-DXJSck4j.js";
+import { t as be } from "./dist-CBnErrr1.js";
 import { t as W } from "./utils-DHuiYnx1.js";
 import { CheckCircleFilledIcon as Se } from "./assets/icons/components/CheckCircleFilled.js";
 import { ErrorIcon as Ne } from "./assets/icons/components/Error.js";
@@ -9,9 +9,9 @@ import { InformationOutlineIcon as Ae } from "./assets/icons/components/Informat
 import { WarningTriangleIcon as _e } from "./assets/icons/components/WarningTriangle.js";
 import { a as g, i as De, n as Ie, r as Le, s as Fe, t as _ } from "./dist-uVUx9i0a.js";
 import { t as $ } from "./dist-C8r5DW7s.js";
-import { i as Me, n as ke, t as Oe } from "./dist-Dhq9W8Kh.js";
+import { i as Me, n as ke, t as Oe } from "./dist-DXXHfL7M.js";
 import { t as Ve } from "./dist-DpqiA4Yn.js";
-import { t as Ke } from "./dist-DPLyqzsL.js";
+import { t as Ke } from "./dist-DZNdbzbm.js";
 import { closeToastVariants as We, toastVariants as He, viewportToastVariants as $e } from "./components/Toast/Toast.variants.js";
 import * as s from "react";
 import { isValidElement as z, useCallback as Ue, useEffect as Xe, useMemo as ne, useRef as Ye } from "react";

package/dist/{Wrapper-DPwHto7U.js → Wrapper-CjUokv72.js}

@@ -6,8 +6,8 @@ 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 E, tagSelectVariants as I, wrapperVariants as L } from "./components/TagSelect/TagSelect.variants.js";
-import g, { forwardRef as y, useId as R, useImperativeHandle as W } from "react";
+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() {
@@ -57,24 +57,24 @@ d.propTypes = {
 };
 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 = R(), { selectedTags: v, isOpen: m, onOpen: x, onRemoveTag: O, inputRef: f } = C(), { wrapperRef: N, handleOpen: j } = P();
+  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(L({ className: c })),
+    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(E({ className: a })),
+          className: s(R({ className: a })),
           onClick: () => x(!0),
           children: e
         })
       }) : null,
       /* @__PURE__ */ b("div", {
         id: t ?? h,
-        className: s(I()),
+        className: s(E()),
         role: "combobox",
         onClick: j,
         "aria-expanded": m,

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

@@ -0,0 +1,20 @@
+import { forwardRef as l } from "react";
+import { jsx as o } from "react/jsx-runtime";
+var e = l(({ size: C = 24, color: r = "currentColor", ...t }, H) => /* @__PURE__ */ o("svg", {
+  ref: H,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: C,
+  height: C,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...t,
+  children: /* @__PURE__ */ o("path", {
+    d: "M12.2041 2.02333C11.7666 1.89432 11.317 1.81055 10.8624 1.77333C9.85676 1.65437 8.83755 1.73364 7.8624 2.00667L7.80407 2.02333C6.05557 2.50346 4.51322 3.5447 3.41423 4.98692C2.31525 6.42914 1.72049 8.19246 1.72144 10.0057C1.72238 11.8189 2.31898 13.5816 3.41947 15.0227C4.51997 16.4637 6.0634 17.5034 7.8124 17.9817C8.45249 18.1629 9.11385 18.2582 9.77907 18.265C9.85328 18.2784 9.92869 18.284 10.0041 18.2817C10.7449 18.2826 11.4824 18.1816 12.1957 17.9817C13.9432 17.5017 15.4849 16.4614 16.584 15.0206C17.6831 13.5797 18.2788 11.8179 18.2798 10.0057C18.2807 8.19346 17.6868 6.43104 16.5892 4.98902C15.4916 3.547 13.9511 2.50511 12.2041 2.02333ZM11.9791 2.82333C13.0581 3.12184 14.056 3.6597 14.8985 4.39693C15.7411 5.13417 16.4066 6.05181 16.8457 7.08167H13.2957C12.8715 5.44584 12.0919 3.92362 11.0124 2.62333C11.3391 2.66602 11.6622 2.73287 11.9791 2.82333ZM10.0041 2.74833C11.142 3.98189 11.9729 5.46656 12.4291 7.08167H7.5624C8.01621 5.46248 8.85378 3.97659 10.0041 2.75V2.74833ZM12.6374 7.915C12.9039 9.29391 12.9039 10.7111 12.6374 12.09H7.37074C7.22978 11.4046 7.15996 10.7064 7.1624 10.0067C7.16057 9.30417 7.23037 8.60333 7.37074 7.915H12.6374ZM7.97074 2.84L8.02907 2.82333C8.34674 2.73832 8.66966 2.67429 8.99574 2.63167C7.90952 3.92615 7.12653 5.44715 6.70407 7.08333H3.16657C3.60406 6.06501 4.26181 5.1563 5.0925 4.42259C5.92319 3.68887 6.90618 3.14838 7.97074 2.84ZM2.55407 10.0067C2.55409 9.29812 2.65797 8.59341 2.8624 7.915H6.52074C6.39409 8.60504 6.32994 9.3051 6.32907 10.0067C6.33044 10.7054 6.39458 11.4027 6.52074 12.09H2.8624C2.65759 11.4145 2.55369 10.7125 2.55407 10.0067ZM8.02907 17.1817C6.949 16.8854 5.95005 16.3483 5.10719 15.6108C4.26433 14.8733 3.59943 13.9545 3.1624 12.9233H6.69574C7.1222 14.5633 7.911 16.0868 9.00407 17.3817C8.67454 17.3394 8.34863 17.2725 8.02907 17.1817ZM7.5624 12.9233H12.4291C11.9789 14.5434 11.1473 16.0321 10.0041 17.265C8.86149 16.0289 8.02515 14.5418 7.5624 12.9233ZM11.9791 17.1817C11.6576 17.2645 11.3322 17.3312 11.0041 17.3817C12.0865 16.0821 12.869 14.5599 13.2957 12.9233H16.8457C16.4077 13.9538 15.7424 14.8721 14.8997 15.6094C14.057 16.3468 13.0586 16.8843 11.9791 17.1817ZM13.4791 12.09C13.7376 10.7103 13.7376 9.29466 13.4791 7.915H17.1374C17.3455 8.59259 17.4495 9.29785 17.4457 10.0067C17.4476 10.712 17.3465 11.4138 17.1457 12.09H13.4791Z",
+    fill: r
+  })
+}));
+e.displayName = "KonstructCircumGlobeIcon";
+export {
+  e as CircumGlobeIcon,
+  e as default
+};

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

@@ -0,0 +1,33 @@
+import { forwardRef as r } from "react";
+import { jsx as C, jsxs as i } from "react/jsx-runtime";
+var h = r(({ size: l = 24, color: t = "currentColor", ...H }, V) => /* @__PURE__ */ i("svg", {
+  ref: V,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: l,
+  height: l,
+  viewBox: "0 0 20 20",
+  fill: "none",
+  ...H,
+  children: [/* @__PURE__ */ i("g", {
+    clipPath: "url(#cpu-alt-clip)",
+    children: [/* @__PURE__ */ C("path", {
+      d: "M7.29175 6.66675H12.7084C12.8742 6.66675 13.0331 6.7326 13.1504 6.84981C13.2676 6.96702 13.3334 7.12599 13.3334 7.29175V12.7084C13.3334 12.8742 13.2676 13.0331 13.1504 13.1504C13.0331 13.2676 12.8742 13.3334 12.7084 13.3334H7.29175C7.12599 13.3334 6.96702 13.2676 6.84981 13.1504C6.7326 13.0331 6.66675 12.8742 6.66675 12.7084V7.29175C6.66675 7.12599 6.7326 6.96702 6.84981 6.84981C6.96702 6.7326 7.12599 6.66675 7.29175 6.66675ZM7.91675 12.0834H12.0834V7.91675H7.91675V12.0834Z",
+      fill: t
+    }), /* @__PURE__ */ C("path", {
+      d: "M12.7083 0.833252C12.874 0.833252 13.033 0.8991 13.1502 1.01631C13.2674 1.13352 13.3333 1.29249 13.3333 1.45825V3.33325H15.2083C16.0133 3.33325 16.6666 3.98659 16.6666 4.79159V6.66659H18.5416C18.7073 6.66659 18.8663 6.73243 18.9835 6.84964C19.1007 6.96685 19.1666 7.12583 19.1666 7.29159C19.1666 7.45735 19.1007 7.61632 18.9835 7.73353C18.8663 7.85074 18.7073 7.91659 18.5416 7.91659H16.6666V12.0833H18.5416C18.7073 12.0833 18.8663 12.1491 18.9835 12.2663C19.1007 12.3835 19.1666 12.5425 19.1666 12.7083C19.1666 12.874 19.1007 13.033 18.9835 13.1502C18.8663 13.2674 18.7073 13.3333 18.5416 13.3333H16.6666V15.2083C16.6666 15.595 16.5129 15.966 16.2394 16.2394C15.966 16.5129 15.595 16.6666 15.2083 16.6666H13.3333V18.5416C13.3333 18.7073 13.2674 18.8663 13.1502 18.9835C13.033 19.1007 12.874 19.1666 12.7083 19.1666C12.5425 19.1666 12.3835 19.1007 12.2663 18.9835C12.1491 18.8663 12.0833 18.7073 12.0833 18.5416V16.6666H7.91659V18.5416C7.91659 18.7073 7.85074 18.8663 7.73353 18.9835C7.61632 19.1007 7.45735 19.1666 7.29159 19.1666C7.12583 19.1666 6.96685 19.1007 6.84964 18.9835C6.73243 18.8663 6.66659 18.7073 6.66659 18.5416V16.6666H4.79159C4.40481 16.6666 4.03388 16.5129 3.76039 16.2394C3.4869 15.966 3.33325 15.595 3.33325 15.2083V13.3333H1.45825C1.29249 13.3333 1.13352 13.2674 1.01631 13.1502C0.8991 13.033 0.833252 12.874 0.833252 12.7083C0.833252 12.5425 0.8991 12.3835 1.01631 12.2663C1.13352 12.1491 1.29249 12.0833 1.45825 12.0833H3.33325V7.91659H1.45825C1.29249 7.91659 1.13352 7.85074 1.01631 7.73353C0.8991 7.61632 0.833252 7.45735 0.833252 7.29159C0.833252 7.12583 0.8991 6.96685 1.01631 6.84964C1.13352 6.73243 1.29249 6.66659 1.45825 6.66659H3.33325V4.79159C3.33325 3.98659 3.98659 3.33325 4.79159 3.33325H6.66659V1.45825C6.66659 1.29249 6.73243 1.13352 6.84964 1.01631C6.96685 0.8991 7.12583 0.833252 7.29159 0.833252C7.45735 0.833252 7.61632 0.8991 7.73353 1.01631C7.85074 1.13352 7.91659 1.29249 7.91659 1.45825V3.33325H12.0833V1.45825C12.0833 1.29249 12.1491 1.13352 12.2663 1.01631C12.3835 0.8991 12.5425 0.833252 12.7083 0.833252ZM15.2083 15.4166C15.2635 15.4166 15.3165 15.3946 15.3556 15.3556C15.3946 15.3165 15.4166 15.2635 15.4166 15.2083V4.79159C15.4166 4.73633 15.3946 4.68334 15.3556 4.64427C15.3165 4.6052 15.2635 4.58325 15.2083 4.58325H4.79159C4.73633 4.58325 4.68334 4.6052 4.64427 4.64427C4.6052 4.68334 4.58325 4.73633 4.58325 4.79159V15.2083C4.58325 15.3233 4.67659 15.4166 4.79159 15.4166H15.2083Z",
+      fill: t
+    })]
+  }), /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", {
+    id: "cpu-alt-clip",
+    children: /* @__PURE__ */ C("rect", {
+      width: "20",
+      height: "20",
+      fill: "white"
+    })
+  }) })]
+}));
+h.displayName = "KonstructCpuAltIcon";
+export {
+  h as CpuAltIcon,
+  h as default
+};

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

@@ -0,0 +1,40 @@
+import { forwardRef as d } from "react";
+import { jsx as C, jsxs as t } from "react/jsx-runtime";
+var c = d(({ size: l = 24, color: i = "currentColor", ...h }, r) => /* @__PURE__ */ t("svg", {
+  ref: r,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: l,
+  height: l,
+  viewBox: "0 0 16 16",
+  fill: "none",
+  ...h,
+  children: [/* @__PURE__ */ t("g", {
+    clipPath: "url(#docs-clip)",
+    children: [
+      /* @__PURE__ */ C("path", {
+        d: "M9 3.5C9 3.63261 8.94732 3.75979 8.85355 3.85355C8.75979 3.94732 8.63261 4 8.5 4C8.36739 4 8.24021 3.94732 8.14645 3.85355C8.05268 3.75979 8 3.63261 8 3.5C8 3.36739 8.05268 3.24021 8.14645 3.14645C8.24021 3.05268 8.36739 3 8.5 3C8.63261 3 8.75979 3.05268 8.85355 3.14645C8.94732 3.24021 9 3.36739 9 3.5ZM9 5V8H10V9H8V6H7V5H9Z",
+        fill: i
+      }),
+      /* @__PURE__ */ C("path", {
+        d: "M13.855 14.147C13.7933 14.0712 13.7402 13.9887 13.697 13.901C13.562 13.6201 13.4946 13.3116 13.5 13C13.5 12.586 13.603 12.287 13.697 12.099C13.7402 12.0113 13.7933 11.9288 13.855 11.853L13.858 11.848C13.9488 11.7549 13.9997 11.6301 14 11.5V0.5C14 0.367392 13.9473 0.240215 13.8536 0.146447C13.7598 0.0526784 13.6326 0 13.5 0L3.461 0L3.378 0.005C2.99498 0.0328833 2.62087 0.134048 2.276 0.303C1.92104 0.476081 1.61763 0.73915 1.396 1.066C1.148 1.44 1 1.913 1 2.5V13C1 13.463 1.117 13.843 1.318 14.145C1.518 14.443 1.78 14.636 2.026 14.76C2.31871 14.9059 2.63917 14.9877 2.966 15H3V14L2.971 13.998C2.79779 13.9874 2.62846 13.9421 2.473 13.865C2.34255 13.8041 2.23096 13.7091 2.15 13.59C2.07 13.47 2 13.287 2 13C2 12.713 2.07 12.53 2.15 12.41C2.23123 12.2908 2.34318 12.1958 2.474 12.135C2.63787 12.0535 2.81712 12.0075 3 12H12.658C12.567 12.27 12.5 12.605 12.5 13C12.5 13.395 12.567 13.73 12.658 14H8V15H13.5C13.5982 15 13.6943 14.9711 13.7762 14.9168C13.858 14.8626 13.9221 14.7854 13.9604 14.6949C13.9987 14.6045 14.0095 14.5047 13.9915 14.4082C13.9734 14.3116 13.9274 14.2225 13.859 14.152L13.855 14.147ZM2.724 1.197C2.81733 1.15167 2.90933 1.115 3 1.087C3 2.918 3.001 11 2.999 11H2.966C2.87107 11.0033 2.7765 11.0133 2.683 11.03C2.45469 11.0666 2.2332 11.1374 2.026 11.24L2 11.254V2.5C2 2.087 2.102 1.811 2.229 1.621C2.357 1.428 2.533 1.293 2.724 1.197ZM4 11V1H13V11H4Z",
+        fill: i
+      }),
+      /* @__PURE__ */ C("path", {
+        d: "M7 13H4V15.5C3.99982 15.599 4.02905 15.6959 4.08398 15.7783C4.13891 15.8606 4.21706 15.9249 4.30854 15.9628C4.40001 16.0007 4.50068 16.0106 4.59779 15.9912C4.6949 15.9719 4.78407 15.9241 4.854 15.854L5.5 15.207L6.146 15.854C6.21593 15.9241 6.3051 15.9719 6.40221 15.9912C6.49932 16.0106 6.59999 16.0007 6.69146 15.9628C6.78294 15.9249 6.86109 15.8606 6.91602 15.7783C6.97095 15.6959 7.00018 15.599 7 15.5V13Z",
+        fill: i
+      })
+    ]
+  }), /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", {
+    id: "docs-clip",
+    children: /* @__PURE__ */ C("rect", {
+      width: "16",
+      height: "16",
+      fill: "white"
+    })
+  }) })]
+}));
+c.displayName = "KonstructDocsIcon";
+export {
+  c as DocsIcon,
+  c as default
+};

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

@@ -0,0 +1,23 @@
+import { forwardRef as H } from "react";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+var i = H(({ size: C = 24, color: l = "currentColor", ...t }, V) => /* @__PURE__ */ o("svg", {
+  ref: V,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: C,
+  height: C,
+  viewBox: "0 0 16 16",
+  fill: "none",
+  ...t,
+  children: [/* @__PURE__ */ r("path", {
+    d: "M13.5 10.1985V11.6985C13 11.6985 12.5 10.9485 12.5 9.69849V8.19849C10.5 10.6985 10 11.6985 10 12.6985C9.99994 13.1892 10.1443 13.6692 10.4151 14.0784C10.686 14.4877 11.0713 14.8082 11.523 15C11.6758 14.3207 12.014 13.6971 12.5 13.1985C12.986 13.6971 13.3242 14.3207 13.477 15C13.9287 14.8082 14.314 14.4877 14.5849 14.0784C14.8557 13.6692 15.0001 13.1892 15 12.6985C15 11.6985 14.4375 10.913 13.5 10.1985ZM8.5 14H2V12H8.5V11H2C1.73478 11 1.48043 11.1053 1.29289 11.2929C1.10536 11.4804 1 11.7348 1 12V14C1 14.2652 1.10536 14.5196 1.29289 14.7071C1.48043 14.8946 1.73478 15 2 15H8.5V14Z",
+    fill: l
+  }), /* @__PURE__ */ r("path", {
+    d: "M14 6H3.5C3.23478 6 2.98043 6.10536 2.79289 6.29289C2.60536 6.48043 2.5 6.73478 2.5 7V9C2.5 9.26522 2.60536 9.51957 2.79289 9.70711C2.98043 9.89464 3.23478 10 3.5 10H8.5V9H3.5V7H14L14.0005 8H15V7C15 6.73478 14.8946 6.48043 14.7071 6.29289C14.5196 6.10536 14.2652 6 14 6ZM12.5 5H2C1.73478 5 1.48043 4.89464 1.29289 4.70711C1.10536 4.51957 1 4.26522 1 4V2C1 1.73478 1.10536 1.48043 1.29289 1.29289C1.48043 1.10536 1.73478 1 2 1H12.5C12.7652 1 13.0196 1.10536 13.2071 1.29289C13.3946 1.48043 13.5 1.73478 13.5 2V4C13.5 4.26522 13.3946 4.51957 13.2071 4.70711C13.0196 4.89464 12.7652 5 12.5 5ZM2 2V4H12.5V2H2Z",
+    fill: l
+  })]
+}));
+i.displayName = "KonstructFirewallAltIcon";
+export {
+  i as FirewallAltIcon,
+  i as default
+};

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

@@ -0,0 +1,23 @@
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as C } from "react/jsx-runtime";
+var e = n(({ size: H = 24, color: V = "currentColor", ...t }, o) => /* @__PURE__ */ C("svg", {
+  ref: o,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: H,
+  height: H,
+  viewBox: "0 0 16 16",
+  fill: "none",
+  ...t,
+  children: [/* @__PURE__ */ r("path", {
+    d: "M9.5 12H11.5V14H9.5V12ZM13 12H15V14H13V12ZM9.5 8.5H11.5V10.5H9.5V8.5ZM13 8.5H15V10.5H13V8.5Z",
+    fill: V
+  }), /* @__PURE__ */ r("path", {
+    d: "M8.5 12H2V5H14V7.5H15V5C15 4.73478 14.8946 4.48043 14.7071 4.29289C14.5196 4.10536 14.2652 4 14 4H11V2C11 1.73478 10.8946 1.48043 10.7071 1.29289C10.5196 1.10536 10.2652 1 10 1H6C5.73478 1 5.48043 1.10536 5.29289 1.29289C5.10536 1.48043 5 1.73478 5 2V4H2C1.73478 4 1.48043 4.10536 1.29289 4.29289C1.10536 4.48043 1 4.73478 1 5V12C1 12.2652 1.10536 12.5196 1.29289 12.7071C1.48043 12.8946 1.73478 13 2 13H8.5V12ZM6 2H10V4H6V2Z",
+    fill: V
+  })]
+}));
+e.displayName = "KonstructInventoryIcon";
+export {
+  e as InventoryIcon,
+  e as default
+};