@konstructio/ui 0.1.2-alpha.12 → 0.1.2-alpha.121

package/dist/HamburgerTrigger-CfrAnhmG.js

@@ -0,0 +1,84 @@
+import { o as m } from "./rolldown-runtime-B28h4lGi.js";
+import { t as c } from "./prop-types-qsAjMBb1.js";
+import { t as g } from "./dist-C_jtUTU9.js";
+import { t as d } from "./utils-DnIJruo0.js";
+import { hamburgerTriggerVariants as y } from "./components/Sidebar/components/HamburgerTrigger/HamburgerTrigger.variants.js";
+import a, { forwardRef as v } from "react";
+import { jsx as u, jsxs as b } from "react/jsx-runtime";
+var l = /* @__PURE__ */ m(c());
+function s() {
+  return s = Object.assign || function(r) {
+    for (var n = 1; n < arguments.length; n++) {
+      var t = arguments[n];
+      for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && (r[e] = t[e]);
+    }
+    return r;
+  }, s.apply(this, arguments);
+}
+function h(r, n) {
+  if (r == null) return {};
+  var t = x(r, n), e, o;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(r);
+    for (o = 0; o < i.length; o++)
+      e = i[o], !(n.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(r, e) && (t[e] = r[e]);
+  }
+  return t;
+}
+function x(r, n) {
+  if (r == null) return {};
+  for (var t = {}, e = Object.keys(r), o, i = 0; i < e.length; i++)
+    o = e[i], !(n.indexOf(o) >= 0) && (t[o] = r[o]);
+  return t;
+}
+var p = v(function(r, n) {
+  var t = r.color, e = t === void 0 ? "currentColor" : t, o = r.size, i = o === void 0 ? 24 : o, f = h(r, ["color", "size"]);
+  return /* @__PURE__ */ a.createElement("svg", s({
+    ref: n,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: i,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, f), /* @__PURE__ */ a.createElement("line", {
+    x1: "3",
+    y1: "12",
+    x2: "21",
+    y2: "12"
+  }), /* @__PURE__ */ a.createElement("line", {
+    x1: "3",
+    y1: "6",
+    x2: "21",
+    y2: "6"
+  }), /* @__PURE__ */ a.createElement("line", {
+    x1: "3",
+    y1: "18",
+    x2: "21",
+    y2: "18"
+  }));
+});
+p.propTypes = {
+  color: l.default.string,
+  size: l.default.oneOfType([l.default.string, l.default.number])
+};
+p.displayName = "Menu";
+var O = ({ isOpen: r, onClick: n, className: t, openNavigationLabel: e = "Open navigation" }) => /* @__PURE__ */ b("button", {
+  type: "button",
+  "aria-label": e,
+  "aria-expanded": r,
+  "aria-haspopup": "dialog",
+  className: d(y({ className: t })),
+  onClick: n,
+  children: [/* @__PURE__ */ u(p, {
+    size: 20,
+    "aria-hidden": "true"
+  }), /* @__PURE__ */ u(g, { children: e })]
+});
+O.displayName = "KonstructSidebarHamburgerTrigger";
+export {
+  O as t
+};

package/dist/ImageUpload-BNZjCUTX.js

@@ -0,0 +1,186 @@
+import { t as c } from "./utils-DnIJruo0.js";
+import { LoaderIcon as ee } from "./assets/icons/components/Loader.js";
+import { PhotoLibraryIcon as te } from "./assets/icons/components/PhotoLibrary.js";
+import { WarningIcon as ae } from "./assets/icons/components/Warning.js";
+import { Button as b } from "./components/Button/Button.js";
+import { t as P } from "./x-C8O1IsaM.js";
+import { helperTextVariants as re, imageUploadVariants as le, inputContainerVariants as ie, inputFieldVariants as se, labelVariants as ne } from "./components/ImageUpload/ImageUpload.variants.js";
+import { useEffect as oe, useId as ce, useRef as S, useState as g } from "react";
+import { Fragment as T, jsx as e, jsxs as l } from "react/jsx-runtime";
+var t = /* @__PURE__ */ (function(n) {
+  return n.Default = "default", n.Uploading = "uploading", n.Complete = "complete", n.Error = "error", n;
+})({}), de = ({ className: n, error: z, fileName: E, fileSize: I, fileUrl: M, helperText: R = "Logo should be 32 x 32 pixels with transparent background (larger images will be downscaled proportionally to fit). Accepted file type is SVG, PNG, JPEG. Max file size is 5MB.", isRequired: U = !1, label: N = "Item logo", labelClassName: L, labelWrapperClassName: A, name: $, onChange: k, onRemove: J, status: v = t.Default, theme: f, uploadButtonText: K = "Upload logo", accept: B = "image/svg+xml,image/png,image/jpeg,image/jpg", maxSize: W = 5242880 }) => {
+  const w = ce(), C = `${w}-message`, h = S(null), o = S(null), [H, d] = g(v), [X, G] = g(M), [q, j] = g(E), [O, D] = g(I);
+  oe(() => () => {
+    o.current && clearTimeout(o.current);
+  }, []);
+  const a = v !== t.Default ? v : H, F = M ?? X, m = E ?? q, x = I ?? O, u = !!z || a === t.Error, Q = (i) => {
+    const r = i.target.files?.[0];
+    if (!r) return;
+    if (!B.split(",").map((s) => s.trim()).some((s) => {
+      if (s.includes("*")) {
+        const _ = s.split("/")[0];
+        return r.type.startsWith(_);
+      }
+      return r.type === s;
+    })) {
+      d(t.Error), k?.(i);
+      return;
+    }
+    if (r.size > W) {
+      d(t.Error), k?.(i);
+      return;
+    }
+    d(t.Uploading), j(r.name), D(Z(r.size));
+    const p = new FileReader();
+    p.onloadend = () => {
+      G(p.result), o.current = setTimeout(() => {
+        d(t.Complete);
+      }, 500);
+    }, p.readAsDataURL(r), k?.(i);
+  }, V = () => {
+    o.current && (clearTimeout(o.current), o.current = null), G(void 0), j(void 0), D(void 0), d(t.Default), h.current && (h.current.value = ""), J?.();
+  }, Y = () => {
+    h.current?.click();
+  }, Z = (i) => {
+    if (i === 0) return "0 Bytes";
+    const r = 1024, p = [
+      "Bytes",
+      "KB",
+      "MB",
+      "GB"
+    ], s = Math.floor(Math.log(i) / Math.log(r));
+    return `${parseFloat((i / Math.pow(r, s)).toFixed(2))}${p[s]}`;
+  }, y = z || (u ? "Invalid file format. Accepted file type is SVG, PNG, JPEG. Max file size is 5MB." : R || "Logo should be 32 x 32 pixels with transparent background (larger images will be downscaled proportionally to fit). Accepted file type is SVG, PNG, JPEG. Max file size is 5MB.");
+  return /* @__PURE__ */ l("div", {
+    className: c(le({
+      status: a,
+      className: n
+    })),
+    "data-theme": f,
+    children: [
+      N && /* @__PURE__ */ e("div", {
+        className: c(A),
+        children: /* @__PURE__ */ l("label", {
+          htmlFor: w,
+          className: c(ne({ className: L }), "cursor-pointer"),
+          children: [N, U && /* @__PURE__ */ e("span", {
+            "aria-hidden": "true",
+            className: "text-red-600 dark:text-red-500 text-xs mt-0.5",
+            children: "*"
+          })]
+        })
+      }),
+      /* @__PURE__ */ l("div", {
+        className: c(ie({ status: a })),
+        children: [
+          /* @__PURE__ */ l("div", {
+            className: c(se({ status: a }), {
+              "justify-between": u,
+              "justify-start": !u
+            }),
+            children: [
+              a === t.Uploading && /* @__PURE__ */ l(T, { children: [/* @__PURE__ */ e(ee, {
+                size: 20,
+                className: "shrink-0 animate-spin text-metal-400"
+              }), m && /* @__PURE__ */ l("div", {
+                className: "flex flex-col items-start min-w-0 flex-1",
+                children: [/* @__PURE__ */ e("p", {
+                  className: "text-sm leading-5 truncate w-full text-slate-800 dark:text-metal-50",
+                  children: m
+                }), x && /* @__PURE__ */ e("p", {
+                  className: "text-xs leading-4 text-slate-600 dark:text-metal-300 tracking-[0.15px]",
+                  children: x
+                })]
+              })] }),
+              a === t.Complete && F && /* @__PURE__ */ l(T, { children: [/* @__PURE__ */ e("div", {
+                className: "w-8 h-8 shrink-0 relative",
+                children: /* @__PURE__ */ e("img", {
+                  src: F,
+                  alt: m || "Uploaded image",
+                  className: "w-full h-full object-contain"
+                })
+              }), m && /* @__PURE__ */ l("div", {
+                className: "flex flex-col items-start min-w-0 flex-1",
+                children: [/* @__PURE__ */ e("p", {
+                  className: "text-sm leading-5 truncate w-full text-slate-800 dark:text-slate-50 kubefirst-dark:text-slate-50",
+                  children: m
+                }), x && /* @__PURE__ */ e("p", {
+                  className: "text-xs leading-4 text-slate-600 dark:text-slate-400 kubefirst-dark:text-slate-400 tracking-[0.15px]",
+                  children: x
+                })]
+              })] }),
+              (a === t.Default || a === t.Error && !F) && /* @__PURE__ */ e("div", {
+                className: "w-8 h-8 shrink-0 flex items-center justify-center",
+                children: /* @__PURE__ */ e(te, { className: "w-8 h-8 text-slate-400 dark:text-slate-500 kubefirst-dark:text-slate-500" })
+              }),
+              u && /* @__PURE__ */ e("div", {
+                className: "shrink-0",
+                children: /* @__PURE__ */ e(ae, { className: "w-5 h-5 text-red-700 dark:text-red-500 kubefirst-dark:text-red-500" })
+              })
+            ]
+          }),
+          (a === t.Default || a === t.Error) && /* @__PURE__ */ e(b, {
+            variant: "secondary",
+            onClick: Y,
+            theme: f,
+            className: "h-10 px-4 py-2 shrink-0",
+            children: K
+          }),
+          a === t.Uploading && /* @__PURE__ */ e(b, {
+            variant: "secondary",
+            shape: "circle",
+            size: "medium",
+            onClick: V,
+            theme: f,
+            className: "shrink-0",
+            "aria-label": "Cancel upload",
+            children: /* @__PURE__ */ e(P, { className: "w-6 h-6" })
+          }),
+          a === t.Complete && /* @__PURE__ */ e(b, {
+            variant: "secondary",
+            shape: "circle",
+            size: "medium",
+            onClick: V,
+            theme: f,
+            className: "shrink-0",
+            "aria-label": "Remove file",
+            children: /* @__PURE__ */ e(P, { className: "w-6 h-6" })
+          })
+        ]
+      }),
+      y && /* @__PURE__ */ l("div", {
+        className: "flex w-full gap-2",
+        children: [
+          /* @__PURE__ */ e("div", {
+            className: "flex-1 min-w-0",
+            children: /* @__PURE__ */ e("p", {
+              id: C,
+              className: c(re({ status: a })),
+              children: y
+            })
+          }),
+          (a === t.Default || a === t.Error) && /* @__PURE__ */ e("div", { className: "shrink-0 w-29" }),
+          a === t.Uploading && /* @__PURE__ */ e("div", { className: "shrink-0 w-10" })
+        ]
+      }),
+      /* @__PURE__ */ e("input", {
+        ref: h,
+        id: w,
+        type: "file",
+        name: $,
+        accept: B,
+        onChange: Q,
+        className: "hidden",
+        "aria-label": N ? void 0 : "File upload",
+        "aria-invalid": u || void 0,
+        "aria-describedby": y ? C : void 0,
+        "aria-required": U || void 0
+      })
+    ]
+  });
+};
+de.displayName = "KonstructImageUpload";
+export {
+  de as t
+};

package/dist/Input-O2bqyJKW.js

@@ -0,0 +1,193 @@
+import { o as R } from "./rolldown-runtime-B28h4lGi.js";
+import { t as q } from "./prop-types-qsAjMBb1.js";
+import { n as D, t as l } from "./utils-DnIJruo0.js";
+import { SearchIcon as F } from "./assets/icons/components/Search.js";
+import { WarningIcon as K } from "./assets/icons/components/Warning.js";
+import { Typography as g } from "./components/Typography/Typography.js";
+import { inputVariants as V } from "./components/Input/Input.variants.js";
+import d, { forwardRef as w, useId as G, useRef as J, useState as Q } from "react";
+import { jsx as i, jsxs as v } from "react/jsx-runtime";
+var c = /* @__PURE__ */ R(q());
+function y() {
+  return y = Object.assign || function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var r = arguments[o];
+      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, y.apply(this, arguments);
+}
+function U(e, o) {
+  if (e == null) return {};
+  var r = X(e, o), t, n;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < a.length; n++)
+      t = a[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function X(e, o) {
+  if (e == null) return {};
+  for (var r = {}, t = Object.keys(e), n, a = 0; a < t.length; a++)
+    n = t[a], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
+  return r;
+}
+var b = w(function(e, o) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, a = n === void 0 ? 24 : n, p = U(e, ["color", "size"]);
+  return /* @__PURE__ */ d.createElement("svg", y({
+    ref: o,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: a,
+    height: a,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, p), /* @__PURE__ */ d.createElement("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }), /* @__PURE__ */ d.createElement("line", {
+    x1: "1",
+    y1: "1",
+    x2: "23",
+    y2: "23"
+  }));
+});
+b.propTypes = {
+  color: c.default.string,
+  size: c.default.oneOfType([c.default.string, c.default.number])
+};
+b.displayName = "EyeOff";
+function x() {
+  return x = Object.assign || function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var r = arguments[o];
+      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, x.apply(this, arguments);
+}
+function Y(e, o) {
+  if (e == null) return {};
+  var r = Z(e, o), t, n;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < a.length; n++)
+      t = a[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function Z(e, o) {
+  if (e == null) return {};
+  for (var r = {}, t = Object.keys(e), n, a = 0; a < t.length; a++)
+    n = t[a], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
+  return r;
+}
+var O = w(function(e, o) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, a = n === void 0 ? 24 : n, p = Y(e, ["color", "size"]);
+  return /* @__PURE__ */ d.createElement("svg", x({
+    ref: o,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: a,
+    height: a,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, p), /* @__PURE__ */ d.createElement("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ d.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "3"
+  }));
+});
+O.propTypes = {
+  color: c.default.string,
+  size: c.default.oneOfType([c.default.string, c.default.number])
+};
+O.displayName = "Eye";
+var ee = w(({ className: e, error: o, helperText: r, helperTextClassName: t, hidePasswordLabel: n = "Hide password", id: a, isRequired: p = !1, isSearch: j = !1, label: k, labelAction: I, labelClassName: _, labelWrapperClassName: z, name: $, showPasswordLabel: T = "Show password", theme: L, type: f = "text", ...W }, S) => {
+  const M = G(), u = a ?? M, N = `${u}-error`, E = `${u}-helper-text`, B = J(f === "password"), [m, C] = Q(() => f !== "password"), s = typeof o == "string" && o.length > 0, h = f === "password", P = !s && !!r, A = D(s && N, P && E), H = m ? O : b;
+  return /* @__PURE__ */ v("div", {
+    className: "flex flex-col gap-2 w-full relative",
+    "data-theme": L,
+    children: [
+      k ? /* @__PURE__ */ v("div", {
+        className: l("flex items-center justify-between", z),
+        children: [/* @__PURE__ */ v(g, {
+          component: "label",
+          variant: "labelLarge",
+          htmlFor: u,
+          className: l("cursor-pointer", "flex", "gap-1", "text-sm", "font-medium", _),
+          children: [
+            k,
+            " ",
+            p && /* @__PURE__ */ i(g, {
+              component: "span",
+              "aria-hidden": "true",
+              className: l("text-red-600", "dark:text-red-500", "text-xs", "mt-0.5"),
+              children: "*"
+            })
+          ]
+        }), I]
+      }) : null,
+      /* @__PURE__ */ v("div", {
+        className: "relative",
+        children: [
+          j ? /* @__PURE__ */ i("i", {
+            className: l("absolute", "left-2.5", "top-1/2", "-translate-y-1/2", "text-slate-400", "dark:text-metal-400", { "text-red-700": s }),
+            children: /* @__PURE__ */ i(F, { className: "w-5 h-5" })
+          }) : null,
+          /* @__PURE__ */ i("input", {
+            ...W,
+            id: u,
+            ref: S,
+            name: $,
+            type: m ? B.current ? "text" : f : "password",
+            "data-error": s,
+            "aria-invalid": s || void 0,
+            "aria-describedby": A,
+            "aria-required": p || void 0,
+            className: l(V({
+              className: e,
+              variant: s ? "error" : "default"
+            }), {
+              "pr-10": h || s,
+              "pr-16": h && s,
+              "pl-8": j
+            })
+          }),
+          s ? /* @__PURE__ */ i("i", {
+            className: l("-translate-y-1/2", "absolute", "text-red-700", "top-1/2", "dark:text-red-500", h ? "right-10" : "right-3"),
+            children: /* @__PURE__ */ i(K, { className: "w-5 h-5" })
+          }) : null,
+          h ? /* @__PURE__ */ i("button", {
+            type: "button",
+            "aria-label": m ? n : T,
+            className: l("-translate-y-1/2", "absolute", "cursor-pointer", "right-3", "text-slate-400", "top-1/2"),
+            onClick: () => C(!m),
+            children: /* @__PURE__ */ i(H, { className: "w-5 h-5" })
+          }) : null
+        ]
+      }),
+      s ? /* @__PURE__ */ i(g, {
+        component: "span",
+        id: N,
+        className: l("text-xs", "tracking-normal", "text-red-700", "dark:text-red-400"),
+        children: o
+      }) : null,
+      P ? /* @__PURE__ */ i(g, {
+        component: "span",
+        id: E,
+        variant: "body1",
+        className: l("text-xs", "text-slate-600", "dark:text-slate-200", "select-none", "tracking-normal", t),
+        children: r
+      }) : null
+    ]
+  });
+});
+ee.displayName = "KonstructInput";
+export {
+  ee as t
+};

package/dist/Loading-u8hXrFJR.js

@@ -0,0 +1,25 @@
+import { t as i } from "./utils-DnIJruo0.js";
+import { t } from "./createLucideIcon-C7E_xycG.js";
+import { loadingVariants as d } from "./components/Loading/Loading.variants.js";
+import { jsx as s } from "react/jsx-runtime";
+var a = {
+  name: "loader-circle",
+  size: 24,
+  node: [["path", {
+    d: "M21 12a9 9 0 1 1-6.219-8.56",
+    key: "13zald"
+  }]],
+  aliases: ["loader-2"]
+};
+a.node;
+var l = t(a), m = ({ className: e, theme: o, ...r }) => /* @__PURE__ */ s(l, {
+  "data-theme": o,
+  role: "status",
+  "aria-label": "Loading",
+  className: i(d({ className: e })),
+  ...r
+});
+m.displayName = "Loading";
+export {
+  m as t
+};

package/dist/Modal-B-l4ii6w.js

@@ -0,0 +1,84 @@
+import { t as A } from "./x-BmNOD9Gr.js";
+import { t as H } from "./dist-C_jtUTU9.js";
+import { t as h } from "./utils-DnIJruo0.js";
+import { t as B } from "./Combination-CnMM05mt.js";
+import { Body as C } from "./components/Modal/components/Body/Body.js";
+import { Footer as E } from "./components/Modal/components/Footer/Footer.js";
+import { Header as R } from "./components/Modal/components/Header/Header.js";
+import { t as V } from "./es2015-BvX7Yq5Q.js";
+import { buttonCloseVariants as j, modalVariants as D } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
+import { Children as m, isValidElement as l, useEffect as g, useRef as S, useState as z } from "react";
+import { createPortal as I } from "react-dom";
+import { Fragment as K, jsx as o, jsxs as c } from "react/jsx-runtime";
+import { motion as L } from "motion/react";
+var M = ({ animateResize: f = !1, ariaLabel: n, ariaLabelledBy: i, autoFocus: s = !0, closeOnOverlayClick: u = !0, buttonCloseClassName: d, children: a, className: p, containerClassName: r, showCloseButton: y = !0, theme: b, transition: F, onClose: v }) => {
+  const N = m.toArray(a).find((e) => l(e) && e.type === t.Header), k = m.toArray(a).find((e) => l(e) && e.type === t.Body), w = m.toArray(a).find((e) => l(e) && e.type === t.Footer), x = m.toArray(a).filter((e) => !l(e) || ![
+    t.Header,
+    t.Body,
+    t.Footer
+  ].includes(e.type));
+  return /* @__PURE__ */ o(B, { children: /* @__PURE__ */ c("div", {
+    className: h("fixed inset-0 grid grid-cols-[minmax(0,calc(100%-2rem))] place-content-center justify-items-center", r),
+    "data-theme": b,
+    children: [/* @__PURE__ */ o("div", {
+      className: "absolute inset-0 bg-black opacity-70 dark:opacity-85 animate-in fade-in-0",
+      onClick: u ? v : void 0,
+      role: "presentation"
+    }), /* @__PURE__ */ o(V, {
+      returnFocus: !0,
+      autoFocus: s,
+      className: "contents",
+      children: /* @__PURE__ */ c(L.div, {
+        className: h(D({ className: p })),
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": n,
+        "aria-labelledby": i,
+        layout: f ? "size" : void 0,
+        transition: F ?? {
+          duration: 0.25,
+          ease: "easeInOut"
+        },
+        children: [
+          N,
+          y && /* @__PURE__ */ c("button", {
+            className: h(j({ className: d })),
+            onClick: v,
+            children: [/* @__PURE__ */ o(A, {}), /* @__PURE__ */ o(H, { children: "Dismiss modal" })]
+          }),
+          k ?? x,
+          w
+        ]
+      })
+    })]
+  }) });
+}, t = ({ isOpen: f, onClose: n, container: i, theme: s, ...u }) => {
+  const d = S(null), [a, p] = z(null);
+  return g(() => {
+    if (!d.current || s || i) return;
+    const r = d.current.closest("[data-theme]");
+    r && p(r);
+  }, [s, i]), g(() => {
+    const r = new AbortController(), y = (b) => {
+      b.code === "Escape" && n?.();
+    };
+    return window.addEventListener("keydown", y, { signal: r.signal }), () => {
+      r.abort();
+    };
+  }, [n]), /* @__PURE__ */ c(K, { children: [/* @__PURE__ */ o("span", {
+    ref: d,
+    "data-testid": "modal-anchor",
+    hidden: !0
+  }), f && I(/* @__PURE__ */ o(M, {
+    ...u,
+    theme: s,
+    onClose: n
+  }), i || a || document.body)] });
+};
+t.Header = R;
+t.Body = C;
+t.Footer = E;
+export {
+  M as n,
+  t
+};

package/dist/Sidebar.css

@@ -0,0 +1 @@
+.konstruct-sidebar{height:100%}aside.konstruct-sidebar{width:16rem}aside.konstruct-sidebar[data-mode=collapsed]{width:4.5rem}.konstruct-sidebar nav{scrollbar-color:#78787866 transparent;scrollbar-width:thin;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow-y:auto}.konstruct-sidebar nav::-webkit-scrollbar{width:8px;height:8px}.konstruct-sidebar nav::-webkit-scrollbar-track{background:0 0}.konstruct-sidebar nav::-webkit-scrollbar-thumb{background-color:#78787866;border-radius:9999px;transition:background-color .2s}.konstruct-sidebar nav::-webkit-scrollbar-thumb:hover{background-color:#78787899}.konstruct-sidebar nav::-webkit-scrollbar-corner{background:0 0}.konstruct-sidebar ul{flex-direction:column;flex-shrink:0;gap:.25rem;margin:0;padding:0 .5rem;list-style:none;display:flex}.konstruct-sidebar[data-mode=collapsed] [data-konstruct-sidebar-logo]>a{justify-content:center}.konstruct-sidebar[data-mode=collapsed] [data-konstruct-sidebar-logo]{align-items:center}.konstruct-sidebar[data-mode=expanded] [data-konstruct-sidebar-logo]{padding:var(--konstruct-sidebar-logo-padding-expanded,var(--konstruct-sidebar-logo-padding,1.25rem 1rem))}.konstruct-sidebar[data-mode=collapsed] [data-konstruct-sidebar-logo]{padding:var(--konstruct-sidebar-logo-padding-collapsed,var(--konstruct-sidebar-logo-padding,0))}.konstruct-sidebar[data-mode=collapsed] [data-konstruct-sidebar-logo][data-hide-on-collapse]>:not([data-konstruct-sidebar-collapse-trigger]){display:none}.konstruct-sidebar[data-mode=collapsed] [data-konstruct-sidebar-logo][data-hide-on-collapse]{padding:var(--konstruct-sidebar-logo-padding-collapsed,var(--konstruct-sidebar-logo-padding,1.25rem 0));margin-bottom:0}.konstruct-sidebar [data-konstruct-sidebar-separator]{background-color:#fff3;flex-shrink:0;height:1px;margin:.75rem .5rem}

package/dist/Spinner-CTonkSzG.js

@@ -0,0 +1,47 @@
+"use client";
+import { t as f } from "./dist-C_jtUTU9.js";
+import { t } from "./utils-DnIJruo0.js";
+import { Typography as u } from "./components/Typography/Typography.js";
+import { spinnerIconVariants as k, spinnerVariants as g } from "./components/Spinner/Spinner.variants.js";
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+var s = "data:image/svg+xml,%3csvg%20width='160'%20height='160'%20viewBox='0%200%20160%20160'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M85.2%2083.9L85.6%2085.1L85.9%2086.5L85.9%2088L85.6%2089.6L85%2091.1L84.1%2092.6L82.9%2094L81.4%2095.2L79.6%2096.2L77.6%2096.9L75.4%2097.2L73.2%2097.2L70.8%2096.7L68.5%2095.9L66.3%2094.6L64.3%2092.9L62.5%2090.9L61%2088.4L60%2085.7L59.3%2082.8L59.2%2079.7L59.5%2076.5L60.4%2073.4L61.9%2070.3L63.9%2067.5L66.4%2065L69.3%2062.8L72.6%2061.1L76.3%2060L80.1%2059.4L84.1%2059.5L88.1%2060.3L92%2061.7L95.8%2063.8L99.2%2066.6L102.1%2069.9L104.6%2073.7L106.4%2078L107.6%2082.6L108%2087.4L107.6%2092.3L106.4%2097.2L104.4%20101.9L101.6%20106.3L98.1%20110.2L93.9%20113.6L89.2%20116.3L84%20118.3L78.5%20119.4L72.7%20119.6L67%20118.8L61.3%20117.1L55.9%20114.5L50.9%20111L46.5%20106.7L42.8%20101.6L39.8%2095.9L37.9%2089.8L36.9%2083.3L36.9%2076.6L38.1%2069.9L40.3%2063.4L43.5%2057.3L47.8%2051.7L53%2046.8L58.9%2042.8L65.5%2039.7L72.6%2037.7L80.1%2036.9L87.6%2037.2L95.1%2038.8L102.3%2041.7L109.1%2045.6L115.2%2050.7L120.4%2056.8L124.7%2063.7L127.9%2071.3L129.8%2079.4L130.5%2087.8L129.7%2096.2L127.6%20104.6L124.2%20112.6L119.5%20120L113.6%20126.6L106.7%20132.2L98.8%20136.8L90.3%20140L81.3%20141.8L72%20142.2L62.7%20141L53.6%20138.4L44.9%20134.3L36.9%20128.7L29.9%20122L24%20114.1L19.3%20105.2L16.1%2095.7L14.4%2085.7L14.4%2075.4L16%2065.2L19.3%2055.3L24.1%2045.9L30.4%2037.4L38%2029.9L46.8%2023.7L56.6%2018.9L67.1%2015.8L78.1%2014.3L89.2%2014.6L100.2%2016.8L110.9%2020.7L120.8%2026.3L129.8%2033.5L137.6%2042.1L144%2051.9L148.8%2062.7L151.8%2074.2L85.2%2083.9Z'%20stroke='url(%23spinner-fade)'%20stroke-width='2'/%3e%3cdefs%3e%3clinearGradient%20id='spinner-fade'%20x1='83.6'%20y1='14.2'%20x2='83.6'%20y2='142.2'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2300FF6F'/%3e%3cstop%20offset='1'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e", i = null, o = (L) => typeof L == "number" ? L : null, v = (L) => {
+  if (!(!L || typeof L.getAnimations != "function"))
+    for (const e of L.getAnimations({ subtree: !0 }))
+      i === null && (i = o(e.startTime) ?? o(document.timeline?.currentTime) ?? 0), e.startTime = i;
+}, y = ({ className: L, spinnerClassName: e, textClassName: l, textVariant: m = "subtitle2", text: n, srLabel: c = "Loading", theme: p, size: r, ...d }) => /* @__PURE__ */ h("div", {
+  ref: v,
+  role: "status",
+  "aria-label": "Loading",
+  "data-theme": p,
+  className: t(g({
+    size: r,
+    className: L
+  })),
+  ...d,
+  children: [
+    /* @__PURE__ */ a("span", {
+      "aria-hidden": "true",
+      className: t(k({ size: r }), e),
+      style: {
+        maskImage: `url("${s}")`,
+        maskSize: "contain",
+        maskRepeat: "no-repeat",
+        maskPosition: "center",
+        WebkitMaskImage: `url("${s}")`,
+        WebkitMaskSize: "contain",
+        WebkitMaskRepeat: "no-repeat",
+        WebkitMaskPosition: "center"
+      }
+    }),
+    n && /* @__PURE__ */ a(u, {
+      variant: m,
+      className: t("text-slate-700 dark:text-slate-200", l),
+      children: n
+    }),
+    /* @__PURE__ */ a(f, { children: c })
+  ]
+});
+y.displayName = "KonstructSpinner";
+export {
+  y as t
+};

package/dist/StepIndicatorContent-yB2HfOdY.js

@@ -0,0 +1,36 @@
+import { t as d } from "./utils-DnIJruo0.js";
+import { ExclamationIcon as m } from "./assets/icons/components/Exclamation.js";
+import { t as p } from "./createLucideIcon-C7E_xycG.js";
+import { CHECK_ICON_SIZE_MAP as c, ICON_SIZE_MAP as f } from "./components/Stepper/constants/index.js";
+import { memo as h } from "react";
+import { jsx as e } from "react/jsx-runtime";
+var i = {
+  name: "check",
+  size: 24,
+  node: [["path", {
+    d: "M20 6 9 17l-5-5",
+    key: "1gmf2c"
+  }]]
+};
+i.node;
+var I = p(i), u = ({ className: r, icons: t, index: a, size: o, status: n }) => n === "completed" ? t?.completed ? /* @__PURE__ */ e("span", {
+  className: r,
+  children: t.completed
+}) : /* @__PURE__ */ e(I, {
+  className: d(c[o], r),
+  strokeWidth: 2.5,
+  "aria-hidden": "true"
+}) : n === "error" ? t?.error ? /* @__PURE__ */ e("span", {
+  className: r,
+  children: t.error
+}) : /* @__PURE__ */ e(m, {
+  size: f[o],
+  className: r
+}) : /* @__PURE__ */ e("span", {
+  className: r,
+  "aria-hidden": "true",
+  children: a + 1
+}), S = h(u);
+export {
+  S as t
+};