@reapit/elements 5.0.0-beta.80 → 5.0.0-beta.82

package/dist/js/listbox-LxpZYH0B.js

@@ -1,349 +0,0 @@
-import { jsx as d, jsxs as F } from "react/jsx-runtime";
-import { D as ee } from "./divider-BJNv9iOS.js";
-import { createContext as k, useContext as A, forwardRef as te, useRef as ne, useEffect as T, useCallback as oe, useState as R, useId as se, useMemo as re } from "react";
-import { s as ie } from "./index-AHmiDD3r.js";
-import { h as ce } from "./handle-arrow-navigation-r7GKm-no.js";
-import { u as C } from "./use-mutation-observer-hOVGFYZQ.js";
-const L = k(null);
-function B() {
-  const e = A(L);
-  if (!e)
-    throw new Error("useListboxContext must be used within a Listbox");
-  return e;
-}
-class b extends Error {
-  constructor(t) {
-    super(t), this.name = "ListboxError", Error.captureStackTrace && Error.captureStackTrace(this, b);
-  }
-}
-function p(e) {
-  let t;
-  if (typeof e == "string") {
-    const n = document.getElementById(e);
-    if (!n)
-      throw new b(`Listbox with id "${e}" does not exist in the document`);
-    t = n;
-  } else
-    t = e;
-  const o = t.firstElementChild;
-  if (!(o instanceof HTMLSelectElement)) {
-    const n = typeof e == "string" ? `Listbox with id "${e}"` : "Listbox element";
-    throw new b(
-      `${n} does not contain a select element as its first child. Found: ${o?.constructor.name ?? "null"}`
-    );
-  }
-  return o;
-}
-function ae(e, t) {
-  const o = Array.from(e.options).find((n) => n.value === t);
-  if (!(o instanceof HTMLOptionElement)) {
-    const n = Array.from(e.options).map((s) => s.value).join(", ");
-    throw new b(
-      `Option with value "${t}" does not exist in select element. Available values: [${n}]`
-    );
-  }
-  return o;
-}
-function M(e) {
-  const t = new Event("input", { bubbles: !0, cancelable: !0 });
-  e.dispatchEvent(t);
-}
-function le(e) {
-  const t = p(e), o = t.selectedOptions.length > 0;
-  for (const n of Array.from(t.selectedOptions))
-    n.selected = !1;
-  o && M(t);
-}
-function v(e) {
-  const t = e instanceof HTMLSelectElement ? e : p(e), o = Array.from(t.selectedOptions).map((n) => n.value).filter((n) => n !== "");
-  return t.multiple ? o : o[0] ?? "";
-}
-const O = ':is(button[role="option"], summary)', V = `${O}:is([aria-checked="true"], [aria-selected="true"])`;
-function I(e) {
-  return Array.from(e.querySelectorAll(V)).filter(
-    // Need to exclude options with an empty value.
-    (t) => t instanceof HTMLButtonElement && t.value !== ""
-  );
-}
-function $(e, t, o) {
-  const n = p(e), s = ae(n, t), r = s.selected;
-  s.selected = o(s.selected, n), r !== s.selected && M(n);
-}
-function D(e) {
-  return `${e}-select`;
-}
-const S = k(null);
-function w() {
-  const e = A(S);
-  if (!e)
-    throw new Error("useListboxRenderContext must be used within a Listbox");
-  return e;
-}
-const ue = {
-  auto: (e, t) => t.multiple ? !e : !0,
-  toggle: (e) => !e,
-  select: () => !0
-};
-function de(e) {
-  return e === "auto" || e === "toggle" || e === "select";
-}
-function fe(e) {
-  const { listboxId: t, selectAction: o } = e.currentTarget.dataset, n = e.currentTarget.value;
-  !t || typeof n != "string" || de(o) && $(t, n, ue[o]);
-}
-function H({
-  as: e,
-  children: t,
-  disabled: o,
-  onClick: n,
-  value: s,
-  ...r
-}) {
-  const a = e || "button", i = B(), u = w(), l = i.selectValue.includes(s) || s === "" && i.selectValue.length === 0;
-  if (u === "native")
-    return l ? null : /* @__PURE__ */ d("option", { value: s, children: t });
-  const f = (x) => {
-    n?.(x), fe(x);
-  };
-  return /* @__PURE__ */ d(
-    a,
-    {
-      ...r,
-      "aria-checked": i.multiple ? l : void 0,
-      "aria-selected": i.multiple ? void 0 : l,
-      "data-listbox-id": i.listboxId,
-      "data-select-action": i.selectAction,
-      disabled: i.disabled || o,
-      onClick: f,
-      role: "option",
-      tabIndex: -1,
-      type: "button",
-      value: s,
-      children: t
-    }
-  );
-}
-H.displayName = "Listbox.Option";
-function K({ as: e, children: t, label: o, ...n }) {
-  return w() === "native" ? /* @__PURE__ */ d("optgroup", { label: o, children: t }) : /* @__PURE__ */ d(e, { ...n, label: o, role: "group", children: t });
-}
-K.displayName = "Listbox.Optgroup";
-const be = /* @__PURE__ */ ie("select")({
-  name: "ElListboxSelect",
-  class: "el-listbox-select",
-  propsAsIs: !1
-}), N = te(function({ children: t, onChange: o, placeholder: n = "Select an option", multiple: s, value: r, ...a }, i) {
-  return /* @__PURE__ */ F(
-    be,
-    {
-      ...a,
-      hidden: !0,
-      multiple: s,
-      onChange: o,
-      onInput: o,
-      ref: i,
-      value: s ? r : r[0] ?? "",
-      children: [
-        !s && // In single-select mode, renders a placeholder option as the first option.
-        // This mimics native select behavior: automatically selecting the first option
-        // when no explicit value is specified.
-        /* @__PURE__ */ d("option", { value: "", children: n }),
-        r.map((u) => (
-          // Renders options for selected values automatically. Consumers may filter the options
-          // in `children` based on user input. Without this, the native select would lose
-          // <option> elements representing selected options, causing selection state loss.
-          /* @__PURE__ */ d("option", { value: u, children: u }, u)
-        )),
-        /* @__PURE__ */ d(S.Provider, { value: "native", children: t })
-      ]
-    }
-  );
-});
-function pe(e) {
-  const t = e.currentTarget, o = p(t);
-  t.contains(e.relatedTarget) || (t.tabIndex = 0, e.isTrusted && o.dispatchEvent(
-    new FocusEvent("focusout", { bubbles: !0, cancelable: !0, relatedTarget: e.relatedTarget })
-  ));
-}
-function h(e) {
-  return e instanceof HTMLButtonElement;
-}
-function xe(e) {
-  return e instanceof HTMLElement && e.matches(":focus-visible");
-}
-function me(e) {
-  const t = e.currentTarget, o = p(t), n = t.dataset.selectionFollowsFocus === "true", { relatedTarget: s, target: r } = e, a = xe(r), i = !t.contains(s), u = t.contains(s) && h(r) && h(s);
-  if (a && u && n) {
-    r.click();
-    return;
-  }
-  if (i && (e.isTrusted && o.dispatchEvent(
-    new FocusEvent("focusin", { bubbles: !0, cancelable: !0, relatedTarget: e.relatedTarget })
-  ), a)) {
-    t.tabIndex = -1;
-    const l = t.querySelector(V);
-    if (h(l)) {
-      l.focus();
-      return;
-    }
-    const f = t.querySelector(O);
-    h(f) && (f.focus(), n && f.click());
-  }
-}
-function he({ onKeyDown: e }) {
-  return {
-    onBlur: (s) => {
-      pe(s);
-    },
-    onFocus: (s) => {
-      me(s);
-    },
-    onKeyDown: (s) => {
-      e?.(s), ce(s, { selectors: O });
-    }
-  };
-}
-function Se(e, t) {
-  const o = ne(t);
-  T(
-    function() {
-      o.current = t;
-    },
-    [t]
-  );
-  const n = oe(() => {
-    const s = document.getElementById(e);
-    if (s) {
-      const r = v(e), a = I(s);
-      o.current(a, r);
-    }
-  }, [e]);
-  T(function() {
-    n();
-  }, []), C(e, n, ge), C(D(e), n, Ee);
-}
-const ge = {
-  // Observe attribute changes
-  attributeFilter: ["aria-checked", "aria-selected"],
-  // Observe full subtree
-  subtree: !0
-}, Ee = {
-  // Observe addition/removal of child elements (the native <option> elements)
-  childList: !0
-};
-function Le({
-  defaultValue: e,
-  multiple: t,
-  onChange: o,
-  value: n
-}) {
-  const [s, r] = R(() => E(n ?? e ?? [])), a = E(n ?? s);
-  return [t ? a : a.slice(0, 1), (l) => {
-    o?.(l), r(E(v(l.currentTarget)));
-  }];
-}
-function E(e) {
-  return typeof e == "string" ? [e] : e;
-}
-function ve(e) {
-  return R(e);
-}
-function c({
-  "aria-disabled": e = !1,
-  "aria-multiselectable": t = !1,
-  "aria-orientation": o = "vertical",
-  "aria-required": n = !1,
-  as: s,
-  children: r,
-  className: a,
-  defaultValue: i,
-  id: u,
-  name: l,
-  onBlur: f,
-  onChange: x,
-  onFocus: P,
-  onKeyDown: j,
-  placeholder: q,
-  selectAction: y = "auto",
-  selectRef: _,
-  selectionFollowsFocus: z = !t,
-  style: G,
-  value: J,
-  ...Q
-}) {
-  const U = s ?? "div", W = se(), m = u ?? W, [g, X] = Le({ defaultValue: i, multiple: t, onChange: x, value: J }), Y = he({ onKeyDown: j }), Z = re(
-    () => ({ disabled: e, listboxId: m, multiple: t, selectAction: y, selectValue: g }),
-    [e, m, t, y, g]
-  );
-  return /* @__PURE__ */ d(
-    U,
-    {
-      ...Q,
-      ...Y,
-      "aria-disabled": e,
-      "aria-multiselectable": t,
-      "aria-orientation": o,
-      "aria-required": n,
-      "data-selection-follows-focus": z,
-      className: a,
-      id: m,
-      role: "listbox",
-      style: G,
-      tabIndex: 0,
-      children: /* @__PURE__ */ F(L.Provider, { value: Z, children: [
-        /* @__PURE__ */ d(
-          N,
-          {
-            disabled: e,
-            id: D(m),
-            multiple: t,
-            name: l,
-            onBlur: f,
-            onChange: X,
-            onFocus: P,
-            placeholder: q,
-            ref: _,
-            required: n,
-            value: g,
-            children: r
-          }
-        ),
-        /* @__PURE__ */ d(S.Provider, { value: "custom", children: r })
-      ] })
-    }
-  );
-}
-c.Divider = ee;
-c.Option = H;
-c.Optgroup = K;
-c.Select = N;
-c.useSelectionObserver = Se;
-c.useState = ve;
-c.Context = L;
-c.RenderContext = S;
-c.useContext = B;
-c.useRenderContext = w;
-c.clearValue = le;
-c.getSelectedOptions = I;
-c.getValue = v;
-c.setOptionSelectedState = $;
-export {
-  L,
-  O,
-  V as S,
-  I as a,
-  D as b,
-  le as c,
-  c as d,
-  K as e,
-  H as f,
-  v as g,
-  S as h,
-  w as i,
-  he as j,
-  Se as k,
-  Le as l,
-  ve as m,
-  $ as s,
-  B as u
-};

package/dist/js/loader-JabwMHpN.js

@@ -1,30 +0,0 @@
-import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import { s as a } from "./index-AHmiDD3r.js";
-import { a as n } from "./deprecated-states-CuyVqPko.js";
-const d = /* @__PURE__ */ a("div")({
-  name: "ElLoaderContainer",
-  class: "el-loader-container",
-  propsAsIs: !1
-}), c = /* @__PURE__ */ a("p")({
-  name: "ElLoaderLabel",
-  class: "el-loader-label",
-  propsAsIs: !1
-}), i = /* @__PURE__ */ a("div")({
-  name: "ElLoader",
-  class: "el-loader",
-  propsAsIs: !1
-}), t = /* @__PURE__ */ a("div")({
-  name: "ElLoaderMovingBar",
-  class: "el-loader-moving-bar",
-  propsAsIs: !1
-}), E = ({ label: e, fullPage: l, ...o }) => /* @__PURE__ */ r(d, { className: l ? n : "", children: [
-  e && /* @__PURE__ */ s(c, { children: e }),
-  /* @__PURE__ */ s(i, { ...o, children: /* @__PURE__ */ s(t, {}) })
-] });
-export {
-  d as E,
-  E as L,
-  c as a,
-  i as b,
-  t as c
-};

package/dist/js/main-container-BN8zxo5R.js

@@ -1,36 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { s as t } from "./index-AHmiDD3r.js";
-const c = /* @__PURE__ */ t("div")({
-  name: "ElMainContainer",
-  class: "el-main-container",
-  propsAsIs: !1
-}), m = /* @__PURE__ */ t("div")({
-  name: "ElMainContainerContent",
-  class: "el-main-container-content",
-  propsAsIs: !1
-});
-function f({
-  as: e = "div",
-  backgroundColour: n,
-  children: i,
-  size: s = "fluid",
-  style: o,
-  template: l = "single-column",
-  ...r
-}) {
-  return /* @__PURE__ */ a(
-    c,
-    {
-      ...r,
-      as: e,
-      "data-size": s,
-      style: { ...o, ...n && { backgroundColor: `var(${n})` } },
-      children: /* @__PURE__ */ a(m, { "data-template": l, children: i })
-    }
-  );
-}
-export {
-  c as E,
-  f as M,
-  m as a
-};

package/dist/js/make-icon-Cob4GLCf.js

@@ -1,12 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as m } from "./index-BsMVp4qF.js";
-const s = "el-icon";
-function u(o, e) {
-  function n({ className: t, color: a = "inherit", size: c = "100%", ...r }) {
-    return /* @__PURE__ */ i(e, { ...r, className: m(s, t), color: a, "data-size": c });
-  }
-  return n.displayName = o, n;
-}
-export {
-  u as m
-};

package/dist/js/match-media-BhV24ZxC.js

@@ -1,7 +0,0 @@
-import { u as e } from "./use-match-media-3UiitAUD.js";
-function n({ condition: t, children: a }) {
-  return e(t) ? a : null;
-}
-export {
-  n as M
-};

package/dist/js/menu-B1QgNIUr.js

@@ -1,249 +0,0 @@
-import { jsx as l, jsxs as D } from "react/jsx-runtime";
-import { useState as h, createContext as A, useContext as b, useRef as w, useEffect as C, useLayoutEffect as x } from "react";
-import { s as p } from "./index-AHmiDD3r.js";
-const P = () => {
-  const [e, t] = h(!1), r = (c) => ({
-    ...c,
-    "aria-haspopup": !0,
-    "aria-expanded": e,
-    role: "button",
-    onKeyDown: (o) => {
-      if (o.key === "ArrowDown") {
-        const u = o.currentTarget.parentElement.querySelectorAll(
-          '[role="menuitem"]'
-        );
-        u.length && u[0].focus();
-      }
-      c?.onKeyDown?.(o);
-    },
-    onClick: (o) => {
-      t((u) => !u), c?.onClick && c.onClick(o);
-    }
-  }), n = (c) => ({
-    ...c,
-    "data-open": e,
-    // close menu when "focus" move out of menu
-    onBlur: (o) => {
-      const u = o.currentTarget.parentElement?.querySelector('[role="button"]');
-      !o.currentTarget.contains(o.relatedTarget) && o.relatedTarget !== u && i();
-    },
-    // handle basic navigation key refer to https://www.w3.org/WAI/ARIA/apg/patterns/menubar
-    onKeyDown: (o) => {
-      const u = o.currentTarget, I = u?.querySelector('[role="button"]'), s = u?.querySelectorAll('[role="menuitem"]');
-      let m = -1;
-      switch (s.forEach((d, f) => {
-        d === document.activeElement && (m = f);
-      }), o.key) {
-        case "ArrowDown": {
-          s[(m + 1) % s.length].focus();
-          break;
-        }
-        case "ArrowUp": {
-          s[(m - 1 + s.length) % s.length].focus();
-          break;
-        }
-        case "Escape":
-          i(), I.focus();
-          break;
-        case "Enter":
-        case " ": {
-          s[m].click();
-          break;
-        }
-      }
-    }
-  }), a = () => {
-    t(!0);
-  }, i = () => {
-    t(!1);
-  };
-  return { isOpen: e, openMenu: a, closeMenu: i, getTriggerProps: r, getPopoverProps: n };
-}, v = A(null), k = ({ children: e }) => {
-  const t = P();
-  return /* @__PURE__ */ l(v.Provider, { value: t, children: e });
-}, y = () => {
-  const e = b(v);
-  if (!e)
-    throw new Error("useMenuContext must be used within a MenuProvider");
-  return e;
-}, L = /* @__PURE__ */ p("div")({
-  name: "ElDeprecatedMenuPopover",
-  class: "el-deprecated-menu-popover",
-  propsAsIs: !1
-}), B = /* @__PURE__ */ p("div")({
-  name: "ElDeprecatedMenu",
-  class: "el-deprecated-menu",
-  propsAsIs: !1
-}), T = /* @__PURE__ */ p("span")({
-  name: "ElDeprecatedMenuItemSupplementaryInfo",
-  class: "el-deprecated-menu-item-supplementary-info",
-  propsAsIs: !1
-}), S = /* @__PURE__ */ p("span")({
-  name: "ElDeprecatedMenuItemLabelContainer",
-  class: "el-deprecated-menu-item-label-container",
-  propsAsIs: !1
-}), G = /* @__PURE__ */ p("span")({
-  name: "ElDeprecatedMenuItemLabel",
-  class: "el-deprecated-menu-item-label",
-  propsAsIs: !1
-}), q = /* @__PURE__ */ p("div")({
-  name: "ElDeprecatedMenuItemContent",
-  class: "el-deprecated-menu-item-content",
-  propsAsIs: !1
-}), E = /* @__PURE__ */ p("div")({
-  name: "ElDeprecatedMenuItemIcon",
-  class: "el-deprecated-menu-item-icon",
-  propsAsIs: !1
-}), H = "el-deprecated-menu-item-left-icon", O = /* @__PURE__ */ p("button")({
-  name: "ElDeprecatedMenuItemButton",
-  class: "el-deprecated-menu-item-button",
-  propsAsIs: !1
-}), R = /* @__PURE__ */ p("a")({
-  name: "ElDeprecatedMenuItemAnchor",
-  class: "el-deprecated-menu-item-anchor",
-  propsAsIs: !1
-}), j = /* @__PURE__ */ p("div")({
-  name: "ElDeprecatedMenuItemGroupTitle",
-  class: "el-deprecated-menu-item-group-title",
-  propsAsIs: !1
-}), K = /* @__PURE__ */ p("div")({
-  name: "ElDeprecatedMenuItemGroup",
-  class: "el-deprecated-menu-item-group",
-  propsAsIs: !1
-}), $ = /* @__PURE__ */ p("div")({
-  name: "ElDeprecatedMenuItemGroupList",
-  class: "el-deprecated-menu-item-group-list",
-  propsAsIs: !1
-}), N = /* @__PURE__ */ p("div")({
-  name: "ElDeprecatedMenuList",
-  class: "el-deprecated-menu-list",
-  propsAsIs: !1
-}), U = (e, t, r, n = 0) => {
-  const a = e.querySelector('[role="button"]');
-  if (a) {
-    const i = window.innerHeight, c = t.getBoundingClientRect().height, { bottom: o, height: u } = a.getBoundingClientRect(), I = i - o, s = c > I ? 0 - c : u;
-    r({ top: s + n });
-  }
-}, _ = ({ children: e, yOffset: t = 4, ...r }) => {
-  const { isOpen: n, closeMenu: a, getPopoverProps: i } = y(), c = w(null), [o, u] = h({
-    position: "absolute"
-  });
-  if (C(() => {
-    const s = new AbortController(), m = (d) => {
-      const f = c.current?.parentElement, M = d.target;
-      f && M instanceof Node && !f.contains(M) && a();
-    };
-    return document.addEventListener("mousedown", m, { signal: s.signal }), () => {
-      s.abort();
-    };
-  }, [a]), x(() => {
-    const s = c.current?.parentElement;
-    s && n && c.current && U(s, c.current, u, t);
-  }, [n]), !n) return null;
-  const I = (s) => {
-    s.target.closest('[data-close-menu="true"]') && a();
-  };
-  return /* @__PURE__ */ l(
-    L,
-    {
-      style: o,
-      ref: c,
-      ...r,
-      ...i(),
-      onClick: I,
-      children: e
-    }
-  );
-}, z = ({ children: e }) => {
-  const { getTriggerProps: t, isOpen: r } = y();
-  return e({ getTriggerProps: t, isOpen: r });
-}, F = ({ children: e, label: t, maxHeight: r, ...n }) => /* @__PURE__ */ D(K, { ...n, role: "group", children: [
-  !!t && /* @__PURE__ */ l(j, { children: t }),
-  /* @__PURE__ */ l($, { style: { ...n?.style, maxHeight: `var(${r})` }, children: e })
-] }), J = ({
-  children: e,
-  isActive: t,
-  disabled: r,
-  closeMenu: n = !0,
-  ...a
-}) => V(a) ? /* @__PURE__ */ l(
-  O,
-  {
-    ...a,
-    role: "menuitem",
-    "data-close-menu": n,
-    disabled: r,
-    "aria-disabled": r,
-    "aria-current": t ? "true" : void 0,
-    tabIndex: r ? -1 : 0,
-    children: e
-  }
-) : /* @__PURE__ */ l(
-  R,
-  {
-    ...a,
-    role: "menuitem",
-    "data-close-menu": n || !!r,
-    "aria-current": t ? "page" : void 0,
-    children: e
-  }
-), Q = ({ children: e, maxWidth: t, maxHeight: r, ...n }) => /* @__PURE__ */ l(
-  N,
-  {
-    ...n,
-    style: { ...n?.style, maxWidth: `var(${t})`, maxHeight: `var(${r})` },
-    "data-has-max-width": !!t,
-    role: "menu",
-    children: e
-  }
-);
-function V(e) {
-  return !e.href;
-}
-const W = ({
-  label: e,
-  supplementaryInfo: t,
-  badge: r,
-  leftIcon: n,
-  rightIcon: a,
-  ...i
-}) => /* @__PURE__ */ D(J, { ...i, children: [
-  n && /* @__PURE__ */ l(E, { className: H, children: n }),
-  /* @__PURE__ */ D(q, { children: [
-    /* @__PURE__ */ D(S, { children: [
-      /* @__PURE__ */ l(G, { children: e }),
-      r
-    ] }),
-    t && /* @__PURE__ */ l(T, { children: t })
-  ] }),
-  a && /* @__PURE__ */ l(E, { children: a })
-] }), g = ({ children: e, ...t }) => /* @__PURE__ */ l(k, { children: /* @__PURE__ */ l(B, { ...t, children: e }) });
-g.Item = W;
-g.Group = F;
-g.Trigger = z;
-g.Popover = _;
-g.List = Q;
-export {
-  g as D,
-  L as E,
-  F as a,
-  J as b,
-  Q as c,
-  W as d,
-  B as e,
-  T as f,
-  S as g,
-  G as h,
-  q as i,
-  E as j,
-  H as k,
-  O as l,
-  R as m,
-  j as n,
-  K as o,
-  $ as p,
-  N as q,
-  v as r,
-  k as s,
-  y as u
-};