@konstructio/ui 0.1.2-alpha.75 → 0.1.2-alpha.77

package/dist/components/Alert/Alert.js

@@ -1,65 +1,82 @@
-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;
-    e && e.setAttribute("data-state", "hidden");
-  }, []);
-  if (b(() => {
-    const e = new AbortController();
-    return o.current?.addEventListener(
-      "animationend",
-      () => {
-        o.current?.style.setProperty("display", "none"), u(!1);
-      },
-      { signal: e.signal }
-    ), () => e.abort();
-  }, []), !f)
+import { jsx as m, jsxs as x } from "react/jsx-runtime";
+import { c as B } from "../../compiler-runtime-DA41awpA.js";
+import { useRef as R, useState as S, useEffect as j } from "react";
+import { V as P } from "../../index-BKjcReYh.js";
+import { cn as f } from "../../utils/index.js";
+import { alertVariants as D, iconVariants as F, titleVariants as H, descriptionVariants as L, closeButtonVariants as M } from "./Alert.variants.js";
+import { ErrorIcon as O } from "../../assets/icons/components/Error.js";
+import { WarningTriangleIcon as T } from "../../assets/icons/components/WarningTriangle.js";
+import { InfoCircleIcon as W } from "../../assets/icons/components/InfoCircle.js";
+import { CheckCircleFilledIcon as X } from "../../assets/icons/components/CheckCircleFilled.js";
+import { X as $ } from "../../x-Eoa9FJjA.js";
+const q = {
+  success: X,
+  info: W,
+  warning: T,
+  danger: O
+}, se = (_) => {
+  const e = B.c(28), {
+    theme: y,
+    type: t,
+    title: d,
+    description: p,
+    isVisible: N,
+    showCloseButton: w
+  } = _, a = N === void 0 ? !0 : N, I = w === void 0 ? !1 : w, u = R(null), [A, E] = S(a);
+  let h;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = () => {
+    const c = u.current;
+    c && c.setAttribute("data-state", "hidden");
+  }, e[0] = h) : h = e[0];
+  const k = h;
+  let b, C;
+  if (e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = () => {
+    const c = new AbortController();
+    return u.current?.addEventListener("animationend", () => {
+      u.current?.style.setProperty("display", "none"), E(!1);
+    }, {
+      signal: c.signal
+    }), () => c.abort();
+  }, C = [], e[1] = b, e[2] = C) : (b = e[1], C = e[2]), j(b, C), !A)
     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" })
-        ] })
-      ]
-    }
-  );
+  const V = t ? q[t] : null;
+  let i;
+  e[3] !== a || e[4] !== t ? (i = f(D({
+    type: t,
+    isVisible: a
+  })), e[3] = a, e[4] = t, e[5] = i) : i = e[5];
+  const g = a ? "visible" : "hidden";
+  let s;
+  e[6] !== V || e[7] !== t ? (s = V && /* @__PURE__ */ m(V, { className: f(F({
+    type: t
+  })) }), e[6] = V, e[7] = t, e[8] = s) : s = e[8];
+  let o;
+  e[9] !== d || e[10] !== t ? (o = d && /* @__PURE__ */ m("p", { className: f(H({
+    type: t
+  })), children: d }), e[9] = d, e[10] = t, e[11] = o) : o = e[11];
+  let r;
+  e[12] !== p || e[13] !== t ? (r = p && /* @__PURE__ */ m("div", { className: f(L({
+    type: t
+  })), children: p }), e[12] = p, e[13] = t, e[14] = r) : r = e[14];
+  let l;
+  e[15] !== r || e[16] !== o ? (l = /* @__PURE__ */ x("div", { className: "flex flex-col gap-1 flex-1", children: [
+    o,
+    r
+  ] }), e[15] = r, e[16] = o, e[17] = l) : l = e[17];
+  let n;
+  e[18] !== I || e[19] !== t ? (n = I && /* @__PURE__ */ x("button", { type: "button", onClick: k, children: [
+    /* @__PURE__ */ m($, { className: f(M({
+      type: t
+    })) }),
+    /* @__PURE__ */ m(P, { children: "Dismiss alert" })
+  ] }), e[18] = I, e[19] = t, e[20] = n) : n = e[20];
+  let v;
+  return e[21] !== l || e[22] !== n || e[23] !== i || e[24] !== g || e[25] !== s || e[26] !== y ? (v = /* @__PURE__ */ x("div", { ref: u, className: i, "data-state": g, "data-theme": y, role: "alert", "aria-live": "polite", children: [
+    s,
+    l,
+    n
+  ] }), e[21] = l, e[22] = n, e[23] = i, e[24] = g, e[25] = s, e[26] = y, e[27] = v) : v = e[27], v;
 };
 export {
-  X as Alert
+  se as Alert
 };

package/dist/components/Alert/Alert.types.d.ts

@@ -31,11 +31,13 @@ type AlertBaseProps = VariantProps<typeof alertVariants> & {
  * <Alert type="warning" title="Warning" description={<span>Action <strong>required</strong></span>} />
  * ```
  */
-export type AlertProps = AlertBaseProps & ({
+export type Props = AlertBaseProps & ({
     title: string | ReactNode;
     description?: string | ReactNode;
 } | {
     title?: string | ReactNode;
     description: string | ReactNode;
 });
+/** @deprecated Use Props instead */
+export type AlertProps = Props;
 export {};

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

@@ -1,61 +1,21 @@
 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"
-      }
+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"]
     },
-    defaultVariants: {
-      isVisible: !0
+    isVisible: {
+      true: "",
+      false: "hidden"
     }
+  },
+  defaultVariants: {
+    isVisible: !0
   }
-), a = e(["text-sm", "font-medium", "leading-5"], {
+}), a = e(["text-sm", "font-medium", "leading-5"], {
   variants: {
     type: {
       success: ["text-green-800", "dark:text-green-300"],
@@ -64,19 +24,16 @@ const r = e(
       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"]
-      }
+}), 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"], {
+}), n = e(["size-5", "shrink-0"], {
   variants: {
     type: {
       success: ["text-green-600", "dark:text-green-400"],
@@ -85,28 +42,16 @@ const r = e(
       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"]
-      }
+}), 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.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { AlertDialogProps } from './AlertDialog.types';
+import { Props } from './AlertDialog.types';
 /**
  * A confirmation dialog component built on Radix UI AlertDialog.
  * Includes a trigger button that opens a modal with title, description, and action buttons.
@@ -28,5 +28,5 @@ import { AlertDialogProps } from './AlertDialog.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-alertdialog--docs Storybook}
  */
-declare const AlertDialog: FC<AlertDialogProps>;
+declare const AlertDialog: FC<Props>;
 export { AlertDialog };

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,132 +1,106 @@
-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-Dd_ZmIqU.js";
-import { useRef as H, useState as I, useEffect as J } from "react";
-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)
+import { jsx as a, jsxs as q } from "react/jsx-runtime";
+import { c as te } from "../../compiler-runtime-DA41awpA.js";
+import { C as le, A as ae, O as ie, T as ne, D as se, a as re, b as oe, P as ce, R as me } from "../../index-0g-eSmV1.js";
+import { useRef as fe, useState as de, useEffect as ue } from "react";
+import { Button as Z } from "../Button/Button.js";
+import { cn as X } from "../../utils/index.js";
+import { useAlertDialog as pe } from "./hooks/useAlertDialog.js";
+const Ce = (F) => {
+  const e = te.c(80);
+  let s, r, o, l, c, m, f, d, u, i, n, B, t, p, C;
+  e[0] !== F ? ({
+    buttonCancel: i,
+    buttonConfirm: n,
+    buttonTriggerClassName: s,
+    buttonTriggerText: r,
+    buttonTriggerVariant: o,
+    description: c,
+    isDescriptionChild: m,
+    isTitleChild: f,
+    showCancelButton: B,
+    theme: t,
+    title: p,
+    wrapperClassName: C,
+    onClick: d,
+    onConfirm: u,
+    ...l
+  } = F, e[0] = F, e[1] = s, e[2] = r, e[3] = o, e[4] = l, e[5] = c, e[6] = m, e[7] = f, e[8] = d, e[9] = u, e[10] = i, e[11] = n, e[12] = B, e[13] = t, e[14] = p, e[15] = C) : (s = e[1], r = e[2], o = e[3], l = e[4], c = e[5], m = e[6], f = e[7], d = e[8], u = e[9], i = e[10], n = e[11], B = e[12], t = e[13], p = e[14], C = e[15]);
+  let h;
+  e[16] !== i ? (h = i === void 0 ? {} : i, e[16] = i, e[17] = h) : h = e[17];
+  let b, g, S;
+  e[18] !== h ? ({
+    className: b,
+    text: S,
+    ...g
+  } = h, e[18] = h, e[19] = b, e[20] = g, e[21] = S) : (b = e[19], g = e[20], S = e[21]);
+  const G = S === void 0 ? "Cancel" : S;
+  let x;
+  e[22] !== n ? (x = n === void 0 ? {} : n, e[22] = n, e[23] = x) : x = e[23];
+  let N, y, E;
+  e[24] !== x ? ({
+    className: N,
+    text: E,
+    ...y
+  } = x, e[24] = x, e[25] = N, e[26] = y, e[27] = E) : (N = e[25], y = e[26], E = e[27]);
+  const H = E === void 0 ? "OK" : E, I = B === void 0 ? !0 : B, J = fe(null), [L, ee] = de(null);
+  let K;
+  e[28] !== u ? (K = {
+    onConfirm: u
+  }, e[28] = u, e[29] = K) : K = e[29];
+  const {
+    isOpen: M,
+    handleCancel: Q,
+    handleConfirm: U,
+    handleOpen: W
+  } = pe(K);
+  let P;
+  e[30] !== t ? (P = () => {
+    if (!J.current || t)
       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,
-        "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
-                }
-              ) })
-            ] })
-          ]
-        }
-      )
-    ] })
-  ] });
+    const Y = J.current.closest("[data-theme]");
+    Y && ee(Y);
+  }, e[30] = t, e[31] = P) : P = e[31];
+  let z;
+  e[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = [], e[32] = z) : z = e[32], ue(P, z);
+  let v;
+  e[33] !== s || e[34] !== r || e[35] !== o || e[36] !== l || e[37] !== W || e[38] !== d || e[39] !== t ? (v = /* @__PURE__ */ a(ae, { ref: J, className: s, variant: o, text: r, "data-theme": t, onOpen: W, onClick: d, ...l }), e[33] = s, e[34] = r, e[35] = o, e[36] = l, e[37] = W, e[38] = d, e[39] = t, e[40] = v) : v = e[40];
+  let V;
+  e[41] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ a(ie, { className: "bg-black opacity-70 dark:opacity-85 inset-0 fixed animate-in fade-in-0" }), e[41] = V) : V = e[41];
+  let T;
+  e[42] !== C ? (T = X("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", C), e[42] = C, e[43] = T) : T = e[43];
+  let D;
+  e[44] !== f || e[45] !== p ? (D = /* @__PURE__ */ a(ne, { asChild: f, className: "text-base text-slate-700 font-semibold", children: p }), e[44] = f, e[45] = p, e[46] = D) : D = e[46];
+  let k;
+  e[47] !== c || e[48] !== m ? (k = /* @__PURE__ */ a(se, { asChild: m, className: "text-sm text-slate-800", children: c }), e[47] = c, e[48] = m, e[49] = k) : k = e[49];
+  let A;
+  e[50] !== b || e[51] !== g || e[52] !== G || e[53] !== Q || e[54] !== I ? (A = I && /* @__PURE__ */ a(le, { asChild: !0, children: /* @__PURE__ */ a(Z, { type: "button", variant: "secondary", className: X(b), onClick: Q, ...g, children: G }) }), e[50] = b, e[51] = g, e[52] = G, e[53] = Q, e[54] = I, e[55] = A) : A = e[55];
+  let O;
+  e[56] !== N ? (O = X(N), e[56] = N, e[57] = O) : O = e[57];
+  let w;
+  e[58] !== y || e[59] !== H || e[60] !== U || e[61] !== O ? (w = /* @__PURE__ */ a(re, { asChild: !0, children: /* @__PURE__ */ a(Z, { type: "button", variant: "primary", className: O, onClick: U, ...y, children: H }) }), e[58] = y, e[59] = H, e[60] = U, e[61] = O, e[62] = w) : w = e[62];
+  let R;
+  e[63] !== A || e[64] !== w ? (R = /* @__PURE__ */ q("div", { className: "flex flex-row gap-2 justify-end", children: [
+    A,
+    w
+  ] }), e[63] = A, e[64] = w, e[65] = R) : R = e[65];
+  let _;
+  e[66] !== T || e[67] !== D || e[68] !== k || e[69] !== R || e[70] !== t ? (_ = /* @__PURE__ */ q(oe, { "data-theme": t, className: T, children: [
+    D,
+    k,
+    R
+  ] }), e[66] = T, e[67] = D, e[68] = k, e[69] = R, e[70] = t, e[71] = _) : _ = e[71];
+  let j;
+  e[72] !== L || e[73] !== _ ? (j = /* @__PURE__ */ q(ce, { container: L, children: [
+    V,
+    _
+  ] }), e[72] = L, e[73] = _, e[74] = j) : j = e[74];
+  let $;
+  return e[75] !== l || e[76] !== M || e[77] !== v || e[78] !== j ? ($ = /* @__PURE__ */ q(me, { open: M, ...l, children: [
+    v,
+    j
+  ] }), e[75] = l, e[76] = M, e[77] = v, e[78] = j, e[79] = $) : $ = e[79], $;
 };
-M.displayName = "KonstructAlertDialog";
+Ce.displayName = "KonstructAlertDialog";
 export {
-  M as AlertDialog
+  Ce as AlertDialog
 };

package/dist/components/AlertDialog/AlertDialog.types.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren, ReactNode } from 'react';
 import { AlertDialogProps as AlertDialogPrimitiveProps } from '@radix-ui/react-alert-dialog';
 import { Theme } from '../../domain/theme';
-import { ButtonProps } from '../Button/Button.types';
+import { Props as ButtonProps } from '../Button/Button.types';
 type ButtonBaseProps = Partial<ButtonProps> & {
     className?: string;
     text?: string;
@@ -22,7 +22,7 @@ type ButtonConfirmProps = ButtonBaseProps;
  * />
  * ```
  */
-export interface AlertDialogProps extends PropsWithChildren, AlertDialogPrimitiveProps {
+export interface Props extends PropsWithChildren, AlertDialogPrimitiveProps {
     /** Cancel button props (className, text, etc.) */
     buttonCancel?: ButtonCancelProps;
     /** Confirm button props (className, text, etc.) */
@@ -52,7 +52,9 @@ export interface AlertDialogProps extends PropsWithChildren, AlertDialogPrimitiv
     /** Callback when the button is clicked */
     onClick?: VoidFunction;
 }
+/** @deprecated Use Props instead */
+export type AlertDialogProps = Props;
 export type UseAlertiDialogProps = {
-    onConfirm: AlertDialogProps['onConfirm'];
+    onConfirm: Props['onConfirm'];
 };
 export {};

package/dist/components/AlertDialog/components/AlertDialogTrigger.d.ts

@@ -1,2 +1,2 @@
-import { AlertDialogTriggerProps } from './AlertDialogTrigger.types';
-export declare const AlertDialogTrigger: import('react').ForwardRefExoticComponent<AlertDialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+import { Props } from './AlertDialogTrigger.types';
+export declare const AlertDialogTrigger: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -1,8 +1,9 @@
 import "react/jsx-runtime";
-import { A as e } from "../../../index-Dd_ZmIqU.js";
+import "../../../compiler-runtime-DA41awpA.js";
+import { A as g } from "../../../index-0g-eSmV1.js";
 import "react";
 import "../../Button/Button.js";
 import "../../../utils/index.js";
 export {
-  e as AlertDialogTrigger
+  g as AlertDialogTrigger
 };

package/dist/components/AlertDialog/components/AlertDialogTrigger.types.d.ts

@@ -1,6 +1,6 @@
-import { ButtonProps } from '../../Button/Button.types';
+import { Props as ButtonProps } from '../../Button/Button.types';
 import { Theme } from '../../../domain/theme';
-export interface AlertDialogTriggerProps {
+export interface Props {
     'data-theme'?: Theme;
     variant?: ButtonProps['variant'];
     className?: string;
@@ -8,3 +8,5 @@ export interface AlertDialogTriggerProps {
     onOpen: VoidFunction;
     onClick?: VoidFunction;
 }
+/** @deprecated Use Props instead */
+export type AlertDialogTriggerProps = Props;

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

@@ -1,4 +1,4 @@
-import { A as g } from "../../../index-Dd_ZmIqU.js";
+import { A as g } from "../../../index-0g-eSmV1.js";
 export {
   g as AlertDialogTrigger
 };