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

package/dist/chevron-up-DuS9MUNr.js

@@ -0,0 +1,8 @@
+import { t as e } from "./createLucideIcon-BVGkzDZC.js";
+var o = [["path", {
+  d: "m18 15-6-6-6 6",
+  key: "153udz"
+}]], a = e("chevron-up", o);
+export {
+  a as t
+};

package/dist/chunk-D1xtDmiO.js

@@ -0,0 +1,31 @@
+var f = Object.create, a = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = Object.getOwnPropertyNames, b = Object.getPrototypeOf, l = Object.prototype.hasOwnProperty, g = (e, r) => () => (e && (r = e(e = 0)), r), O = (e, r) => () => (r || e((r = { exports: {} }).exports, r), r.exports), P = (e, r) => {
+  let t = {};
+  for (var o in e)
+    a(t, o, {
+      get: e[o],
+      enumerable: !0
+    });
+  return r || a(t, Symbol.toStringTag, { value: "Module" }), t;
+}, p = (e, r, t, o) => {
+  if (r && typeof r == "object" || typeof r == "function")
+    for (var i = c(r), u = 0, _ = i.length, n; u < _; u++)
+      n = i[u], !l.call(e, n) && n !== t && a(e, n, {
+        get: ((s) => r[s]).bind(null, n),
+        enumerable: !(o = v(r, n)) || o.enumerable
+      });
+  return e;
+}, d = (e, r, t) => (t = e != null ? f(b(e)) : {}, p(r || !e || !e.__esModule ? a(t, "default", {
+  value: e,
+  enumerable: !0
+}) : t, e)), y = (e) => l.call(e, "module.exports") ? e["module.exports"] : p(a({}, "__esModule", { value: !0 }), e), q = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (r, t) => (typeof require < "u" ? require : r)[t] }) : e)(function(e) {
+  if (typeof require < "u") return require.apply(this, arguments);
+  throw Error('Calling `require` for "' + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+export {
+  y as a,
+  q as i,
+  g as n,
+  d as o,
+  P as r,
+  O as t
+};

package/dist/{clsx-OuTLNxxd.js → clsx-kDhLfUq2.js}

@@ -12,5 +12,5 @@ function i() {
   return t;
 }
 export {
-  i as c
+  i as t
 };

package/dist/components/Alert/Alert.js

@@ -1,64 +1,60 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { useRef as h, useState as C, useCallback as I, useEffect as b } from "react";
-import { V as g } from "../../index-BKjcReYh.js";
-import { cn as t } from "../../utils/index.js";
-import { iconVariants as N, titleVariants as V, descriptionVariants as v, closeButtonVariants as x, alertVariants as k } from "./Alert.variants.js";
-import { ErrorIcon as w } from "../../assets/icons/components/Error.js";
-import { WarningTriangleIcon as A } from "../../assets/icons/components/WarningTriangle.js";
-import { InfoCircleIcon as E } from "../../assets/icons/components/InfoCircle.js";
-import { CheckCircleFilledIcon as j } from "../../assets/icons/components/CheckCircleFilled.js";
-import { X as P } from "../../x-Eoa9FJjA.js";
-const R = {
-  success: j,
-  info: E,
-  warning: A,
-  danger: w
-}, X = ({
-  theme: m,
-  type: r,
-  title: l,
-  description: i,
-  isVisible: a = !0,
-  showCloseButton: d = !1
-}) => {
-  const o = h(null), [f, u] = C(a), p = I(() => {
-    const e = o.current;
+"use client";
+import { t as h } from "../../x-BwIi6Wii.js";
+import { n as C } from "../../dist-CBnErrr1.js";
+import { t as n } from "../../utils-DHuiYnx1.js";
+import { CheckCircleFilledIcon as v } from "../../assets/icons/components/CheckCircleFilled.js";
+import { ErrorIcon as I } from "../../assets/icons/components/Error.js";
+import { InfoCircleIcon as b } from "../../assets/icons/components/InfoCircle.js";
+import { WarningTriangleIcon as g } from "../../assets/icons/components/WarningTriangle.js";
+import { alertVariants as N, closeButtonVariants as x, descriptionVariants as V, iconVariants as k, titleVariants as w } from "./Alert.variants.js";
+import { useCallback as A, useEffect as E, useRef as j, useState as P } from "react";
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+var R = {
+  success: v,
+  info: b,
+  warning: g,
+  danger: I
+}, X = ({ theme: m, type: r, title: l, description: i, isVisible: o = !0, showCloseButton: d = !1 }) => {
+  const a = j(null), [f, u] = P(o), p = A(() => {
+    const e = a.current;
     e && e.setAttribute("data-state", "hidden");
   }, []);
-  if (b(() => {
+  if (E(() => {
     const e = new AbortController();
-    return o.current?.addEventListener(
-      "animationend",
-      () => {
-        o.current?.style.setProperty("display", "none"), u(!1);
-      },
-      { signal: e.signal }
-    ), () => e.abort();
-  }, []), !f)
-    return null;
+    return a.current?.addEventListener("animationend", () => {
+      a.current?.style.setProperty("display", "none"), u(!1);
+    }, { signal: e.signal }), () => e.abort();
+  }, []), !f) return null;
   const c = r ? R[r] : null;
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      ref: o,
-      className: t(k({ type: r, isVisible: a })),
-      "data-state": a ? "visible" : "hidden",
-      "data-theme": m,
-      role: "alert",
-      "aria-live": "polite",
-      children: [
-        c && /* @__PURE__ */ n(c, { className: t(N({ type: r })) }),
-        /* @__PURE__ */ s("div", { className: "flex flex-col gap-1 flex-1", children: [
-          l && /* @__PURE__ */ n("p", { className: t(V({ type: r })), children: l }),
-          i && /* @__PURE__ */ n("div", { className: t(v({ type: r })), children: i })
-        ] }),
-        d && /* @__PURE__ */ s("button", { type: "button", onClick: p, children: [
-          /* @__PURE__ */ n(P, { className: t(x({ type: r })) }),
-          /* @__PURE__ */ n(g, { children: "Dismiss alert" })
-        ] })
-      ]
-    }
-  );
+  return /* @__PURE__ */ s("div", {
+    ref: a,
+    className: n(N({
+      type: r,
+      isVisible: o
+    })),
+    "data-state": o ? "visible" : "hidden",
+    "data-theme": m,
+    role: "alert",
+    "aria-live": "polite",
+    children: [
+      c && /* @__PURE__ */ t(c, { className: n(k({ type: r })) }),
+      /* @__PURE__ */ s("div", {
+        className: "flex flex-col gap-1 flex-1",
+        children: [l && /* @__PURE__ */ t("p", {
+          className: n(w({ type: r })),
+          children: l
+        }), i && /* @__PURE__ */ t("div", {
+          className: n(V({ type: r })),
+          children: i
+        })]
+      }),
+      d && /* @__PURE__ */ s("button", {
+        type: "button",
+        onClick: p,
+        children: [/* @__PURE__ */ t(h, { className: n(x({ type: r })) }), /* @__PURE__ */ t(C, { children: "Dismiss alert" })]
+      })
+    ]
+  });
 };
 export {
   X as Alert

package/dist/components/Alert/Alert.variants.js

@@ -1,112 +1,97 @@
-import { c as e } from "../../index-D29mdTf5.js";
-const r = e(
-  [
-    "relative",
-    "border",
-    "shadow-xs",
-    "dark:shadow-sm",
-    "p-4",
-    "rounded-lg",
-    "flex",
-    "gap-4",
-    "items-start",
-    "justify-start",
-    "text-sm",
-    "overflow-clip",
-    "duration-300",
-    "data-[state=hidden]:animate-out",
-    "data-[state=hidden]:fade-out-0",
-    "data-[state=hidden]:zoom-out-95"
-  ],
-  {
-    variants: {
-      type: {
-        success: [
-          "bg-green-50",
-          "border-green-200",
-          "dark:bg-green-500/10",
-          "dark:border-green-500/20"
-        ],
-        info: [
-          "bg-blue-50",
-          "border-blue-100",
-          "dark:bg-blue-500/10",
-          "dark:border-blue-500/20"
-        ],
-        warning: [
-          "bg-yellow-50",
-          "border-yellow-200",
-          "dark:bg-yellow-500/10",
-          "dark:border-yellow-500/20"
-        ],
-        danger: [
-          "bg-red-50",
-          "border-red-200",
-          "dark:bg-red-500/10",
-          "dark:border-red-500/20"
-        ]
-      },
-      isVisible: {
-        true: "",
-        false: "hidden"
-      }
-    },
-    defaultVariants: {
-      isVisible: !0
-    }
-  }
-), a = e(["text-sm", "font-medium", "leading-5"], {
+import { t as e } from "../../dist-DtEbXv47.js";
+var r = e([
+  "relative",
+  "border",
+  "shadow-xs",
+  "dark:shadow-sm",
+  "p-4",
+  "rounded-lg",
+  "flex",
+  "gap-4",
+  "items-start",
+  "justify-start",
+  "text-sm",
+  "overflow-clip",
+  "duration-300",
+  "data-[state=hidden]:animate-out",
+  "data-[state=hidden]:fade-out-0",
+  "data-[state=hidden]:zoom-out-95"
+], {
   variants: {
     type: {
-      success: ["text-green-800", "dark:text-green-300"],
-      info: ["text-blue-800", "dark:text-blue-300"],
-      warning: ["text-yellow-800", "dark:text-yellow-200"],
-      danger: ["text-red-800", "dark:text-rose-300"]
-    }
-  }
-}), d = e(
-  ["text-sm", "font-normal", "leading-5"],
-  {
-    variants: {
-      type: {
-        success: ["text-green-700", "dark:text-green-100"],
-        info: ["text-blue-700", "dark:text-blue-200"],
-        warning: ["text-yellow-700", "dark:text-yellow-100"],
-        danger: ["text-red-700", "dark:text-rose-200"]
-      }
-    }
-  }
-), n = e(["size-5", "shrink-0"], {
-  variants: {
-    type: {
-      success: ["text-green-600", "dark:text-green-400"],
-      info: ["text-blue-600", "dark:text-blue-400", "rotate-180"],
-      warning: ["text-yellow-600", "dark:text-yellow-400"],
-      danger: ["text-red-600", "dark:text-rose-400"]
+      success: [
+        "bg-green-50",
+        "border-green-200",
+        "dark:bg-green-500/10",
+        "dark:border-green-500/20"
+      ],
+      info: [
+        "bg-blue-50",
+        "border-blue-100",
+        "dark:bg-blue-500/10",
+        "dark:border-blue-500/20"
+      ],
+      warning: [
+        "bg-yellow-50",
+        "border-yellow-200",
+        "dark:bg-yellow-500/10",
+        "dark:border-yellow-500/20"
+      ],
+      danger: [
+        "bg-red-50",
+        "border-red-200",
+        "dark:bg-red-500/10",
+        "dark:border-red-500/20"
+      ]
+    },
+    isVisible: {
+      true: "",
+      false: "hidden"
     }
-  }
-}), o = e(
-  [
-    "size-4",
-    "absolute",
-    "right-3",
-    "top-3",
-    "cursor-pointer",
-    "opacity-70",
-    "hover:opacity-100",
-    "transition-opacity"
+  },
+  defaultVariants: { isVisible: !0 }
+}), a = e([
+  "text-sm",
+  "font-medium",
+  "leading-5"
+], { variants: { type: {
+  success: ["text-green-800", "dark:text-green-300"],
+  info: ["text-blue-800", "dark:text-blue-300"],
+  warning: ["text-yellow-800", "dark:text-yellow-200"],
+  danger: ["text-red-800", "dark:text-rose-300"]
+} } }), d = e([
+  "text-sm",
+  "font-normal",
+  "leading-5"
+], { variants: { type: {
+  success: ["text-green-700", "dark:text-green-100"],
+  info: ["text-blue-700", "dark:text-blue-200"],
+  warning: ["text-yellow-700", "dark:text-yellow-100"],
+  danger: ["text-red-700", "dark:text-rose-200"]
+} } }), n = e(["size-5", "shrink-0"], { variants: { type: {
+  success: ["text-green-600", "dark:text-green-400"],
+  info: [
+    "text-blue-600",
+    "dark:text-blue-400",
+    "rotate-180"
   ],
-  {
-    variants: {
-      type: {
-        success: ["text-green-600", "dark:text-green-400"],
-        info: ["text-blue-600", "dark:text-blue-400"],
-        warning: ["text-yellow-600", "dark:text-yellow-400"],
-        danger: ["text-red-600", "dark:text-rose-400"]
-      }
-    }
-  }
-);
+  warning: ["text-yellow-600", "dark:text-yellow-400"],
+  danger: ["text-red-600", "dark:text-rose-400"]
+} } }), o = e([
+  "size-4",
+  "absolute",
+  "right-3",
+  "top-3",
+  "cursor-pointer",
+  "opacity-70",
+  "hover:opacity-100",
+  "transition-opacity"
+], { variants: { type: {
+  success: ["text-green-600", "dark:text-green-400"],
+  info: ["text-blue-600", "dark:text-blue-400"],
+  warning: ["text-yellow-600", "dark:text-yellow-400"],
+  danger: ["text-red-600", "dark:text-rose-400"]
+} } });
 export {
   r as alertVariants,
   o as closeButtonVariants,

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,130 +1,72 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { R as K, A as P, P as z, O as B, C as E, T as S, D as q, a as F, b as G } from "../../index-C7zAY3xv.js";
-import { useRef as H, useState as I, useEffect as J } from "react";
+"use client";
+import { t as n } from "../../utils-DHuiYnx1.js";
+import { a as T, c as z, i as B, l as E, n as P, o as S, r as q, s as F, t as G } from "../../AlertDialogTrigger-C-NMEoDd.js";
 import { Button as i } from "../Button/Button.js";
-import { cn as n } from "../../utils/index.js";
-import { useAlertDialog as L } from "./hooks/useAlertDialog.js";
-const M = ({
-  buttonCancel: {
-    className: o,
-    text: c = "Cancel",
-    ...d
-  } = {},
-  buttonConfirm: {
-    className: m,
-    text: f = "OK",
-    ...p
-  } = {},
-  buttonTriggerClassName: u,
-  buttonTriggerText: h,
-  buttonTriggerVariant: x,
-  description: b,
-  isDescriptionChild: C,
-  isTitleChild: g,
-  showCancelButton: N = !0,
-  theme: a,
-  title: y,
-  wrapperClassName: k,
-  onClick: A,
-  onConfirm: D,
-  ...l
-}) => {
-  const r = H(null), [O, v] = I(null), { isOpen: R, handleCancel: j, handleConfirm: T, handleOpen: w } = L({
-    onConfirm: D
-  });
-  return J(() => {
-    if (!r.current || a)
-      return;
+import { useAlertDialog as H } from "./hooks/useAlertDialog.js";
+import { useEffect as I, useRef as J, useState as L } from "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+var M = ({ buttonCancel: { className: o, text: c = "Cancel", ...d } = {}, buttonConfirm: { className: m, text: f = "OK", ...p } = {}, buttonTriggerClassName: u, buttonTriggerText: h, buttonTriggerVariant: x, description: b, isDescriptionChild: C, isTitleChild: g, showCancelButton: N = !0, theme: a, title: y, wrapperClassName: k, onClick: v, onConfirm: A, ...l }) => {
+  const r = J(null), [D, O] = L(null), { isOpen: j, handleCancel: R, handleConfirm: w, handleOpen: K } = H({ onConfirm: A });
+  return I(() => {
+    if (!r.current || a) return;
     const s = r.current.closest("[data-theme]");
-    s && v(s);
-  }, []), /* @__PURE__ */ t(K, { open: R, ...l, children: [
-    /* @__PURE__ */ e(
-      P,
-      {
-        ref: r,
-        className: u,
-        variant: x,
-        text: h,
+    s && O(s);
+  }, []), /* @__PURE__ */ t(z, {
+    open: j,
+    ...l,
+    children: [/* @__PURE__ */ e(G, {
+      ref: r,
+      className: u,
+      variant: x,
+      text: h,
+      "data-theme": a,
+      onOpen: K,
+      onClick: v,
+      ...l
+    }), /* @__PURE__ */ t(F, {
+      container: D,
+      children: [/* @__PURE__ */ e(S, { className: "bg-black opacity-70 dark:opacity-85 inset-0 fixed animate-in fade-in-0" }), /* @__PURE__ */ t(B, {
         "data-theme": a,
-        onOpen: w,
-        onClick: A,
-        ...l
-      }
-    ),
-    /* @__PURE__ */ t(z, { container: O, children: [
-      /* @__PURE__ */ e(B, { className: "bg-black opacity-70 dark:opacity-85 inset-0 fixed animate-in fade-in-0" }),
-      /* @__PURE__ */ t(
-        E,
-        {
-          "data-theme": a,
-          className: n(
-            "bg-white",
-            "rounded-md",
-            "fixed",
-            "top-1/2",
-            "left-1/2",
-            "-translate-y-2/4",
-            "-translate-x-2/4",
-            "flex",
-            "flex-col",
-            "gap-6",
-            "p-8",
-            "animate-in",
-            "fade-in-0",
-            "zoom-in-85",
-            "border",
-            "border-transparent",
-            "dark:bg-metal-800",
-            "dark:border-metal-700",
-            "dark:border-slate-700",
-            k
-          ),
-          children: [
-            /* @__PURE__ */ e(
-              S,
-              {
-                asChild: g,
-                className: "text-base text-slate-700 font-semibold",
-                children: y
-              }
-            ),
-            /* @__PURE__ */ e(
-              q,
-              {
-                asChild: C,
-                className: "text-sm text-slate-800",
-                children: b
-              }
-            ),
-            /* @__PURE__ */ t("div", { className: "flex flex-row gap-2 justify-end", children: [
-              N && /* @__PURE__ */ e(F, { asChild: !0, children: /* @__PURE__ */ e(
-                i,
-                {
-                  type: "button",
-                  variant: "secondary",
-                  className: n(o),
-                  onClick: j,
-                  ...d,
-                  children: c
-                }
-              ) }),
-              /* @__PURE__ */ e(G, { asChild: !0, children: /* @__PURE__ */ e(
-                i,
-                {
-                  type: "button",
-                  variant: "primary",
-                  className: n(m),
-                  onClick: T,
-                  ...p,
-                  children: f
-                }
-              ) })
-            ] })
-          ]
-        }
-      )
-    ] })
-  ] });
+        className: n("bg-white", "rounded-md", "fixed", "top-1/2", "left-1/2", "-translate-y-2/4", "-translate-x-2/4", "flex", "flex-col", "gap-6", "p-8", "animate-in", "fade-in-0", "zoom-in-85", "border", "border-transparent", "dark:bg-metal-800", "dark:border-metal-700", "dark:border-slate-700", k),
+        children: [
+          /* @__PURE__ */ e(E, {
+            asChild: g,
+            className: "text-base text-slate-700 font-semibold",
+            children: y
+          }),
+          /* @__PURE__ */ e(T, {
+            asChild: C,
+            className: "text-sm text-slate-800",
+            children: b
+          }),
+          /* @__PURE__ */ t("div", {
+            className: "flex flex-row gap-2 justify-end",
+            children: [N && /* @__PURE__ */ e(q, {
+              asChild: !0,
+              children: /* @__PURE__ */ e(i, {
+                type: "button",
+                variant: "secondary",
+                className: n(o),
+                onClick: R,
+                ...d,
+                children: c
+              })
+            }), /* @__PURE__ */ e(P, {
+              asChild: !0,
+              children: /* @__PURE__ */ e(i, {
+                type: "button",
+                variant: "primary",
+                className: n(m),
+                onClick: w,
+                ...p,
+                children: f
+              })
+            })]
+          })
+        ]
+      })]
+    })]
+  });
 };
 M.displayName = "KonstructAlertDialog";
 export {

package/dist/components/AlertDialog/components/AlertDialogTrigger.js

@@ -1,8 +1,4 @@
-import "react/jsx-runtime";
-import { A as e } from "../../../index-C7zAY3xv.js";
-import "react";
-import "../../Button/Button.js";
-import "../../../utils/index.js";
+import { t as o } from "../../../AlertDialogTrigger-C-NMEoDd.js";
 export {
-  e as AlertDialogTrigger
+  o as AlertDialogTrigger
 };

package/dist/components/AlertDialog/components/index.js

@@ -1,4 +1,4 @@
-import { A as g } from "../../../index-C7zAY3xv.js";
+import { t as o } from "../../../AlertDialogTrigger-C-NMEoDd.js";
 export {
-  g as AlertDialogTrigger
+  o as AlertDialogTrigger
 };

package/dist/components/AlertDialog/hooks/useAlertDialog.js

@@ -1,10 +1,15 @@
-import { useState as c, useCallback as s } from "react";
-const p = ({ onConfirm: t }) => {
-  const [n, e] = c(!1), a = s(() => e(!0), []), l = s(() => e(!1), []), o = s(() => {
-    t?.(), e(!1);
-  }, [t]);
-  return { isOpen: n, handleCancel: l, handleConfirm: o, handleOpen: a };
+import { useCallback as a, useState as n } from "react";
+var o = ({ onConfirm: l }) => {
+  const [s, e] = n(!1), t = a(() => e(!0), []);
+  return {
+    isOpen: s,
+    handleCancel: a(() => e(!1), []),
+    handleConfirm: a(() => {
+      l?.(), e(!1);
+    }, [l]),
+    handleOpen: t
+  };
 };
 export {
-  p as useAlertDialog
+  o as useAlertDialog
 };