@konstructio/ui 0.0.12 → 0.0.13-alpha.2

package/dist/index-AM3avohj.js

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

package/dist/{index-z-AJyzdv.js → index-BOx5P4tS.js}

@@ -1,10 +1,10 @@
 import * as d from "react";
-import { c as ae, a as ce, d as _ } from "./index-8vgf-x5i.js";
-import { u as K } from "./index-DoOsnuB6.js";
-import { jsx as g, jsxs as le } from "react/jsx-runtime";
-import { a as de, u as ue } from "./index-BxeV34ij.js";
-import { P as T } from "./index-BaNV0qac.js";
-import { c as fe } from "./index-BBjak_0p.js";
+import { a as ae, c as ce, b as _ } from "./index-bYyfdsls.js";
+import { u as K } from "./index-Bk324h27.js";
+import { a as le, u as de } from "./index-Bry5AFQ2.js";
+import { P as T } from "./index-g-TFwd6Y.js";
+import { c as ue } from "./index-D9BbbgUq.js";
+import { jsx as g, jsxs as fe } from "react/jsx-runtime";
 function $(e, [t, n]) {
   return Math.min(n, Math.max(t, e));
 }
@@ -18,7 +18,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"]
-}, M = "Slider", [N, he, Se] = fe(M), [W, ke] = ae(M, [
+}, M = "Slider", [N, he, Se] = ue(M), [W, ke] = ce(M, [
   Se
 ]), [ge, B] = W(M), q = d.forwardRef(
   (e, t) => {
@@ -39,7 +39,7 @@ var j = ["PageUp", "PageDown"], X = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arrow
       inverted: v = !1,
       form: P,
       ...S
-    } = e, p = d.useRef(/* @__PURE__ */ new Set()), f = d.useRef(0), w = r === "horizontal" ? ve : we, [h = [], A] = ce({
+    } = e, p = d.useRef(/* @__PURE__ */ new Set()), f = d.useRef(0), w = r === "horizontal" ? ve : we, [h = [], A] = ae({
       prop: x,
       defaultProp: m,
       onChange: (b) => {
@@ -310,13 +310,13 @@ var L = "SliderThumb", oe = d.forwardRef(
   }
 ), be = d.forwardRef(
   (e, t) => {
-    const { __scopeSlider: n, index: o, name: i, ...c } = e, r = B(L, n), a = Q(L, n), [l, m] = d.useState(null), x = K(t, (D) => m(D)), s = l ? r.form || !!l.closest("form") : !0, u = de(l), v = r.values[o], P = v === void 0 ? 0 : re(v, r.min, r.max), S = Re(o, r.values.length), p = u == null ? void 0 : u[a.size], f = p ? De(p, P, a.direction) : 0;
+    const { __scopeSlider: n, index: o, name: i, ...c } = e, r = B(L, n), a = Q(L, n), [l, m] = d.useState(null), x = K(t, (D) => m(D)), s = l ? r.form || !!l.closest("form") : !0, u = le(l), v = r.values[o], P = v === void 0 ? 0 : re(v, r.min, r.max), S = Re(o, r.values.length), p = u == null ? void 0 : u[a.size], f = p ? De(p, P, a.direction) : 0;
     return d.useEffect(() => {
       if (l)
         return r.thumbs.add(l), () => {
           r.thumbs.delete(l);
         };
-    }, [l, r.thumbs]), /* @__PURE__ */ le(
+    }, [l, r.thumbs]), /* @__PURE__ */ fe(
       "span",
       {
         style: {
@@ -361,7 +361,7 @@ var L = "SliderThumb", oe = d.forwardRef(
 );
 oe.displayName = L;
 var xe = (e) => {
-  const { value: t, ...n } = e, o = d.useRef(null), i = ue(t);
+  const { value: t, ...n } = e, o = d.useRef(null), i = de(t);
   return d.useEffect(() => {
     const c = o.current, r = window.HTMLInputElement.prototype, l = Object.getOwnPropertyDescriptor(r, "value").set;
     if (i !== t && l) {

package/dist/index-Bk324h27.js

@@ -0,0 +1,82 @@
+import * as i from "react";
+import { jsx as f, Fragment as g } from "react/jsx-runtime";
+function d(e, n) {
+  if (typeof e == "function")
+    return e(n);
+  e != null && (e.current = n);
+}
+function m(...e) {
+  return (n) => {
+    let r = !1;
+    const o = e.map((t) => {
+      const l = d(t, n);
+      return !r && typeof l == "function" && (r = !0), l;
+    });
+    if (r)
+      return () => {
+        for (let t = 0; t < o.length; t++) {
+          const l = o[t];
+          typeof l == "function" ? l() : d(e[t], null);
+        }
+      };
+  };
+}
+function x(...e) {
+  return i.useCallback(m(...e), e);
+}
+// @__NO_SIDE_EFFECTS__
+function C(e) {
+  const n = /* @__PURE__ */ b(e), r = i.forwardRef((o, t) => {
+    const { children: l, ...a } = o, s = i.Children.toArray(l), u = s.find(E);
+    if (u) {
+      const c = u.props.children, S = s.map((p) => p === u ? i.Children.count(c) > 1 ? i.Children.only(null) : i.isValidElement(c) ? c.props.children : null : p);
+      return /* @__PURE__ */ f(n, { ...a, ref: t, children: i.isValidElement(c) ? i.cloneElement(c, void 0, S) : null });
+    }
+    return /* @__PURE__ */ f(n, { ...a, ref: t, children: l });
+  });
+  return r.displayName = `${e}.Slot`, r;
+}
+var I = /* @__PURE__ */ C("Slot");
+// @__NO_SIDE_EFFECTS__
+function b(e) {
+  const n = i.forwardRef((r, o) => {
+    const { children: t, ...l } = r;
+    if (i.isValidElement(t)) {
+      const a = h(t), s = R(l, t.props);
+      return t.type !== i.Fragment && (s.ref = o ? m(o, a) : a), i.cloneElement(t, s);
+    }
+    return i.Children.count(t) > 1 ? i.Children.only(null) : null;
+  });
+  return n.displayName = `${e}.SlotClone`, n;
+}
+var y = Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function V(e) {
+  const n = ({ children: r }) => /* @__PURE__ */ f(g, { children: r });
+  return n.displayName = `${e}.Slottable`, n.__radixId = y, n;
+}
+function E(e) {
+  return i.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === y;
+}
+function R(e, n) {
+  const r = { ...n };
+  for (const o in n) {
+    const t = e[o], l = n[o];
+    /^on[A-Z]/.test(o) ? t && l ? r[o] = (...s) => {
+      l(...s), t(...s);
+    } : t && (r[o] = t) : o === "style" ? r[o] = { ...t, ...l } : o === "className" && (r[o] = [t, l].filter(Boolean).join(" "));
+  }
+  return { ...e, ...r };
+}
+function h(e) {
+  var o, t;
+  let n = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = n && "isReactWarning" in n && n.isReactWarning;
+  return r ? e.ref : (n = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, r = n && "isReactWarning" in n && n.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
+export {
+  I as S,
+  m as a,
+  V as b,
+  C as c,
+  x as u
+};

package/dist/{index-BxeV34ij.js → index-Bry5AFQ2.js}

@@ -1,5 +1,5 @@
 import * as f from "react";
-import { u as a } from "./index-8vgf-x5i.js";
+import { u as a } from "./index-bYyfdsls.js";
 function h(r) {
   const e = f.useRef({ value: r, previous: r });
   return f.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);

package/dist/{index-D68N8v8R.js → index-C5psggHV.js}

@@ -1,13 +1,13 @@
 import { g as ge } from "./_commonjsHelpers-C6fGbg64.js";
 var V = { exports: {} }, N = { exports: {} }, T = {};
 /** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* react-is.production.min.js
+*
+* Copyright (c) Facebook, Inc. and its affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 var ue;
 function Se() {
   if (ue) return T;
@@ -76,13 +76,13 @@ function Se() {
 }
 var m = {};
 /** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* react-is.development.js
+*
+* Copyright (c) Facebook, Inc. and its affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 var fe;
 function Pe() {
   return fe || (fe = 1, process.env.NODE_ENV !== "production" && function() {
@@ -168,7 +168,7 @@ function Pe() {
 }
 var le;
 function he() {
-  return le || (le = 1, process.env.NODE_ENV === "production" ? N.exports = Se() : N.exports = Pe()), N.exports;
+  return le || (le = 1, process.env.NODE_ENV === "production" ? N.exports = /* @__PURE__ */ Se() : N.exports = /* @__PURE__ */ Pe()), N.exports;
 }
 /*
 object-assign
@@ -285,7 +285,7 @@ var ie, be;
 function Re() {
   if (be) return ie;
   be = 1;
-  var o = he(), C = Oe(), O = /* @__PURE__ */ ce(), p = /* @__PURE__ */ Ee(), S = /* @__PURE__ */ _e(), a = function() {
+  var o = /* @__PURE__ */ he(), C = /* @__PURE__ */ Oe(), O = /* @__PURE__ */ ce(), p = /* @__PURE__ */ Ee(), S = /* @__PURE__ */ _e(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(l) {
     var _ = "Warning: " + l;
@@ -654,7 +654,7 @@ var me;
 function Ce() {
   if (me) return V.exports;
   if (me = 1, process.env.NODE_ENV !== "production") {
-    var o = he(), C = !0;
+    var o = /* @__PURE__ */ he(), C = !0;
     V.exports = /* @__PURE__ */ Re()(o.isElement, C);
   } else
     V.exports = /* @__PURE__ */ xe()();

package/dist/{index-BtibbG81.js → index-CWKdynYu.js}

@@ -1,5 +1,5 @@
 import * as e from "react";
-import { P as o } from "./index-BaNV0qac.js";
+import { P as o } from "./index-g-TFwd6Y.js";
 import { jsx as t } from "react/jsx-runtime";
 var d = "VisuallyHidden", a = e.forwardRef(
   (r, i) => /* @__PURE__ */ t(

package/dist/index-D9BbbgUq.js

@@ -0,0 +1,47 @@
+import r from "react";
+import { c as y } from "./index-bYyfdsls.js";
+import { u as M, c as x } from "./index-Bk324h27.js";
+import { jsx as d } from "react/jsx-runtime";
+function D(s) {
+  const f = s + "CollectionProvider", [A, N] = y(f), [_, m] = A(
+    f,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), p = (c) => {
+    const { scope: e, children: l } = c, o = r.useRef(null), t = r.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ d(_, { scope: e, itemMap: t, collectionRef: o, children: l });
+  };
+  p.displayName = f;
+  const a = s + "CollectionSlot", E = x(a), C = r.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o } = c, t = m(a, l), n = M(e, t.collectionRef);
+      return /* @__PURE__ */ d(E, { ref: n, children: o });
+    }
+  );
+  C.displayName = a;
+  const u = s + "CollectionItemSlot", R = "data-radix-collection-item", T = x(u), I = r.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o, ...t } = c, n = r.useRef(null), S = M(e, n), i = m(u, l);
+      return r.useEffect(() => (i.itemMap.set(n, { ref: n, ...t }), () => void i.itemMap.delete(n))), /* @__PURE__ */ d(T, { [R]: "", ref: S, children: o });
+    }
+  );
+  I.displayName = u;
+  function O(c) {
+    const e = m(s + "CollectionConsumer", c);
+    return r.useCallback(() => {
+      const o = e.collectionRef.current;
+      if (!o) return [];
+      const t = Array.from(o.querySelectorAll(`[${R}]`));
+      return Array.from(e.itemMap.values()).sort(
+        (i, v) => t.indexOf(i.ref.current) - t.indexOf(v.ref.current)
+      );
+    }, [e.collectionRef, e.itemMap]);
+  }
+  return [
+    { Provider: p, Slot: C, ItemSlot: I },
+    O,
+    N
+  ];
+}
+export {
+  D as c
+};