@reapit/elements 5.0.0-beta.60 → 5.0.0-beta.61

package/dist/js/combobox-03XqZXXl.js

@@ -0,0 +1,584 @@
+import { jsx as a, jsxs as C } from "react/jsx-runtime";
+import "./button-base-BcnVjgNa.js";
+import { createContext as M, useContext as N, useCallback as V, useRef as Z, useEffect as T, useState as $, useId as x, useMemo as oo } from "react";
+import { B as H } from "./button-DB4XETG9.js";
+import { c as to, j as eo, b as m, h as no } from "./listbox-CpjeARsg.js";
+import { CloseIcon as ao } from "./icons/close.js";
+import { ChevronDownIcon as io } from "./icons/chevron-down.js";
+import { A as so } from "./anchor-positioning-B1GaMHJG.js";
+import { c as lo } from "./index-BsMVp4qF.js";
+import { isWidthAtOrAbove as ro, isWidthBelow as co } from "./utils/breakpoints.js";
+import { u as R } from "./use-match-media-3UiitAUD.js";
+import { s as c } from "./index-YtxCR-9e.js";
+import { SearchIcon as bo } from "./icons/search.js";
+import { CheckIcon as po } from "./icons/check.js";
+import { S as uo } from "./search-input-1Ta8fJAP.js";
+function mo({
+  "aria-label": o = "Clear selection",
+  "aria-controls": t,
+  onClick: e,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    H,
+    {
+      ...n,
+      "aria-controls": t,
+      "aria-label": o,
+      hasNoPadding: !0,
+      iconLeft: /* @__PURE__ */ a(ao, {}),
+      onClick: (s) => {
+        e?.(s), to(t);
+      },
+      size: "small",
+      variant: "tertiary"
+    }
+  );
+}
+function B(o) {
+  const t = typeof o == "string" ? document.getElementById(o) : o;
+  if (!t) {
+    const e = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
+    throw new Error(`closeComboboxPopup: Element ${e} not found in the DOM`);
+  }
+  if (!(t instanceof HTMLDialogElement)) {
+    const e = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
+    throw new Error(`closeComboboxPopup: Element ${e} is not an HTMLDialogElement`);
+  }
+  t.close();
+}
+const P = M(null);
+function W() {
+  const o = N(P);
+  if (!o)
+    throw new Error("useComboboxPopupDialogContext requires a ComboboxPopupDialog ancestor");
+  return o;
+}
+function w(o) {
+  const t = typeof o == "string" ? document.getElementById(o) : o;
+  if (!t) {
+    const e = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
+    throw new Error(`openComboboxPopup: Element ${e} not found in the DOM`);
+  }
+  if (!(t instanceof HTMLDialogElement)) {
+    const e = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
+    throw new Error(`openComboboxPopup: Element ${e} is not an HTMLDialogElement`);
+  }
+  t.showModal();
+}
+const xo = "el-combobox-popup-dialog", I = {
+  NEVER: "never",
+  ALWAYS: "always",
+  AUTO: "auto"
+};
+function fo(o) {
+  return V(
+    (t) => {
+      if (o?.(t), t.defaultPrevented || !t.isTrusted)
+        return;
+      const e = go(t.target);
+      if (!e)
+        return;
+      const { closeOnSelection: n } = t.currentTarget.dataset;
+      if (!Co(n) || n === I.NEVER)
+        return;
+      if (n === I.ALWAYS) {
+        B(t.currentTarget);
+        return;
+      }
+      const { listboxId: i } = e.dataset, s = i ? document.getElementById(i) : null;
+      ho(n, s) && B(t.currentTarget);
+    },
+    [o]
+  );
+}
+function Co(o) {
+  return o === I.AUTO || o === I.ALWAYS || o === I.NEVER;
+}
+function ho(o, t) {
+  return "ariaMultiSelectable" in Element.prototype ? t?.ariaMultiSelectable === "false" : t?.getAttribute("aria-multiselectable") === "false";
+}
+function go(o) {
+  return o instanceof HTMLElement ? o.closest('[role="option"]') : null;
+}
+const Eo = "closedBy" in HTMLDialogElement.prototype, k = "calc(anchor-size(width) + 2 * var(--combobox-popup-padding))", Io = "calc(anchor(left) - var(--combobox-popup-padding))", Oo = "calc(anchor(top) - var(--combobox-popup-padding))";
+function h({
+  "aria-labelledby": o,
+  children: t,
+  className: e,
+  closeOnSelection: n = "auto",
+  id: i,
+  maxHeight: s,
+  maxWidth: r,
+  onClick: b,
+  style: p,
+  variant: u = "auto",
+  ...A
+}) {
+  const E = R(ro("SM")), v = u === "popover" || u === "auto" && E, X = fo((L) => {
+    b?.(L);
+    const D = L.currentTarget;
+    !Eo && L.target === D && D.close();
+  });
+  return /* @__PURE__ */ a(
+    "dialog",
+    {
+      ...A,
+      "aria-labelledby": o,
+      className: lo(xo, e),
+      closedby: "any",
+      "data-close-on-selection": n,
+      "data-variant": u,
+      id: i,
+      onClick: X,
+      style: { ...p, maxHeight: s },
+      children: /* @__PURE__ */ C(P.Provider, { value: { variant: u }, children: [
+        v && /* @__PURE__ */ a(
+          so,
+          {
+            anchorElementId: o,
+            left: Io,
+            maxWidth: r ?? k,
+            minWidth: k,
+            positionedElementId: i,
+            positionTryFallbacks: "flip-block, flip-inline",
+            top: Oo
+          }
+        ),
+        t
+      ] })
+    }
+  );
+}
+h.Context = P;
+h.useContext = W;
+h.open = w;
+h.close = B;
+function yo(o, t) {
+  const e = Z(t);
+  T(
+    function() {
+      e.current = t;
+    },
+    [t]
+  ), T(
+    function() {
+      const i = document.getElementById(o);
+      if (i instanceof HTMLElement) {
+        const s = new AbortController();
+        return i.addEventListener("toggle", (r) => e.current(r), {
+          signal: s.signal
+        }), () => s.abort();
+      }
+    },
+    [o]
+  );
+}
+function Ao(o) {
+  const [t, e] = $(!1);
+  return yo(o, (n) => {
+    e(n.newState === "open");
+  }), t;
+}
+function So({
+  "aria-label": o = "Open popup",
+  "aria-controls": t,
+  onClick: e,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    H,
+    {
+      ...n,
+      "aria-controls": t,
+      "aria-label": o,
+      hasNoPadding: !0,
+      iconLeft: /* @__PURE__ */ a(io, {}),
+      onClick: (s) => {
+        e?.(s), w(t);
+      },
+      size: "small",
+      tabIndex: -1,
+      variant: "tertiary"
+    }
+  );
+}
+const Lo = /* @__PURE__ */ c("div")({
+  name: "ElComboboxButtonContainer",
+  class: "el-combobox-button-container",
+  propsAsIs: !1
+}), Bo = /* @__PURE__ */ c("button")({
+  name: "ElComboboxButton",
+  class: "el-combobox-button",
+  propsAsIs: !1
+}), Po = /* @__PURE__ */ c("span")({
+  name: "ElComboboxButtonIconContainer",
+  class: "el-combobox-button-icon-container",
+  propsAsIs: !1
+}), wo = /* @__PURE__ */ c("span")({
+  name: "ElComboboxButtonActionContainer",
+  class: "el-combobox-button-action-container",
+  propsAsIs: !1
+});
+function f({
+  action: o,
+  "aria-controls": t,
+  "aria-expanded": e,
+  children: n,
+  className: i,
+  id: s,
+  leadingIcon: r,
+  placeholder: b = "Select an option",
+  showValidity: p,
+  size: u = "medium",
+  style: A,
+  ...E
+}) {
+  return (
+    // Applies consumer class names and inline styles to the container, not the button.
+    // Minimizes easy override of button styles critical to component function.
+    /* @__PURE__ */ C(Lo, { className: i, "data-size": u, style: A, children: [
+      /* @__PURE__ */ C(
+        Bo,
+        {
+          ...E,
+          "aria-autocomplete": "list",
+          "aria-controls": t,
+          "aria-expanded": e,
+          "aria-haspopup": "dialog",
+          "data-placeholder-shown": !n || n === b,
+          "data-show-validity": !!p,
+          id: s,
+          role: "combobox",
+          type: "button",
+          children: [
+            r && /* @__PURE__ */ a(Po, { children: r }),
+            n ?? b
+          ]
+        }
+      ),
+      o && /* @__PURE__ */ a(wo, { children: o })
+    ] })
+  );
+}
+f.ClearButton = mo;
+f.OpenPopupButton = So;
+const q = M(null);
+function O() {
+  const o = N(q);
+  if (!o)
+    throw new Error("useComboboxContext requires a Combobox ancestor");
+  return o;
+}
+function z(o) {
+  return "ariaLabelledByElements" in Element.prototype ? o.ariaLabelledByElements?.at(0)?.textContent ?? o.textContent : document.getElementById(o.getAttribute("aria-labelledby"))?.textContent ?? o.textContent;
+}
+const vo = /* @__PURE__ */ c("button")({
+  name: "ElComboboxOption",
+  class: "el-combobox-option",
+  propsAsIs: !1
+}), Do = /* @__PURE__ */ c("span")({
+  name: "ElComboboxOptionCheckIconContainer",
+  class: "el-combobox-option-check-icon-container",
+  propsAsIs: !1
+}), To = /* @__PURE__ */ c("span")({
+  name: "ElComboboxOptionLabel",
+  class: "el-combobox-option-label",
+  propsAsIs: !1
+}), j = /* @__PURE__ */ c("span")({
+  name: "ElComboboxOptionTextContainer",
+  class: "el-combobox-option-text-container",
+  propsAsIs: !1
+}), F = /* @__PURE__ */ c("span")({
+  name: "ElComboboxOptionBadgeContainer",
+  class: "el-combobox-option-badge-container",
+  propsAsIs: !1
+}), ko = /* @__PURE__ */ c("span")({
+  name: "ElComboboxOptionAdditionalInfoContainer",
+  class: "el-combobox-option-additional-info-container",
+  propsAsIs: !1
+}), Mo = /* @__PURE__ */ c("span")({
+  name: "ElComboboxOptionAdditionalInfo",
+  class: "el-combobox-option-additional-info",
+  propsAsIs: !1
+}), No = /* @__PURE__ */ c("span")({
+  name: "ElComboboxOptionAdditionalInfoIconContainer",
+  class: "el-combobox-option-additional-info-icon-container",
+  propsAsIs: !1
+});
+function _({ badge: o, children: t, icon: e, ...n }) {
+  return /* @__PURE__ */ C(Mo, { ...n, children: [
+    e && /* @__PURE__ */ a(No, { children: e }),
+    /* @__PURE__ */ a(j, { children: t }),
+    o && /* @__PURE__ */ a(F, { children: o })
+  ] });
+}
+_.displayName = "Combobox.OptionAdditionalInfo";
+function y({ badge: o, children: t, additionalInfo: e, ...n }) {
+  const i = x(), s = x(), r = x(), b = [o && i, e && r].filter((p) => !!p).join(" ") || void 0;
+  return /* @__PURE__ */ C(vo, { ...n, "aria-labelledby": s, "aria-details": b, role: "option", type: "button", children: [
+    /* @__PURE__ */ a(Do, { "aria-hidden": !0, children: /* @__PURE__ */ a(po, {}) }),
+    /* @__PURE__ */ C(To, { children: [
+      /* @__PURE__ */ a(j, { id: s, children: t }),
+      o && /* @__PURE__ */ a(F, { id: i, children: o })
+    ] }),
+    e && /* @__PURE__ */ a(ko, { id: r, children: e })
+  ] });
+}
+y.getOptionLabel = z;
+y.AdditionalInfo = _;
+function Vo(o) {
+  const [t, e] = $([]);
+  return eo(
+    o,
+    V((n) => {
+      e(
+        n.map((i) => ({
+          label: z(i),
+          value: i.value
+        }))
+      );
+    }, [])
+  ), t;
+}
+function $o(o, t) {
+  return oo(() => o.length > 1 ? `${o.length} selected` : o[0] && o[0].label || t, [o, t]);
+}
+function Y({ onClick: o, placeholder: t }) {
+  const { buttonId: e, disabled: n, listboxId: i, popupId: s, required: r } = O(), b = Vo(i), p = $o(b, t), u = Ao(s);
+  return {
+    props: {
+      "aria-controls": s,
+      "aria-expanded": u,
+      // We use aria-required to indicate a value for the _combobox_ is required.
+      // See https://www.w3.org/WAI/ARIA/apg/patterns/combobox/
+      "aria-required": r,
+      disabled: n,
+      id: e,
+      onClick: (E) => {
+        o?.(E), w(s);
+      }
+    },
+    selections: b,
+    selectionSummary: p
+  };
+}
+function U({
+  onClick: o,
+  placeholder: t = "Search...",
+  size: e = "medium",
+  ...n
+}) {
+  const { disabled: i, listboxId: s } = O(), { props: r, selections: b, selectionSummary: p } = Y({ onClick: o, placeholder: t });
+  return /* @__PURE__ */ a(
+    f,
+    {
+      ...n,
+      ...r,
+      action: b.length > 0 && /* @__PURE__ */ a(
+        f.ClearButton,
+        {
+          "aria-controls": s,
+          disabled: i,
+          onClick: () => m.clearValue(s)
+        }
+      ),
+      leadingIcon: b.length === 0 && /* @__PURE__ */ a(bo, { "aria-hidden": !0 }),
+      placeholder: t,
+      size: e,
+      children: p
+    }
+  );
+}
+U.displayName = "Combobox.AutocompleteButton";
+function G({
+  onClick: o,
+  placeholder: t = "Select an option",
+  size: e = "medium",
+  ...n
+}) {
+  const { disabled: i, listboxId: s, popupId: r } = O(), { props: b, selections: p, selectionSummary: u } = Y({ onClick: o, placeholder: t });
+  return /* @__PURE__ */ a(
+    f,
+    {
+      ...n,
+      ...b,
+      action: p.length > 0 ? /* @__PURE__ */ a(f.ClearButton, { "aria-controls": s, disabled: i }) : /* @__PURE__ */ a(f.OpenPopupButton, { "aria-controls": r, disabled: i }),
+      placeholder: t,
+      size: e,
+      children: u
+    }
+  );
+}
+G.displayName = "Combobox.SelectButton";
+const Ho = /* @__PURE__ */ c("div")({
+  name: "ElComboboxListbox",
+  class: "el-combobox-listbox",
+  propsAsIs: !1
+}), Ro = /* @__PURE__ */ c("div")({
+  name: "ElComboboxListboxPlaceholder",
+  class: "el-combobox-listbox-placeholder",
+  propsAsIs: !1
+});
+function J({ children: o, size: t = "medium", ...e }) {
+  return no() === "native" ? null : /* @__PURE__ */ a(Ro, { ...e, "aria-live": "polite", "data-size": t, role: "status", children: o });
+}
+J.displayName = "Combobox.ListboxPlaceholder";
+const Wo = /* @__PURE__ */ c("div")({
+  name: "ElComboboxOptgroup",
+  class: "el-combobox-optgroup",
+  propsAsIs: !1
+}), qo = /* @__PURE__ */ c("div")({
+  name: "ElComboboxOptgroupLabelContainer",
+  class: "el-combobox-optgroup-label-container",
+  propsAsIs: !1
+});
+function zo({ "aria-label": o, children: t, label: e, ...n }) {
+  const i = x();
+  return (
+    // NOTE: Omit aria-labelledby when aria-label is provided. The aria-labelledby attribute takes
+    // precedence over aria-label. 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__ */ C(Wo, { ...n, "aria-label": o, "aria-labelledby": o ? void 0 : i, role: "group", children: [
+      e && /* @__PURE__ */ a(qo, { id: i, children: e }),
+      t
+    ] })
+  );
+}
+function K(o) {
+  return /* @__PURE__ */ a(m.Optgroup, { as: zo, ...o });
+}
+K.displayName = "Combobox.Optgroup";
+function g(o) {
+  return /* @__PURE__ */ a(m.Option, { as: y, ...o });
+}
+g.displayName = "Combobox.Option";
+g.getLabel = y.getOptionLabel;
+g.AdditionalInfo = y.AdditionalInfo;
+function l(o) {
+  const { disabled: t, listboxId: e, required: n } = O();
+  return /* @__PURE__ */ a(
+    m,
+    {
+      as: Ho,
+      ...o,
+      "aria-disabled": t,
+      "aria-orientation": "vertical",
+      "aria-required": n,
+      id: e,
+      selectionFollowsFocus: !1
+    }
+  );
+}
+l.displayName = "Combobox.Listbox";
+l.Divider = m.Divider;
+l.Optgroup = K;
+l.Option = g;
+l.OptionAdditionalInfo = g.AdditionalInfo;
+l.Placeholder = J;
+l.clearValue = m.clearValue;
+l.getOptionLabel = g.getLabel;
+l.getSelectedOptions = m.getSelectedOptions;
+l.getValue = m.getValue;
+l.setOptionSelectedState = m.setOptionSelectedState;
+function S(o) {
+  const { buttonId: t, popupId: e } = O();
+  return /* @__PURE__ */ a(h, { ...o, "aria-labelledby": t, id: e, children: o.children });
+}
+S.displayName = "Combobox.Popup";
+S.show = h.open;
+S.hide = h.close;
+function jo({
+  isXSBreakpoint: o,
+  popupVariant: t
+}) {
+  switch (t) {
+    case "drawer":
+      return "borderless";
+    case "popover":
+      return "default";
+    case "auto":
+      return o ? "borderless" : "default";
+  }
+}
+function Q(o) {
+  const { variant: t } = W(), e = R(co("SM")), n = jo({ isXSBreakpoint: e, popupVariant: t });
+  return /* @__PURE__ */ a(uo, { ...o, type: "text", variant: n });
+}
+Q.displayName = "Combobox.SearchInput";
+const Fo = /* @__PURE__ */ c("div")({
+  name: "ElCombobox",
+  class: "el-combobox",
+  propsAsIs: !1
+});
+function d({
+  children: o,
+  disabled: t = !1,
+  maxWidth: e,
+  required: n = !1,
+  showValidity: i = !1,
+  style: s,
+  ...r
+}) {
+  const b = x(), p = x(), u = x();
+  return /* @__PURE__ */ a(q.Provider, { value: { buttonId: b, disabled: t, listboxId: p, popupId: u, required: n }, children: /* @__PURE__ */ a(Fo, { ...r, "data-show-validity": i, style: { "--combobox-max-width": e, ...s }, children: o }) });
+}
+d.getOptionLabel = l.getOptionLabel;
+d.getListboxValue = m.getValue;
+d.AutocompleteButton = U;
+d.SelectButton = G;
+d.Popup = S;
+d.SearchInput = Q;
+d.Listbox = l;
+d.Option = l.Option;
+d.Optgroup = l.Optgroup;
+d.OptionSupplementaryInfo = l.OptionAdditionalInfo;
+d.Divider = l.Divider;
+d.ListboxPlaceholder = l.Placeholder;
+export {
+  j as A,
+  F as B,
+  f as C,
+  ko as D,
+  Lo as E,
+  Mo as F,
+  No as G,
+  B as H,
+  P as I,
+  W as J,
+  w as K,
+  h as L,
+  xo as M,
+  fo as N,
+  yo as O,
+  Ao as P,
+  Fo as Q,
+  Y as R,
+  Vo as S,
+  $o as T,
+  mo as a,
+  So as b,
+  Bo as c,
+  Po as d,
+  wo as e,
+  d as f,
+  U as g,
+  S as h,
+  G as i,
+  q as j,
+  l as k,
+  J as l,
+  K as m,
+  g as n,
+  Ho as o,
+  Ro as p,
+  zo as q,
+  Wo as r,
+  qo as s,
+  z as t,
+  O as u,
+  y as v,
+  _ as w,
+  vo as x,
+  Do as y,
+  To as z
+};

package/dist/js/combobox-2N9VzJOL.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime");require("./button-base-tw0zLUCC.cjs");const a=require("react"),H=require("./button-Ccwmxlgv.cjs"),d=require("./listbox-KFMBDR-S.cjs"),Eo=require("./icons/close.cjs"),go=require("./icons/chevron-down.cjs"),Oo=require("./anchor-positioning-CLE_h1Lf.cjs"),Io=require("./index-8ctufnBx.cjs"),z=require("./utils/breakpoints.cjs"),F=require("./use-match-media-BfoAxEfC.cjs"),c=require("./index-Dmlb2--K.cjs"),yo=require("./icons/search.cjs"),Lo=require("./icons/check.cjs"),Ao=require("./search-input-BG7g9Hnr.cjs");function Y({"aria-label":o="Clear selection","aria-controls":t,onClick:e,...n}){const s=l=>{e?.(l),d.clearListboxValue(t)};return i.jsx(H.Button,{...n,"aria-controls":t,"aria-label":o,hasNoPadding:!0,iconLeft:i.jsx(Eo.CloseIcon,{}),onClick:s,size:"small",variant:"tertiary"})}function A(o){const t=typeof o=="string"?document.getElementById(o):o;if(!t){const e=typeof o=="string"?`with ID "${o}"`:"(passed by reference)";throw new Error(`closeComboboxPopup: Element ${e} not found in the DOM`)}if(!(t instanceof HTMLDialogElement)){const e=typeof o=="string"?`with ID "${o}"`:"(passed by reference)";throw new Error(`closeComboboxPopup: Element ${e} is not an HTMLDialogElement`)}t.close()}const B=a.createContext(null);function w(){const o=a.useContext(B);if(!o)throw new Error("useComboboxPopupDialogContext requires a ComboboxPopupDialog ancestor");return o}function S(o){const t=typeof o=="string"?document.getElementById(o):o;if(!t){const e=typeof o=="string"?`with ID "${o}"`:"(passed by reference)";throw new Error(`openComboboxPopup: Element ${e} not found in the DOM`)}if(!(t instanceof HTMLDialogElement)){const e=typeof o=="string"?`with ID "${o}"`:"(passed by reference)";throw new Error(`openComboboxPopup: Element ${e} is not an HTMLDialogElement`)}t.showModal()}const U="el-combobox-popup-dialog",I={NEVER:"never",ALWAYS:"always",AUTO:"auto"};function X(o){return a.useCallback(t=>{if(o?.(t),t.defaultPrevented||!t.isTrusted)return;const e=Po(t.target);if(!e)return;const{closeOnSelection:n}=t.currentTarget.dataset;if(!Bo(n)||n===I.NEVER)return;if(n===I.ALWAYS){A(t.currentTarget);return}const{listboxId:s}=e.dataset,l=s?document.getElementById(s):null;So(n,l)&&A(t.currentTarget)},[o])}function Bo(o){return o===I.AUTO||o===I.ALWAYS||o===I.NEVER}function So(o,t){return"ariaMultiSelectable"in Element.prototype?t?.ariaMultiSelectable==="false":t?.getAttribute("aria-multiselectable")==="false"}function Po(o){return o instanceof HTMLElement?o.closest('[role="option"]'):null}const jo="closedBy"in HTMLDialogElement.prototype,W="calc(anchor-size(width) + 2 * var(--combobox-popup-padding))",wo="calc(anchor(left) - var(--combobox-popup-padding))",vo="calc(anchor(top) - var(--combobox-popup-padding))";function f({"aria-labelledby":o,children:t,className:e,closeOnSelection:n="auto",id:s,maxHeight:l,maxWidth:b,onClick:u,style:p,variant:m="auto",...L}){const O=F.useMatchMedia(z.isWidthAtOrAbove("SM")),P=m==="popover"||m==="auto"&&O,ho=X(j=>{u?.(j);const R=j.currentTarget;!jo&&j.target===R&&R.close()});return i.jsx("dialog",{...L,"aria-labelledby":o,className:Io.cx_default(U,e),closedby:"any","data-close-on-selection":n,"data-variant":m,id:s,onClick:ho,style:{...p,maxHeight:l},children:i.jsxs(B.Provider,{value:{variant:m},children:[P&&i.jsx(Oo.AnchorPositioning,{anchorElementId:o,left:wo,maxWidth:b??W,minWidth:W,positionedElementId:s,positionTryFallbacks:"flip-block, flip-inline",top:vo}),t]})})}f.Context=B;f.useContext=w;f.open=S;f.close=A;function G(o,t){const e=a.useRef(t);a.useEffect(function(){e.current=t},[t]),a.useEffect(function(){const s=document.getElementById(o);if(s instanceof HTMLElement){const l=new AbortController;return s.addEventListener("toggle",b=>e.current(b),{signal:l.signal}),()=>l.abort()}},[o])}function J(o){const[t,e]=a.useState(!1);return G(o,n=>{e(n.newState==="open")}),t}function K({"aria-label":o="Open popup","aria-controls":t,onClick:e,...n}){const s=l=>{e?.(l),S(t)};return i.jsx(H.Button,{...n,"aria-controls":t,"aria-label":o,hasNoPadding:!0,iconLeft:i.jsx(go.ChevronDownIcon,{}),onClick:s,size:"small",tabIndex:-1,variant:"tertiary"})}const Q=c.styled_default("div")({name:"ElComboboxButtonContainer",class:"el-combobox-button-container",propsAsIs:!1}),Z=c.styled_default("button")({name:"ElComboboxButton",class:"el-combobox-button",propsAsIs:!1}),oo=c.styled_default("span")({name:"ElComboboxButtonIconContainer",class:"el-combobox-button-icon-container",propsAsIs:!1}),to=c.styled_default("span")({name:"ElComboboxButtonActionContainer",class:"el-combobox-button-action-container",propsAsIs:!1});function C({action:o,"aria-controls":t,"aria-expanded":e,children:n,className:s,id:l,leadingIcon:b,placeholder:u="Select an option",showValidity:p,size:m="medium",style:L,...O}){const P=!n||n===u;return i.jsxs(Q,{className:s,"data-size":m,style:L,children:[i.jsxs(Z,{...O,"aria-autocomplete":"list","aria-controls":t,"aria-expanded":e,"aria-haspopup":"dialog","data-placeholder-shown":P,"data-show-validity":!!p,id:l,role:"combobox",type:"button",children:[b&&i.jsx(oo,{children:b}),n??u]}),o&&i.jsx(to,{children:o})]})}C.ClearButton=Y;C.OpenPopupButton=K;const v=a.createContext(null);function E(){const o=a.useContext(v);if(!o)throw new Error("useComboboxContext requires a Combobox ancestor");return o}function D(o){return"ariaLabelledByElements"in Element.prototype?o.ariaLabelledByElements?.at(0)?.textContent??o.textContent:document.getElementById(o.getAttribute("aria-labelledby"))?.textContent??o.textContent}const eo=c.styled_default("button")({name:"ElComboboxOption",class:"el-combobox-option",propsAsIs:!1}),no=c.styled_default("span")({name:"ElComboboxOptionCheckIconContainer",class:"el-combobox-option-check-icon-container",propsAsIs:!1}),io=c.styled_default("span")({name:"ElComboboxOptionLabel",class:"el-combobox-option-label",propsAsIs:!1}),_=c.styled_default("span")({name:"ElComboboxOptionTextContainer",class:"el-combobox-option-text-container",propsAsIs:!1}),T=c.styled_default("span")({name:"ElComboboxOptionBadgeContainer",class:"el-combobox-option-badge-container",propsAsIs:!1}),so=c.styled_default("span")({name:"ElComboboxOptionAdditionalInfoContainer",class:"el-combobox-option-additional-info-container",propsAsIs:!1}),lo=c.styled_default("span")({name:"ElComboboxOptionAdditionalInfo",class:"el-combobox-option-additional-info",propsAsIs:!1}),ao=c.styled_default("span")({name:"ElComboboxOptionAdditionalInfoIconContainer",class:"el-combobox-option-additional-info-icon-container",propsAsIs:!1});function k({badge:o,children:t,icon:e,...n}){return i.jsxs(lo,{...n,children:[e&&i.jsx(ao,{children:e}),i.jsx(_,{children:t}),o&&i.jsx(T,{children:o})]})}k.displayName="Combobox.OptionAdditionalInfo";function g({badge:o,children:t,additionalInfo:e,...n}){const s=a.useId(),l=a.useId(),b=a.useId(),u=[o&&s,e&&b].filter(p=>!!p).join(" ")||void 0;return i.jsxs(eo,{...n,"aria-labelledby":l,"aria-details":u,role:"option",type:"button",children:[i.jsx(no,{"aria-hidden":!0,children:i.jsx(Lo.CheckIcon,{})}),i.jsxs(io,{children:[i.jsx(_,{id:l,children:t}),o&&i.jsx(T,{id:s,children:o})]}),e&&i.jsx(so,{id:b,children:e})]})}g.getOptionLabel=D;g.AdditionalInfo=k;function ro(o){const[t,e]=a.useState([]);return d.useListboxSelectionObserver(o,a.useCallback(n=>{e(n.map(s=>({label:D(s),value:s.value})))},[])),t}function bo(o,t){return a.useMemo(()=>o.length>1?`${o.length} selected`:o[0]&&o[0].label||t,[o,t])}function M({onClick:o,placeholder:t}){const{buttonId:e,disabled:n,listboxId:s,popupId:l,required:b}=E(),u=ro(s),p=bo(u,t),m=J(l);return{props:{"aria-controls":l,"aria-expanded":m,"aria-required":b,disabled:n,id:e,onClick:O=>{o?.(O),S(l)}},selections:u,selectionSummary:p}}function q({onClick:o,placeholder:t="Search...",size:e="medium",...n}){const{disabled:s,listboxId:l}=E(),{props:b,selections:u,selectionSummary:p}=M({onClick:o,placeholder:t});return i.jsx(C,{...n,...b,action:u.length>0&&i.jsx(C.ClearButton,{"aria-controls":l,disabled:s,onClick:()=>d.Listbox.clearValue(l)}),leadingIcon:u.length===0&&i.jsx(yo.SearchIcon,{"aria-hidden":!0}),placeholder:t,size:e,children:p})}q.displayName="Combobox.AutocompleteButton";function N({onClick:o,placeholder:t="Select an option",size:e="medium",...n}){const{disabled:s,listboxId:l,popupId:b}=E(),{props:u,selections:p,selectionSummary:m}=M({onClick:o,placeholder:t});return i.jsx(C,{...n,...u,action:p.length>0?i.jsx(C.ClearButton,{"aria-controls":l,disabled:s}):i.jsx(C.OpenPopupButton,{"aria-controls":b,disabled:s}),placeholder:t,size:e,children:m})}N.displayName="Combobox.SelectButton";const co=c.styled_default("div")({name:"ElComboboxListbox",class:"el-combobox-listbox",propsAsIs:!1}),uo=c.styled_default("div")({name:"ElComboboxListboxPlaceholder",class:"el-combobox-listbox-placeholder",propsAsIs:!1});function V({children:o,size:t="medium",...e}){return d.useListboxRenderContext()==="native"?null:i.jsx(uo,{...e,"aria-live":"polite","data-size":t,role:"status",children:o})}V.displayName="Combobox.ListboxPlaceholder";const po=c.styled_default("div")({name:"ElComboboxOptgroup",class:"el-combobox-optgroup",propsAsIs:!1}),xo=c.styled_default("div")({name:"ElComboboxOptgroupLabelContainer",class:"el-combobox-optgroup-label-container",propsAsIs:!1});function mo({"aria-label":o,children:t,label:e,...n}){const s=a.useId();return i.jsxs(po,{...n,"aria-label":o,"aria-labelledby":o?void 0:s,role:"group",children:[e&&i.jsx(xo,{id:s,children:e}),t]})}function $(o){return i.jsx(d.Listbox.Optgroup,{as:mo,...o})}$.displayName="Combobox.Optgroup";function h(o){return i.jsx(d.Listbox.Option,{as:g,...o})}h.displayName="Combobox.Option";h.getLabel=g.getOptionLabel;h.AdditionalInfo=g.AdditionalInfo;function r(o){const{disabled:t,listboxId:e,required:n}=E();return i.jsx(d.Listbox,{as:co,...o,"aria-disabled":t,"aria-orientation":"vertical","aria-required":n,id:e,selectionFollowsFocus:!1})}r.displayName="Combobox.Listbox";r.Divider=d.Listbox.Divider;r.Optgroup=$;r.Option=h;r.OptionAdditionalInfo=h.AdditionalInfo;r.Placeholder=V;r.clearValue=d.Listbox.clearValue;r.getOptionLabel=h.getLabel;r.getSelectedOptions=d.Listbox.getSelectedOptions;r.getValue=d.Listbox.getValue;r.setOptionSelectedState=d.Listbox.setOptionSelectedState;function y(o){const{buttonId:t,popupId:e}=E();return i.jsx(f,{...o,"aria-labelledby":t,id:e,children:o.children})}y.displayName="Combobox.Popup";y.show=f.open;y.hide=f.close;function Do({isXSBreakpoint:o,popupVariant:t}){switch(t){case"drawer":return"borderless";case"popover":return"default";case"auto":return o?"borderless":"default"}}function Co(o){const{variant:t}=w(),e=F.useMatchMedia(z.isWidthBelow("SM")),n=Do({isXSBreakpoint:e,popupVariant:t});return i.jsx(Ao.SearchInput,{...o,type:"text",variant:n})}Co.displayName="Combobox.SearchInput";const fo=c.styled_default("div")({name:"ElCombobox",class:"el-combobox",propsAsIs:!1});function x({children:o,disabled:t=!1,maxWidth:e,required:n=!1,showValidity:s=!1,style:l,...b}){const u=a.useId(),p=a.useId(),m=a.useId();return i.jsx(v.Provider,{value:{buttonId:u,disabled:t,listboxId:p,popupId:m,required:n},children:i.jsx(fo,{...b,"data-show-validity":s,style:{"--combobox-max-width":e,...l},children:o})})}x.getOptionLabel=r.getOptionLabel;x.getListboxValue=d.Listbox.getValue;x.AutocompleteButton=q;x.SelectButton=N;x.Popup=y;x.SearchInput=Co;x.Listbox=r;x.Option=r.Option;x.Optgroup=r.Optgroup;x.OptionSupplementaryInfo=r.OptionAdditionalInfo;x.Divider=r.Divider;x.ListboxPlaceholder=r.Placeholder;exports.Combobox=x;exports.ComboboxAutocompleteButton=q;exports.ComboboxButton=C;exports.ComboboxButtonClearButton=Y;exports.ComboboxButtonOpenPopupButton=K;exports.ComboboxContext=v;exports.ComboboxListbox=r;exports.ComboboxListboxOptgroup=$;exports.ComboboxListboxOption=h;exports.ComboboxListboxPlaceholder=V;exports.ComboboxOptgroup=mo;exports.ComboboxOption=g;exports.ComboboxOptionAdditionalInfo=k;exports.ComboboxPopup=y;exports.ComboboxPopupDialog=f;exports.ComboboxPopupDialogContext=B;exports.ComboboxSelectButton=N;exports.ElCombobox=fo;exports.ElComboboxButton=Z;exports.ElComboboxButtonActionContainer=to;exports.ElComboboxButtonContainer=Q;exports.ElComboboxButtonIconContainer=oo;exports.ElComboboxListbox=co;exports.ElComboboxListboxPlaceholder=uo;exports.ElComboboxOptgroup=po;exports.ElComboboxOptgroupLabelContainer=xo;exports.ElComboboxOption=eo;exports.ElComboboxOptionAdditionalInfo=lo;exports.ElComboboxOptionAdditionalInfoContainer=so;exports.ElComboboxOptionAdditionalInfoIconContainer=ao;exports.ElComboboxOptionBadgeContainer=T;exports.ElComboboxOptionCheckIconContainer=no;exports.ElComboboxOptionLabel=io;exports.ElComboboxOptionTextContainer=_;exports.closeComboboxPopup=A;exports.elComboboxPopupDialog=U;exports.getOptionLabel=D;exports.openComboboxPopup=S;exports.useCloseComboboxPopupOnClick=X;exports.useComboboxButton=M;exports.useComboboxContext=E;exports.useComboboxPopupDialogContext=w;exports.useComboboxPopupObserver=G;exports.useComboboxPopupState=J;exports.useComboboxSelectedOptions=ro;exports.useComboboxSelectionSummary=bo;

package/dist/js/core/app-switcher.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../app-switcher-L5BwviDO.cjs");exports.AppAvatar=e.AppAvatar;exports.AppSwitcher=e.AppSwitcher;exports.AppSwitcherExploreMenuGroup=e.AppSwitcherExploreMenuGroup;exports.AppSwitcherMenuGroupHasAccessContext=e.AppSwitcherMenuGroupHasAccessContext;exports.AppSwitcherMenuItem=e.AppSwitcherMenuItem;exports.AppSwitcherNavIconButton=e.AppSwitcherNavIconButton;exports.AppSwitcherProductMenuItem=e.AppSwitcherProductMenuItem;exports.AppSwitcherYourAppsMenuGroup=e.AppSwitcherYourAppsMenuGroup;exports.ElAppSwitcherMenuItemAnchor=e.ElAppSwitcherMenuItemAnchor;exports.ElAppSwitcherMenuItemAvatar=e.ElAppSwitcherMenuItemAvatar;exports.ElAppSwitcherMenuItemLabel=e.ElAppSwitcherMenuItemLabel;exports.ElAppSwitcherMenuItemSupplementaryInfo=e.ElAppSwitcherMenuItemSupplementaryInfo;exports.getDisplayableProductsForExploreGroup=e.getDisplayableProductsForExploreGroup;exports.getDisplayableProductsForYourAppsGroup=e.getDisplayableProductsForYourAppsGroup;exports.isProductAccessible=e.isProductAccessible;exports.useAppSwitcherMenuGroupHasAccessContext=e.useAppSwitcherMenuGroupHasAccessContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../app-switcher-BJ3QVShT.cjs");exports.AppAvatar=e.AppAvatar;exports.AppSwitcher=e.AppSwitcher;exports.AppSwitcherExploreMenuGroup=e.AppSwitcherExploreMenuGroup;exports.AppSwitcherMenuGroupHasAccessContext=e.AppSwitcherMenuGroupHasAccessContext;exports.AppSwitcherMenuItem=e.AppSwitcherMenuItem;exports.AppSwitcherNavIconButton=e.AppSwitcherNavIconButton;exports.AppSwitcherProductMenuItem=e.AppSwitcherProductMenuItem;exports.AppSwitcherYourAppsMenuGroup=e.AppSwitcherYourAppsMenuGroup;exports.ElAppSwitcherMenuItemAnchor=e.ElAppSwitcherMenuItemAnchor;exports.ElAppSwitcherMenuItemAvatar=e.ElAppSwitcherMenuItemAvatar;exports.ElAppSwitcherMenuItemLabel=e.ElAppSwitcherMenuItemLabel;exports.ElAppSwitcherMenuItemSupplementaryInfo=e.ElAppSwitcherMenuItemSupplementaryInfo;exports.getDisplayableProductsForExploreGroup=e.getDisplayableProductsForExploreGroup;exports.getDisplayableProductsForYourAppsGroup=e.getDisplayableProductsForYourAppsGroup;exports.isProductAccessible=e.isProductAccessible;exports.useAppSwitcherMenuGroupHasAccessContext=e.useAppSwitcherMenuGroupHasAccessContext;

package/dist/js/core/app-switcher.js

@@ -1,4 +1,4 @@
-import { A as r, a as t, b as s, d as a, j as u, k as c, l as o, m as A, E as i, e as n, f as h, h as l, g as S, c as w, i as M, u as m } from "../app-switcher-BxNAiD3Q.js";
+import { A as r, a as t, b as s, d as a, j as u, k as c, l as o, m as A, E as i, e as n, f as h, h as l, g as S, c as w, i as M, u as m } from "../app-switcher-DxTGg961.js";
 export {
   r as AppAvatar,
   t as AppSwitcher,

package/dist/js/core/at-a-glance.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../at-a-glance-ur4F_2V6.cjs");exports.AtAGlance=e.AtAGlance;exports.AtAGlanceAnchorCard=e.AtAGlanceAnchorCard;exports.AtAGlanceButtonCard=e.AtAGlanceButtonCard;exports.AtAGlanceCard=e.AtAGlanceCard;exports.AtAGlanceCarousel=e.AtAGlanceCarousel;exports.AtAGlanceGrid=e.AtAGlanceGrid;exports.AtAGlanceGridItem=e.AtAGlanceGridItem;exports.AtAGlanceHeader=e.AtAGlanceHeader;exports.AtAGlanceListbox=e.AtAGlanceListbox;exports.AtAGlanceListboxOption=e.AtAGlanceListboxOption;exports.ElAtAGlanceCarousel=e.ElAtAGlanceCarousel;exports.ElAtAGlanceGridItem=e.ElAtAGlanceGridItem;exports.ElAtAGlanceHeader=e.ElAtAGlanceHeader;exports.ElAtAGlanceHeaderTitle=e.ElAtAGlanceHeaderTitle;exports.calculateScrollState=e.calculateScrollState;exports.elAtAGlanceCard=e.elAtAGlanceCard;exports.elAtAGlanceCardDescription=e.elAtAGlanceCardDescription;exports.elAtAGlanceCardIcon=e.elAtAGlanceCardIcon;exports.elAtAGlanceCardLabel=e.elAtAGlanceCardLabel;exports.elAtAGlanceCardValue=e.elAtAGlanceCardValue;exports.elAtAGlanceCarouselButton=e.elAtAGlanceCarouselButton;exports.elAtAGlanceCarouselGrid=e.elAtAGlanceCarouselGrid;exports.elAtAGlanceGrid=e.elAtAGlanceGrid;exports.useScrollObserver=e.useScrollObserver;

package/dist/js/core/at-a-glance.js

@@ -0,0 +1,27 @@
+import { a as l, A, b as t, c as s, j as c, m as n, n as r, q as G, t as d, v as o, E as i, p as C, r as u, s as b, i as E, e as m, g as p, d as x, f as H, h as I, l as L, k as S, o as f, u as h } from "../at-a-glance-Bwe8ORpg.js";
+export {
+  l as AtAGlance,
+  A as AtAGlanceAnchorCard,
+  t as AtAGlanceButtonCard,
+  s as AtAGlanceCard,
+  c as AtAGlanceCarousel,
+  n as AtAGlanceGrid,
+  r as AtAGlanceGridItem,
+  G as AtAGlanceHeader,
+  d as AtAGlanceListbox,
+  o as AtAGlanceListboxOption,
+  i as ElAtAGlanceCarousel,
+  C as ElAtAGlanceGridItem,
+  u as ElAtAGlanceHeader,
+  b as ElAtAGlanceHeaderTitle,
+  E as calculateScrollState,
+  m as elAtAGlanceCard,
+  p as elAtAGlanceCardDescription,
+  x as elAtAGlanceCardIcon,
+  H as elAtAGlanceCardLabel,
+  I as elAtAGlanceCardValue,
+  L as elAtAGlanceCarouselButton,
+  S as elAtAGlanceCarouselGrid,
+  f as elAtAGlanceGrid,
+  h as useScrollObserver
+};

package/dist/js/core/badge.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../badge-CNv_SHOf.cjs");exports.Badge=e.Badge;exports.ElBadge=e.ElBadge;exports.ElBadgeIconContainer=e.ElBadgeIconContainer;exports.ElBadgeLabelContainer=e.ElBadgeLabelContainer;exports.badgeColours=e.badgeColours;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../badge-Zx--ZLW_.cjs");exports.Badge=e.Badge;exports.ElBadge=e.ElBadge;exports.ElBadgeIconContainer=e.ElBadgeIconContainer;exports.ElBadgeLabelContainer=e.ElBadgeLabelContainer;exports.badgeColours=e.badgeColours;

package/dist/js/core/badge.js

@@ -1,4 +1,4 @@
-import { B as o, E as s, c as d, a as g, b as l } from "../badge-C4eMkitq.js";
+import { B as o, E as s, c as d, a as g, b as l } from "../badge-BpKFyHEh.js";
 export {
   o as Badge,
   s as ElBadge,

package/dist/js/core/bottom-bar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../bottom-bar-mNVkH8h_.cjs");exports.BottomBar=t.BottomBar;exports.BottomBarItemAnchor=t.BottomBarItemAnchor;exports.BottomBarItemBase=t.BottomBarItemBase;exports.BottomBarItemButton=t.BottomBarItemButton;exports.BottomBarMenuList=t.BottomBarMenuList;exports.ElBottomBarContainer=t.ElBottomBarContainer;exports.ElBottomBarItemBadge=t.ElBottomBarItemBadge;exports.ElBottomBarItemIcon=t.ElBottomBarItemIcon;exports.ElBottomBarItemLabel=t.ElBottomBarItemLabel;exports.ElBottomBarMenuList=t.ElBottomBarMenuList;exports.ElBottomBarMenuListItem=t.ElBottomBarMenuListItem;exports.ElBottomBarNav=t.ElBottomBarNav;exports.elBottomBarItem=t.elBottomBarItem;exports.useBottomBarObserver=t.useBottomBarObserver;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../bottom-bar-DTz-l7Au.cjs");exports.BottomBar=t.BottomBar;exports.BottomBarItemAnchor=t.BottomBarItemAnchor;exports.BottomBarItemBase=t.BottomBarItemBase;exports.BottomBarItemButton=t.BottomBarItemButton;exports.BottomBarMenuList=t.BottomBarMenuList;exports.ElBottomBarContainer=t.ElBottomBarContainer;exports.ElBottomBarItemBadge=t.ElBottomBarItemBadge;exports.ElBottomBarItemIcon=t.ElBottomBarItemIcon;exports.ElBottomBarItemLabel=t.ElBottomBarItemLabel;exports.ElBottomBarMenuList=t.ElBottomBarMenuList;exports.ElBottomBarMenuListItem=t.ElBottomBarMenuListItem;exports.ElBottomBarNav=t.ElBottomBarNav;exports.elBottomBarItem=t.elBottomBarItem;exports.useBottomBarObserver=t.useBottomBarObserver;

package/dist/js/core/bottom-bar.js

@@ -1,4 +1,4 @@
-import { B as o, a as B, c as m, b as e, i as r, j as s, f as l, E as I, d as n, g as E, h as u, k as i, e as L, u as b } from "../bottom-bar-DswNNvwU.js";
+import { B as o, a as B, c as m, b as e, i as r, j as s, f as l, E as I, d as n, g as E, h as u, k as i, e as L, u as b } from "../bottom-bar-BxBYIIOf.js";
 export {
   o as BottomBar,
   B as BottomBarItemAnchor,