qaema-ui 0.0.1

package/dist/node_modules/@restart/ui/esm/Dropdown.js

@@ -0,0 +1,123 @@
+import S from "../../../dom-helpers/esm/querySelectorAll.js";
+import H from "../../../dom-helpers/esm/addEventListener.js";
+import { useRef as D, useContext as J, useCallback as b, useMemo as K, useEffect as A } from "react";
+import { useUncontrolledProp as Q } from "../node_modules/uncontrollable/lib/esm/index.js";
+import V from "../node_modules/@restart/hooks/esm/usePrevious.js";
+import X from "../node_modules/@restart/hooks/esm/useForceUpdate.js";
+import Y from "../node_modules/@restart/hooks/esm/useEventListener.js";
+import y from "../node_modules/@restart/hooks/esm/useEventCallback.js";
+import Z from "./DropdownContext.js";
+import tt from "./DropdownMenu.js";
+import et, { isRoleMenu as ot } from "./DropdownToggle.js";
+import rt from "./DropdownItem.js";
+import N from "./SelectableContext.js";
+import { dataAttr as nt } from "./DataKey.js";
+import st from "./useWindow.js";
+import { j as _ } from "../../../../_virtual/jsx-runtime.js";
+function L() {
+  const l = X(), m = D(null), p = b((w) => {
+    m.current = w, l();
+  }, [l]);
+  return [m, p];
+}
+function g({
+  defaultShow: l,
+  show: m,
+  onSelect: p,
+  onToggle: w,
+  itemSelector: T = `* [${nt("dropdown-item")}]`,
+  focusFirstItemOnShow: W,
+  placement: k = "bottom-start",
+  children: q
+}) {
+  const R = st(), [c, i] = Q(m, l, w), [s, v] = L(), a = s.current, [M, C] = L(), f = M.current, O = V(c), x = D(null), d = D(!1), P = J(N), E = b((t, e, o = e == null ? void 0 : e.type) => {
+    i(t, {
+      originalEvent: e,
+      source: o
+    });
+  }, [i]), z = y((t, e) => {
+    p == null || p(t, e), E(!1, e, "select"), e.isPropagationStopped() || P == null || P(t, e);
+  }), B = K(() => ({
+    toggle: E,
+    placement: k,
+    show: c,
+    menuElement: a,
+    toggleElement: f,
+    setMenu: v,
+    setToggle: C
+  }), [E, k, c, a, f, v, C]);
+  a && O && !c && (d.current = a.contains(a.ownerDocument.activeElement));
+  const I = y(() => {
+    f && f.focus && f.focus();
+  }), U = y(() => {
+    const t = x.current;
+    let e = W;
+    if (e == null && (e = s.current && ot(s.current) ? "keyboard" : !1), e === !1 || e === "keyboard" && !/^key.+$/.test(t))
+      return;
+    const o = S(s.current, T)[0];
+    o && o.focus && o.focus();
+  });
+  A(() => {
+    c ? U() : d.current && (d.current = !1, I());
+  }, [c, d, I, U]), A(() => {
+    x.current = null;
+  });
+  const $ = (t, e) => {
+    if (!s.current) return null;
+    const o = S(s.current, T);
+    let n = o.indexOf(t) + e;
+    return n = Math.max(0, Math.min(n, o.length)), o[n];
+  };
+  return Y(b(() => R.document, [R]), "keydown", (t) => {
+    var e, o;
+    const {
+      key: n
+    } = t, u = t.target, j = (e = s.current) == null ? void 0 : e.contains(u), G = (o = M.current) == null ? void 0 : o.contains(u);
+    if (/input|textarea/i.test(u.tagName) && (n === " " || n !== "Escape" && j || n === "Escape" && u.type === "search") || !j && !G || n === "Tab" && (!s.current || !c))
+      return;
+    x.current = t.type;
+    const h = {
+      originalEvent: t,
+      source: t.type
+    };
+    switch (n) {
+      case "ArrowUp": {
+        const r = $(u, -1);
+        r && r.focus && r.focus(), t.preventDefault();
+        return;
+      }
+      case "ArrowDown":
+        if (t.preventDefault(), !c)
+          i(!0, h);
+        else {
+          const r = $(u, 1);
+          r && r.focus && r.focus();
+        }
+        return;
+      case "Tab":
+        H(u.ownerDocument, "keyup", (r) => {
+          var F;
+          (r.key === "Tab" && !r.target || !((F = s.current) != null && F.contains(r.target))) && i(!1, h);
+        }, {
+          once: !0
+        });
+        break;
+      case "Escape":
+        n === "Escape" && (t.preventDefault(), t.stopPropagation()), i(!1, h);
+        break;
+    }
+  }), /* @__PURE__ */ _.jsx(N.Provider, {
+    value: z,
+    children: /* @__PURE__ */ _.jsx(Z.Provider, {
+      value: B,
+      children: q
+    })
+  });
+}
+g.displayName = "Dropdown";
+g.Menu = tt;
+g.Toggle = et;
+g.Item = rt;
+export {
+  g as default
+};

package/dist/node_modules/@restart/ui/esm/DropdownContext.js

@@ -0,0 +1,5 @@
+import * as t from "react";
+const o = /* @__PURE__ */ t.createContext(null);
+export {
+  o as default
+};

package/dist/node_modules/@restart/ui/esm/DropdownItem.js

@@ -0,0 +1,63 @@
+import * as f from "react";
+import { useContext as m } from "react";
+import u from "../node_modules/@restart/hooks/esm/useEventCallback.js";
+import v, { makeEventKey as p } from "./SelectableContext.js";
+import x from "./NavContext.js";
+import C from "./Button.js";
+import { dataAttr as w } from "./DataKey.js";
+import { j as y } from "../../../../_virtual/jsx-runtime.js";
+const b = ["eventKey", "disabled", "onClick", "active", "as"];
+function h(t, n) {
+  if (t == null) return {};
+  var o = {};
+  for (var e in t) if ({}.hasOwnProperty.call(t, e)) {
+    if (n.indexOf(e) >= 0) continue;
+    o[e] = t[e];
+  }
+  return o;
+}
+function k({
+  key: t,
+  href: n,
+  active: o,
+  disabled: e,
+  onClick: r
+}) {
+  const i = m(v), c = m(x), {
+    activeKey: a
+  } = c || {}, s = p(t, n), d = o == null && t != null ? p(a) === s : o;
+  return [{
+    onClick: u((l) => {
+      e || (r == null || r(l), i && !l.isPropagationStopped() && i(s, l));
+    }),
+    "aria-disabled": e || void 0,
+    "aria-selected": d,
+    [w("dropdown-item")]: ""
+  }, {
+    isActive: d
+  }];
+}
+const j = /* @__PURE__ */ f.forwardRef((t, n) => {
+  let {
+    eventKey: o,
+    disabled: e,
+    onClick: r,
+    active: i,
+    as: c = C
+  } = t, a = h(t, b);
+  const [s] = k({
+    key: o,
+    href: a.href,
+    disabled: e,
+    onClick: r,
+    active: i
+  });
+  return /* @__PURE__ */ y.jsx(c, Object.assign({}, a, {
+    ref: n
+  }, s));
+});
+j.displayName = "DropdownItem";
+export {
+  j as default,
+  k as useDropdownItem
+};

package/dist/node_modules/@restart/ui/esm/DropdownMenu.js

@@ -0,0 +1,86 @@
+import { useContext as j, useRef as y } from "react";
+import E from "../node_modules/@restart/hooks/esm/useCallbackRef.js";
+import R from "./DropdownContext.js";
+import D from "./usePopper.js";
+import M from "./useClickOutside.js";
+import k from "./mergeOptionsWithPopperConfig.js";
+import { j as m } from "../../../../_virtual/jsx-runtime.js";
+const L = ["children", "usePopper"];
+function S(o, e) {
+  if (o == null) return {};
+  var r = {};
+  for (var t in o) if ({}.hasOwnProperty.call(o, t)) {
+    if (e.indexOf(t) >= 0) continue;
+    r[t] = o[t];
+  }
+  return r;
+}
+const W = () => {
+};
+function A(o = {}) {
+  const e = j(R), [r, t] = E(), n = y(!1), {
+    flip: p,
+    offset: d,
+    rootCloseEvent: g,
+    fixed: h = !1,
+    placement: w,
+    popperConfig: b = {},
+    enableEventListeners: a = !0,
+    usePopper: i = !!e
+  } = o, l = (e == null ? void 0 : e.show) == null ? !!o.show : e.show;
+  l && !n.current && (n.current = !0);
+  const P = (O) => {
+    e == null || e.toggle(!1, O);
+  }, {
+    placement: c,
+    setMenu: v,
+    menuElement: f,
+    toggleElement: u
+  } = e || {}, s = D(u, f, k({
+    placement: w || c || "bottom-start",
+    enabled: i,
+    enableEvents: a ?? l,
+    offset: d,
+    flip: p,
+    fixed: h,
+    arrowElement: r,
+    popperConfig: b
+  })), x = Object.assign({
+    ref: v || W,
+    "aria-labelledby": u == null ? void 0 : u.id
+  }, s.attributes.popper, {
+    style: s.styles.popper
+  }), C = {
+    show: l,
+    placement: c,
+    hasShown: n.current,
+    toggle: e == null ? void 0 : e.toggle,
+    popper: i ? s : null,
+    arrowProps: i ? Object.assign({
+      ref: t
+    }, s.attributes.arrow, {
+      style: s.styles.arrow
+    }) : {}
+  };
+  return M(f, P, {
+    clickTrigger: g,
+    disabled: !l
+  }), [x, C];
+}
+function F(o) {
+  let {
+    children: e,
+    usePopper: r = !0
+  } = o, t = S(o, L);
+  const [n, p] = A(Object.assign({}, t, {
+    usePopper: r
+  }));
+  return /* @__PURE__ */ m.jsx(m.Fragment, {
+    children: e(n, p)
+  });
+}
+F.displayName = "DropdownMenu";
+export {
+  F as default,
+  A as useDropdownMenu
+};

package/dist/node_modules/@restart/ui/esm/DropdownToggle.js

@@ -0,0 +1,42 @@
+import { useContext as u, useCallback as c } from "react";
+import { useSSRSafeId as m } from "../../../@react-aria/ssr/dist/SSRProvider.js";
+import d from "./DropdownContext.js";
+import { j as s } from "../../../../_virtual/jsx-runtime.js";
+const g = (e) => {
+  var o;
+  return ((o = e.getAttribute("role")) == null ? void 0 : o.toLowerCase()) === "menu";
+}, a = () => {
+};
+function f() {
+  const e = m(), {
+    show: o = !1,
+    toggle: t = a,
+    setToggle: p,
+    menuElement: r
+  } = u(d) || {}, l = c((i) => {
+    t(!o, i);
+  }, [o, t]), n = {
+    id: e,
+    ref: p || a,
+    onClick: l,
+    "aria-expanded": !!o
+  };
+  return r && g(r) && (n["aria-haspopup"] = !0), [n, {
+    show: o,
+    toggle: t
+  }];
+}
+function x({
+  children: e
+}) {
+  const [o, t] = f();
+  return /* @__PURE__ */ s.jsx(s.Fragment, {
+    children: e(o, t)
+  });
+}
+x.displayName = "DropdownToggle";
+export {
+  x as default,
+  g as isRoleMenu,
+  f as useDropdownToggle
+};

package/dist/node_modules/@restart/ui/esm/ImperativeTransition.js

@@ -0,0 +1,65 @@
+import x from "../node_modules/@restart/hooks/esm/useMergedRefs.js";
+import R from "../node_modules/@restart/hooks/esm/useEventCallback.js";
+import o from "../node_modules/@restart/hooks/esm/useIsomorphicEffect.js";
+import { useState as T, cloneElement as b, useRef as a } from "react";
+import g from "./NoopTransition.js";
+import h from "./RTGTransition.js";
+import { getChildRef as v } from "./utils.js";
+import { j as l } from "../../../../_virtual/jsx-runtime.js";
+function E({
+  in: r,
+  onTransition: t
+}) {
+  const e = a(null), i = a(!0), u = R(t);
+  return o(() => {
+    if (!e.current)
+      return;
+    let s = !1;
+    return u({
+      in: r,
+      element: e.current,
+      initial: i.current,
+      isStale: () => s
+    }), () => {
+      s = !0;
+    };
+  }, [r, u]), o(() => (i.current = !1, () => {
+    i.current = !0;
+  }), []), e;
+}
+function I({
+  children: r,
+  in: t,
+  onExited: e,
+  onEntered: i,
+  transition: u
+}) {
+  const [s, f] = T(!t);
+  t && s && f(!1);
+  const m = E({
+    in: !!t,
+    onTransition: (n) => {
+      const d = () => {
+        n.isStale() || (n.in ? i == null || i(n.element, n.initial) : (f(!0), e == null || e(n.element)));
+      };
+      Promise.resolve(u(n)).then(d, (j) => {
+        throw n.in || f(!0), j;
+      });
+    }
+  }), c = x(m, v(r));
+  return s && !t ? null : /* @__PURE__ */ b(r, {
+    ref: c
+  });
+}
+function N(r, t, e) {
+  return r ? /* @__PURE__ */ l.jsx(h, Object.assign({}, e, {
+    component: r
+  })) : t ? /* @__PURE__ */ l.jsx(I, Object.assign({}, e, {
+    transition: t
+  })) : /* @__PURE__ */ l.jsx(g, Object.assign({}, e));
+}
+export {
+  I as default,
+  N as renderTransition,
+  E as useTransition
+};

package/dist/node_modules/@restart/ui/esm/Modal.js

@@ -0,0 +1,181 @@
+import x from "../../../dom-helpers/esm/activeElement.js";
+import P from "../../../dom-helpers/esm/contains.js";
+import fe from "../../../dom-helpers/esm/canUseDOM.js";
+import H from "../../../dom-helpers/esm/listen.js";
+import * as pe from "react";
+import { forwardRef as ge, useState as ve, useRef as f, useImperativeHandle as Ee, useEffect as K, useCallback as S } from "react";
+import ke from "react-dom";
+import he from "../node_modules/@restart/hooks/esm/useMounted.js";
+import xe from "../node_modules/@restart/hooks/esm/useWillUnmount.js";
+import Me from "../node_modules/@restart/hooks/esm/usePrevious.js";
+import s from "../node_modules/@restart/hooks/esm/useEventCallback.js";
+import L from "./ModalManager.js";
+import be from "./useWaitForDOMRef.js";
+import N from "./useWindow.js";
+import { renderTransition as W } from "./ImperativeTransition.js";
+import { isEscKey as we } from "./utils.js";
+import { j as a } from "../../../../_virtual/jsx-runtime.js";
+const Oe = ["show", "role", "className", "style", "children", "backdrop", "keyboard", "onBackdropClick", "onEscapeKeyDown", "transition", "runTransition", "backdropTransition", "runBackdropTransition", "autoFocus", "enforceFocus", "restoreFocus", "restoreFocusOptions", "renderDialog", "renderBackdrop", "manager", "container", "onShow", "onHide", "onExit", "onExited", "onExiting", "onEnter", "onEntering", "onEntered"];
+function Te(t, c) {
+  if (t == null) return {};
+  var o = {};
+  for (var r in t) if ({}.hasOwnProperty.call(t, r)) {
+    if (c.indexOf(r) >= 0) continue;
+    o[r] = t[r];
+  }
+  return o;
+}
+let M;
+function je(t) {
+  return M || (M = new L({
+    ownerDocument: t == null ? void 0 : t.document
+  })), M;
+}
+function ye(t) {
+  const c = N(), o = t || je(c), r = f({
+    dialog: null,
+    backdrop: null
+  });
+  return Object.assign(r.current, {
+    add: () => o.add(r.current),
+    remove: () => o.remove(r.current),
+    isTopModal: () => o.isTopModal(r.current),
+    setDialogRef: S((u) => {
+      r.current.dialog = u;
+    }, []),
+    setBackdropRef: S((u) => {
+      r.current.backdrop = u;
+    }, [])
+  });
+}
+const A = /* @__PURE__ */ ge((t, c) => {
+  let {
+    show: o = !1,
+    role: r = "dialog",
+    className: u,
+    style: I,
+    children: U,
+    backdrop: b = !0,
+    keyboard: q = !0,
+    onBackdropClick: w,
+    onEscapeKeyDown: O,
+    transition: z,
+    runTransition: G,
+    backdropTransition: J,
+    runBackdropTransition: Q,
+    autoFocus: V = !0,
+    enforceFocus: X = !0,
+    restoreFocus: Y = !0,
+    restoreFocusOptions: Z,
+    renderDialog: T,
+    renderBackdrop: _ = (e) => /* @__PURE__ */ a.jsx("div", Object.assign({}, e)),
+    manager: $,
+    container: ee,
+    onShow: j,
+    onHide: y = () => {
+    },
+    onExit: oe,
+    onExited: D,
+    onExiting: ne,
+    onEnter: re,
+    onEntering: te,
+    onEntered: ie
+  } = t, ae = Te(t, Oe);
+  const i = N(), d = be(ee), n = ye($), ce = he(), ue = Me(o), [p, F] = ve(!o), l = f(null);
+  Ee(c, () => n, [n]), fe && !ue && o && (l.current = x(i == null ? void 0 : i.document)), o && p && F(!1);
+  const R = s(() => {
+    if (n.add(), E.current = H(document, "keydown", le), v.current = H(
+      document,
+      "focus",
+      // the timeout is necessary b/c this will run before the new modal is mounted
+      // and so steals focus from it
+      () => setTimeout(se),
+      !0
+    ), j && j(), V) {
+      var e, C;
+      const h = x((e = (C = n.dialog) == null ? void 0 : C.ownerDocument) != null ? e : i == null ? void 0 : i.document);
+      n.dialog && h && !P(n.dialog, h) && (l.current = h, n.dialog.focus());
+    }
+  }), g = s(() => {
+    if (n.remove(), E.current == null || E.current(), v.current == null || v.current(), Y) {
+      var e;
+      (e = l.current) == null || e.focus == null || e.focus(Z), l.current = null;
+    }
+  });
+  K(() => {
+    !o || !d || R();
+  }, [
+    o,
+    d,
+    /* should never change: */
+    R
+  ]), K(() => {
+    p && g();
+  }, [p, g]), xe(() => {
+    g();
+  });
+  const se = s(() => {
+    if (!X || !ce() || !n.isTopModal())
+      return;
+    const e = x(i == null ? void 0 : i.document);
+    n.dialog && e && !P(n.dialog, e) && n.dialog.focus();
+  }), de = s((e) => {
+    e.target === e.currentTarget && (w == null || w(e), b === !0 && y());
+  }), le = s((e) => {
+    q && we(e) && n.isTopModal() && (O == null || O(e), e.defaultPrevented || y());
+  }), v = f(), E = f(), me = (...e) => {
+    F(!0), D == null || D(...e);
+  };
+  if (!d)
+    return null;
+  const B = Object.assign({
+    role: r,
+    ref: n.setDialogRef,
+    // apparently only works on the dialog role element
+    "aria-modal": r === "dialog" ? !0 : void 0
+  }, ae, {
+    style: I,
+    className: u,
+    tabIndex: -1
+  });
+  let k = T ? T(B) : /* @__PURE__ */ a.jsx("div", Object.assign({}, B, {
+    children: /* @__PURE__ */ pe.cloneElement(U, {
+      role: "document"
+    })
+  }));
+  k = W(z, G, {
+    unmountOnExit: !0,
+    mountOnEnter: !0,
+    appear: !0,
+    in: !!o,
+    onExit: oe,
+    onExiting: ne,
+    onExited: me,
+    onEnter: re,
+    onEntering: te,
+    onEntered: ie,
+    children: k
+  });
+  let m = null;
+  return b && (m = _({
+    ref: n.setBackdropRef,
+    onClick: de
+  }), m = W(J, Q, {
+    in: !!o,
+    appear: !0,
+    mountOnEnter: !0,
+    unmountOnExit: !0,
+    children: m
+  })), /* @__PURE__ */ a.jsx(a.Fragment, {
+    children: /* @__PURE__ */ ke.createPortal(/* @__PURE__ */ a.jsxs(a.Fragment, {
+      children: [m, k]
+    }), d)
+  });
+});
+A.displayName = "Modal";
+const ze = Object.assign(A, {
+  Manager: L
+});
+export {
+  ze as default
+};

package/dist/node_modules/@restart/ui/esm/ModalManager.js

@@ -0,0 +1,57 @@
+import r from "../../../dom-helpers/esm/css.js";
+import { dataAttr as l } from "./DataKey.js";
+import n from "./getScrollbarWidth.js";
+const i = l("modal-open");
+class c {
+  constructor({
+    ownerDocument: t,
+    handleContainerOverflow: e = !0,
+    isRTL: s = !1
+  } = {}) {
+    this.handleContainerOverflow = e, this.isRTL = s, this.modals = [], this.ownerDocument = t;
+  }
+  getScrollbarWidth() {
+    return n(this.ownerDocument);
+  }
+  getElement() {
+    return (this.ownerDocument || document).body;
+  }
+  setModalAttributes(t) {
+  }
+  removeModalAttributes(t) {
+  }
+  setContainerStyle(t) {
+    const e = {
+      overflow: "hidden"
+    }, s = this.isRTL ? "paddingLeft" : "paddingRight", o = this.getElement();
+    t.style = {
+      overflow: o.style.overflow,
+      [s]: o.style[s]
+    }, t.scrollBarWidth && (e[s] = `${parseInt(r(o, s) || "0", 10) + t.scrollBarWidth}px`), o.setAttribute(i, ""), r(o, e);
+  }
+  reset() {
+    [...this.modals].forEach((t) => this.remove(t));
+  }
+  removeContainerStyle(t) {
+    const e = this.getElement();
+    e.removeAttribute(i), Object.assign(e.style, t.style);
+  }
+  add(t) {
+    let e = this.modals.indexOf(t);
+    return e !== -1 || (e = this.modals.length, this.modals.push(t), this.setModalAttributes(t), e !== 0) || (this.state = {
+      scrollBarWidth: this.getScrollbarWidth(),
+      style: {}
+    }, this.handleContainerOverflow && this.setContainerStyle(this.state)), e;
+  }
+  remove(t) {
+    const e = this.modals.indexOf(t);
+    e !== -1 && (this.modals.splice(e, 1), !this.modals.length && this.handleContainerOverflow && this.removeContainerStyle(this.state), this.removeModalAttributes(t));
+  }
+  isTopModal(t) {
+    return !!this.modals.length && this.modals[this.modals.length - 1] === t;
+  }
+}
+export {
+  i as OPEN_DATA_ATTRIBUTE,
+  c as default
+};