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

package/dist/js/menu-CP0Bep1V.js

@@ -1,186 +0,0 @@
-import { jsxs as f, jsx as a } from "react/jsx-runtime";
-import { c as y } from "./index-BsMVp4qF.js";
-import { s as t } from "./index-AHmiDD3r.js";
-import { useId as b, useCallback as g } from "react";
-import { P as h } from "./popover-dzUc2bK7.js";
-import { D as N } from "./divider-BJNv9iOS.js";
-import { h as G } from "./handle-arrow-navigation-r7GKm-no.js";
-import { handleLinkActivation as L } from "./utils/keyboard-navigation.js";
-const $ = /* @__PURE__ */ t("div")({
-  name: "ElMenuGroup",
-  class: "el-menu-group",
-  propsAsIs: !1
-}), D = /* @__PURE__ */ t("div")({
-  name: "ElMenuGroupLabelContainer",
-  class: "el-menu-group-label-container",
-  propsAsIs: !1
-});
-function x({ "aria-label": n, children: e, label: s, role: i = "group", ...r }) {
-  const l = b();
-  return (
-    // NOTE: we do not wire-up aria-labelledby when aria-label is provided. By default, aria-labelledby takes
-    // precedence. See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-label#:~:text=aria%2Dlabelledby%20will%20take%20precedence%20over%20aria%2Dlabel%20if%20both%20are%20applied
-    /* @__PURE__ */ f($, { ...r, "aria-label": n, "aria-labelledby": n ? void 0 : l, role: i, children: [
-      s && /* @__PURE__ */ a(D, { id: l, children: s }),
-      e
-    ] })
-  );
-}
-x.displayName = "Menu.Group";
-const j = "el-menu-item", A = /* @__PURE__ */ t("span")({
-  name: "ElMenuItemIconContainer",
-  class: "el-menu-item-icon-container",
-  propsAsIs: !1
-}), B = /* @__PURE__ */ t("span")({
-  name: "ElMenuItemContentContainer",
-  class: "el-menu-item-content-container",
-  propsAsIs: !1
-}), H = /* @__PURE__ */ t("span")({
-  name: "ElMenuItemLabel",
-  class: "el-menu-item-label",
-  propsAsIs: !1
-}), K = /* @__PURE__ */ t("span")({
-  name: "ElMenuItemLabelText",
-  class: "el-menu-item-label-text",
-  propsAsIs: !1
-}), S = /* @__PURE__ */ t("span")({
-  name: "ElMenuItemBadgeContainer",
-  class: "el-menu-item-badge-container",
-  propsAsIs: !1
-}), _ = /* @__PURE__ */ t("span")({
-  name: "ElMenuItemSupplementaryInfo",
-  class: "el-menu-item-supplementary-info",
-  propsAsIs: !1
-});
-function P({
-  "aria-disabled": n,
-  as: e,
-  badge: s,
-  className: i,
-  children: r,
-  iconLeft: l,
-  iconRight: u,
-  onClick: m,
-  role: M = "menuitem",
-  supplementaryInfo: c,
-  ...p
-}) {
-  const d = b(), E = b(), C = b(), v = g(
-    (I) => {
-      if (I.currentTarget.getAttribute("aria-disabled") === "true") {
-        I.preventDefault(), I.stopPropagation();
-        return;
-      }
-      m?.(I);
-    },
-    [m]
-  );
-  return /* @__PURE__ */ f(
-    e,
-    {
-      ...p,
-      "aria-details": `${E} ${C}`,
-      "aria-disabled": !!p.disabled || !!n,
-      "aria-labelledby": d,
-      className: y(j, i),
-      onClick: v,
-      role: M,
-      children: [
-        l && /* @__PURE__ */ a(A, { "aria-hidden": !0, children: l }),
-        /* @__PURE__ */ f(B, { children: [
-          /* @__PURE__ */ f(H, { children: [
-            r && /* @__PURE__ */ a(K, { id: d, children: r }),
-            s && /* @__PURE__ */ a(S, { id: E, children: s })
-          ] }),
-          c && /* @__PURE__ */ a(_, { id: C, children: c })
-        ] }),
-        u && /* @__PURE__ */ a(A, { "aria-hidden": !0, children: u })
-      ]
-    }
-  );
-}
-function T(n) {
-  return /* @__PURE__ */ a(P, { as: "a", ...n });
-}
-T.displayName = "Menu.AnchorItem";
-function k(n) {
-  return /* @__PURE__ */ a(P, { as: "button", ...n });
-}
-k.displayName = "Menu.Item";
-const w = "el-menu";
-function F(n) {
-  return g(
-    (e) => {
-      n?.(e), !e.defaultPrevented && // We only close if the click was initiated by the user; this helps us avoid closing the menu
-      // when the click was triggered by a programmatic action, such as element.click().
-      e.isTrusted && e.target instanceof HTMLElement && // Any target that is a menuitem, or a child of a menuitem, should close the menu
-      (e.target.role === "menuitem" || e.target.closest('[role="menuitem"]') !== null) && e.currentTarget.hidePopover();
-    },
-    [n]
-  );
-}
-function O(n) {
-  return g(
-    (e) => {
-      n?.(e), !e.defaultPrevented && (L(e), G(e));
-    },
-    [n]
-  );
-}
-function o({
-  "aria-labelledby": n,
-  children: e,
-  className: s,
-  gap: i = "--spacing-1",
-  maxHeight: r,
-  maxWidth: l,
-  onClick: u,
-  onKeyDown: m,
-  placement: M = "top-start",
-  ...c
-}) {
-  const p = F(u), d = O(m);
-  return /* @__PURE__ */ a(
-    h,
-    {
-      ...c,
-      "aria-labelledby": n,
-      anchorId: n,
-      className: y(w, s),
-      elevation: "xl",
-      gap: `var(${i})`,
-      maxHeight: `var(${r})`,
-      maxWidth: `var(${l})`,
-      onClick: p,
-      onKeyDown: d,
-      placement: M,
-      positionTryFallbacks: "flip-block, flip-inline",
-      popover: "auto",
-      role: "menu",
-      children: e
-    }
-  );
-}
-o.AnchorItem = T;
-o.Divider = N;
-o.Group = x;
-o.Item = k;
-o.getClosestMenuElement = h.getClosestPopoverElement;
-o.getTriggerProps = h.getTriggerProps;
-export {
-  T as A,
-  $ as E,
-  x as M,
-  D as a,
-  k as b,
-  P as c,
-  A as d,
-  j as e,
-  B as f,
-  H as g,
-  K as h,
-  S as i,
-  _ as j,
-  o as k,
-  w as l
-};

package/dist/js/mobile-controls-D-uLuGMt.js

@@ -1,82 +0,0 @@
-import { jsxs as b, Fragment as E, jsx as i } from "react/jsx-runtime";
-import { useState as v, useId as I, createElement as g } from "react";
-import { s as c } from "./index-AHmiDD3r.js";
-import { MenuIcon as A } from "./icons/menu.js";
-import { c as r } from "./index-BsMVp4qF.js";
-import { e as f } from "./deprecated-states-CuyVqPko.js";
-import "./button-base-BxF98pDk.js";
-import { B } from "./button-DYIdjjTt.js";
-const h = "el-mobile-controls-visible", x = /* @__PURE__ */ c("div")({
-  name: "ElMobileControlsBg",
-  class: "el-mobile-controls-bg",
-  propsAsIs: !1
-}), N = /* @__PURE__ */ c("div")({
-  name: "ElMobileControls",
-  class: "el-mobile-controls",
-  propsAsIs: !1
-}), k = "el-mobile-controls-floating-button", y = /* @__PURE__ */ c("a")({
-  name: "ElMobileControlItem",
-  class: "el-mobile-control-item",
-  propsAsIs: !1
-}), n = (e, o) => (s) => {
-  s?.preventDefault(), s?.stopPropagation(), e((t) => !t), o && o();
-}, V = ({
-  mobileControlItems: e,
-  buttonOnClick: o,
-  buttonIcon: s,
-  isVisible: t,
-  ...m
-}) => {
-  const [l, a] = v(!1), p = m.id || I();
-  return /* @__PURE__ */ b(E, { children: [
-    /* @__PURE__ */ i(
-      x,
-      {
-        className: r(l && f),
-        "aria-hidden": !l,
-        onClick: n(a, o)
-      }
-    ),
-    /* @__PURE__ */ b(
-      N,
-      {
-        id: p,
-        className: r(t && h),
-        onClick: n(a, o),
-        ...m,
-        children: [
-          e?.map(({ onClick: d, label: M, ...u }, C) => /* @__PURE__ */ g(
-            y,
-            {
-              role: "button",
-              "aria-hidden": !l,
-              className: r(l && f),
-              onClick: n(a, d),
-              ...u,
-              key: C
-            },
-            M
-          )),
-          /* @__PURE__ */ i(
-            B,
-            {
-              "aria-controls": p,
-              variant: "primary",
-              iconLeft: s ?? /* @__PURE__ */ i(A, {}),
-              className: k
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-export {
-  x as E,
-  V as M,
-  N as a,
-  k as b,
-  y as c,
-  n as d,
-  h as e
-};

package/dist/js/modal-BEr2T5o_.js

@@ -1,70 +0,0 @@
-import { jsx as o, jsxs as f, Fragment as v } from "react/jsx-runtime";
-import { forwardRef as y, useId as g, createRef as b, useEffect as n } from "react";
-import { c as l } from "./index-BsMVp4qF.js";
-import { s as d } from "./index-AHmiDD3r.js";
-import { e as u } from "./deprecated-states-CuyVqPko.js";
-const h = /* @__PURE__ */ d("div")({
-  name: "ElModalBg",
-  class: "el-modal-bg",
-  propsAsIs: !1
-}), B = /* @__PURE__ */ d("div")({
-  name: "ElModal",
-  class: "el-modal",
-  propsAsIs: !1
-}), I = /* @__PURE__ */ d("div")({
-  name: "ElModalHeader",
-  class: "el-modal-header",
-  propsAsIs: !1
-}), N = /* @__PURE__ */ d("div")({
-  name: "ElModalBody",
-  class: "el-modal-body",
-  propsAsIs: !1
-}), A = ({ className: a, children: e, ...s }) => /* @__PURE__ */ o(h, { className: l(a), ...s, children: e }), k = y(
-  ({ className: a, children: e, ...s }, r) => /* @__PURE__ */ o(B, { className: l(a), ...s, ref: r, children: e })
-), x = ({ className: a, children: e, ...s }) => /* @__PURE__ */ o(I, { className: l(a), ...s, children: e }), j = ({ className: a, children: e, ...s }) => /* @__PURE__ */ o(N, { className: l(a), ...s, children: e }), w = (a, e) => () => {
-  e && a.current && a.current.focus();
-}, U = ({ isOpen: a, onModalClose: e, title: s, className: r, children: p, ...t }) => {
-  const m = t.id || g(), c = b();
-  n(() => {
-    const i = (E) => {
-      E.key === "Escape" && e();
-    };
-    return document.addEventListener("keyup", i, !1), () => {
-      document.removeEventListener("keyup", i, !1);
-    };
-  }, [e]);
-  const M = l(r, u);
-  return n(w(c, a), [c, a]), n(() => {
-    console.warn("Modal component will be removed in future major version. Use `Dialog` component instead");
-  }, []), a ? /* @__PURE__ */ f(v, { children: [
-    /* @__PURE__ */ o(A, { className: u, onClick: e }),
-    /* @__PURE__ */ f(
-      k,
-      {
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-describedby": m,
-        className: M,
-        ref: c,
-        autoFocus: !0,
-        ...t,
-        children: [
-          s && /* @__PURE__ */ o(x, { children: s }),
-          /* @__PURE__ */ o(j, { id: m, children: p })
-        ]
-      }
-    )
-  ] }) : null;
-};
-export {
-  h as E,
-  A as M,
-  B as a,
-  I as b,
-  N as c,
-  k as d,
-  x as e,
-  j as f,
-  U as g,
-  w as h
-};

package/dist/js/multi-select-B0ZJPy4i.js

@@ -1,144 +0,0 @@
-import { jsxs as h, jsx as n, Fragment as I } from "react/jsx-runtime";
-import { forwardRef as y, useState as m, useEffect as S } from "react";
-import { c as d } from "./index-BsMVp4qF.js";
-import { s as o } from "./index-AHmiDD3r.js";
-import { u as k } from "./random-id-Dlehz5dT.js";
-import { c as x } from "./deprecated-spacing-CGGxnk0m.js";
-import { h as f } from "./handle-keyboard-event-DUi59qMJ.js";
-import { TaskIcon as w } from "./icons/task.js";
-const C = "el-has-grey-chips", O = /* @__PURE__ */ o("input")({
-  name: "ElMultiSelectCheckbox",
-  class: "el-multi-select-checkbox",
-  propsAsIs: !1
-}), N = /* @__PURE__ */ o("label")({
-  name: "ElMultiSelectLabel",
-  class: "el-multi-select-label",
-  propsAsIs: !1
-}), A = /* @__PURE__ */ o("div")({
-  name: "ElMultiSelect",
-  class: "el-multi-select",
-  propsAsIs: !1
-}), D = /* @__PURE__ */ o("div")({
-  name: "ElMultiSelectSelected",
-  class: "el-multi-select-selected",
-  propsAsIs: !1
-}), j = /* @__PURE__ */ o("div")({
-  name: "ElMultiSelectUnSelected",
-  class: "el-multi-select-un-selected",
-  propsAsIs: !1
-}), K = /* @__PURE__ */ o("input")({
-  name: "ElMultiSelectInput",
-  class: "el-multi-select-input",
-  propsAsIs: !1
-}), P = /* @__PURE__ */ o("div")({
-  name: "ElMultiSelectInputWrapper",
-  class: "el-multi-select-input-wrapper",
-  propsAsIs: !1
-}), U = (t, l, e) => {
-  const s = Object.getOwnPropertyDescriptor(t, "value")?.set, c = Object.getPrototypeOf(t), r = Object.getOwnPropertyDescriptor(c, "value")?.set;
-  s && s !== r ? r?.call(t, l) : (s?.call(t, l), e && e(l));
-}, J = (t, l, e) => () => {
-  const s = document.getElementById(t);
-  if (s) {
-    U(s, l, e);
-    const c = new Event("change", { bubbles: !0 });
-    s.dispatchEvent(c);
-  }
-}, R = (t, l, e, s) => () => {
-  e && JSON.stringify(e) !== JSON.stringify(s) && (t(e), l(e));
-}, b = (t, l, e) => (s) => {
-  const r = s.target.checked ? [...l, t] : l.filter((u) => u !== t);
-  e(r);
-}, E = (t, l, e, s) => () => {
-  const c = s ? l.filter((r) => r !== t) : [...l, t];
-  e(c);
-}, M = ({
-  className: t,
-  children: l,
-  onKeyDown: e,
-  tabIndex: s,
-  id: c,
-  ...r
-}) => {
-  const u = k(c);
-  return /* @__PURE__ */ h(I, { children: [
-    /* @__PURE__ */ n(O, { id: c ?? u, type: "checkbox", "aria-hidden": !0, ...r }),
-    /* @__PURE__ */ n(
-      N,
-      {
-        htmlFor: c ?? u,
-        role: "option",
-        tabIndex: s,
-        className: d(t),
-        onKeyDown: e,
-        children: l
-      }
-    )
-  ] });
-}, z = ({ className: t, children: l, ...e }) => /* @__PURE__ */ n(A, { className: d(t), ...e, children: l }), W = ({ className: t, children: l, ...e }) => /* @__PURE__ */ n(D, { className: d(t), ...e, children: l }), _ = ({ className: t, children: l, ...e }) => /* @__PURE__ */ n(j, { className: d(t), ...e, children: l }), Q = y(
-  ({ className: t, options: l, defaultValues: e, noneSelectedLabel: s, id: c, ...r }, u) => {
-    const [i, p] = m(e ?? []), [v, g] = m(e ?? []);
-    return S(J(c, i), [i]), S(
-      R(p, g, e, v),
-      [e]
-    ), /* @__PURE__ */ h(P, { children: [
-      /* @__PURE__ */ n(K, { id: c, ...r, ref: u }),
-      /* @__PURE__ */ n(W, { className: t, role: "listbox", "aria-label": "Multi selected options", children: i.length ? l.map((a) => i.includes(a.value) ? /* @__PURE__ */ n(
-        M,
-        {
-          id: `multi-select-chip-${a.value}`,
-          role: "option",
-          tabIndex: 0,
-          "aria-checked": !0,
-          onChange: b(a.value, i, p),
-          onKeyDown: f(
-            "Enter",
-            E(a.value, i, p, !0)
-          ),
-          defaultChecked: !0,
-          children: a.name
-        },
-        a.value
-      ) : null) : /* @__PURE__ */ h(I, { children: [
-        /* @__PURE__ */ n(w, { className: x, color: "secondary" }),
-        /* @__PURE__ */ n("p", { children: s || "Please select from the options below" })
-      ] }) }),
-      i.length < l.length && /* @__PURE__ */ n(_, { className: t, role: "listbox", "aria-label": "Multi unselected options", children: l.map((a) => i.includes(a.value) ? null : /* @__PURE__ */ n(
-        M,
-        {
-          role: "option",
-          tabIndex: 0,
-          "aria-checked": !1,
-          className: C,
-          onChange: b(a.value, i, p),
-          onKeyDown: f(
-            "Enter",
-            E(a.value, i, p, !1)
-          ),
-          defaultChecked: !1,
-          children: a.name
-        },
-        a.value
-      )) })
-    ] });
-  }
-);
-export {
-  O as E,
-  M,
-  R as a,
-  b,
-  E as c,
-  z as d,
-  W as e,
-  _ as f,
-  Q as g,
-  J as h,
-  C as i,
-  N as j,
-  A as k,
-  D as l,
-  j as m,
-  K as n,
-  P as o
-};