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

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

@@ -0,0 +1,325 @@
+import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import { c as p } from "./index-BsMVp4qF.js";
+import { useId as A, useState as j, useRef as T, useEffect as _ } from "react";
+import { s as h } from "./index-YtxCR-9e.js";
+import "./button-base-BcnVjgNa.js";
+import { B as W } from "./button-DB4XETG9.js";
+import { ChevronLeftIcon as q } from "./icons/chevron-left.js";
+import { ChevronRightIcon as P } from "./icons/chevron-right.js";
+import { b as N } from "./listbox-CpjeARsg.js";
+const I = "el-at-aglance-card", v = "el-at-aglance-card-icon", L = "el-at-aglance-card-label", E = "el-at-aglance-card-description", S = "el-at-aglance-card-value";
+function w({
+  className: e,
+  description: a,
+  displayValue: r,
+  icon: c,
+  label: t,
+  layout: n = "vertical",
+  maxWidth: s,
+  minWidth: o,
+  style: i,
+  ...u
+}) {
+  return /* @__PURE__ */ f(
+    "article",
+    {
+      ...u,
+      className: p(e, I),
+      "data-layout": n,
+      style: { ...i, maxWidth: s, minWidth: o },
+      children: [
+        c && /* @__PURE__ */ l("span", { className: v, children: c }),
+        /* @__PURE__ */ l("h1", { className: L, children: t }),
+        a && /* @__PURE__ */ l("p", { className: E, children: a }),
+        /* @__PURE__ */ l("p", { className: S, children: r })
+      ]
+    }
+  );
+}
+w.displayName = "AtAGlance.Card";
+const D = "el-at-aglance-anchor-card";
+function z({
+  "aria-current": e,
+  className: a,
+  description: r,
+  displayValue: c,
+  icon: t,
+  label: n,
+  layout: s = "vertical",
+  maxWidth: o,
+  minWidth: i,
+  style: u,
+  ...m
+}) {
+  const b = A(), C = A(), y = A();
+  return /* @__PURE__ */ f(
+    "a",
+    {
+      ...m,
+      "aria-current": e,
+      "aria-labelledby": b,
+      "aria-describedby": `${r ? C : ""} ${y}`,
+      className: p(a, I, D),
+      "data-layout": s,
+      style: { ...u, maxWidth: o, minWidth: i },
+      children: [
+        t && /* @__PURE__ */ l("span", { className: v, children: t }),
+        /* @__PURE__ */ l("span", { className: L, id: b, children: n }),
+        r && /* @__PURE__ */ l("span", { className: E, id: C, children: r }),
+        /* @__PURE__ */ l("span", { className: S, id: y, children: c })
+      ]
+    }
+  );
+}
+z.displayName = "AtAGlance.AnchorCard";
+const M = "el-at-aglance-button-card";
+function x({
+  "aria-checked": e,
+  "aria-pressed": a,
+  "aria-selected": r,
+  className: c,
+  description: t,
+  displayValue: n,
+  icon: s,
+  label: o,
+  layout: i = "vertical",
+  maxWidth: u,
+  minWidth: m,
+  style: b,
+  type: C = "button",
+  ...y
+}) {
+  const O = A(), B = A(), R = A();
+  return /* @__PURE__ */ f(
+    "button",
+    {
+      ...y,
+      "aria-checked": e,
+      "aria-pressed": a,
+      "aria-selected": r,
+      "aria-labelledby": O,
+      "aria-describedby": `${t ? B : ""} ${R}`,
+      className: p(c, I, M),
+      "data-layout": i,
+      style: { ...b, maxWidth: u, minWidth: m },
+      type: C,
+      children: [
+        s && /* @__PURE__ */ l("span", { className: v, children: s }),
+        /* @__PURE__ */ l("span", { className: L, id: O, children: o }),
+        t && /* @__PURE__ */ l("span", { className: E, id: B, children: t }),
+        /* @__PURE__ */ l("span", { className: S, id: R, children: n })
+      ]
+    }
+  );
+}
+x.displayName = "AtAGlance.ButtonCard";
+const H = 0.1;
+function J(e) {
+  const { scrollLeft: a, scrollWidth: r, clientWidth: c } = e, t = r - c, n = t > 0, s = a < H, o = a > t - H;
+  return {
+    canScrollLeft: n && !s,
+    canScrollRight: n && !o
+  };
+}
+const K = "el-at-aglance-grid", Q = /* @__PURE__ */ h("li")({
+  name: "ElAtAGlanceGridItem",
+  class: "el-at-aglance-grid-item",
+  propsAsIs: !1
+});
+function F({ children: e, ...a }) {
+  return /* @__PURE__ */ l(Q, { ...a, children: e });
+}
+F.displayName = "AtAGlance.GridItem";
+function G({
+  autoColumns: e,
+  children: a,
+  className: r,
+  gap: c = "--spacing-4",
+  templateColumns: t = "1fr 1fr 1fr 1fr 1fr",
+  layout: n = "template",
+  role: s,
+  style: o,
+  ...i
+}) {
+  const u = s ? "div" : "ul", m = {
+    ...n === "auto" && e ? { gridAutoColumns: e } : {},
+    ...n === "template" && t ? { gridTemplateColumns: t } : {},
+    "--aag-grid-gap": `var(${c})`
+  };
+  return /* @__PURE__ */ l(
+    u,
+    {
+      ...i,
+      className: p(r, K),
+      "data-layout": n,
+      role: s,
+      style: { ...o, ...m },
+      children: a
+    }
+  );
+}
+G.displayName = "AtAGlance.Grid";
+G.Item = F;
+const U = /* @__PURE__ */ h("div")({
+  name: "ElAtAGlanceCarousel",
+  class: "el-at-aglance-carousel",
+  propsAsIs: !1
+}), X = "el-at-aglance-carousel-grid", k = "el-at-aglance-carousel-button";
+function Y(e) {
+  const a = document.getElementById(e);
+  a && a.scrollBy({ left: -a.clientWidth, behavior: "smooth" });
+}
+function Z(e) {
+  const a = document.getElementById(e);
+  a && a.scrollBy({ left: a.clientWidth, behavior: "smooth" });
+}
+function ee(e) {
+  const [a, r] = j({
+    canScrollLeft: !1,
+    canScrollRight: !1
+  }), c = T(null);
+  return _(() => {
+    const t = document.getElementById(e);
+    if (!t) return;
+    function n() {
+      c.current !== null && cancelAnimationFrame(c.current), c.current = requestAnimationFrame(() => {
+        t && r(
+          J({
+            scrollLeft: t.scrollLeft,
+            scrollWidth: t.scrollWidth,
+            clientWidth: t.clientWidth
+          })
+        );
+      });
+    }
+    n();
+    const s = new AbortController();
+    t.addEventListener("scroll", n, {
+      signal: s.signal,
+      passive: !0
+    }), window.addEventListener("resize", n, {
+      signal: s.signal,
+      passive: !0
+    });
+    const o = new ResizeObserver(n);
+    o.observe(t);
+    const i = new MutationObserver(n);
+    return i.observe(t, {
+      childList: !0,
+      subtree: !0
+    }), () => {
+      s.abort(), o.disconnect(), i.disconnect(), c.current !== null && cancelAnimationFrame(c.current);
+    };
+  }, [e]), a;
+}
+function ae({ children: e, className: a, columns: r = "1fr", id: c, ...t }) {
+  const n = A(), s = c ?? n, { canScrollLeft: o, canScrollRight: i } = ee(s);
+  return /* @__PURE__ */ f(U, { children: [
+    /* @__PURE__ */ l(
+      W,
+      {
+        "aria-label": "Previous",
+        className: k,
+        hidden: !o,
+        iconLeft: /* @__PURE__ */ l(q, {}),
+        onClick: () => Y(s),
+        size: "medium",
+        variant: "secondary"
+      }
+    ),
+    /* @__PURE__ */ l(
+      G,
+      {
+        ...t,
+        autoColumns: r,
+        className: p(a, X),
+        "data-can-scroll-left": o,
+        "data-can-scroll-right": i,
+        id: s,
+        layout: "auto",
+        children: e
+      }
+    ),
+    /* @__PURE__ */ l(
+      W,
+      {
+        "aria-label": "Next",
+        className: k,
+        hidden: !i,
+        iconRight: /* @__PURE__ */ l(P, {}),
+        onClick: () => Z(s),
+        size: "medium",
+        variant: "secondary"
+      }
+    )
+  ] });
+}
+const te = /* @__PURE__ */ h("header")({
+  name: "ElAtAGlanceHeader",
+  class: "el-at-aglance-header",
+  propsAsIs: !1
+}), le = /* @__PURE__ */ h("h1")({
+  name: "ElAtAGlanceHeaderTitle",
+  class: "el-at-aglance-header-title",
+  propsAsIs: !1
+});
+function V({ accessory: e, children: a, ...r }) {
+  return /* @__PURE__ */ f(te, { ...r, children: [
+    /* @__PURE__ */ l(le, { children: a }),
+    e
+  ] });
+}
+V.displayName = "AtAGlance.Header";
+const ne = /* @__PURE__ */ h("section")({
+  name: "ElAtAGlance",
+  class: "el-at-aglance",
+  propsAsIs: !1
+});
+function $(e) {
+  return /* @__PURE__ */ l(N.Option, { as: x, ...e });
+}
+$.displayName = "AtAGlance.ListboxOption";
+function g(e) {
+  return /* @__PURE__ */ l(N, { ...e, "aria-orientation": "horizontal", selectAction: "toggle", selectionFollowsFocus: !1 });
+}
+g.displayName = "AtAGlance.Listbox";
+g.Option = $;
+g.getValue = N.getValue;
+function d(e) {
+  return /* @__PURE__ */ l(ne, { ...e });
+}
+d.AnchorCard = z;
+d.ButtonCard = x;
+d.Card = w;
+d.Carousel = ae;
+d.Grid = G;
+d.GridItem = G.Item;
+d.Header = V;
+d.Listbox = g;
+d.ListboxOption = g.Option;
+export {
+  z as A,
+  U as E,
+  d as a,
+  x as b,
+  w as c,
+  v as d,
+  I as e,
+  L as f,
+  E as g,
+  S as h,
+  J as i,
+  ae as j,
+  X as k,
+  k as l,
+  G as m,
+  F as n,
+  K as o,
+  Q as p,
+  V as q,
+  te as r,
+  le as s,
+  g as t,
+  ee as u,
+  $ as v
+};

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

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),h=require("./index-8ctufnBx.cjs"),d=require("react"),x=require("./index-Dmlb2--K.cjs");require("./button-base-tw0zLUCC.cjs");const w=require("./button-Ccwmxlgv.cjs"),K=require("./icons/chevron-left.cjs"),Q=require("./icons/chevron-right.cjs"),E=require("./listbox-KFMBDR-S.cjs"),g="el-at-aglance-card",I="el-at-aglance-card-icon",y="el-at-aglance-card-label",L="el-at-aglance-card-description",j="el-at-aglance-card-value";function S({className:e,description:t,displayValue:r,icon:s,label:l,layout:n="vertical",maxWidth:c,minWidth:i,style:o,...u}){return a.jsxs("article",{...u,className:h.cx_default(e,g),"data-layout":n,style:{...o,maxWidth:c,minWidth:i},children:[s&&a.jsx("span",{className:I,children:s}),a.jsx("h1",{className:y,children:l}),t&&a.jsx("p",{className:L,children:t}),a.jsx("p",{className:j,children:r})]})}S.displayName="AtAGlance.Card";const U="el-at-aglance-anchor-card";function O({"aria-current":e,className:t,description:r,displayValue:s,icon:l,label:n,layout:c="vertical",maxWidth:i,minWidth:o,style:u,...f}){const b=d.useId(),p=d.useId(),C=d.useId();return a.jsxs("a",{...f,"aria-current":e,"aria-labelledby":b,"aria-describedby":`${r?p:""} ${C}`,className:h.cx_default(t,g,U),"data-layout":c,style:{...u,maxWidth:i,minWidth:o},children:[l&&a.jsx("span",{className:I,children:l}),a.jsx("span",{className:y,id:b,children:n}),r&&a.jsx("span",{className:L,id:p,children:r}),a.jsx("span",{className:j,id:C,children:s})]})}O.displayName="AtAGlance.AnchorCard";const X="el-at-aglance-button-card";function N({"aria-checked":e,"aria-pressed":t,"aria-selected":r,className:s,description:l,displayValue:n,icon:c,label:i,layout:o="vertical",maxWidth:u,minWidth:f,style:b,type:p="button",...C}){const q=d.useId(),H=d.useId(),W=d.useId();return a.jsxs("button",{...C,"aria-checked":e,"aria-pressed":t,"aria-selected":r,"aria-labelledby":q,"aria-describedby":`${l?H:""} ${W}`,className:h.cx_default(s,g,X),"data-layout":o,style:{...b,maxWidth:u,minWidth:f},type:p,children:[c&&a.jsx("span",{className:I,children:c}),a.jsx("span",{className:y,id:q,children:i}),l&&a.jsx("span",{className:L,id:H,children:l}),a.jsx("span",{className:j,id:W,children:n})]})}N.displayName="AtAGlance.ButtonCard";const z=.1;function F(e){const{scrollLeft:t,scrollWidth:r,clientWidth:s}=e,l=r-s,n=l>0,c=t<z,i=t>l-z;return{canScrollLeft:n&&!c,canScrollRight:n&&!i}}const V="el-at-aglance-grid",$=x.styled_default("li")({name:"ElAtAGlanceGridItem",class:"el-at-aglance-grid-item",propsAsIs:!1});function B({children:e,...t}){return a.jsx($,{...t,children:e})}B.displayName="AtAGlance.GridItem";function G({autoColumns:e,children:t,className:r,gap:s="--spacing-4",templateColumns:l="1fr 1fr 1fr 1fr 1fr",layout:n="template",role:c,style:i,...o}){const u=c?"div":"ul",f={...n==="auto"&&e?{gridAutoColumns:e}:{},...n==="template"&&l?{gridTemplateColumns:l}:{},"--aag-grid-gap":`var(${s})`};return a.jsx(u,{...o,className:h.cx_default(r,V),"data-layout":n,role:c,style:{...i,...f},children:t})}G.displayName="AtAGlance.Grid";G.Item=B;const k=x.styled_default("div")({name:"ElAtAGlanceCarousel",class:"el-at-aglance-carousel",propsAsIs:!1}),T="el-at-aglance-carousel-grid",v="el-at-aglance-carousel-button";function Y(e){const t=document.getElementById(e);t&&t.scrollBy({left:-t.clientWidth,behavior:"smooth"})}function Z(e){const t=document.getElementById(e);t&&t.scrollBy({left:t.clientWidth,behavior:"smooth"})}function D(e){const[t,r]=d.useState({canScrollLeft:!1,canScrollRight:!1}),s=d.useRef(null);return d.useEffect(()=>{const l=document.getElementById(e);if(!l)return;function n(){s.current!==null&&cancelAnimationFrame(s.current),s.current=requestAnimationFrame(()=>{l&&r(F({scrollLeft:l.scrollLeft,scrollWidth:l.scrollWidth,clientWidth:l.clientWidth}))})}n();const c=new AbortController;l.addEventListener("scroll",n,{signal:c.signal,passive:!0}),window.addEventListener("resize",n,{signal:c.signal,passive:!0});const i=new ResizeObserver(n);i.observe(l);const o=new MutationObserver(n);return o.observe(l,{childList:!0,subtree:!0}),()=>{c.abort(),i.disconnect(),o.disconnect(),s.current!==null&&cancelAnimationFrame(s.current)}},[e]),t}function P({children:e,className:t,columns:r="1fr",id:s,...l}){const n=d.useId(),c=s??n,{canScrollLeft:i,canScrollRight:o}=D(c);return a.jsxs(k,{children:[a.jsx(w.Button,{"aria-label":"Previous",className:v,hidden:!i,iconLeft:a.jsx(K.ChevronLeftIcon,{}),onClick:()=>Y(c),size:"medium",variant:"secondary"}),a.jsx(G,{...l,autoColumns:r,className:h.cx_default(t,T),"data-can-scroll-left":i,"data-can-scroll-right":o,id:c,layout:"auto",children:e}),a.jsx(w.Button,{"aria-label":"Next",className:v,hidden:!o,iconRight:a.jsx(Q.ChevronRightIcon,{}),onClick:()=>Z(c),size:"medium",variant:"secondary"})]})}const M=x.styled_default("header")({name:"ElAtAGlanceHeader",class:"el-at-aglance-header",propsAsIs:!1}),J=x.styled_default("h1")({name:"ElAtAGlanceHeaderTitle",class:"el-at-aglance-header-title",propsAsIs:!1});function R({accessory:e,children:t,...r}){return a.jsxs(M,{...r,children:[a.jsx(J,{children:t}),e]})}R.displayName="AtAGlance.Header";const ee=x.styled_default("section")({name:"ElAtAGlance",class:"el-at-aglance",propsAsIs:!1});function _(e){return a.jsx(E.Listbox.Option,{as:N,...e})}_.displayName="AtAGlance.ListboxOption";function m(e){return a.jsx(E.Listbox,{...e,"aria-orientation":"horizontal",selectAction:"toggle",selectionFollowsFocus:!1})}m.displayName="AtAGlance.Listbox";m.Option=_;m.getValue=E.Listbox.getValue;function A(e){return a.jsx(ee,{...e})}A.AnchorCard=O;A.ButtonCard=N;A.Card=S;A.Carousel=P;A.Grid=G;A.GridItem=G.Item;A.Header=R;A.Listbox=m;A.ListboxOption=m.Option;exports.AtAGlance=A;exports.AtAGlanceAnchorCard=O;exports.AtAGlanceButtonCard=N;exports.AtAGlanceCard=S;exports.AtAGlanceCarousel=P;exports.AtAGlanceGrid=G;exports.AtAGlanceGridItem=B;exports.AtAGlanceHeader=R;exports.AtAGlanceListbox=m;exports.AtAGlanceListboxOption=_;exports.ElAtAGlanceCarousel=k;exports.ElAtAGlanceGridItem=$;exports.ElAtAGlanceHeader=M;exports.ElAtAGlanceHeaderTitle=J;exports.calculateScrollState=F;exports.elAtAGlanceCard=g;exports.elAtAGlanceCardDescription=L;exports.elAtAGlanceCardIcon=I;exports.elAtAGlanceCardLabel=y;exports.elAtAGlanceCardValue=j;exports.elAtAGlanceCarouselButton=v;exports.elAtAGlanceCarouselGrid=T;exports.elAtAGlanceGrid=V;exports.useScrollObserver=D;

package/dist/js/{badge-C4eMkitq.js → badge-BpKFyHEh.js}

@@ -1,6 +1,6 @@
 import { jsxs as B, jsx as s } from "react/jsx-runtime";
 import { s as l } from "./index-YtxCR-9e.js";
-import { T as c } from "./tooltip-B0jGN026.js";
+import { T as c } from "./tooltip-BdHUoiNa.js";
 import { useId as i } from "react";
 const P = ["neutral", "success", "pending", "warning", "danger", "inactive", "accent_1", "accent_2"], f = /* @__PURE__ */ l("span")({
   name: "ElBadge",

package/dist/js/{badge-CNv_SHOf.cjs → badge-Zx--ZLW_.cjs}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("./index-Dmlb2--K.cjs"),i=require("./tooltip-DVVnlf_8.cjs"),u=require("react"),x=["neutral","success","pending","warning","danger","inactive","accent_1","accent_2"],g=d.styled_default("span")({name:"ElBadge",class:"el-badge",propsAsIs:!1}),p=d.styled_default("span")({name:"ElBadgeLabelContainer",class:"el-badge-label-container",propsAsIs:!1}),o=d.styled_default("span")({name:"ElBadgeIconContainer",class:"el-badge-icon-container",propsAsIs:!1});function j({"aria-label":n,children:t,colour:I,iconLeft:a,iconRight:s,id:b,variant:B="default",...E}){const r=!t&&(a||s)&&!(a&&s)&&n,l=b??u.useId(),c=u.useId(),C=r?i.Tooltip.getTriggerProps({id:l,tooltipId:c,tooltipPurpose:"label"}):{"aria-label":n,id:l};return e.jsxs(g,{...E,...C,"data-colour":I,"data-variant":B,children:[a&&e.jsx(o,{"aria-hidden":!0,children:a}),t&&e.jsx(p,{children:t}),s&&e.jsx(o,{"aria-hidden":!0,children:s}),r&&e.jsx(i.Tooltip,{triggerId:l,id:c,placement:"top",children:n})]})}exports.Badge=j;exports.ElBadge=g;exports.ElBadgeIconContainer=o;exports.ElBadgeLabelContainer=p;exports.badgeColours=x;
+"use strict";const e=require("react/jsx-runtime"),d=require("./index-Dmlb2--K.cjs"),i=require("./tooltip-D5C0ub0E.cjs"),u=require("react"),x=["neutral","success","pending","warning","danger","inactive","accent_1","accent_2"],g=d.styled_default("span")({name:"ElBadge",class:"el-badge",propsAsIs:!1}),p=d.styled_default("span")({name:"ElBadgeLabelContainer",class:"el-badge-label-container",propsAsIs:!1}),o=d.styled_default("span")({name:"ElBadgeIconContainer",class:"el-badge-icon-container",propsAsIs:!1});function j({"aria-label":n,children:t,colour:I,iconLeft:a,iconRight:s,id:b,variant:B="default",...E}){const r=!t&&(a||s)&&!(a&&s)&&n,l=b??u.useId(),c=u.useId(),C=r?i.Tooltip.getTriggerProps({id:l,tooltipId:c,tooltipPurpose:"label"}):{"aria-label":n,id:l};return e.jsxs(g,{...E,...C,"data-colour":I,"data-variant":B,children:[a&&e.jsx(o,{"aria-hidden":!0,children:a}),t&&e.jsx(p,{children:t}),s&&e.jsx(o,{"aria-hidden":!0,children:s}),r&&e.jsx(i.Tooltip,{triggerId:l,id:c,placement:"top",children:n})]})}exports.Badge=j;exports.ElBadge=g;exports.ElBadgeIconContainer=o;exports.ElBadgeLabelContainer=p;exports.badgeColours=x;

package/dist/js/{bottom-bar-DswNNvwU.js → bottom-bar-BxBYIIOf.js}

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { createContext as N, useContext as S, useId as g, useRef as h, useEffect as v, useState as P } from "react";
 import { c as R } from "./index-BsMVp4qF.js";
 import { s } from "./index-YtxCR-9e.js";
-import { k as M } from "./menu-CBeq-0T4.js";
+import { k as M } from "./menu-D9gFfy6f.js";
 import { MoreIcon as j } from "./icons/more.js";
 const I = N(null);
 function x() {

package/dist/js/{bottom-bar-mNVkH8h_.cjs → bottom-bar-DTz-l7Au.cjs}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("react"),P=require("./index-8ctufnBx.cjs"),l=require("./index-Dmlb2--K.cjs"),v=require("./menu-Dnh4NX8q.cjs"),w=require("./icons/more.cjs"),p=n.createContext(null);function L(){const t=n.useContext(p);if(!t)throw new Error("BottomBarContext not defined: useBottomBarContext can only be used in a child of BottomBarContext");return t}const j="el-bottom-bar-item",h=l.styled_default("span")({name:"ElBottomBarItemIcon",class:"el-bottom-bar-item-icon",propsAsIs:!1}),C=l.styled_default("span")({name:"ElBottomBarItemLabel",class:"el-bottom-bar-item-label",propsAsIs:!1}),y=l.styled_default("span")({name:"ElBottomBarItemBadge",class:"el-bottom-bar-item-badge",propsAsIs:!1});function b({as:t,children:o,className:s,icon:r,hasBadge:a,...c}){return e.jsxs(t,{...c,className:P.cx_default(j,s),children:[e.jsxs(h,{"aria-hidden":"true",children:[a&&e.jsx(y,{}),r]}),e.jsx(C,{children:o})]})}function A(t){return e.jsx(b,{...t,as:"a"})}function x(t){return e.jsx(b,{as:"button",...t})}const T=l.styled_default("menu")({name:"ElBottomBarMenuList",class:"el-bottom-bar-menu-list",propsAsIs:!1}),E=l.styled_default("li")({name:"ElBottomBarMenuListItem",class:"el-bottom-bar-menu-list-item",propsAsIs:!1});function _({children:t,...o}){return e.jsx(E,{children:e.jsx(A,{...o,children:t})})}_.displayName="BottomBar.Item";function N({children:t,hasBadge:o,icon:s=e.jsx(w.MoreIcon,{}),id:r,label:a="More",maxHeight:c,maxWidth:i,...f}){const d=n.useId(),u=r??n.useId(),I=n.useRef(null),{state:M}=L();return n.useEffect(function(){const g=I.current?.lastElementChild;M==="retracted"&&g instanceof HTMLElement&&g.hidePopover()},[M]),e.jsxs(E,{ref:I,children:[e.jsx(x,{...f,...v.Menu.getTriggerProps({id:u,popoverTarget:d,popoverTargetAction:"toggle"}),hasBadge:o,icon:s,children:a}),e.jsx(v.Menu,{"aria-labelledby":u,id:d,maxHeight:c,maxWidth:i,placement:"top-end",children:t})]})}N.displayName="BottomBar.MenuItem";function m({children:t,...o}){return e.jsx(T,{...o,children:t})}m.displayName="BottomBar.MenuList";m.Item=_;m.MenuItem=N;const R=l.styled_default("div")({name:"ElBottomBarContainer",class:"el-bottom-bar-container",propsAsIs:!1}),q=l.styled_default("nav")({name:"ElBottomBarNav",class:"el-bottom-bar-nav",propsAsIs:!1}),S=t=>{const[o,s]=n.useState("extended"),r=n.useRef(0);return n.useEffect(function(){if(!t)return;const c=document.getElementById(t);if(!c)return;const i=new AbortController;function f(d){const u=d.currentTarget;if(u instanceof HTMLElement){const I=u.scrollTop-r.current;s(I<0?"extended":"retracted"),r.current=u.scrollTop}}return c.addEventListener("scroll",f,{signal:i.signal}),()=>{i.abort()}},[t]),o};function B({"aria-label":t="Bottom navigation",children:o,scrollContainerId:s,...r}){const a=S(s);return e.jsx(R,{children:e.jsx(q,{...r,"aria-label":t,"data-state":a,children:e.jsx(p.Provider,{value:{state:a},children:o})})})}B.Item=m.Item;B.ItemButton=x;B.MenuItem=m.MenuItem;B.MenuList=m;B.Context=p;B.useContext=L;exports.BottomBar=B;exports.BottomBarItemAnchor=A;exports.BottomBarItemBase=b;exports.BottomBarItemButton=x;exports.BottomBarMenuList=m;exports.ElBottomBarContainer=R;exports.ElBottomBarItemBadge=y;exports.ElBottomBarItemIcon=h;exports.ElBottomBarItemLabel=C;exports.ElBottomBarMenuList=T;exports.ElBottomBarMenuListItem=E;exports.ElBottomBarNav=q;exports.elBottomBarItem=j;exports.useBottomBarObserver=S;
+"use strict";const e=require("react/jsx-runtime"),n=require("react"),P=require("./index-8ctufnBx.cjs"),l=require("./index-Dmlb2--K.cjs"),v=require("./menu-CY3VaZRu.cjs"),w=require("./icons/more.cjs"),p=n.createContext(null);function L(){const t=n.useContext(p);if(!t)throw new Error("BottomBarContext not defined: useBottomBarContext can only be used in a child of BottomBarContext");return t}const j="el-bottom-bar-item",h=l.styled_default("span")({name:"ElBottomBarItemIcon",class:"el-bottom-bar-item-icon",propsAsIs:!1}),C=l.styled_default("span")({name:"ElBottomBarItemLabel",class:"el-bottom-bar-item-label",propsAsIs:!1}),y=l.styled_default("span")({name:"ElBottomBarItemBadge",class:"el-bottom-bar-item-badge",propsAsIs:!1});function b({as:t,children:o,className:s,icon:r,hasBadge:a,...c}){return e.jsxs(t,{...c,className:P.cx_default(j,s),children:[e.jsxs(h,{"aria-hidden":"true",children:[a&&e.jsx(y,{}),r]}),e.jsx(C,{children:o})]})}function A(t){return e.jsx(b,{...t,as:"a"})}function x(t){return e.jsx(b,{as:"button",...t})}const T=l.styled_default("menu")({name:"ElBottomBarMenuList",class:"el-bottom-bar-menu-list",propsAsIs:!1}),E=l.styled_default("li")({name:"ElBottomBarMenuListItem",class:"el-bottom-bar-menu-list-item",propsAsIs:!1});function _({children:t,...o}){return e.jsx(E,{children:e.jsx(A,{...o,children:t})})}_.displayName="BottomBar.Item";function N({children:t,hasBadge:o,icon:s=e.jsx(w.MoreIcon,{}),id:r,label:a="More",maxHeight:c,maxWidth:i,...f}){const d=n.useId(),u=r??n.useId(),I=n.useRef(null),{state:M}=L();return n.useEffect(function(){const g=I.current?.lastElementChild;M==="retracted"&&g instanceof HTMLElement&&g.hidePopover()},[M]),e.jsxs(E,{ref:I,children:[e.jsx(x,{...f,...v.Menu.getTriggerProps({id:u,popoverTarget:d,popoverTargetAction:"toggle"}),hasBadge:o,icon:s,children:a}),e.jsx(v.Menu,{"aria-labelledby":u,id:d,maxHeight:c,maxWidth:i,placement:"top-end",children:t})]})}N.displayName="BottomBar.MenuItem";function m({children:t,...o}){return e.jsx(T,{...o,children:t})}m.displayName="BottomBar.MenuList";m.Item=_;m.MenuItem=N;const R=l.styled_default("div")({name:"ElBottomBarContainer",class:"el-bottom-bar-container",propsAsIs:!1}),q=l.styled_default("nav")({name:"ElBottomBarNav",class:"el-bottom-bar-nav",propsAsIs:!1}),S=t=>{const[o,s]=n.useState("extended"),r=n.useRef(0);return n.useEffect(function(){if(!t)return;const c=document.getElementById(t);if(!c)return;const i=new AbortController;function f(d){const u=d.currentTarget;if(u instanceof HTMLElement){const I=u.scrollTop-r.current;s(I<0?"extended":"retracted"),r.current=u.scrollTop}}return c.addEventListener("scroll",f,{signal:i.signal}),()=>{i.abort()}},[t]),o};function B({"aria-label":t="Bottom navigation",children:o,scrollContainerId:s,...r}){const a=S(s);return e.jsx(R,{children:e.jsx(q,{...r,"aria-label":t,"data-state":a,children:e.jsx(p.Provider,{value:{state:a},children:o})})})}B.Item=m.Item;B.ItemButton=x;B.MenuItem=m.MenuItem;B.MenuList=m;B.Context=p;B.useContext=L;exports.BottomBar=B;exports.BottomBarItemAnchor=A;exports.BottomBarItemBase=b;exports.BottomBarItemButton=x;exports.BottomBarMenuList=m;exports.ElBottomBarContainer=R;exports.ElBottomBarItemBadge=y;exports.ElBottomBarItemIcon=h;exports.ElBottomBarItemLabel=C;exports.ElBottomBarMenuList=T;exports.ElBottomBarMenuListItem=E;exports.ElBottomBarNav=q;exports.elBottomBarItem=j;exports.useBottomBarObserver=S;

package/dist/js/{button-Cv5pNws2.cjs → button-Ccwmxlgv.cjs}

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),u=require("./button-base-D8LjBAOF.cjs");function e(t){return n.jsx(u.ButtonBase,{as:"button",...t})}exports.Button=e;
+"use strict";const n=require("react/jsx-runtime"),u=require("./button-base-tw0zLUCC.cjs");function e(t){return n.jsx(u.ButtonBase,{as:"button",...t})}exports.Button=e;

package/dist/js/{button-BzRPgU1z.js → button-DB4XETG9.js}

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { B as r } from "./button-base-B_Ks3sJk.js";
+import { B as r } from "./button-base-BcnVjgNa.js";
 function u(t) {
   return /* @__PURE__ */ o(r, { as: "button", ...t });
 }

package/dist/js/{button-base-B_Ks3sJk.js → button-base-BcnVjgNa.js}

@@ -7,22 +7,22 @@ const I = "el-button", l = /* @__PURE__ */ C("span")({
   name: "ElButtonIconContainer",
   class: "el-button-icon-container",
   propsAsIs: !1
-}), k = "el-button-spinner", A = (r) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", viewBox: "0 0 16 16", ...r }, /* @__PURE__ */ c.createElement("path", { fillRule: "evenodd", d: "M9.081 1.388a.667.667 0 0 1 .817-.472 7.333 7.333 0 1 1-7.083 12.27.667.667 0 1 1 .942-.944A6 6 0 1 0 9.553 2.204a.667.667 0 0 1-.472-.816Z", clipRule: "evenodd" }));
+}), k = "el-button-spinner", y = (r) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", viewBox: "0 0 16 16", ...r }, /* @__PURE__ */ c.createElement("path", { fillRule: "evenodd", d: "M9.081 1.388a.667.667 0 0 1 .817-.472 7.333 7.333 0 1 1-7.083 12.27.667.667 0 1 1 .942-.944A6 6 0 1 0 9.553 2.204a.667.667 0 0 1-.472-.816Z", clipRule: "evenodd" }));
 function z({
   "aria-disabled": r,
   as: u,
-  className: p,
+  className: m,
   children: o,
-  hasNoPadding: m,
+  hasNoPadding: p,
   iconLeft: a,
   iconRight: e,
   isBusy: s,
   isDestructive: f,
-  onClick: i,
-  size: h,
+  onClick: d,
+  size: h = "medium",
   useLinkStyle: b,
-  variant: g,
-  ...d
+  variant: g = "secondary",
+  ...i
 }) {
   const v = !o && (a || e) && !(a && e), w = E(
     (t) => {
@@ -30,27 +30,27 @@ function z({
         t.preventDefault(), t.stopPropagation();
         return;
       }
-      i?.(t);
+      d?.(t);
     },
-    [i]
+    [d]
   );
   return (
     // NOTE: We use a type assertion here to avoid having to narrow the type of `rest` to the specific `Element` type.
     /* @__PURE__ */ x(
       u,
       {
-        ...d,
-        className: B(I, p),
-        "aria-disabled": !!s || !!d.disabled || !!r,
+        ...i,
+        className: B(I, m),
+        "aria-disabled": !!s || !!i.disabled || !!r,
         "data-variant": g,
         "data-size": h,
-        "data-has-no-padding": m,
+        "data-has-no-padding": p,
         "data-is-destructive": f,
         "data-is-icon-only": v,
         "data-use-link-style": b,
         onClick: w,
         children: [
-          s ? /* @__PURE__ */ n(l, { "aria-hidden": !0, className: k, children: /* @__PURE__ */ n(A, {}) }) : a && /* @__PURE__ */ n(l, { "aria-hidden": !0, children: a }),
+          s ? /* @__PURE__ */ n(l, { "aria-hidden": !0, className: k, children: /* @__PURE__ */ n(y, {}) }) : a && /* @__PURE__ */ n(l, { "aria-hidden": !0, children: a }),
           o,
           !s && e && /* @__PURE__ */ n(l, { "aria-hidden": !0, children: e })
         ]

package/dist/js/button-base-tw0zLUCC.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),y=require("./index-8ctufnBx.cjs"),C=require("./index-Dmlb2--K.cjs"),b=require("react");function O(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const p=O(b),m="el-button",i=C.styled_default("span")({name:"ElButtonIconContainer",class:"el-button-icon-container",propsAsIs:!1}),f="el-button-spinner",S=e=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"currentColor",viewBox:"0 0 16 16",...e},p.createElement("path",{fillRule:"evenodd",d:"M9.081 1.388a.667.667 0 0 1 .817-.472 7.333 7.333 0 1 1-7.083 12.27.667.667 0 1 1 .942-.944A6 6 0 1 0 9.553 2.204a.667.667 0 0 1-.472-.816Z",clipRule:"evenodd"}));function E({"aria-disabled":e,as:n,className:t,children:a,hasNoPadding:g,iconLeft:s,iconRight:l,isBusy:c,isDestructive:x,onClick:d,size:h="medium",useLinkStyle:j,variant:B="secondary",...u}){const v=!a&&(s||l)&&!(s&&l),w=b.useCallback(o=>{if(o.currentTarget.getAttribute("aria-disabled")==="true"){o.preventDefault(),o.stopPropagation();return}d?.(o)},[d]);return r.jsxs(n,{...u,className:y.cx_default(m,t),"aria-disabled":!!c||!!u.disabled||!!e,"data-variant":B,"data-size":h,"data-has-no-padding":g,"data-is-destructive":x,"data-is-icon-only":v,"data-use-link-style":j,onClick:w,children:[c?r.jsx(i,{"aria-hidden":!0,className:f,children:r.jsx(S,{})}):s&&r.jsx(i,{"aria-hidden":!0,children:s}),a,!c&&l&&r.jsx(i,{"aria-hidden":!0,children:l})]})}exports.ButtonBase=E;exports.ElButtonIconContainer=i;exports.elButton=m;exports.elButtonSpinner=f;