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

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

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

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

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

package/dist/js/autocomplete-BbOHe_2t.js

@@ -0,0 +1,58 @@
+import { jsx as i } from "react/jsx-runtime";
+import { g as t } from "./combobox-vYU1IEFA.js";
+import "./button-base-BcnVjgNa.js";
+import "react";
+import "./listbox-z26X2kKG.js";
+import "./icons/close.js";
+import "./icons/chevron-down.js";
+import "./search-input-P7uo0pIh.js";
+import { SearchIcon as I } from "./icons/search.js";
+function l({
+  defaultOptions: n,
+  onClick: p,
+  placeholder: s = "Search...",
+  ...a
+}) {
+  const c = t.useButton({ onClick: p, placeholder: s }), e = t.useContext(), u = t.useHasSelection(e.listboxId), d = u && !e.multiple, m = !u, x = !u || e.multiple;
+  return /* @__PURE__ */ i(
+    t.Button,
+    {
+      ...a,
+      ...c,
+      action: d && /* @__PURE__ */ i(t.ClearButton, { "aria-controls": e.listboxId, disabled: e.disabled }),
+      leadingIcon: m && /* @__PURE__ */ i(I, { "aria-hidden": !0 }),
+      placeholder: s,
+      size: e.size,
+      children: x ? s : /* @__PURE__ */ i(t.SelectedContent, { defaultOptions: n, listboxId: e.listboxId })
+    }
+  );
+}
+l.displayName = "Autocomplete.Button";
+function r({ closeOnSelection: n = "auto", ...p }) {
+  return /* @__PURE__ */ i(t.Popup, { ...p, closeOnSelection: n });
+}
+r.displayName = "Autocomplete.Popup";
+function o(n) {
+  return /* @__PURE__ */ i(t, { ...n });
+}
+o.getValue = t.getListboxValue;
+o.getListboxId = t.getListboxId;
+o.getPopupId = t.getPopupId;
+o.Button = l;
+o.Divider = t.Divider;
+o.DefaultOptionsContext = t.DefaultOptionsContext;
+o.Listbox = t.Listbox;
+o.Option = t.Option;
+o.OptionAdditionalInfo = t.OptionAdditionalInfo;
+o.Optgroup = t.Optgroup;
+o.Placeholder = t.ListboxPlaceholder;
+o.Popup = r;
+o.SearchInput = t.SearchInput;
+o.SelectionChips = t.SelectionChips;
+o.SelectionChipsItem = t.SelectionChipsItem;
+o.useState = t.useState;
+export {
+  o as A,
+  l as a,
+  r as b
+};

package/dist/js/autocomplete-D0vKABmX.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),o=require("./combobox-DmzxFDJp.cjs");require("./button-base-tw0zLUCC.cjs");require("react");require("./listbox-WqmeAQ3c.cjs");require("./icons/close.cjs");require("./icons/chevron-down.cjs");require("./search-input-iGgUwfw7.cjs");const C=require("./icons/search.cjs");function c({defaultOptions:n,onClick:b,placeholder:u="Search...",...x}){const p=o.Combobox.useButton({onClick:b,placeholder:u}),e=o.Combobox.useContext(),s=o.Combobox.useHasSelection(e.listboxId),l=s&&!e.multiple,m=!s,a=!s||e.multiple;return i.jsx(o.Combobox.Button,{...x,...p,action:l&&i.jsx(o.Combobox.ClearButton,{"aria-controls":e.listboxId,disabled:e.disabled}),leadingIcon:m&&i.jsx(C.SearchIcon,{"aria-hidden":!0}),placeholder:u,size:e.size,children:a?u:i.jsx(o.Combobox.SelectedContent,{defaultOptions:n,listboxId:e.listboxId})})}c.displayName="Autocomplete.Button";function r({closeOnSelection:n="auto",...b}){return i.jsx(o.Combobox.Popup,{...b,closeOnSelection:n})}r.displayName="Autocomplete.Popup";function t(n){return i.jsx(o.Combobox,{...n})}t.getValue=o.Combobox.getListboxValue;t.getListboxId=o.Combobox.getListboxId;t.getPopupId=o.Combobox.getPopupId;t.Button=c;t.Divider=o.Combobox.Divider;t.DefaultOptionsContext=o.Combobox.DefaultOptionsContext;t.Listbox=o.Combobox.Listbox;t.Option=o.Combobox.Option;t.OptionAdditionalInfo=o.Combobox.OptionAdditionalInfo;t.Optgroup=o.Combobox.Optgroup;t.Placeholder=o.Combobox.ListboxPlaceholder;t.Popup=r;t.SearchInput=o.Combobox.SearchInput;t.SelectionChips=o.Combobox.SelectionChips;t.SelectionChipsItem=o.Combobox.SelectionChipsItem;t.useState=o.Combobox.useState;exports.Autocomplete=t;exports.AutocompleteButton=c;exports.AutocompletePopup=r;

package/dist/js/autocomplete-control-Ddah11Qw.js

@@ -0,0 +1,43 @@
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import { A as t } from "./autocomplete-BbOHe_2t.js";
+import { a as r } from "./form-control-Cv1xUB2V.js";
+import { useId as n } from "react";
+function L({
+  children: f,
+  defaultOptions: v,
+  disabled: s,
+  errorText: i,
+  helpText: d,
+  id: I,
+  label: a,
+  maxWidth: h,
+  multiple: c,
+  required: m,
+  size: l = "medium",
+  ...A
+}) {
+  const b = n(), e = I ?? b, p = n(), u = n();
+  return /* @__PURE__ */ o(r, { as: "div", size: l, maxWidth: h, children: /* @__PURE__ */ x(t.DefaultOptionsContext.Provider, { value: v ?? [], children: [
+    a && /* @__PURE__ */ o(r.Label, { htmlFor: e, isRequired: m, children: a }),
+    /* @__PURE__ */ o(
+      t,
+      {
+        ...A,
+        "aria-describedby": d && !i ? p : void 0,
+        "aria-errormessage": i ? u : void 0,
+        "aria-invalid": i ? !0 : void 0,
+        disabled: s,
+        id: e,
+        multiple: c,
+        required: m,
+        size: l,
+        children: f
+      }
+    ),
+    i ? /* @__PURE__ */ o(r.ErrorText, { id: u, children: i }) : d && /* @__PURE__ */ o(r.HelpText, { id: p, children: d }),
+    c && /* @__PURE__ */ o(t.SelectionChips, { disabled: s, listboxId: t.getListboxId(e) })
+  ] }) });
+}
+export {
+  L as A
+};

package/dist/js/autocomplete-control-IlAuj9Gg.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),e=require("./autocomplete-D0vKABmX.cjs"),r=require("./form-control-Be_ITYmU.cjs"),c=require("react");function h({children:x,defaultOptions:C,disabled:n,errorText:t,helpText:i,id:I,label:l,maxWidth:j,multiple:d,required:u,size:m="medium",...v}){const A=c.useId(),s=I??A,a=c.useId(),p=c.useId();return o.jsx(r.FormControl,{as:"div",size:m,maxWidth:j,children:o.jsxs(e.Autocomplete.DefaultOptionsContext.Provider,{value:C??[],children:[l&&o.jsx(r.FormControl.Label,{htmlFor:s,isRequired:u,children:l}),o.jsx(e.Autocomplete,{...v,"aria-describedby":i&&!t?a:void 0,"aria-errormessage":t?p:void 0,"aria-invalid":t?!0:void 0,disabled:n,id:s,multiple:d,required:u,size:m,children:x}),t?o.jsx(r.FormControl.ErrorText,{id:p,children:t}):i&&o.jsx(r.FormControl.HelpText,{id:a,children:i}),d&&o.jsx(e.Autocomplete.SelectionChips,{disabled:n,listboxId:e.Autocomplete.getListboxId(s)})]})})}exports.AutocompleteControl=h;

package/dist/js/{badge-CNv_SHOf.cjs → badge-DZ7zeLug.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-CXN3ioZt.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/{badge-C4eMkitq.js → badge-ntRw2gnO.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-AKtYPwAT.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/{bottom-bar-mNVkH8h_.cjs → bottom-bar-BaunqLTn.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-GxHkUuv-.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/{bottom-bar-DswNNvwU.js → bottom-bar-BgqRBSgu.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-C1vGEA92.js";
 import { MoreIcon as j } from "./icons/more.js";
 const I = N(null);
 function x() {

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;

package/dist/js/checkbox-control-BX5tvR42.js

@@ -0,0 +1,23 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { C as t } from "./checkbox-CCFCh92B.js";
+import { a as e } from "./form-control-Cv1xUB2V.js";
+import { L as n } from "./label-text-DfFJj8qi.js";
+import { useId as l } from "react";
+function h({ errorText: r, label: a, required: m, ...s }) {
+  const i = l();
+  return /* @__PURE__ */ d(e, { as: "div", size: "medium", children: [
+    /* @__PURE__ */ o(
+      t,
+      {
+        ...s,
+        "aria-errormessage": r ? i : void 0,
+        "aria-invalid": r ? !0 : void 0,
+        label: /* @__PURE__ */ o(n, { isRequired: m, children: a })
+      }
+    ),
+    r && /* @__PURE__ */ o(e.ErrorText, { id: i, children: r })
+  ] });
+}
+export {
+  h as C
+};

package/dist/js/checkbox-control-DV_psN4F.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),c=require("./checkbox-BX2PWh1h.cjs"),i=require("./form-control-Be_ITYmU.cjs"),l=require("./label-text-CtdGurHG.cjs"),u=require("react");function d({errorText:e,label:s,required:n,...t}){const o=u.useId();return r.jsxs(i.FormControl,{as:"div",size:"medium",children:[r.jsx(c.Checkbox,{...t,"aria-errormessage":e?o:void 0,"aria-invalid":e?!0:void 0,label:r.jsx(l.LabelText,{isRequired:n,children:s})}),e&&r.jsx(i.FormControl.ErrorText,{id:o,children:e})]})}exports.CheckboxControl=d;