@konstructio/ui 0.0.2

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) [2024] [Jesús Manuel Fuentes Trejo]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,19 @@
+# Konstruct React Component Library
+
+This repository contains a set of reusable and customizable React components built for **Konstruct**'s infrastructure and Kubernetes products. These components aim to streamline the development process, ensuring consistency and high-quality UI for **Kubefirst**, **Colony**, and other future projects.
+
+## Features:
+
+- **Reusable**: Designed to be used across different projects, reducing development time and effort.
+- **Customizable**: Easily adjustable to fit specific needs or branding requirements.
+- **Responsive**: Optimized for all screen sizes, ensuring a seamless experience on both desktop and mobile.
+- **Accessible**: Built with accessibility in mind, following best practices to ensure compatibility with all users.
+- **Tailwind CSS Integration**: Seamlessly integrated with Tailwind CSS for rapid UI development and easy theming.
+
+## Installation:
+
+Provide instructions on how to install and use the components within your projects.
+
+## Contribution:
+
+Guidelines for contributing to the repository.

package/dist/AlertDialogTrigger-BIbxXexQ.js

@@ -0,0 +1,553 @@
+import { jsx as c, jsxs as U, Fragment as j } from "react/jsx-runtime";
+import * as i from "react";
+import { u as xe, b as Y, c as ee, d as R, e as Le, a as ke } from "./index-8vgf-x5i.js";
+import { u as O, S as We, a as $e } from "./index-CCavb-1K.js";
+import { D as Ue, P as Ge } from "./index-2K8qjK4R.js";
+import { P } from "./index-BJ7FQg17.js";
+import { P as G } from "./index-B_GWswUP.js";
+import { R as Ke } from "./Combination-Cmu9JRkv.js";
+import "./contexts/theme.context.js";
+import { useTheme as Be } from "./contexts/theme.hook.js";
+import "./js.cookie-OLEfuq_g.js";
+import { Button as He } from "./components/Button/Button.js";
+var qe = i.useId || (() => {
+}), Ve = 0;
+function x(e) {
+  const [o, t] = i.useState(qe());
+  return xe(() => {
+    e || t((r) => r ?? String(Ve++));
+  }, [e]), e || (o ? `radix-${o}` : "");
+}
+var L = "focusScope.autoFocusOnMount", k = "focusScope.autoFocusOnUnmount", Z = { bubbles: !1, cancelable: !0 }, je = "FocusScope", te = i.forwardRef((e, o) => {
+  const {
+    loop: t = !1,
+    trapped: r = !1,
+    onMountAutoFocus: n,
+    onUnmountAutoFocus: a,
+    ...l
+  } = e, [s, g] = i.useState(null), f = Y(n), D = Y(a), u = i.useRef(null), p = O(o, (d) => g(d)), v = i.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  i.useEffect(() => {
+    if (r) {
+      let d = function(h) {
+        if (v.paused || !s) return;
+        const E = h.target;
+        s.contains(E) ? u.current = E : b(u.current, { select: !0 });
+      }, C = function(h) {
+        if (v.paused || !s) return;
+        const E = h.relatedTarget;
+        E !== null && (s.contains(E) || b(u.current, { select: !0 }));
+      }, m = function(h) {
+        if (document.activeElement === document.body)
+          for (const V of h)
+            V.removedNodes.length > 0 && b(s);
+      };
+      document.addEventListener("focusin", d), document.addEventListener("focusout", C);
+      const S = new MutationObserver(m);
+      return s && S.observe(s, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", d), document.removeEventListener("focusout", C), S.disconnect();
+      };
+    }
+  }, [r, s, v.paused]), i.useEffect(() => {
+    if (s) {
+      J.add(v);
+      const d = document.activeElement;
+      if (!s.contains(d)) {
+        const m = new CustomEvent(L, Z);
+        s.addEventListener(L, f), s.dispatchEvent(m), m.defaultPrevented || (Ye(Xe(oe(s)), { select: !0 }), document.activeElement === d && b(s));
+      }
+      return () => {
+        s.removeEventListener(L, f), setTimeout(() => {
+          const m = new CustomEvent(k, Z);
+          s.addEventListener(k, D), s.dispatchEvent(m), m.defaultPrevented || b(d ?? document.body, { select: !0 }), s.removeEventListener(k, D), J.remove(v);
+        }, 0);
+      };
+    }
+  }, [s, f, D, v]);
+  const I = i.useCallback(
+    (d) => {
+      if (!t && !r || v.paused) return;
+      const C = d.key === "Tab" && !d.altKey && !d.ctrlKey && !d.metaKey, m = document.activeElement;
+      if (C && m) {
+        const S = d.currentTarget, [h, E] = Ze(S);
+        h && E ? !d.shiftKey && m === E ? (d.preventDefault(), t && b(h, { select: !0 })) : d.shiftKey && m === h && (d.preventDefault(), t && b(E, { select: !0 })) : m === S && d.preventDefault();
+      }
+    },
+    [t, r, v.paused]
+  );
+  return /* @__PURE__ */ c(P.div, { tabIndex: -1, ...l, ref: p, onKeyDown: I });
+});
+te.displayName = je;
+function Ye(e, { select: o = !1 } = {}) {
+  const t = document.activeElement;
+  for (const r of e)
+    if (b(r, { select: o }), document.activeElement !== t) return;
+}
+function Ze(e) {
+  const o = oe(e), t = z(o, e), r = z(o.reverse(), e);
+  return [t, r];
+}
+function oe(e) {
+  const o = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const n = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || n ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; t.nextNode(); ) o.push(t.currentNode);
+  return o;
+}
+function z(e, o) {
+  for (const t of e)
+    if (!ze(t, { upTo: o })) return t;
+}
+function ze(e, { upTo: o }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (o !== void 0 && e === o) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function Je(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function b(e, { select: o = !1 } = {}) {
+  if (e && e.focus) {
+    const t = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== t && Je(e) && o && e.select();
+  }
+}
+var J = Qe();
+function Qe() {
+  let e = [];
+  return {
+    add(o) {
+      const t = e[0];
+      o !== t && (t == null || t.pause()), e = Q(e, o), e.unshift(o);
+    },
+    remove(o) {
+      var t;
+      e = Q(e, o), (t = e[0]) == null || t.resume();
+    }
+  };
+}
+function Q(e, o) {
+  const t = [...e], r = t.indexOf(o);
+  return r !== -1 && t.splice(r, 1), t;
+}
+function Xe(e) {
+  return e.filter((o) => o.tagName !== "A");
+}
+var W = 0;
+function et() {
+  i.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? X()), document.body.insertAdjacentElement("beforeend", e[1] ?? X()), W++, () => {
+      W === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((o) => o.remove()), W--;
+    };
+  }, []);
+}
+function X() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+var tt = function(e) {
+  if (typeof document > "u")
+    return null;
+  var o = Array.isArray(e) ? e[0] : e;
+  return o.ownerDocument.body;
+}, _ = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), w = {}, $ = 0, re = function(e) {
+  return e && (e.host || re(e.parentNode));
+}, ot = function(e, o) {
+  return o.map(function(t) {
+    if (e.contains(t))
+      return t;
+    var r = re(t);
+    return r && e.contains(r) ? r : (console.error("aria-hidden", t, "in not contained inside", e, ". Doing nothing"), null);
+  }).filter(function(t) {
+    return !!t;
+  });
+}, rt = function(e, o, t, r) {
+  var n = ot(o, Array.isArray(e) ? e : [e]);
+  w[t] || (w[t] = /* @__PURE__ */ new WeakMap());
+  var a = w[t], l = [], s = /* @__PURE__ */ new Set(), g = new Set(n), f = function(u) {
+    !u || s.has(u) || (s.add(u), f(u.parentNode));
+  };
+  n.forEach(f);
+  var D = function(u) {
+    !u || g.has(u) || Array.prototype.forEach.call(u.children, function(p) {
+      if (s.has(p))
+        D(p);
+      else
+        try {
+          var v = p.getAttribute(r), I = v !== null && v !== "false", d = (_.get(p) || 0) + 1, C = (a.get(p) || 0) + 1;
+          _.set(p, d), a.set(p, C), l.push(p), d === 1 && I && M.set(p, !0), C === 1 && p.setAttribute(t, "true"), I || p.setAttribute(r, "true");
+        } catch (m) {
+          console.error("aria-hidden: cannot operate on ", p, m);
+        }
+    });
+  };
+  return D(o), s.clear(), $++, function() {
+    l.forEach(function(u) {
+      var p = _.get(u) - 1, v = a.get(u) - 1;
+      _.set(u, p), a.set(u, v), p || (M.has(u) || u.removeAttribute(r), M.delete(u)), v || u.removeAttribute(t);
+    }), $--, $ || (_ = /* @__PURE__ */ new WeakMap(), _ = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), w = {});
+  };
+}, nt = function(e, o, t) {
+  t === void 0 && (t = "data-aria-hidden");
+  var r = Array.from(Array.isArray(e) ? e : [e]), n = tt(e);
+  return n ? (r.push.apply(r, Array.from(n.querySelectorAll("[aria-live]"))), rt(r, n, t, "aria-hidden")) : function() {
+    return null;
+  };
+}, K = "Dialog", [ne, ae] = ee(K), [at, A] = ne(K), se = (e) => {
+  const {
+    __scopeDialog: o,
+    children: t,
+    open: r,
+    defaultOpen: n,
+    onOpenChange: a,
+    modal: l = !0
+  } = e, s = i.useRef(null), g = i.useRef(null), [f = !1, D] = ke({
+    prop: r,
+    defaultProp: n,
+    onChange: a
+  });
+  return /* @__PURE__ */ c(
+    at,
+    {
+      scope: o,
+      triggerRef: s,
+      contentRef: g,
+      contentId: x(),
+      titleId: x(),
+      descriptionId: x(),
+      open: f,
+      onOpenChange: D,
+      onOpenToggle: i.useCallback(() => D((u) => !u), [D]),
+      modal: l,
+      children: t
+    }
+  );
+};
+se.displayName = K;
+var ie = "DialogTrigger", ce = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: t, ...r } = e, n = A(ie, t), a = O(o, n.triggerRef);
+    return /* @__PURE__ */ c(
+      P.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": n.open,
+        "aria-controls": n.contentId,
+        "data-state": q(n.open),
+        ...r,
+        ref: a,
+        onClick: R(e.onClick, n.onOpenToggle)
+      }
+    );
+  }
+);
+ce.displayName = ie;
+var B = "DialogPortal", [st, le] = ne(B, {
+  forceMount: void 0
+}), ue = (e) => {
+  const { __scopeDialog: o, forceMount: t, children: r, container: n } = e, a = A(B, o);
+  return /* @__PURE__ */ c(st, { scope: o, forceMount: t, children: i.Children.map(r, (l) => /* @__PURE__ */ c(G, { present: t || a.open, children: /* @__PURE__ */ c(Ge, { asChild: !0, container: n, children: l }) })) });
+};
+ue.displayName = B;
+var F = "DialogOverlay", de = i.forwardRef(
+  (e, o) => {
+    const t = le(F, e.__scopeDialog), { forceMount: r = t.forceMount, ...n } = e, a = A(F, e.__scopeDialog);
+    return a.modal ? /* @__PURE__ */ c(G, { present: r || a.open, children: /* @__PURE__ */ c(it, { ...n, ref: o }) }) : null;
+  }
+);
+de.displayName = F;
+var it = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: t, ...r } = e, n = A(F, t);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ c(Ke, { as: We, allowPinchZoom: !0, shards: [n.contentRef], children: /* @__PURE__ */ c(
+        P.div,
+        {
+          "data-state": q(n.open),
+          ...r,
+          ref: o,
+          style: { pointerEvents: "auto", ...r.style }
+        }
+      ) })
+    );
+  }
+), N = "DialogContent", fe = i.forwardRef(
+  (e, o) => {
+    const t = le(N, e.__scopeDialog), { forceMount: r = t.forceMount, ...n } = e, a = A(N, e.__scopeDialog);
+    return /* @__PURE__ */ c(G, { present: r || a.open, children: a.modal ? /* @__PURE__ */ c(ct, { ...n, ref: o }) : /* @__PURE__ */ c(lt, { ...n, ref: o }) });
+  }
+);
+fe.displayName = N;
+var ct = i.forwardRef(
+  (e, o) => {
+    const t = A(N, e.__scopeDialog), r = i.useRef(null), n = O(o, t.contentRef, r);
+    return i.useEffect(() => {
+      const a = r.current;
+      if (a) return nt(a);
+    }, []), /* @__PURE__ */ c(
+      pe,
+      {
+        ...e,
+        ref: n,
+        trapFocus: t.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: R(e.onCloseAutoFocus, (a) => {
+          var l;
+          a.preventDefault(), (l = t.triggerRef.current) == null || l.focus();
+        }),
+        onPointerDownOutside: R(e.onPointerDownOutside, (a) => {
+          const l = a.detail.originalEvent, s = l.button === 0 && l.ctrlKey === !0;
+          (l.button === 2 || s) && a.preventDefault();
+        }),
+        onFocusOutside: R(
+          e.onFocusOutside,
+          (a) => a.preventDefault()
+        )
+      }
+    );
+  }
+), lt = i.forwardRef(
+  (e, o) => {
+    const t = A(N, e.__scopeDialog), r = i.useRef(!1), n = i.useRef(!1);
+    return /* @__PURE__ */ c(
+      pe,
+      {
+        ...e,
+        ref: o,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (a) => {
+          var l, s;
+          (l = e.onCloseAutoFocus) == null || l.call(e, a), a.defaultPrevented || (r.current || (s = t.triggerRef.current) == null || s.focus(), a.preventDefault()), r.current = !1, n.current = !1;
+        },
+        onInteractOutside: (a) => {
+          var g, f;
+          (g = e.onInteractOutside) == null || g.call(e, a), a.defaultPrevented || (r.current = !0, a.detail.originalEvent.type === "pointerdown" && (n.current = !0));
+          const l = a.target;
+          ((f = t.triggerRef.current) == null ? void 0 : f.contains(l)) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && n.current && a.preventDefault();
+        }
+      }
+    );
+  }
+), pe = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: t, trapFocus: r, onOpenAutoFocus: n, onCloseAutoFocus: a, ...l } = e, s = A(N, t), g = i.useRef(null), f = O(o, g);
+    return et(), /* @__PURE__ */ U(j, { children: [
+      /* @__PURE__ */ c(
+        te,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: r,
+          onMountAutoFocus: n,
+          onUnmountAutoFocus: a,
+          children: /* @__PURE__ */ c(
+            Ue,
+            {
+              role: "dialog",
+              id: s.contentId,
+              "aria-describedby": s.descriptionId,
+              "aria-labelledby": s.titleId,
+              "data-state": q(s.open),
+              ...l,
+              ref: f,
+              onDismiss: () => s.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ U(j, { children: [
+        /* @__PURE__ */ c(dt, { titleId: s.titleId }),
+        /* @__PURE__ */ c(pt, { contentRef: g, descriptionId: s.descriptionId })
+      ] })
+    ] });
+  }
+), H = "DialogTitle", ge = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: t, ...r } = e, n = A(H, t);
+    return /* @__PURE__ */ c(P.h2, { id: n.titleId, ...r, ref: o });
+  }
+);
+ge.displayName = H;
+var ve = "DialogDescription", me = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: t, ...r } = e, n = A(ve, t);
+    return /* @__PURE__ */ c(P.p, { id: n.descriptionId, ...r, ref: o });
+  }
+);
+me.displayName = ve;
+var De = "DialogClose", Ae = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: t, ...r } = e, n = A(De, t);
+    return /* @__PURE__ */ c(
+      P.button,
+      {
+        type: "button",
+        ...r,
+        ref: o,
+        onClick: R(e.onClick, () => n.onOpenChange(!1))
+      }
+    );
+  }
+);
+Ae.displayName = De;
+function q(e) {
+  return e ? "open" : "closed";
+}
+var Ee = "DialogTitleWarning", [ut, he] = Le(Ee, {
+  contentName: N,
+  titleName: H,
+  docsSlug: "dialog"
+}), dt = ({ titleId: e }) => {
+  const o = he(Ee), t = `\`${o.contentName}\` requires a \`${o.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${o.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${o.docsSlug}`;
+  return i.useEffect(() => {
+    e && (document.getElementById(e) || console.error(t));
+  }, [t, e]), null;
+}, ft = "DialogDescriptionWarning", pt = ({ contentRef: e, descriptionId: o }) => {
+  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${he(ft).contentName}}.`;
+  return i.useEffect(() => {
+    var a;
+    const n = (a = e.current) == null ? void 0 : a.getAttribute("aria-describedby");
+    o && n && (document.getElementById(o) || console.warn(r));
+  }, [r, e, o]), null;
+}, gt = se, vt = ce, mt = ue, Dt = de, At = fe, Et = ge, ht = me, ye = Ae, Ce = "AlertDialog", [yt, Gt] = ee(Ce, [
+  ae
+]), y = ae(), be = (e) => {
+  const { __scopeAlertDialog: o, ...t } = e, r = y(o);
+  return /* @__PURE__ */ c(gt, { ...r, ...t, modal: !0 });
+};
+be.displayName = Ce;
+var Ct = "AlertDialogTrigger", Ne = i.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: t, ...r } = e, n = y(t);
+    return /* @__PURE__ */ c(vt, { ...n, ...r, ref: o });
+  }
+);
+Ne.displayName = Ct;
+var bt = "AlertDialogPortal", _e = (e) => {
+  const { __scopeAlertDialog: o, ...t } = e, r = y(o);
+  return /* @__PURE__ */ c(mt, { ...r, ...t });
+};
+_e.displayName = bt;
+var Nt = "AlertDialogOverlay", Re = i.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: t, ...r } = e, n = y(t);
+    return /* @__PURE__ */ c(Dt, { ...n, ...r, ref: o });
+  }
+);
+Re.displayName = Nt;
+var T = "AlertDialogContent", [_t, Rt] = yt(T), Te = i.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: t, children: r, ...n } = e, a = y(t), l = i.useRef(null), s = O(o, l), g = i.useRef(null);
+    return /* @__PURE__ */ c(
+      ut,
+      {
+        contentName: T,
+        titleName: Oe,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ c(_t, { scope: t, cancelRef: g, children: /* @__PURE__ */ U(
+          At,
+          {
+            role: "alertdialog",
+            ...a,
+            ...n,
+            ref: s,
+            onOpenAutoFocus: R(n.onOpenAutoFocus, (f) => {
+              var D;
+              f.preventDefault(), (D = g.current) == null || D.focus({ preventScroll: !0 });
+            }),
+            onPointerDownOutside: (f) => f.preventDefault(),
+            onInteractOutside: (f) => f.preventDefault(),
+            children: [
+              /* @__PURE__ */ c($e, { children: r }),
+              /* @__PURE__ */ c(Ot, { contentRef: l })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+Te.displayName = T;
+var Oe = "AlertDialogTitle", Pe = i.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: t, ...r } = e, n = y(t);
+    return /* @__PURE__ */ c(Et, { ...n, ...r, ref: o });
+  }
+);
+Pe.displayName = Oe;
+var Se = "AlertDialogDescription", Ie = i.forwardRef((e, o) => {
+  const { __scopeAlertDialog: t, ...r } = e, n = y(t);
+  return /* @__PURE__ */ c(ht, { ...n, ...r, ref: o });
+});
+Ie.displayName = Se;
+var Tt = "AlertDialogAction", Me = i.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: t, ...r } = e, n = y(t);
+    return /* @__PURE__ */ c(ye, { ...n, ...r, ref: o });
+  }
+);
+Me.displayName = Tt;
+var we = "AlertDialogCancel", Fe = i.forwardRef(
+  (e, o) => {
+    const { __scopeAlertDialog: t, ...r } = e, { cancelRef: n } = Rt(we, t), a = y(t), l = O(o, n);
+    return /* @__PURE__ */ c(ye, { ...a, ...r, ref: l });
+  }
+);
+Fe.displayName = we;
+var Ot = ({ contentRef: e }) => {
+  const o = `\`${T}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${T}\` by passing a \`${Se}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${T}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  return i.useEffect(() => {
+    var r;
+    document.getElementById(
+      (r = e.current) == null ? void 0 : r.getAttribute("aria-describedby")
+    ) || console.warn(o);
+  }, [o, e]), null;
+}, Kt = be, Pt = Ne, Bt = _e, Ht = Re, qt = Te, Vt = Me, jt = Fe, Yt = Pe, Zt = Ie;
+const zt = ({
+  text: e,
+  theme: o,
+  onOpen: t
+}) => {
+  const { theme: r } = Be();
+  return /* @__PURE__ */ c(Pt, { asChild: !0, children: /* @__PURE__ */ c(He, { type: "button", theme: o ?? r, onClick: t, children: e }) });
+};
+export {
+  zt as A,
+  qt as C,
+  Zt as D,
+  Ht as O,
+  Bt as P,
+  Kt as R,
+  Yt as T,
+  jt as a,
+  Vt as b
+};