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

package/dist/AdditionalOptions-C2FDVZhu.js

@@ -1,45 +0,0 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { S as n } from "./index-BvoZGpli.js";
-import { Fragment as p } from "react";
-import { cn as c } from "./utils/index.js";
-import { listGroupLabelVariants as m } from "./components/Select/components/List/List.variants.js";
-import { additionalOptionSlotClassName as l } from "./components/Select/components/AdditionalOptions/AdditionalOptions.variants.js";
-import { useSelectContext as u } from "./components/Select/contexts/select.hook.js";
-const N = (o) => "groupLabel" in o, d = (o) => typeof o == "object" && o !== null && "groupLabel" in o && "options" in o, S = ({ additionalOptions: o }) => {
-  const { toggleOpen: i } = u();
-  return o?.length ? d(o[0]) ? o.map((r) => /* @__PURE__ */ s(p, { children: [
-    /* @__PURE__ */ t(
-      "li",
-      {
-        role: "presentation",
-        "aria-hidden": "true",
-        "data-action": "true",
-        className: c(m()),
-        children: r.groupLabel
-      }
-    ),
-    r.options.map((e, a) => /* @__PURE__ */ t(
-      "li",
-      {
-        role: "option",
-        "data-action": "true",
-        onClick: () => i(!1),
-        children: /* @__PURE__ */ t(n, { className: l, children: e })
-      },
-      a
-    ))
-  ] }, r.groupLabel)) : o.map((r, e) => /* @__PURE__ */ t(
-    "li",
-    {
-      role: "option",
-      "data-action": "true",
-      onClick: () => i(!1),
-      children: /* @__PURE__ */ t(n, { className: l, children: r })
-    },
-    e
-  )) : null;
-};
-export {
-  S as A,
-  N as i
-};

package/dist/Modal-BTOXCb0Y.js

@@ -1,120 +0,0 @@
-import { Body as k } from "./components/Modal/components/Body/Body.js";
-import { Footer as v } from "./components/Modal/components/Footer/Footer.js";
-import { Header as w } from "./components/Modal/components/Header/Header.js";
-import { jsx as a, jsxs as l, Fragment as A } from "react/jsx-runtime";
-import { Children as m, isValidElement as c, useRef as F, useState as N, useEffect as R } from "react";
-import { createPortal as x } from "react-dom";
-import { R as B } from "./index-BKjcReYh.js";
-import { R as C } from "./Combination-BtmnusWq.js";
-import { cn as h } from "./utils/index.js";
-import { buttonCloseVariants as E, modalVariants as H } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
-import { m as V } from "./proxy-BvdTb_6B.js";
-import { X as j } from "./x-Eoa9FJjA.js";
-const D = ({
-  buttonCloseClassName: f,
-  children: o,
-  className: n,
-  containerClassName: s,
-  showCloseButton: p = !0,
-  theme: i,
-  transition: u,
-  onClose: d
-}) => {
-  const r = m.toArray(o).find(
-    (e) => c(e) && e.type === t.Header
-  ), y = m.toArray(o).find(
-    (e) => c(e) && e.type === t.Body
-  ), b = m.toArray(o).find(
-    (e) => c(e) && e.type === t.Footer
-  ), g = m.toArray(o).filter(
-    (e) => !c(e) || ![t.Header, t.Body, t.Footer].includes(
-      e.type
-    )
-  );
-  return /* @__PURE__ */ a(C, { children: /* @__PURE__ */ l(
-    "div",
-    {
-      className: h(
-        "fixed inset-0 grid place-content-center",
-        s
-      ),
-      "data-theme": i,
-      children: [
-        /* @__PURE__ */ a(
-          "div",
-          {
-            className: "absolute inset-0 bg-black opacity-70 dark:opacity-85 animate-in fade-in-0",
-            onClick: d,
-            role: "presentation"
-          }
-        ),
-        /* @__PURE__ */ l(
-          V.div,
-          {
-            className: h(
-              H({
-                className: n
-              })
-            ),
-            role: "dialog",
-            "aria-modal": "true",
-            layout: "size",
-            transition: u ?? { duration: 0.25, ease: "easeInOut" },
-            children: [
-              r,
-              p && /* @__PURE__ */ l(
-                "button",
-                {
-                  className: h(
-                    E({
-                      className: f
-                    })
-                  ),
-                  onClick: d,
-                  children: [
-                    /* @__PURE__ */ a(j, {}),
-                    /* @__PURE__ */ a(B, { children: "Dismiss modal" })
-                  ]
-                }
-              ),
-              y ?? g,
-              b
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-}, t = ({ isOpen: f, onClose: o, container: n, theme: s, ...p }) => {
-  const i = F(null), [u, d] = N(
-    null
-  );
-  return R(() => {
-    if (!i.current || s || n)
-      return;
-    const r = i.current.closest("[data-theme]");
-    r && d(r);
-  }, [s, n]), R(() => {
-    const r = new AbortController(), y = (b) => {
-      b.code === "Escape" && o?.();
-    };
-    return window.addEventListener("keydown", y, {
-      signal: r.signal
-    }), () => {
-      r.abort();
-    };
-  }, [o]), /* @__PURE__ */ l(A, { children: [
-    /* @__PURE__ */ a("span", { ref: i, "data-testid": "modal-anchor", hidden: !0 }),
-    f && x(
-      /* @__PURE__ */ a(D, { ...p, theme: s, onClose: o }),
-      n || u || document.body
-    )
-  ] });
-};
-t.Header = w;
-t.Body = k;
-t.Footer = v;
-export {
-  t as M,
-  D as W
-};

package/dist/index-CESXsoMn.js

@@ -1,14 +0,0 @@
-import * as o from "react";
-import m from "react-dom";
-import { u as c, P as f } from "./index--l0zux8V.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
-};

package/dist/index-Dd_ZmIqU.js

@@ -1,139 +0,0 @@
-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-URQGEGX7.js

@@ -1,136 +0,0 @@
-import * as i from "react";
-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) {
-  const t = m(n);
-  i.useEffect(() => {
-    const o = (s) => {
-      s.key === "Escape" && t(s);
-    };
-    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
-  }, [t, e]);
-}
-var K = "DismissableLayer", p = "dismissableLayer.update", M = "dismissableLayer.pointerDownOutside", j = "dismissableLayer.focusOutside", C, T = i.createContext({
-  layers: /* @__PURE__ */ new Set(),
-  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-  branches: /* @__PURE__ */ new Set()
-}), x = i.forwardRef(
-  (n, e) => {
-    const {
-      disableOutsidePointerEvents: t = !1,
-      onEscapeKeyDown: o,
-      onPointerDownOutside: s,
-      onFocusOutside: c,
-      onInteractOutside: f,
-      onDismiss: d,
-      ...E
-    } = n, a = i.useContext(T), [u, S] = i.useState(null), l = u?.ownerDocument ?? globalThis?.document, [, W] = i.useState({}), k = g(e, (r) => S(r)), b = Array.from(a.layers), [A] = [...a.layersWithOutsidePointerEventsDisabled].slice(-1), N = b.indexOf(A), D = u ? b.indexOf(u) : -1, _ = a.layersWithOutsidePointerEventsDisabled.size > 0, P = D >= N, U = Y((r) => {
-      const v = r.target, L = [...a.branches].some((y) => y.contains(v));
-      !P || L || (s?.(r), f?.(r), r.defaultPrevented || d?.());
-    }, l), O = q((r) => {
-      const v = r.target;
-      [...a.branches].some((y) => y.contains(v)) || (c?.(r), f?.(r), r.defaultPrevented || d?.());
-    }, l);
-    return H((r) => {
-      D === a.layers.size - 1 && (o?.(r), !r.defaultPrevented && d && (r.preventDefault(), d()));
-    }, l), i.useEffect(() => {
-      if (u)
-        return t && (a.layersWithOutsidePointerEventsDisabled.size === 0 && (C = l.body.style.pointerEvents, l.body.style.pointerEvents = "none"), a.layersWithOutsidePointerEventsDisabled.add(u)), a.layers.add(u), w(), () => {
-          t && a.layersWithOutsidePointerEventsDisabled.size === 1 && (l.body.style.pointerEvents = C);
-        };
-    }, [u, l, t, a]), i.useEffect(() => () => {
-      u && (a.layers.delete(u), a.layersWithOutsidePointerEventsDisabled.delete(u), w());
-    }, [u, a]), i.useEffect(() => {
-      const r = () => W({});
-      return document.addEventListener(p, r), () => document.removeEventListener(p, r);
-    }, []), /* @__PURE__ */ B(
-      R.div,
-      {
-        ...E,
-        ref: k,
-        style: {
-          pointerEvents: _ ? P ? "auto" : "none" : void 0,
-          ...n.style
-        },
-        onFocusCapture: h(n.onFocusCapture, O.onFocusCapture),
-        onBlurCapture: h(n.onBlurCapture, O.onBlurCapture),
-        onPointerDownCapture: h(
-          n.onPointerDownCapture,
-          U.onPointerDownCapture
-        )
-      }
-    );
-  }
-);
-x.displayName = K;
-var X = "DismissableLayerBranch", F = i.forwardRef((n, e) => {
-  const t = i.useContext(T), o = i.useRef(null), s = g(e, o);
-  return i.useEffect(() => {
-    const c = o.current;
-    if (c)
-      return t.branches.add(c), () => {
-        t.branches.delete(c);
-      };
-  }, [t.branches]), /* @__PURE__ */ B(R.div, { ...n, ref: s });
-});
-F.displayName = X;
-function Y(n, e = globalThis?.document) {
-  const t = m(n), o = i.useRef(!1), s = i.useRef(() => {
-  });
-  return i.useEffect(() => {
-    const c = (d) => {
-      if (d.target && !o.current) {
-        let E = function() {
-          I(
-            M,
-            t,
-            a,
-            { discrete: !0 }
-          );
-        };
-        const a = { originalEvent: d };
-        d.pointerType === "touch" ? (e.removeEventListener("click", s.current), s.current = E, e.addEventListener("click", s.current, { once: !0 })) : E();
-      } else
-        e.removeEventListener("click", s.current);
-      o.current = !1;
-    }, f = window.setTimeout(() => {
-      e.addEventListener("pointerdown", c);
-    }, 0);
-    return () => {
-      window.clearTimeout(f), e.removeEventListener("pointerdown", c), e.removeEventListener("click", s.current);
-    };
-  }, [e, t]), {
-    // ensures we check React component tree (not just DOM tree)
-    onPointerDownCapture: () => o.current = !0
-  };
-}
-function q(n, e = globalThis?.document) {
-  const t = m(n), o = i.useRef(!1);
-  return i.useEffect(() => {
-    const s = (c) => {
-      c.target && !o.current && I(j, t, { originalEvent: c }, {
-        discrete: !1
-      });
-    };
-    return e.addEventListener("focusin", s), () => e.removeEventListener("focusin", s);
-  }, [e, t]), {
-    onFocusCapture: () => o.current = !0,
-    onBlurCapture: () => o.current = !1
-  };
-}
-function w() {
-  const n = new CustomEvent(p);
-  document.dispatchEvent(n);
-}
-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 Z = x, $ = F;
-export {
-  $ as B,
-  x as D,
-  Z as R
-};