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

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-Zx--ZLW_.cjs → badge-DZ7zeLug.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-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-BpKFyHEh.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-BdHUoiNa.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-DTz-l7Au.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-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-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-BxBYIIOf.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-D9gFfy6f.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/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;

package/dist/js/chip-group-Bbc7ODc9.js

@@ -0,0 +1,55 @@
+import { jsx as r } from "react/jsx-runtime";
+import { s as l } from "./index-YtxCR-9e.js";
+import { C as h } from "./chip-EmRR5ZvZ.js";
+import { createContext as d, useContext as f, useMemo as x } from "react";
+const G = /* @__PURE__ */ l("ul")({
+  name: "ElChipGroupList",
+  class: "el-chip-group-list",
+  propsAsIs: !1
+}), I = /* @__PURE__ */ l("li")({
+  name: "ElChipGroupListItem",
+  class: "el-chip-group-list-item",
+  propsAsIs: !1
+}), p = d(null);
+function u() {
+  const t = f(p);
+  if (!t)
+    throw new Error("useChipGroupContext requires a ChipGroup ancestor");
+  return t;
+}
+function C({ "aria-disabled": t, disabled: i, variant: o, ...s }) {
+  const e = u();
+  return /* @__PURE__ */ r(I, { children: /* @__PURE__ */ r(
+    h,
+    {
+      ...s,
+      "aria-disabled": t ?? e.ariaDisabled,
+      disabled: i ?? e.disabled,
+      variant: o ?? e.variant
+    }
+  ) });
+}
+C.displayName = "ChipGroup.Item";
+function a({
+  "aria-disabled": t,
+  children: i,
+  disabled: o,
+  flow: s = "wrap",
+  overflow: e = "visible",
+  variant: n,
+  ...c
+}) {
+  const m = x(
+    () => ({ ariaDisabled: t, disabled: o, variant: n }),
+    [t, o, n]
+  );
+  return /* @__PURE__ */ r(G, { ...c, "data-flow": s, "data-overflow": e, children: /* @__PURE__ */ r(p.Provider, { value: m, children: i }) });
+}
+a.Context = p;
+a.Item = C;
+a.useContext = u;
+export {
+  a as C,
+  G as E,
+  I as a
+};

package/dist/js/chip-select-control-DAEVXXLk.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("./chip-select-ChrOjBdP.cjs"),n=require("./form-control-Be_ITYmU.cjs"),h=require("./label-text-CtdGurHG.cjs"),C=require("react");function i({children:a,errorText:t,helpText:r,label:u,required:l,size:s="medium",...x}){const c=C.useId(),d=C.useId();return e.jsxs(n.FormControl,{"aria-describedby":r&&!t?c:void 0,"aria-errormessage":t?d:void 0,"aria-invalid":t?!0:void 0,as:"fieldset",size:s,children:[e.jsx(n.FormControl.Label,{as:"legend",children:e.jsx(h.LabelText,{isRequired:l,children:u})}),e.jsx(o.ChipSelect,{...x,required:l,size:s,children:a}),t?e.jsx(n.FormControl.ErrorText,{id:d,children:t}):r&&e.jsx(n.FormControl.HelpText,{id:c,children:r})]})}i.Option=o.ChipSelect.Option;i.determineNextControlledState=o.ChipSelect.determineNextControlledState;i.Context=o.ChipSelect.Context;i.useContext=o.ChipSelect.useContext;exports.ChipSelectControl=i;

package/dist/js/chip-select-control-DXaemJHi.js

@@ -0,0 +1,38 @@
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { e as o } from "./chip-select-CFT-hd36.js";
+import { a as i } from "./form-control-Cv1xUB2V.js";
+import { L as f } from "./label-text-DfFJj8qi.js";
+import { useId as m } from "react";
+function r({
+  children: c,
+  errorText: e,
+  helpText: n,
+  label: C,
+  required: d,
+  size: a = "medium",
+  ...p
+}) {
+  const l = m(), s = m();
+  return /* @__PURE__ */ x(
+    i,
+    {
+      "aria-describedby": n && !e ? l : void 0,
+      "aria-errormessage": e ? s : void 0,
+      "aria-invalid": e ? !0 : void 0,
+      as: "fieldset",
+      size: a,
+      children: [
+        /* @__PURE__ */ t(i.Label, { as: "legend", children: /* @__PURE__ */ t(f, { isRequired: d, children: C }) }),
+        /* @__PURE__ */ t(o, { ...p, required: d, size: a, children: c }),
+        e ? /* @__PURE__ */ t(i.ErrorText, { id: s, children: e }) : n && /* @__PURE__ */ t(i.HelpText, { id: l, children: n })
+      ]
+    }
+  );
+}
+r.Option = o.Option;
+r.determineNextControlledState = o.determineNextControlledState;
+r.Context = o.Context;
+r.useContext = o.useContext;
+export {
+  r as C
+};

package/dist/js/combobox-DmzxFDJp.cjs

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