@konstructio/ui 0.1.2-alpha.7 → 0.1.2-alpha.71

package/dist/index-Dd_ZmIqU.js

@@ -0,0 +1,139 @@
+import { jsx as i, Fragment as O, jsxs as w } from "react/jsx-runtime";
+import * as l from "react";
+import { forwardRef as I } from "react";
+import { c as x, b as M } from "./index--l0zux8V.js";
+import { u } from "./index-DLcqcWxM.js";
+import { T as L, c as A, R as $, P as F, O as B, W as G, C as W, d as j, e as Y, b as f } from "./index-9a-FL_6D.js";
+import { Button as k } from "./components/Button/Button.js";
+import { cn as q } from "./utils/index.js";
+var H = /* @__PURE__ */ Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function V(r) {
+  const e = ({ children: o }) => /* @__PURE__ */ i(O, { children: o });
+  return e.displayName = `${r}.Slottable`, e.__radixId = H, e;
+}
+var v = "AlertDialog", [z] = M(v, [
+  A
+]), s = A(), m = (r) => {
+  const { __scopeAlertDialog: e, ...o } = r, t = s(e);
+  return /* @__PURE__ */ i($, { ...t, ...o, modal: !0 });
+};
+m.displayName = v;
+var J = "AlertDialogTrigger", D = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, a = s(o);
+    return /* @__PURE__ */ i(L, { ...a, ...t, ref: e });
+  }
+);
+D.displayName = J;
+var K = "AlertDialogPortal", _ = (r) => {
+  const { __scopeAlertDialog: e, ...o } = r, t = s(e);
+  return /* @__PURE__ */ i(F, { ...t, ...o });
+};
+_.displayName = K;
+var Q = "AlertDialogOverlay", y = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, a = s(o);
+    return /* @__PURE__ */ i(B, { ...a, ...t, ref: e });
+  }
+);
+y.displayName = Q;
+var c = "AlertDialogContent", [U, X] = z(c), Z = /* @__PURE__ */ V("AlertDialogContent"), N = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, children: t, ...a } = r, p = s(o), n = l.useRef(null), P = u(e, n), g = l.useRef(null);
+    return /* @__PURE__ */ i(
+      G,
+      {
+        contentName: c,
+        titleName: R,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ i(U, { scope: o, cancelRef: g, children: /* @__PURE__ */ w(
+          W,
+          {
+            role: "alertdialog",
+            ...p,
+            ...a,
+            ref: P,
+            onOpenAutoFocus: x(a.onOpenAutoFocus, (d) => {
+              d.preventDefault(), g.current?.focus({ preventScroll: !0 });
+            }),
+            onPointerDownOutside: (d) => d.preventDefault(),
+            onInteractOutside: (d) => d.preventDefault(),
+            children: [
+              /* @__PURE__ */ i(Z, { children: t }),
+              /* @__PURE__ */ i(re, { contentRef: n })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+N.displayName = c;
+var R = "AlertDialogTitle", h = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, a = s(o);
+    return /* @__PURE__ */ i(j, { ...a, ...t, ref: e });
+  }
+);
+h.displayName = R;
+var C = "AlertDialogDescription", E = l.forwardRef((r, e) => {
+  const { __scopeAlertDialog: o, ...t } = r, a = s(o);
+  return /* @__PURE__ */ i(Y, { ...a, ...t, ref: e });
+});
+E.displayName = C;
+var ee = "AlertDialogAction", S = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, a = s(o);
+    return /* @__PURE__ */ i(f, { ...a, ...t, ref: e });
+  }
+);
+S.displayName = ee;
+var T = "AlertDialogCancel", b = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, { cancelRef: a } = X(T, o), p = s(o), n = u(e, a);
+    return /* @__PURE__ */ i(f, { ...p, ...t, ref: n });
+  }
+);
+b.displayName = T;
+var re = ({ contentRef: r }) => {
+  const e = `\`${c}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${c}\` by passing a \`${C}\` 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 \`${c}\`. 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 l.useEffect(() => {
+    document.getElementById(
+      r.current?.getAttribute("aria-describedby")
+    ) || console.warn(e);
+  }, [e, r]), null;
+}, pe = m, oe = D, de = _, ge = y, ue = N, Ae = S, fe = b, ve = h, me = E;
+const De = I(
+  ({ "data-theme": r, className: e, text: o, variant: t, onOpen: a, onClick: p }, n) => /* @__PURE__ */ i(oe, { asChild: !0, children: /* @__PURE__ */ i(
+    k,
+    {
+      ref: n,
+      type: "button",
+      variant: t,
+      "data-theme": r,
+      className: q(e),
+      onClick: () => {
+        a(), p?.();
+      },
+      children: o
+    }
+  ) })
+);
+export {
+  De as A,
+  ue as C,
+  me as D,
+  ge as O,
+  de as P,
+  pe as R,
+  ve as T,
+  fe as a,
+  Ae as b
+};

package/dist/{index-0XtjXVpJ.js → index-Dfq4O3b4.js}

@@ -1,8 +1,8 @@
-import { R as Ee, P as ke, O as Se, C as Ie } from "./index-amYX3uxF.js";
+import { R as Ee, P as ke, O as Se, C as Ie } from "./index-9a-FL_6D.js";
 import * as n from "react";
-import { P as C } from "./index-BVRIAMfe.js";
-import { u as P } from "./index-bwWKd82e.js";
-import { a as j } from "./index-DQH6odE9.js";
+import { P as C } from "./index--l0zux8V.js";
+import { u as P } from "./index-BKMaItIC.js";
+import { c as j } from "./index-DLcqcWxM.js";
 var de = 1, xe = 0.9, Re = 0.8, Ce = 0.17, Q = 0.1, Z = 0.999, Ae = 0.9999, Me = 0.99, $e = /[\\\/_+.#"@\[\(\{&]/, De = /[\\\/_+.#"@\[\(\{&]/g, Fe = /[\s-]/, me = /[\s-]/g;
 function ee(t, l, r, f, u, c, d) {
   if (c === l.length) return u === t.length ? de : Me;

package/dist/{index-l3NwplN0.js → index-Jr0cra7i.js}

@@ -1,11 +1,10 @@
 import * as l from "react";
-import { a as ce, c as le, b as _ } from "./index-BfXxHr_2.js";
-import { u as M } from "./index-DQH6odE9.js";
+import { a as ce, c as _, P as T, b as le } from "./index--l0zux8V.js";
+import { u as M } from "./index-DLcqcWxM.js";
 import { u as de } from "./index-BdMNhZnh.js";
 import { u as ue } from "./index-BZPx6jYI.js";
-import { u as fe } from "./index-BAEWsOG1.js";
-import { P as T } from "./index-BVRIAMfe.js";
-import { c as me } from "./index-Cvx4lqTq.js";
+import { u as fe } from "./index-BRXMsxSL.js";
+import { c as me } from "./index-CJnS4BVW.js";
 import { jsx as g, jsxs as Se } from "react/jsx-runtime";
 function $(e, [t, n]) {
   return Math.min(n, Math.max(t, e));
@@ -15,7 +14,7 @@ var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, C = "Slider", [N, pe, he] = me(C), [W, He] = le(C, [
+}, C = "Slider", [N, pe, he] = me(C), [W] = le(C, [
   he
 ]), [ge, V] = W(C), q = l.forwardRef(
   (e, t) => {
@@ -423,10 +422,10 @@ function Ce(e, t) {
   const n = Math.pow(10, t);
   return Math.round(e * n) / n;
 }
-var Ne = q, Le = te, Oe = ne, Ue = oe;
+var ze = q, He = te, Ne = ne, Le = oe;
 export {
-  Ne as R,
-  Le as T,
-  Oe as a,
-  Ue as b
+  ze as R,
+  He as T,
+  Ne as a,
+  Le as b
 };

package/dist/{index-CffpTFMi.js → index-URQGEGX7.js}

@@ -1,7 +1,6 @@
 import * as i from "react";
-import { b as h } from "./index-BfXxHr_2.js";
-import { P as R, d as z } from "./index-BVRIAMfe.js";
-import { u as g } from "./index-DQH6odE9.js";
+import { P as R, c as h, d as z } from "./index--l0zux8V.js";
+import { u as g } from "./index-DLcqcWxM.js";
 import { u as m } from "./index-0ioNhtNM.js";
 import { jsx as B } from "react/jsx-runtime";
 function H(n, e = globalThis?.document) {
@@ -129,9 +128,9 @@ function I(n, e, t, { discrete: o }) {
   const s = t.originalEvent.target, c = new CustomEvent(n, { bubbles: !1, cancelable: !0, detail: t });
   e && s.addEventListener(n, e, { once: !0 }), o ? z(s, c) : s.dispatchEvent(c);
 }
-var $ = x, ee = F;
+var Z = x, $ = F;
 export {
-  ee as B,
+  $ as B,
   x as D,
-  $ as R
+  Z as R
 };