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

package/dist/components/Modal/Modal.js

@@ -1,10 +1,5 @@
-import "react/jsx-runtime";
-import "react";
-import "react-dom";
-import { M as d } from "../../Modal-DAWdufZ_.js";
-import "./components/Header/Header.js";
-import "./components/Body/Body.js";
-import "./components/Footer/Footer.js";
+"use client";
+import { t } from "../../Modal-DbTe8PVX.js";
 export {
-  d as Modal
+  t as Modal
 };

package/dist/components/Modal/components/Body/Body.js

@@ -1,7 +1,10 @@
-import { jsx as r } from "react/jsx-runtime";
-import { S as n } from "../../../../index-BvoZGpli.js";
-import { cn as e } from "../../../../utils/index.js";
-const i = ({ children: o, asChild: t, className: m }) => /* @__PURE__ */ r(t ? n : "div", { className: e("flex-1", m), children: o });
+import { t as m } from "../../../../dist-DXJSck4j.js";
+import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { jsx as s } from "react/jsx-runtime";
+var p = ({ children: r, asChild: o, className: t }) => /* @__PURE__ */ s(o ? m : "div", {
+  className: a("flex-1", t),
+  children: r
+});
 export {
-  i as Body
+  p as Body
 };

package/dist/components/Modal/components/Footer/Footer.js

@@ -1,13 +1,10 @@
-import { jsx as m } from "react/jsx-runtime";
-import { S as e } from "../../../../index-BvoZGpli.js";
-import { cn as n } from "../../../../utils/index.js";
-const i = ({ children: o, asChild: r, className: t }) => /* @__PURE__ */ m(
-  r ? e : "div",
-  {
-    className: n("border-zinc-200 dark:border-metal-700", t),
-    children: o
-  }
-);
+import { t as m } from "../../../../dist-DXJSck4j.js";
+import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { jsx as e } from "react/jsx-runtime";
+var p = ({ children: r, asChild: o, className: t }) => /* @__PURE__ */ e(o ? m : "div", {
+  className: a("border-zinc-200 dark:border-metal-700", t),
+  children: r
+});
 export {
-  i as Footer
+  p as Footer
 };

package/dist/components/Modal/components/Header/Header.js

@@ -1,13 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-import { S as m } from "../../../../index-BvoZGpli.js";
-import { cn as n } from "../../../../utils/index.js";
-const d = ({ children: o, asChild: r, className: t }) => /* @__PURE__ */ e(
-  r ? m : "div",
-  {
-    className: n("border-zinc-200 dark:border-metal-700", t),
-    children: o
-  }
-);
+import { t as a } from "../../../../dist-DXJSck4j.js";
+import { t as e } from "../../../../utils-DHuiYnx1.js";
+import { jsx as m } from "react/jsx-runtime";
+var p = ({ children: r, asChild: o, className: t }) => /* @__PURE__ */ m(o ? a : "div", {
+  className: e("border-zinc-200 dark:border-metal-700", t),
+  children: r
+});
 export {
-  d as Header
+  p as Header
 };

package/dist/components/Modal/components/Wrapper/Wrapper.js

@@ -1,12 +1,4 @@
-import "react/jsx-runtime";
-import "../../../../index-BKjcReYh.js";
-import "react";
-import "../../../../Combination-BtmnusWq.js";
-import { W as s } from "../../../../Modal-DAWdufZ_.js";
-import "../../../../utils/index.js";
-import "./Wrapper.variants.js";
-import "../../../../proxy-BGrSEZuV.js";
-import "../../../../x-Eoa9FJjA.js";
+import { n as p } from "../../../../Modal-DbTe8PVX.js";
 export {
-  s as Wrapper
+  p as Wrapper
 };

package/dist/components/Modal/components/Wrapper/Wrapper.variants.js

@@ -1,5 +1,5 @@
-import { c as t } from "../../../../index-D29mdTf5.js";
-const a = t([
+import { t } from "../../../../dist-DtEbXv47.js";
+var a = t([
   "bg-white",
   "border",
   "border-transparent",

package/dist/components/Modal/components/index.js

@@ -1,10 +1,10 @@
-import { Body as e } from "./Body/Body.js";
-import { Footer as t } from "./Footer/Footer.js";
-import { Header as m } from "./Header/Header.js";
-import { W as a } from "../../../Modal-DAWdufZ_.js";
+import { Body as o } from "./Body/Body.js";
+import { Footer as p } from "./Footer/Footer.js";
+import { Header as e } from "./Header/Header.js";
+import { n as i } from "../../../Modal-DbTe8PVX.js";
 export {
-  e as Body,
-  t as Footer,
-  m as Header,
-  a as Wrapper
+  o as Body,
+  p as Footer,
+  e as Header,
+  i as Wrapper
 };

package/dist/components/Modal/contexts/Modal.context.js

@@ -1,5 +1,5 @@
 import { createContext as e } from "react";
-const n = {
+var n = {
   content: void 0,
   isOpen: !1,
   shouldShowClose: !0,
@@ -10,9 +10,7 @@ const n = {
     throw new Error("onClose not implemented");
   },
   setContentAndOpen: () => {
-    throw new Error(
-      "ModalContext: setContentAndOpen function must be overridden"
-    );
+    throw new Error("ModalContext: setContentAndOpen function must be overridden");
   }
 }, t = e(n);
 export {

package/dist/components/Modal/contexts/Modal.provider.js

@@ -1,25 +1,22 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useState as t, useCallback as n } from "react";
+import { useToggle as i } from "../../../hooks/useToggle.js";
 import { ModalContext as f } from "./Modal.context.js";
-import { useToggle as h } from "../../../hooks/useToggle.js";
-const x = ({ children: s }) => {
-  const [r, l] = t(!0), [a, o] = h(!1), [u, c] = t(), e = n(() => o(!0), [o]), d = n(() => o(!1), [o]), p = (m, C = !0) => {
-    c(m), e(), l(C);
+import { useCallback as t, useState as n } from "react";
+import { jsx as h } from "react/jsx-runtime";
+var x = ({ children: s }) => {
+  const [r, l] = n(!0), [a, o] = i(!1), [u, d] = n(), e = t(() => o(!0), [o]), p = t(() => o(!1), [o]), c = (m, C = !0) => {
+    d(m), e(), l(C);
   };
-  return /* @__PURE__ */ i(
-    f.Provider,
-    {
-      value: {
-        content: u,
-        isOpen: a,
-        shouldShowClose: r,
-        onClose: d,
-        onOpen: e,
-        setContentAndOpen: p
-      },
-      children: s
-    }
-  );
+  return /* @__PURE__ */ h(f.Provider, {
+    value: {
+      content: u,
+      isOpen: a,
+      shouldShowClose: r,
+      onClose: p,
+      onOpen: e,
+      setContentAndOpen: c
+    },
+    children: s
+  });
 };
 export {
   x as ModalProvider

package/dist/components/Modal/contexts/index.js

@@ -1,4 +1,4 @@
-import { ModalProvider as d } from "./Modal.provider.js";
+import { ModalProvider as r } from "./Modal.provider.js";
 export {
-  d as ModalProvider
+  r as ModalProvider
 };

package/dist/components/Modal/hooks/useModal.js

@@ -1,9 +1,8 @@
-import { useContext as l, useRef as u, useEffect as r } from "react";
-import { ModalContext as d } from "../contexts/Modal.context.js";
-const f = () => {
-  const o = l(d), t = u(null);
-  if (!o)
-    throw new Error("useModal must be used within a ModalProvider");
+import { ModalContext as l } from "../contexts/Modal.context.js";
+import { useContext as u, useEffect as r, useRef as d } from "react";
+var f = () => {
+  const o = u(l), t = d(null);
+  if (!o) throw new Error("useModal must be used within a ModalProvider");
   const { onClose: n } = o;
   return r(() => {
     const e = document.activeElement;
@@ -14,12 +13,13 @@ const f = () => {
     const e = new AbortController(), s = (c) => {
       c.code === "Escape" && n();
     };
-    return window.addEventListener("keydown", s, {
-      signal: e.signal
-    }), () => {
+    return window.addEventListener("keydown", s, { signal: e.signal }), () => {
       e.abort();
     };
-  }, [n]), { ...o, closeBtnRef: t };
+  }, [n]), {
+    ...o,
+    closeBtnRef: t
+  };
 };
 export {
   f as useModal

package/dist/components/MultiSelectDropdown/MultiSelectDropdown.js

@@ -1,34 +1,4 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { MultiSelectDropdownProvider as s } from "./contexts/MultiSelectDropdown.provider.js";
-import { Wrapper as u } from "./components/Wrapper/Wrapper.js";
-const a = n(
-  ({
-    isLoading: t,
-    multiselect: e,
-    name: o,
-    noOptionsText: p,
-    options: i,
-    value: l,
-    onChange: d,
-    onBlur: m,
-    ...f
-  }, c) => /* @__PURE__ */ r(
-    s,
-    {
-      defaultOptions: i,
-      multiselect: e,
-      value: l,
-      onChange: d,
-      onBlur: m,
-      name: o,
-      isLoading: t,
-      noOptionsText: p,
-      children: /* @__PURE__ */ r(u, { ref: c, name: o, ...f })
-    }
-  )
-);
-a.displayName = "KonstructMultiSelectDropdown";
+import { t } from "../../components-DNFycJGm.js";
 export {
-  a as MultiSelectDropdown
+  t as MultiSelectDropdown
 };

package/dist/components/MultiSelectDropdown/MultiSelectDropdown.variants.js

@@ -1,12 +1,12 @@
-import { c as r } from "../../index-D29mdTf5.js";
-const t = r([
+import { t as r } from "../../dist-DtEbXv47.js";
+var a = r([
   "flex",
   "flex-col",
   "gap-2",
   "w-full",
   "relative",
   "cursor-pointer"
-]), o = r(["cursor-pointer", "select-none"]), a = r([
+]), t = r(["cursor-pointer", "select-none"]), o = r([
   "min-h-9",
   "border",
   "cursor-pointer",
@@ -25,7 +25,7 @@ const t = r([
   "dark:bg-metal-800"
 ]);
 export {
-  o as labelVariants,
-  a as multiSelectDropdownVariants,
-  t as wrapperVariants
+  t as labelVariants,
+  o as multiSelectDropdownVariants,
+  a as wrapperVariants
 };

package/dist/components/MultiSelectDropdown/components/Item/Item.js

@@ -1,29 +1,21 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { t as i } from "../../../../utils-DHuiYnx1.js";
 import { Badge as l } from "../../../Badge/Badge.js";
 import { Typography as n } from "../../../Typography/Typography.js";
-import { cn as c } from "../../../../utils/index.js";
-import { itemVariants as p } from "./Item.variants.js";
-import { useMultiSelectDropdown as s } from "../../contexts/MultiSelectDropdown.hook.js";
-const x = ({
-  option: r,
-  theme: o,
-  isSelected: t,
-  className: m
-}) => {
-  const { onSelectOption: a } = s();
-  return /* @__PURE__ */ i(
-    "li",
-    {
-      role: "option",
-      "data-theme": o,
-      className: c(p({ isSelected: t }), m),
-      onClick: () => a(r),
-      children: [
-        /* @__PURE__ */ e(n, { variant: "body2", children: r.label }),
-        r.badge && /* @__PURE__ */ e(l, { label: r.badge })
-      ]
-    }
-  );
+import { useMultiSelectDropdown as p } from "../../contexts/MultiSelectDropdown.hook.js";
+import { itemVariants as s } from "./Item.variants.js";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+var x = ({ option: r, theme: o, isSelected: t, className: a }) => {
+  const { onSelectOption: m } = p();
+  return /* @__PURE__ */ c("li", {
+    role: "option",
+    "data-theme": o,
+    className: i(s({ isSelected: t }), a),
+    onClick: () => m(r),
+    children: [/* @__PURE__ */ e(n, {
+      variant: "body2",
+      children: r.label
+    }), r.badge && /* @__PURE__ */ e(l, { label: r.badge })]
+  });
 };
 export {
   x as Item

package/dist/components/MultiSelectDropdown/components/Item/Item.variants.js

@@ -1,38 +1,29 @@
-import { c as e } from "../../../../index-D29mdTf5.js";
-const t = e(
-  [
-    "cursor-pointer",
-    "py-1.5",
-    "px-2",
-    "last:pb-2",
-    "first:pt-2",
-    "h-full",
-    "flex",
-    "items-center",
-    "gap-2",
-    "hover:bg-gray-50",
-    "focus:bg-gray-50",
-    "dark:hover:bg-metal-700",
-    "dark:focus:bg-metal-700"
-  ],
-  {
-    variants: {
-      isSelected: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        isSelected: !0,
-        class: ["bg-slate-50", "dark:bg-metal-700"]
-      }
-    ],
-    defaultVariants: {
-      isSelected: !1
-    }
-  }
-);
+import { t as e } from "../../../../dist-DtEbXv47.js";
+var t = e([
+  "cursor-pointer",
+  "py-1.5",
+  "px-2",
+  "last:pb-2",
+  "first:pt-2",
+  "h-full",
+  "flex",
+  "items-center",
+  "gap-2",
+  "hover:bg-gray-50",
+  "focus:bg-gray-50",
+  "dark:hover:bg-metal-700",
+  "dark:focus:bg-metal-700"
+], {
+  variants: { isSelected: {
+    true: "",
+    false: ""
+  } },
+  compoundVariants: [{
+    isSelected: !0,
+    class: ["bg-slate-50", "dark:bg-metal-700"]
+  }],
+  defaultVariants: { isSelected: !1 }
+});
 export {
   t as itemVariants
 };

package/dist/components/MultiSelectDropdown/components/List/List.js

@@ -1,30 +1,4 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as m } from "../../../../utils/index.js";
-import { Item as t } from "../Item/Item.js";
-import { listVariants as c } from "./List.variants.js";
-import { Typography as d } from "../../../Typography/Typography.js";
-import { useMultiSelectDropdown as p } from "../../contexts/MultiSelectDropdown.hook.js";
-const y = ({ theme: s }) => {
-  const { options: i, selectedOptions: n, isLoading: l, noOptionsText: r } = p();
-  return /* @__PURE__ */ e("ul", { role: "listbox", "data-theme": s, className: m(c()), children: l ? /* @__PURE__ */ e(
-    t,
-    {
-      option: { id: "loading", label: "Loading..." },
-      className: "select-none pointer-events-none",
-      isSelected: !1
-    },
-    "loading"
-  ) : i.length > 0 ? i.map((o) => /* @__PURE__ */ e(
-    t,
-    {
-      option: o,
-      isSelected: n.some(
-        (a) => a.id === o.id
-      )
-    },
-    o.id
-  )) : /* @__PURE__ */ e("li", { className: "select-none", children: /* @__PURE__ */ e(d, { variant: "body2", className: "italic px-2 py-2", children: r ?? "No options" }) }) });
-};
+import { r as o } from "../../../../components-DNFycJGm.js";
 export {
-  y as List
+  o as List
 };

package/dist/components/MultiSelectDropdown/components/List/List.variants.js

@@ -1,5 +1,5 @@
-import { c as a } from "../../../../index-D29mdTf5.js";
-const o = a([
+import { t as a } from "../../../../dist-DtEbXv47.js";
+var e = a([
   "absolute",
   "bg-white",
   "border",
@@ -21,5 +21,5 @@ const o = a([
   "dark:bg-metal-800"
 ]);
 export {
-  o as listVariants
+  e as listVariants
 };

package/dist/components/MultiSelectDropdown/components/Wrapper/Wrapper.js

@@ -1,126 +1,4 @@
-import "../Item/Item.js";
-import { List as O } from "../List/List.js";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { forwardRef as C, useId as D, useImperativeHandle as S } from "react";
-import { Badge as I } from "../../../Badge/Badge.js";
-import { Typography as p } from "../../../Typography/Typography.js";
-import { cn as a } from "../../../../utils/index.js";
-import { useMultiSelectDropdown as L } from "../../hooks/useMultiSelectDropdown.js";
-import { labelVariants as M, multiSelectDropdownVariants as R, wrapperVariants as V } from "../../MultiSelectDropdown.variants.js";
-import { X as j } from "../../../../x-B9bYxG31.js";
-import { LoaderIcon as W } from "../../../../assets/icons/components/Loader.js";
-import { C as $ } from "../../../../chevron-up-DEfvgPCw.js";
-import { useMultiSelectDropdown as z } from "../../contexts/MultiSelectDropdown.hook.js";
-const B = C(
-  ({
-    isRequired: c,
-    label: n,
-    labelClassName: d,
-    labelWrapperClassName: f,
-    name: s,
-    placeholder: u = "",
-    theme: h,
-    wrapperClassName: x
-  }, N) => {
-    const v = D(), i = s ? `${v}-name` : "id", {
-      inputRef: t,
-      isLoading: w,
-      isOpen: o,
-      selectedOptions: m,
-      onOpen: g,
-      onRemoveOption: b
-    } = z(), { wrapperRef: y, handleOpen: k } = L();
-    return S(N, () => t.current, [t]), /* @__PURE__ */ l(
-      "div",
-      {
-        ref: y,
-        className: a(
-          V({
-            className: x
-          })
-        ),
-        "data-theme": h,
-        children: [
-          n ? /* @__PURE__ */ e("div", { className: a(f), children: /* @__PURE__ */ l(
-            p,
-            {
-              component: "label",
-              variant: "labelLarge",
-              htmlFor: i,
-              className: a(
-                M({
-                  className: d
-                })
-              ),
-              onClick: () => g(!0),
-              children: [
-                n,
-                " ",
-                c && /* @__PURE__ */ e(
-                  p,
-                  {
-                    component: "span",
-                    className: "text-red-500 dark:text-red-500 text-sm font-normal",
-                    children: "*"
-                  }
-                )
-              ]
-            }
-          ) }) : null,
-          /* @__PURE__ */ l(
-            "div",
-            {
-              id: i,
-              className: a(R()),
-              role: "combobox",
-              onClick: k,
-              "aria-expanded": o,
-              children: [
-                m.length === 0 ? /* @__PURE__ */ e("span", { className: "text-base text-inherit select-none", children: u }) : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: m.map((r) => /* @__PURE__ */ e(
-                  I,
-                  {
-                    "data-value": r.label,
-                    label: r.value ?? r.label ?? "",
-                    className: "select-none",
-                    rightIcon: /* @__PURE__ */ e(j, { onClick: () => b(r) })
-                  },
-                  r.id
-                )) }),
-                w ? /* @__PURE__ */ e(
-                  W,
-                  {
-                    size: 16,
-                    className: "animate-spin shrink-0 text-gray-400"
-                  }
-                ) : /* @__PURE__ */ e(
-                  $,
-                  {
-                    className: a(
-                      "w-4 h-4 transition-all duration-50 shrink-0 text-gray-400",
-                      o ? "rotate-0" : "rotate-180"
-                    )
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              ref: t,
-              type: "text",
-              name: s,
-              className: "hidden",
-              readOnly: !0
-            }
-          ),
-          o ? /* @__PURE__ */ e(O, {}) : null
-        ]
-      }
-    );
-  }
-);
-B.displayName = "MultiSelectDropdownWrapper";
+import { n as p } from "../../../../components-DNFycJGm.js";
 export {
-  B as Wrapper
+  p as Wrapper
 };

package/dist/components/MultiSelectDropdown/components/index.js

@@ -1,8 +1,7 @@
-import { Item as e } from "./Item/Item.js";
-import { List as t } from "./List/List.js";
-import { Wrapper as f } from "./Wrapper/Wrapper.js";
+import { Item as m } from "./Item/Item.js";
+import { n as p, r as t } from "../../../components-DNFycJGm.js";
 export {
-  e as Item,
+  m as Item,
   t as List,
-  f as Wrapper
+  p as Wrapper
 };

package/dist/components/MultiSelectDropdown/contexts/MultiSelectDropdown.context.js

@@ -1,5 +1,5 @@
-import { createContext as n } from "react";
-const t = {
+import { createContext as e } from "react";
+var n = {
   options: [],
   selectedOptions: [],
   isOpen: !1,
@@ -15,7 +15,7 @@ const t = {
   },
   isLoading: !1,
   noOptionsText: void 0
-}, e = n(t);
+}, o = e(n);
 export {
-  e as MultiSelectDropdownContext
+  o as MultiSelectDropdownContext
 };

package/dist/components/MultiSelectDropdown/contexts/MultiSelectDropdown.hook.js

@@ -1,11 +1,8 @@
-import { useContext as o } from "react";
 import { MultiSelectDropdownContext as e } from "./MultiSelectDropdown.context.js";
-const i = () => {
+import { useContext as o } from "react";
+var i = () => {
   const t = o(e);
-  if (!t)
-    throw new Error(
-      "useMultiSelectDropdown must be used within a MultiSelectDropdownProvider"
-    );
+  if (!t) throw new Error("useMultiSelectDropdown must be used within a MultiSelectDropdownProvider");
   return t;
 };
 export {