@konstructio/ui 0.1.2-alpha.4 → 0.1.2-alpha.40

package/dist/index-C65LtGuU.js

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

package/dist/index-CIAmiWcw.js

@@ -0,0 +1,200 @@
+import * as r from "react";
+import { jsx as m } from "react/jsx-runtime";
+import * as y from "react-dom";
+import { c as E } from "./index-DLcqcWxM.js";
+function M(e, t) {
+  const n = r.createContext(t), s = (i) => {
+    const { children: u, ...c } = i, l = r.useMemo(() => c, Object.values(c));
+    return /* @__PURE__ */ m(n.Provider, { value: l, children: u });
+  };
+  s.displayName = e + "Provider";
+  function o(i) {
+    const u = r.useContext(n);
+    if (u) return u;
+    if (t !== void 0) return t;
+    throw new Error(`\`${i}\` must be used within \`${e}\``);
+  }
+  return [s, o];
+}
+function W(e, t = []) {
+  let n = [];
+  function s(i, u) {
+    const c = r.createContext(u), l = n.length;
+    n = [...n, u];
+    const f = (a) => {
+      const { scope: v, children: C, ...p } = a, h = v?.[e]?.[l] || c, S = r.useMemo(() => p, Object.values(p));
+      return /* @__PURE__ */ m(h.Provider, { value: S, children: C });
+    };
+    f.displayName = i + "Provider";
+    function d(a, v) {
+      const C = v?.[e]?.[l] || c, p = r.useContext(C);
+      if (p) return p;
+      if (u !== void 0) return u;
+      throw new Error(`\`${a}\` must be used within \`${i}\``);
+    }
+    return [f, d];
+  }
+  const o = () => {
+    const i = n.map((u) => r.createContext(u));
+    return function(c) {
+      const l = c?.[e] || i;
+      return r.useMemo(
+        () => ({ [`__scope${e}`]: { ...c, [e]: l } }),
+        [c, l]
+      );
+    };
+  };
+  return o.scopeName = e, [s, x(o, ...t)];
+}
+function x(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const s = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(i) {
+      const u = s.reduce((c, { useScope: l, scopeName: f }) => {
+        const a = l(i)[`__scope${f}`];
+        return { ...c, ...a };
+      }, {});
+      return r.useMemo(() => ({ [`__scope${t.scopeName}`]: u }), [u]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+function A(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(o) {
+    if (e?.(o), n === !1 || !o.defaultPrevented)
+      return t?.(o);
+  };
+}
+var P = globalThis?.document ? r.useLayoutEffect : () => {
+}, b = r[" useInsertionEffect ".trim().toString()] || P;
+function H({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  },
+  caller: s
+}) {
+  const [o, i, u] = g({
+    defaultProp: t,
+    onChange: n
+  }), c = e !== void 0, l = c ? e : o;
+  {
+    const d = r.useRef(e !== void 0);
+    r.useEffect(() => {
+      const a = d.current;
+      a !== c && console.warn(
+        `${s} is changing from ${a ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), d.current = c;
+    }, [c, s]);
+  }
+  const f = r.useCallback(
+    (d) => {
+      if (c) {
+        const a = w(d) ? d(e) : d;
+        a !== e && u.current?.(a);
+      } else
+        i(d);
+    },
+    [c, e, i, u]
+  );
+  return [l, f];
+}
+function g({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [n, s] = r.useState(e), o = r.useRef(n), i = r.useRef(t);
+  return b(() => {
+    i.current = t;
+  }, [t]), r.useEffect(() => {
+    o.current !== n && (i.current?.(n), o.current = n);
+  }, [n, o]), [n, s, i];
+}
+function w(e) {
+  return typeof e == "function";
+}
+// @__NO_SIDE_EFFECTS__
+function R(e) {
+  const t = /* @__PURE__ */ $(e), n = r.forwardRef((s, o) => {
+    const { children: i, ...u } = s, c = r.Children.toArray(i), l = c.find(O);
+    if (l) {
+      const f = l.props.children, d = c.map((a) => a === l ? r.Children.count(f) > 1 ? r.Children.only(null) : r.isValidElement(f) ? f.props.children : null : a);
+      return /* @__PURE__ */ m(t, { ...u, ref: o, children: r.isValidElement(f) ? r.cloneElement(f, void 0, d) : null });
+    }
+    return /* @__PURE__ */ m(t, { ...u, ref: o, children: i });
+  });
+  return n.displayName = `${e}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function $(e) {
+  const t = r.forwardRef((n, s) => {
+    const { children: o, ...i } = n;
+    if (r.isValidElement(o)) {
+      const u = D(o), c = N(i, o.props);
+      return o.type !== r.Fragment && (c.ref = s ? E(s, u) : u), r.cloneElement(o, c);
+    }
+    return r.Children.count(o) > 1 ? r.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var _ = Symbol("radix.slottable");
+function O(e) {
+  return r.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === _;
+}
+function N(e, t) {
+  const n = { ...t };
+  for (const s in t) {
+    const o = e[s], i = t[s];
+    /^on[A-Z]/.test(s) ? o && i ? n[s] = (...c) => {
+      const l = i(...c);
+      return o(...c), l;
+    } : o && (n[s] = o) : s === "style" ? n[s] = { ...o, ...i } : s === "className" && (n[s] = [o, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function D(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var I = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], L = I.reduce((e, t) => {
+  const n = /* @__PURE__ */ R(`Primitive.${t}`), s = r.forwardRef((o, i) => {
+    const { asChild: u, ...c } = o, l = u ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ m(l, { ...c, ref: i });
+  });
+  return s.displayName = `Primitive.${t}`, { ...e, [t]: s };
+}, {});
+function T(e, t) {
+  e && y.flushSync(() => e.dispatchEvent(t));
+}
+export {
+  L as P,
+  H as a,
+  A as b,
+  W as c,
+  T as d,
+  M as e,
+  P as u
+};

package/dist/index-CSFe9uC5.js

@@ -0,0 +1,14 @@
+import * as o from "react";
+import m from "react-dom";
+import { u as c, P as f } from "./index-CIAmiWcw.js";
+import { jsx as l } from "react/jsx-runtime";
+var u = "Portal", p = o.forwardRef((r, a) => {
+  const { container: e, ...s } = r, [n, i] = o.useState(!1);
+  c(() => i(!0), []);
+  const t = e || n && globalThis?.document?.body;
+  return t ? m.createPortal(/* @__PURE__ */ l(f.div, { ...s, ref: a }), t) : null;
+});
+p.displayName = u;
+export {
+  p as P
+};