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

package/dist/js/at-a-glance-UUTXIqm8.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-BBRIGXRu.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/autocomplete-DvWmVjF3.js

@@ -0,0 +1,70 @@
+import { jsx as i } from "react/jsx-runtime";
+import { o as t } from "./combobox-BIr0IlJH.js";
+import "./button-base-BcnVjgNa.js";
+import "react";
+import "./listbox-BBRIGXRu.js";
+import "./icons/close.js";
+import "./icons/chevron-down.js";
+import "./search-input-BIATSynI.js";
+import { SearchIcon as I } from "./icons/search.js";
+function u({
+  children: n,
+  defaultOptions: s,
+  onClick: c,
+  placeholder: m = "Search...",
+  selectionStyle: b = "default",
+  ...l
+}) {
+  const p = t.useButton({ onClick: c }), e = t.useContext(), a = t.useHasSelection(e.listboxId), C = a && !e.multiple, x = !a, r = a && !e.multiple;
+  return b === "card" && r ? /* @__PURE__ */ i(
+    t.Card,
+    {
+      ...l,
+      ...p,
+      action: /* @__PURE__ */ i(t.ClearButton, { "aria-controls": e.listboxId, disabled: e.disabled }),
+      size: e.size,
+      children: /* @__PURE__ */ i(t.SelectedContent, { defaultOptions: s, listboxId: e.listboxId, children: n })
+    }
+  ) : /* @__PURE__ */ i(
+    t.Button,
+    {
+      ...l,
+      ...p,
+      action: C && /* @__PURE__ */ i(t.ClearButton, { "aria-controls": e.listboxId, disabled: e.disabled }),
+      leadingIcon: x && /* @__PURE__ */ i(I, { "aria-hidden": !0 }),
+      placeholder: m,
+      size: e.size,
+      children: r && /* @__PURE__ */ i(t.SelectedContent, { defaultOptions: s, listboxId: e.listboxId, children: n })
+    }
+  );
+}
+u.displayName = "Autocomplete.Button";
+function d({ closeOnSelection: n = "auto", ...s }) {
+  return /* @__PURE__ */ i(t.Popup, { ...s, closeOnSelection: n });
+}
+d.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 = u;
+o.CardDefaultContent = t.CardDefaultContent;
+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 = d;
+o.SearchInput = t.SearchInput;
+o.SelectionChips = t.SelectionChips;
+o.SelectionChipsItem = t.SelectionChipsItem;
+o.useState = t.useState;
+export {
+  o as A,
+  u as a,
+  d as b
+};

package/dist/js/autocomplete-La_vezgN.cjs

@@ -0,0 +1 @@
+"use strict";const b=require("react/jsx-runtime"),o=require("./combobox-BT2RnqxH.cjs");require("./button-base-tw0zLUCC.cjs");require("react");require("./listbox-BbmKy0PR.cjs");require("./icons/close.cjs");require("./icons/chevron-down.cjs");require("./search-input-V5FfarRw.cjs");const h=require("./icons/search.cjs");function u({children:n,defaultOptions:i,onClick:a,placeholder:C="Search...",selectionStyle:m="default",...r}){const l=o.Combobox.useButton({onClick:a}),e=o.Combobox.useContext(),s=o.Combobox.useHasSelection(e.listboxId),p=s&&!e.multiple,d=!s,c=s&&!e.multiple;return m==="card"&&c?b.jsx(o.Combobox.Card,{...r,...l,action:b.jsx(o.Combobox.ClearButton,{"aria-controls":e.listboxId,disabled:e.disabled}),size:e.size,children:b.jsx(o.Combobox.SelectedContent,{defaultOptions:i,listboxId:e.listboxId,children:n})}):b.jsx(o.Combobox.Button,{...r,...l,action:p&&b.jsx(o.Combobox.ClearButton,{"aria-controls":e.listboxId,disabled:e.disabled}),leadingIcon:d&&b.jsx(h.SearchIcon,{"aria-hidden":!0}),placeholder:C,size:e.size,children:c&&b.jsx(o.Combobox.SelectedContent,{defaultOptions:i,listboxId:e.listboxId,children:n})})}u.displayName="Autocomplete.Button";function x({closeOnSelection:n="auto",...i}){return b.jsx(o.Combobox.Popup,{...i,closeOnSelection:n})}x.displayName="Autocomplete.Popup";function t(n){return b.jsx(o.Combobox,{...n})}t.getValue=o.Combobox.getListboxValue;t.getListboxId=o.Combobox.getListboxId;t.getPopupId=o.Combobox.getPopupId;t.Button=u;t.CardDefaultContent=o.Combobox.CardDefaultContent;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=x;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=u;exports.AutocompletePopup=x;

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

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

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

@@ -0,0 +1,57 @@
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import { A as t } from "./autocomplete-DvWmVjF3.js";
+import { a as n } from "./form-control-Cv1xUB2V.js";
+import { useId as a } from "react";
+function o({
+  children: I,
+  defaultOptions: f,
+  disabled: l,
+  errorText: i,
+  helpText: r,
+  id: C,
+  label: p,
+  maxWidth: v,
+  multiple: c,
+  renderChips: A,
+  required: s,
+  size: u = "medium",
+  ...O
+}) {
+  const S = a(), d = C ?? S, m = a(), h = a();
+  return /* @__PURE__ */ e(n, { as: "div", size: u, maxWidth: v, children: /* @__PURE__ */ b(t.DefaultOptionsContext.Provider, { value: f ?? [], children: [
+    p && /* @__PURE__ */ e(n.Label, { htmlFor: d, isRequired: s, children: p }),
+    /* @__PURE__ */ e(
+      t,
+      {
+        ...O,
+        "aria-describedby": r && !i ? m : void 0,
+        "aria-errormessage": i ? h : void 0,
+        "aria-invalid": i ? !0 : void 0,
+        disabled: l,
+        id: d,
+        multiple: c,
+        required: s,
+        size: u,
+        children: I
+      }
+    ),
+    i ? /* @__PURE__ */ e(n.ErrorText, { id: h, children: i }) : r && /* @__PURE__ */ e(n.HelpText, { id: m, children: r }),
+    c && /* @__PURE__ */ e(t.SelectionChips, { disabled: l, listboxId: t.getListboxId(d), children: A })
+  ] }) });
+}
+o.getValue = t.getValue;
+o.Button = t.Button;
+o.CardDefaultContent = t.CardDefaultContent;
+o.Divider = t.Divider;
+o.Listbox = t.Listbox;
+o.Option = t.Option;
+o.OptionAdditionalInfo = t.OptionAdditionalInfo;
+o.Optgroup = t.Optgroup;
+o.Placeholder = t.Placeholder;
+o.Popup = t.Popup;
+o.SearchInput = t.SearchInput;
+o.SelectionChipsItem = t.SelectionChipsItem;
+o.useState = t.useState;
+export {
+  o as A
+};

package/dist/js/{badge-BpKFyHEh.js → badge-CwBwwP4y.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-BdHUoiNa.js";
+import { T as c } from "./tooltip-CPCyw6HR.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-Zx--ZLW_.cjs → badge-mMmZbI52.cjs}

@@ -1 +1 @@
-"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;
+"use strict";const e=require("react/jsx-runtime"),d=require("./index-Dmlb2--K.cjs"),i=require("./tooltip-CFeEMRgw.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-BxBYIIOf.js → bottom-bar-CGZKFvKr.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-D9gFfy6f.js";
+import { k as M } from "./menu-B0COo9_q.js";
 import { MoreIcon as j } from "./icons/more.js";
 const I = N(null);
 function x() {

package/dist/js/{bottom-bar-DTz-l7Au.cjs → bottom-bar-f8rXTa1u.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-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;
+"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-3uzyqdE-.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/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;

package/dist/js/checkbox-group-control-O_wPnLhn.js

@@ -0,0 +1,80 @@
+import { jsx as t, jsxs as G } from "react/jsx-runtime";
+import { C as v } from "./checkbox-CCFCh92B.js";
+import { createContext as w, useContext as y, forwardRef as E, useId as x } from "react";
+import { s as I } from "./index-YtxCR-9e.js";
+import { a as s } from "./form-control-Cv1xUB2V.js";
+const l = w(null);
+function h() {
+  const r = y(l);
+  if (!r)
+    throw new Error("useCheckboxGroupControlContext must be used within a CheckboxGroupControl");
+  return r;
+}
+const b = E(
+  ({ disabled: r, form: a, name: o, required: d, showValidity: n, ...i }, c) => {
+    const e = h();
+    return /* @__PURE__ */ t(
+      v,
+      {
+        ...i,
+        disabled: r ?? e.disabled,
+        form: a ?? e.form,
+        name: o ?? e.name,
+        ref: c,
+        required: d ?? e.required,
+        showValidity: n ?? e.showValidity
+      }
+    );
+  }
+);
+b.displayName = "CheckboxGroupControl.Option";
+const g = /* @__PURE__ */ I("div")({
+  name: "ElCheckboxGroup",
+  class: "el-checkbox-group",
+  propsAsIs: !1
+});
+function u({
+  children: r,
+  disabled: a,
+  errorText: o,
+  form: d,
+  helpText: n,
+  label: i,
+  name: c,
+  orientation: e = "vertical",
+  required: C,
+  showValidity: f,
+  ...k
+}) {
+  const p = x(), m = x();
+  return (
+    // NOTE: we do not use the fieldset's native disabled, form or name attributes, because we want
+    // individual checkboxes to be able to override them.
+    /* @__PURE__ */ G(
+      s,
+      {
+        ...k,
+        "aria-describedby": n && !o ? p : void 0,
+        "aria-errormessage": o ? m : void 0,
+        "aria-invalid": o ? !0 : void 0,
+        as: "fieldset",
+        size: "medium",
+        children: [
+          i && /* @__PURE__ */ t(s.Label, { as: "legend", isRequired: C, children: i }),
+          /* @__PURE__ */ t(g, { "data-orientation": e, children: /* @__PURE__ */ t(l.Provider, { value: { disabled: a, form: d, name: c, required: C, showValidity: f }, children: r }) }),
+          o ? /* @__PURE__ */ t(s.ErrorText, { id: m, children: o }) : n && /* @__PURE__ */ t(s.HelpText, { id: p, children: n })
+        ]
+      }
+    )
+  );
+}
+u.Option = b;
+u.Context = l;
+u.useContext = h;
+export {
+  u as C,
+  g as E,
+  b as a,
+  l as b,
+  h as u
+};

package/dist/js/checkbox-group-control-STqRmURg.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),j=require("./checkbox-BX2PWh1h.cjs"),s=require("react"),v=require("./index-Dmlb2--K.cjs"),c=require("./form-control-Be_ITYmU.cjs"),u=s.createContext(null);function a(){const t=s.useContext(u);if(!t)throw new Error("useCheckboxGroupControlContext must be used within a CheckboxGroupControl");return t}const h=s.forwardRef(({disabled:t,form:C,name:o,required:d,showValidity:n,...i},x)=>{const e=a();return r.jsx(j.Checkbox,{...i,disabled:t??e.disabled,form:C??e.form,name:o??e.name,ref:x,required:d??e.required,showValidity:n??e.showValidity})});h.displayName="CheckboxGroupControl.Option";const m=v.styled_default("div")({name:"ElCheckboxGroup",class:"el-checkbox-group",propsAsIs:!1});function l({children:t,disabled:C,errorText:o,form:d,helpText:n,label:i,name:x,orientation:e="vertical",required:b,showValidity:G,...f}){const p=s.useId(),k=s.useId();return r.jsxs(c.FormControl,{...f,"aria-describedby":n&&!o?p:void 0,"aria-errormessage":o?k:void 0,"aria-invalid":o?!0:void 0,as:"fieldset",size:"medium",children:[i&&r.jsx(c.FormControl.Label,{as:"legend",isRequired:b,children:i}),r.jsx(m,{"data-orientation":e,children:r.jsx(u.Provider,{value:{disabled:C,form:d,name:x,required:b,showValidity:G},children:t})}),o?r.jsx(c.FormControl.ErrorText,{id:k,children:o}):n&&r.jsx(c.FormControl.HelpText,{id:p,children:n})]})}l.Option=h;l.Context=u;l.useContext=a;exports.CheckboxGroupControl=l;exports.CheckboxGroupControlContext=u;exports.CheckboxGroupControlOption=h;exports.ElCheckboxGroup=m;exports.useCheckboxGroupControlContext=a;

package/dist/js/chip-group-66bqmP7S.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),a=require("./index-Dmlb2--K.cjs"),m=require("./chip-Vsb-fXDy.cjs"),u=require("react"),c=a.styled_default("ul")({name:"ElChipGroupList",class:"el-chip-group-list",propsAsIs:!1}),C=a.styled_default("li")({name:"ElChipGroupListItem",class:"el-chip-group-list-item",propsAsIs:!1}),n=u.createContext(null);function h(){const e=u.useContext(n);if(!e)throw new Error("useChipGroupContext requires a ChipGroup ancestor");return e}function d({"aria-disabled":e,disabled:o,variant:i,...p}){const t=h();return s.jsx(C,{children:s.jsx(m.Chip,{...p,"aria-disabled":e??t.ariaDisabled,disabled:o??t.disabled,variant:i??t.variant})})}d.displayName="ChipGroup.Item";function r({"aria-disabled":e,children:o,disabled:i,flow:p="wrap",overflow:t="visible",variant:l,...x}){const G=u.useMemo(()=>({ariaDisabled:e,disabled:i,variant:l}),[e,i,l]);return s.jsx(c,{...x,"data-flow":p,"data-overflow":t,children:s.jsx(n.Provider,{value:G,children:o})})}r.Context=n;r.Item=d;r.useContext=h;exports.ChipGroup=r;exports.ElChipGroupList=c;exports.ElChipGroupListItem=C;