@reapit/elements 5.0.0-beta.62 → 5.0.0-beta.64

package/dist/js/combobox-vYU1IEFA.js

@@ -1,690 +0,0 @@
-import { jsx as a, jsxs as f } from "react/jsx-runtime";
-import "./button-base-BcnVjgNa.js";
-import { createContext as B, useContext as w, useRef as uo, useEffect as F, useState as D, useId as S } from "react";
-import { B as H } from "./button-DB4XETG9.js";
-import { c as mo, i as xo, d as x, k as U, s as Co } from "./listbox-z26X2kKG.js";
-import { CloseIcon as Y } from "./icons/close.js";
-import { ChevronDownIcon as fo } from "./icons/chevron-down.js";
-import { c as ho, S as go } from "./search-input-P7uo0pIh.js";
-import { A as Eo } from "./anchor-positioning-BE1BAJzc.js";
-import { c as G } from "./index-BsMVp4qF.js";
-import { s as c } from "./index-YtxCR-9e.js";
-import { isWidthAtOrAbove as Io, isWidthBelow as Oo } from "./utils/breakpoints.js";
-import { u as X } from "./use-match-media-3UiitAUD.js";
-import { CheckIcon as So } from "./icons/check.js";
-import { C as J } from "./chip-group-Bbc7ODc9.js";
-function yo({
-  "aria-label": o = "Clear selection",
-  "aria-controls": e,
-  onClick: t,
-  ...n
-}) {
-  return /* @__PURE__ */ a(
-    H,
-    {
-      ...n,
-      "aria-controls": e,
-      "aria-label": o,
-      hasNoPadding: !0,
-      iconLeft: /* @__PURE__ */ a(Y, {}),
-      onClick: (r) => {
-        t?.(r), mo(e);
-      },
-      size: "small",
-      variant: "tertiary"
-    }
-  );
-}
-function V(o) {
-  const e = typeof o == "string" ? document.getElementById(o) : o;
-  if (!e) {
-    const t = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
-    throw new Error(`closeComboboxPopup: Element ${t} not found in the DOM`);
-  }
-  if (!(e instanceof HTMLDialogElement)) {
-    const t = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
-    throw new Error(`closeComboboxPopup: Element ${t} is not an HTMLDialogElement`);
-  }
-  e.close();
-}
-const N = {
-  AUTO: "auto",
-  ALWAYS: "always",
-  NEVER: "never"
-};
-function Ao(o) {
-  if (o.defaultPrevented || !o.isTrusted)
-    return;
-  const e = Po(o.target);
-  if (!e)
-    return;
-  const { closeOnSelection: t } = o.currentTarget.dataset;
-  if (t !== N.NEVER) {
-    if (t === N.ALWAYS) {
-      V(o.currentTarget);
-      return;
-    }
-    if (t === N.AUTO) {
-      const { listboxId: n } = e.dataset, s = n ? document.getElementById(n) : null;
-      vo(s) && V(o.currentTarget);
-    }
-  }
-}
-function Lo(o) {
-  !("closedBy" in HTMLDialogElement.prototype) && o.target === o.currentTarget && o.currentTarget.close();
-}
-function Po(o) {
-  return o instanceof HTMLElement ? o.closest('[role="option"]') : null;
-}
-function vo(o) {
-  return "ariaMultiSelectable" in Element.prototype ? o?.ariaMultiSelectable === "false" : o?.getAttribute("aria-multiselectable") === "false";
-}
-function Bo(o) {
-  const { preserveSearchOnClose: e } = o.currentTarget.dataset;
-  if (e === "true")
-    return;
-  const t = o.currentTarget.querySelector("input");
-  t instanceof HTMLInputElement && ho(t);
-}
-const $ = B(null);
-function K() {
-  const o = w($);
-  if (!o)
-    throw new Error("useComboboxPopupDialogContext requires a ComboboxPopupDialog ancestor");
-  return o;
-}
-function z(o) {
-  const e = typeof o == "string" ? document.getElementById(o) : o;
-  if (!e) {
-    const t = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
-    throw new Error(`openComboboxPopup: Element ${t} not found in the DOM`);
-  }
-  if (!(e instanceof HTMLDialogElement)) {
-    const t = typeof o == "string" ? `with ID "${o}"` : "(passed by reference)";
-    throw new Error(`openComboboxPopup: Element ${t} is not an HTMLDialogElement`);
-  }
-  e.showModal();
-}
-function wo() {
-  return /* @__PURE__ */ a("form", { role: "none", children: /* @__PURE__ */ a(
-    H,
-    {
-      "aria-label": "Close",
-      formMethod: "dialog",
-      iconLeft: /* @__PURE__ */ a(Y, { "aria-hidden": !0 }),
-      size: "large",
-      type: "submit",
-      variant: "tertiary"
-    }
-  ) });
-}
-const Do = "el-combobox-popup-dialog", To = /* @__PURE__ */ c("div")({
-  name: "ElComboboxPopupDialogHeader",
-  class: "el-combobox-popup-dialog-header",
-  propsAsIs: !1
-}), ko = /* @__PURE__ */ c("div")({
-  name: "ElComboboxPopupDialogListboxContainer",
-  class: "el-combobox-popup-dialog-listbox-container",
-  propsAsIs: !1
-}), j = "calc(anchor-size(width) + 2 * var(--combobox-popup-padding))", Mo = "calc(anchor(left) - var(--combobox-popup-padding))", No = "calc(anchor(top) - var(--combobox-popup-padding))";
-function g({
-  "aria-labelledby": o,
-  children: e,
-  className: t,
-  closeOnSelection: n = "auto",
-  id: s,
-  maxHeight: r,
-  maxWidth: l = j,
-  minWidth: p = j,
-  onClose: u,
-  onClick: d,
-  preserveSearchOnClose: m = !1,
-  search: h,
-  style: P,
-  variant: C = "auto",
-  ...O
-}) {
-  const v = X(Io("SM")), M = C === "popover" || C === "auto" && v, _ = C === "drawer" || C === "auto" && !v, bo = (E) => {
-    u?.(E), h && Bo(E);
-  }, po = (E) => {
-    d?.(E), Ao(E), Lo(E);
-  };
-  return /* @__PURE__ */ a(
-    "dialog",
-    {
-      ...O,
-      "aria-labelledby": o,
-      className: G(Do, t),
-      closedby: "any",
-      "data-close-on-selection": n,
-      "data-preserve-search-on-close": m,
-      "data-variant": C,
-      id: s,
-      onClose: bo,
-      onClick: po,
-      style: { ...P, maxHeight: r },
-      children: /* @__PURE__ */ f($.Provider, { value: { variant: C }, children: [
-        M && /* @__PURE__ */ a(
-          Eo,
-          {
-            anchorElementId: o,
-            left: Mo,
-            maxWidth: l,
-            minWidth: p,
-            positionedElementId: s,
-            positionTryFallbacks: "flip-block, flip-inline",
-            top: No
-          }
-        ),
-        (h || _) && /* @__PURE__ */ f(To, { children: [
-          h,
-          _ && /* @__PURE__ */ a(wo, {})
-        ] }),
-        /* @__PURE__ */ a(ko, { children: e })
-      ] })
-    }
-  );
-}
-g.Context = $;
-g.useContext = K;
-g.open = z;
-g.close = V;
-function Vo(o, e) {
-  const t = uo(e);
-  F(
-    function() {
-      t.current = e;
-    },
-    [e]
-  ), F(
-    function() {
-      const s = document.getElementById(o);
-      if (s instanceof HTMLElement) {
-        const r = new AbortController();
-        return s.addEventListener("toggle", (l) => t.current(l), {
-          signal: r.signal
-        }), () => r.abort();
-      }
-    },
-    [o]
-  );
-}
-function Ho(o) {
-  const [e, t] = D(!1);
-  return Vo(o, (n) => {
-    t(n.newState === "open");
-  }), e;
-}
-function $o({
-  "aria-label": o = "Open popup",
-  "aria-controls": e,
-  onClick: t,
-  ...n
-}) {
-  return /* @__PURE__ */ a(
-    H,
-    {
-      ...n,
-      "aria-controls": e,
-      "aria-label": o,
-      hasNoPadding: !0,
-      iconLeft: /* @__PURE__ */ a(fo, {}),
-      onClick: (r) => {
-        t?.(r), z(e);
-      },
-      size: "small",
-      tabIndex: -1,
-      variant: "tertiary"
-    }
-  );
-}
-const zo = /* @__PURE__ */ c("div")({
-  name: "ElComboboxButtonContainer",
-  class: "el-combobox-button-container",
-  propsAsIs: !1
-}), qo = /* @__PURE__ */ c("button")({
-  name: "ElComboboxButton",
-  class: "el-combobox-button",
-  propsAsIs: !1
-}), Ro = /* @__PURE__ */ c("span")({
-  name: "ElComboboxButtonIconContainer",
-  class: "el-combobox-button-icon-container",
-  propsAsIs: !1
-}), Wo = /* @__PURE__ */ c("span")({
-  name: "ElComboboxButtonLabelContainer",
-  class: "el-combobox-button-label-container",
-  propsAsIs: !1
-}), _o = /* @__PURE__ */ c("span")({
-  name: "ElComboboxButtonActionContainer",
-  class: "el-combobox-button-action-container",
-  propsAsIs: !1
-});
-function y({
-  action: o,
-  "aria-controls": e,
-  "aria-expanded": t,
-  children: n,
-  className: s,
-  id: r,
-  leadingIcon: l,
-  placeholder: p = "Select an option",
-  showValidity: u,
-  size: d = "medium",
-  style: m,
-  ...h
-}) {
-  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__ */ f(zo, { className: s, "data-size": d, style: m, children: [
-      /* @__PURE__ */ f(
-        qo,
-        {
-          ...h,
-          "aria-autocomplete": "list",
-          "aria-controls": e,
-          "aria-expanded": t,
-          "aria-haspopup": "dialog",
-          "data-placeholder-shown": !n || n === p,
-          "data-show-validity": !!u,
-          id: r,
-          role: "combobox",
-          type: "button",
-          children: [
-            l && /* @__PURE__ */ a(Ro, { children: l }),
-            /* @__PURE__ */ a(Wo, { children: n ?? p })
-          ]
-        }
-      ),
-      o && /* @__PURE__ */ a(_o, { children: o })
-    ] })
-  );
-}
-y.ClearButton = yo;
-y.OpenPopupButton = $o;
-const q = B(null);
-function A() {
-  const o = w(q);
-  if (!o)
-    throw new Error("useComboboxContext requires a Combobox ancestor");
-  return o;
-}
-const Q = B([]);
-function T() {
-  return w(Q);
-}
-const Fo = /* @__PURE__ */ c("div")({
-  name: "ElComboboxListbox",
-  class: "el-combobox-listbox",
-  propsAsIs: !1
-}), jo = /* @__PURE__ */ c("div")({
-  name: "ElComboboxListboxPlaceholder",
-  class: "el-combobox-listbox-placeholder",
-  propsAsIs: !1
-});
-function Z({ children: o, size: e = "medium", ...t }) {
-  return xo() === "native" ? null : /* @__PURE__ */ a(jo, { ...t, "aria-live": "polite", "data-size": e, role: "status", children: o });
-}
-Z.displayName = "Combobox.ListboxPlaceholder";
-const Uo = /* @__PURE__ */ c("div")({
-  name: "ElComboboxOptgroup",
-  class: "el-combobox-optgroup",
-  propsAsIs: !1
-}), Yo = /* @__PURE__ */ c("div")({
-  name: "ElComboboxOptgroupLabelContainer",
-  class: "el-combobox-optgroup-label-container",
-  propsAsIs: !1
-});
-function Go({ "aria-label": o, children: e, label: t, ...n }) {
-  const s = S();
-  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__ */ f(Uo, { ...n, "aria-label": o, "aria-labelledby": o ? void 0 : s, role: "group", children: [
-      t && /* @__PURE__ */ a(Yo, { id: s, children: t }),
-      e
-    ] })
-  );
-}
-function oo(o) {
-  return /* @__PURE__ */ a(x.Optgroup, { as: Go, ...o });
-}
-oo.displayName = "Combobox.Optgroup";
-function eo(o) {
-  return "ariaLabelledByElements" in Element.prototype ? o.ariaLabelledByElements?.at(0)?.textContent ?? o.textContent : document.getElementById(o.getAttribute("aria-labelledby"))?.textContent ?? o.textContent;
-}
-const Xo = /* @__PURE__ */ c("button")({
-  name: "ElComboboxOption",
-  class: "el-combobox-option",
-  propsAsIs: !1
-}), Jo = /* @__PURE__ */ c("span")({
-  name: "ElComboboxOptionCheckIconContainer",
-  class: "el-combobox-option-check-icon-container",
-  propsAsIs: !1
-}), Ko = /* @__PURE__ */ c("span")({
-  name: "ElComboboxOptionLabel",
-  class: "el-combobox-option-label",
-  propsAsIs: !1
-}), to = /* @__PURE__ */ c("span")({
-  name: "ElComboboxOptionTextContainer",
-  class: "el-combobox-option-text-container",
-  propsAsIs: !1
-}), no = /* @__PURE__ */ c("span")({
-  name: "ElComboboxOptionBadgeContainer",
-  class: "el-combobox-option-badge-container",
-  propsAsIs: !1
-}), Qo = /* @__PURE__ */ c("span")({
-  name: "ElComboboxOptionAdditionalInfoContainer",
-  class: "el-combobox-option-additional-info-container",
-  propsAsIs: !1
-}), Zo = /* @__PURE__ */ c("span")({
-  name: "ElComboboxOptionAdditionalInfo",
-  class: "el-combobox-option-additional-info",
-  propsAsIs: !1
-}), oe = /* @__PURE__ */ c("span")({
-  name: "ElComboboxOptionAdditionalInfoIconContainer",
-  class: "el-combobox-option-additional-info-icon-container",
-  propsAsIs: !1
-});
-function ao({ badge: o, children: e, icon: t, ...n }) {
-  return /* @__PURE__ */ f(Zo, { ...n, children: [
-    t && /* @__PURE__ */ a(oe, { children: t }),
-    /* @__PURE__ */ a(to, { children: e }),
-    o && /* @__PURE__ */ a(no, { children: o })
-  ] });
-}
-ao.displayName = "Combobox.OptionAdditionalInfo";
-function L({ badge: o, children: e, additionalInfo: t, size: n = "medium", ...s }) {
-  const r = S(), l = S(), p = S(), u = [o && r, t && p].filter((d) => !!d).join(" ") || void 0;
-  return /* @__PURE__ */ f(
-    Xo,
-    {
-      ...s,
-      "aria-labelledby": l,
-      "aria-details": u,
-      "data-size": n,
-      role: "option",
-      type: "button",
-      children: [
-        /* @__PURE__ */ a(Jo, { "aria-hidden": !0, children: /* @__PURE__ */ a(So, {}) }),
-        /* @__PURE__ */ f(Ko, { children: [
-          /* @__PURE__ */ a(to, { id: l, children: e }),
-          o && /* @__PURE__ */ a(no, { id: r, children: o })
-        ] }),
-        t && /* @__PURE__ */ a(Qo, { id: p, children: t })
-      ]
-    }
-  );
-}
-L.getOptionLabel = eo;
-L.AdditionalInfo = ao;
-function I(o) {
-  const { size: e } = A();
-  return /* @__PURE__ */ a(x.Option, { as: L, ...o, size: e === "small" ? "medium" : e });
-}
-I.displayName = "Combobox.Option";
-I.getLabel = L.getOptionLabel;
-I.AdditionalInfo = L.AdditionalInfo;
-function b({ defaultValue: o, ...e }) {
-  const n = T().map((u) => u.value), { disabled: s, listboxId: r, multiple: l, required: p } = A();
-  return /* @__PURE__ */ a(
-    x,
-    {
-      ...e,
-      as: Fo,
-      "aria-disabled": s,
-      "aria-multiselectable": l,
-      "aria-orientation": "vertical",
-      "aria-required": p,
-      defaultValue: o ?? n,
-      id: r,
-      selectionFollowsFocus: !1
-    }
-  );
-}
-b.displayName = "Combobox.Listbox";
-b.Divider = x.Divider;
-b.Optgroup = oo;
-b.Option = I;
-b.OptionAdditionalInfo = I.AdditionalInfo;
-b.Placeholder = Z;
-b.clearValue = x.clearValue;
-b.getOptionLabel = I.getLabel;
-b.getSelectedOptions = x.getSelectedOptions;
-b.getValue = x.getValue;
-b.setOptionSelectedState = x.setOptionSelectedState;
-function k(o) {
-  const { comboboxId: e, popupId: t } = A();
-  return /* @__PURE__ */ a(g, { ...o, "aria-labelledby": e, id: t, children: o.children });
-}
-k.displayName = "Combobox.Popup";
-k.show = g.open;
-k.hide = g.close;
-function ee({
-  isXSBreakpoint: o,
-  popupVariant: e
-}) {
-  switch (e) {
-    case "drawer":
-      return "borderless";
-    case "popover":
-      return "default";
-    case "auto":
-      return o ? "borderless" : "default";
-  }
-}
-function so(o) {
-  const { variant: e } = K(), t = X(Oo("SM")), n = ee({ isXSBreakpoint: t, popupVariant: e });
-  return /* @__PURE__ */ a(go, { ...o, type: "text", variant: n });
-}
-so.displayName = "Combobox.SearchInput";
-function R(o, e = []) {
-  const [t, n] = D(() => e);
-  return U(o, (s, r) => {
-    n((l) => {
-      const p = l.filter((d) => r.includes(d.value)), u = s.filter((d) => !l.some((m) => m.value === d.value)).map((d) => ({
-        label: eo(d),
-        value: d.value
-      }));
-      return [...p, ...u];
-    });
-  }), t;
-}
-function te({
-  defaultOptions: o,
-  listboxId: e
-}) {
-  const t = T();
-  return R(e, o ?? t).at(0)?.label;
-}
-const io = B(null);
-function ne() {
-  const o = w(io);
-  if (!o)
-    throw new Error("useComboboxSelectionChipsContext requires a ComboboxSelectionChips ancestor");
-  return o;
-}
-function lo({ children: o, value: e, ...t }) {
-  const n = ne();
-  return /* @__PURE__ */ a(
-    J.Item,
-    {
-      ...t,
-      "aria-controls": n.listboxId,
-      "aria-label": `Remove ${o}`,
-      onClick: () => Co(n.listboxId, e, () => !1),
-      value: e,
-      children: o
-    }
-  );
-}
-const ae = "el-combobox-selection-chips";
-function W({
-  children: o,
-  className: e,
-  defaultOptions: t,
-  listboxId: n,
-  ...s
-}) {
-  const r = T(), l = R(n, t ?? r), p = o?.(l) ?? l.map((u) => /* @__PURE__ */ a(lo, { value: u.value, children: u.label }, u.value));
-  return l.length > 0 && /* @__PURE__ */ a(J, { ...s, className: G(ae, e), variant: "selection", children: /* @__PURE__ */ a(io.Provider, { value: { listboxId: n }, children: p }) });
-}
-W.Item = lo;
-const se = /* @__PURE__ */ c("div")({
-  name: "ElCombobox",
-  class: "el-combobox",
-  propsAsIs: !1
-});
-function ro(o) {
-  return `${o}-listbox`;
-}
-function co(o) {
-  return `${o}-popup`;
-}
-function ie({ onClick: o } = {}) {
-  const { ariaDescribedBy: e, ariaErrorMessage: t, ariaInvalid: n, comboboxId: s, disabled: r, popupId: l, required: p } = A(), u = Ho(l);
-  return {
-    "aria-controls": l,
-    "aria-describedby": e,
-    "aria-errormessage": t,
-    "aria-expanded": u,
-    "aria-invalid": n,
-    // 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": p,
-    disabled: r,
-    id: s,
-    onClick: (m) => {
-      o?.(m), z(l);
-    }
-  };
-}
-function le(o) {
-  const [e, t] = D(!1);
-  return U(o, (n, s) => {
-    t(s.length > 0);
-  }), e;
-}
-function re(o) {
-  return D(o);
-}
-function i({
-  "aria-describedby": o,
-  "aria-errormessage": e,
-  "aria-invalid": t,
-  children: n,
-  disabled: s = !1,
-  id: r,
-  maxWidth: l,
-  multiple: p = !1,
-  required: u = !1,
-  showValidity: d = !1,
-  size: m = "medium",
-  style: h,
-  ...P
-}) {
-  const C = S(), O = r ?? C, v = ro(O), M = co(O);
-  return /* @__PURE__ */ a(
-    q.Provider,
-    {
-      value: {
-        ariaDescribedBy: o,
-        ariaErrorMessage: e,
-        ariaInvalid: t,
-        comboboxId: O,
-        disabled: s,
-        listboxId: v,
-        multiple: p,
-        popupId: M,
-        required: u,
-        size: m
-      },
-      children: /* @__PURE__ */ a(se, { ...P, "data-show-validity": d, style: { "--combobox-max-width": l, ...h }, children: n })
-    }
-  );
-}
-i.getOptionLabel = b.getOptionLabel;
-i.getListboxValue = x.getValue;
-i.getListboxId = ro;
-i.getPopupId = co;
-i.Button = y;
-i.ClearButton = y.ClearButton;
-i.Divider = b.Divider;
-i.Listbox = b;
-i.ListboxPlaceholder = b.Placeholder;
-i.OpenPopupButton = y.OpenPopupButton;
-i.Optgroup = b.Optgroup;
-i.Option = b.Option;
-i.OptionAdditionalInfo = b.OptionAdditionalInfo;
-i.Popup = k;
-i.SearchInput = so;
-i.SelectedContent = te;
-i.SelectionChips = W;
-i.SelectionChipsItem = W.Item;
-i.Context = q;
-i.DefaultOptionsContext = Q;
-i.useButton = ie;
-i.useContext = A;
-i.useDefaultOptionsContext = T;
-i.useHasSelection = le;
-i.useSelectedOptions = R;
-i.useState = re;
-export {
-  ie as $,
-  Ko as A,
-  to as B,
-  y as C,
-  no as D,
-  zo as E,
-  Qo as F,
-  Zo as G,
-  oe as H,
-  N as I,
-  Ao as J,
-  Lo as K,
-  Po as L,
-  Bo as M,
-  V as N,
-  $ as O,
-  K as P,
-  z as Q,
-  j as R,
-  Mo as S,
-  No as T,
-  g as U,
-  Do as V,
-  To as W,
-  ko as X,
-  Vo as Y,
-  Ho as Z,
-  se as _,
-  yo as a,
-  le as a0,
-  R as a1,
-  re as a2,
-  $o as b,
-  qo as c,
-  Ro as d,
-  Wo as e,
-  _o as f,
-  i as g,
-  k as h,
-  q as i,
-  ro as j,
-  co as k,
-  b as l,
-  Z as m,
-  oo as n,
-  I as o,
-  Fo as p,
-  jo as q,
-  Go as r,
-  Uo as s,
-  Yo as t,
-  A as u,
-  eo as v,
-  L as w,
-  ao as x,
-  Xo as y,
-  Jo as z
-};

package/dist/js/drawer-ClnTbHbU.cjs

@@ -1 +0,0 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("./index-Dmlb2--K.cjs"),n=require("react");require("./button-base-tw0zLUCC.cjs");const P=require("./button-Ccwmxlgv.cjs"),W=require("./icons/close.cjs"),y=s.styled_default("article")({name:"ElDrawerBody",class:"el-drawer-body",propsAsIs:!1});function D({children:e,...r}){return a.jsx(y,{...r,children:e})}D.displayName="Drawer.Body";const u=n.createContext(null);function f(){const e=n.useContext(u);if(!e)throw new Error("DrawerContext not defined: useDrawerContext can only be used in a child of DrawerContext");return e}const x=s.styled_default("footer")({name:"ElDrawerFooter",class:"el-drawer-footer",propsAsIs:!1});function C({children:e,...r}){return a.jsx(x,{...r,children:e})}C.displayName="Drawer.Footer";function E(){return a.jsx("form",{children:a.jsx(P.Button,{autoFocus:!0,"aria-label":"Close",formMethod:"dialog",iconLeft:a.jsx(W.CloseIcon,{"aria-hidden":!0}),size:"large",type:"submit",variant:"tertiary"})})}E.displayName="Drawer.HeaderCloseButton";const k="drawer-header",h=s.styled_default("header")({name:"ElDrawerHeader",class:"el-drawer-header",propsAsIs:!1}),m=s.styled_default("div")({name:"ElDrawerHeaderTabsContainer",class:"el-drawer-header-tabs-container",propsAsIs:!1}),A=s.styled_default("div")({name:"ElDrawerHeaderContentContainer",class:"el-drawer-header-content-container",propsAsIs:!1}),b=s.styled_default("div")({name:"ElDrawerHeaderTitleContainer",class:"el-drawer-header-title-container",propsAsIs:!1}),I=s.styled_default("div")({name:"ElDrawerHeaderAction",class:"el-drawer-header-action",propsAsIs:!1}),_=s.styled_default("div")({name:"ElDrawerHeaderOverline",class:"el-drawer-header-overline",propsAsIs:!1}),g=s.styled_default("h2")({name:"ElDrawerHeaderTitle",class:"el-drawer-header-title",propsAsIs:!1}),v=s.styled_default("div")({name:"ElDrawerHeaderSupplementaryInfo",class:"el-drawer-header-supplementary-info",propsAsIs:!1});function i({action:e,overline:r,children:t,supplementaryInfo:o,tabs:d,...c}){const{titleId:w}=f()??{};return a.jsx(h,{...c,children:a.jsxs(A,{children:[a.jsxs(b,{children:[e&&a.jsx(I,{children:e}),r&&a.jsx(_,{children:r}),a.jsx(g,{id:w,children:t}),o&&a.jsx(v,{children:o})]}),d&&a.jsx(m,{children:d})]})})}i.displayName="Drawer.Header";i.CloseButton=E;const j=s.styled_default("dialog")({name:"ElDrawer",class:"el-drawer",propsAsIs:!1});function B(e){return e.closest("dialog")}function R(e,r){return n.useCallback(t=>{e==="none"?t.preventDefault():r?.(t)},[e,r])}function O(e){const r=n.useRef(null);return n.useLayoutEffect(function(){!r.current||e===void 0||(e?r.current.showModal():r.current.close())},[e]),r}function T(e){const[r,t]=n.useState(!1);return n.useLayoutEffect(()=>{if(!e.current)return;const o=e.current;t(o.open);const d=new MutationObserver(()=>{t(o.open)});return d.observe(o,{attributeFilter:["open"]}),()=>d.disconnect()},[e,t]),r}function N(e){return n.useCallback(r=>{r.stopPropagation(),e?.(r)},[e])}function l({"aria-label":e,"aria-labelledby":r,children:t,closedBy:o="closerequest",isOpen:d,onCancel:c,onClose:w,...S}){const p=O(d),q=T(p),H=n.useId(),F=R(o,c),M=N(w);return a.jsx(j,{...S,"aria-label":e,"aria-labelledby":e?void 0:r??H,ref:p,onCancel:F,onClose:M,children:a.jsx(u.Provider,{value:{titleId:H},children:q&&t})})}l.Body=D;l.Footer=C;l.Header=i;l.HeaderCloseButton=i.CloseButton;l.Context=u;l.useContext=f;l.getClosestDialogElement=B;exports.DRAWER_HEADER_CSS_CONTAINER_NAME=k;exports.Drawer=l;exports.DrawerBody=D;exports.DrawerContext=u;exports.DrawerFooter=C;exports.DrawerHeader=i;exports.DrawerHeaderCloseButton=E;exports.ElDrawer=j;exports.ElDrawerBody=y;exports.ElDrawerFooter=x;exports.ElDrawerHeader=h;exports.ElDrawerHeaderAction=I;exports.ElDrawerHeaderContentContainer=A;exports.ElDrawerHeaderOverline=_;exports.ElDrawerHeaderSupplementaryInfo=v;exports.ElDrawerHeaderTabsContainer=m;exports.ElDrawerHeaderTitle=g;exports.ElDrawerHeaderTitleContainer=b;exports.getClosestDialogElement=B;exports.useCancelCloseRequests=R;exports.useDialogController=O;exports.useDialogObserver=T;exports.useDrawerContext=f;exports.useWithStopPropagation=N;