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

package/dist/js/lab/search-input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),i=require("../index-Dmlb2--K.cjs"),d=require("../icons/search.cjs"),x=require("../icons/close.cjs");require("../button-base-D8LjBAOF.cjs");const E=require("../button-Cv5pNws2.cjs"),c=i.styled_default("input")({name:"ElExperimentalSearchInput",class:"el-experimental-search-input",propsAsIs:!1}),o=i.styled_default("div")({name:"ElExperimentalSearchInputContainer",class:"el-experimental-search-input-container",propsAsIs:!1}),I=({inputSize:u="medium",isDisabled:s=!1,unstable_onSearch:a,...n})=>{const[t,l]=m.useState(""),p=r=>{l(r.target.value),a&&a(r.target.value),n.onChange&&n.onChange(r)},h=()=>{l(""),a&&a("")};return e.jsxs(o,{"data-size":u,"aria-disabled":s,children:[!t&&e.jsx(d.SearchIcon,{size:"sm",color:"primary"}),e.jsx(c,{value:t,onChange:p,placeholder:n.placeholder||"Search",name:"search-input",disabled:s,type:"search",...n}),t&&e.jsx(E.Button,{iconLeft:e.jsx(x.CloseIcon,{color:"primary"}),size:"small",variant:"tertiary",onClick:h})]})};exports.ElExperimentalSearchInput=c;exports.ElExperimentalSearchInputContainer=o;exports.SearchInput=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),i=require("../index-Dmlb2--K.cjs"),d=require("../icons/search.cjs"),x=require("../icons/close.cjs");require("../button-base-tw0zLUCC.cjs");const E=require("../button-Ccwmxlgv.cjs"),c=i.styled_default("input")({name:"ElExperimentalSearchInput",class:"el-experimental-search-input",propsAsIs:!1}),o=i.styled_default("div")({name:"ElExperimentalSearchInputContainer",class:"el-experimental-search-input-container",propsAsIs:!1}),I=({inputSize:u="medium",isDisabled:s=!1,unstable_onSearch:a,...n})=>{const[t,l]=m.useState(""),p=r=>{l(r.target.value),a&&a(r.target.value),n.onChange&&n.onChange(r)},h=()=>{l(""),a&&a("")};return e.jsxs(o,{"data-size":u,"aria-disabled":s,children:[!t&&e.jsx(d.SearchIcon,{size:"sm",color:"primary"}),e.jsx(c,{value:t,onChange:p,placeholder:n.placeholder||"Search",name:"search-input",disabled:s,type:"search",...n}),t&&e.jsx(E.Button,{iconLeft:e.jsx(x.CloseIcon,{color:"primary"}),size:"small",variant:"tertiary",onClick:h})]})};exports.ElExperimentalSearchInput=c;exports.ElExperimentalSearchInputContainer=o;exports.SearchInput=I;

package/dist/js/lab/search-input.js

@@ -3,8 +3,8 @@ import { useState as u } from "react";
 import { s as i } from "../index-YtxCR-9e.js";
 import { SearchIcon as h } from "../icons/search.js";
 import { CloseIcon as f } from "../icons/close.js";
-import "../button-base-B_Ks3sJk.js";
-import { B as d } from "../button-BzRPgU1z.js";
+import "../button-base-BcnVjgNa.js";
+import { B as d } from "../button-DB4XETG9.js";
 const x = /* @__PURE__ */ i("input")({
   name: "ElExperimentalSearchInput",
   class: "el-experimental-search-input",

package/dist/js/lab/select-custom.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),v=require("../label-text-CtdGurHG.cjs"),p=require("../index-Dmlb2--K.cjs");require("../button-base-D8LjBAOF.cjs");const u=require("react"),te=require("../button-Cv5pNws2.cjs"),le=require("../icons/check.cjs"),oe=require("../badge-CNv_SHOf.cjs"),L=require("../text-BONwaftt.cjs"),se=require("../icons/close.cjs"),ne=require("../icons/chevron-down.cjs"),T=require("../chip-group-CMOQNhYo.cjs"),_=require("../popover-Y-ha5ifI.cjs"),k=p.styled_default("div")({name:"ElExperimentalSelectCustomContainer",class:"el-experimental-select-custom-container",propsAsIs:!1}),re=()=>te.Button,G=p.styled_default(re())({name:"ElExperimentalSelectCustomInputField",class:"el-experimental-select-custom-input-field",propsAsIs:!0}),z=p.styled_default("div")({name:"ElExperimentalSelectCustomContent",class:"el-experimental-select-custom-content",propsAsIs:!1}),B=p.styled_default("div")({name:"ElExperimentalSelectCustomPlaceholder",class:"el-experimental-select-custom-placeholder",propsAsIs:!1}),D="el-experimental-select-custom-popover",R=p.styled_default("div")({name:"ElExperimentalSelectCustomOptionGroup",class:"el-experimental-select-custom-option-group",propsAsIs:!1}),ce="el-experimental-select-custom-group-title",V=p.styled_default("li")({name:"ElExperimentalSelectCustomOption",class:"el-experimental-select-custom-option",propsAsIs:!1}),W=p.styled_default("div")({name:"ElExperimentalSelectCustomLabelContainer",class:"el-experimental-select-custom-label-container",propsAsIs:!1}),F=p.styled_default("div")({name:"ElExperimentalSelectCustomLabelItem",class:"el-experimental-select-custom-label-item",propsAsIs:!1}),$=p.styled_default("div")({name:"ElExperimentalSelectCustomAdditionalInfo1",class:"el-experimental-select-custom-additional-info1",propsAsIs:!1}),K=p.styled_default("div")({name:"ElExperimentalSelectCustomAdditionalInfo2",class:"el-experimental-select-custom-additional-info2",propsAsIs:!1}),h=({label:n,children:c})=>l.jsxs(R,{role:"group",children:[n&&l.jsx(v.LabelText,{size:"xs",children:n}),c]}),N=u.createContext({selectedValues:[],onSelect:()=>{},isMultiple:!1});function ae(){return u.useContext(N)}const y=({value:n,label:c,badge:s,additionalInfo1:o,additionalInfo2:e})=>{const{selectedValues:r,onSelect:t}=ae(),i=r.some(E=>E.value===n),d=()=>t({value:n,label:c});return l.jsxs(V,{role:"option","aria-selected":i,tabIndex:-1,onClick:d,children:[l.jsxs(W,{children:[l.jsxs(F,{children:[l.jsx(v.LabelText,{size:"xs",children:c}),s&&l.jsx(oe.Badge,{colour:"neutral",children:s})]}),i&&l.jsx(le.CheckIcon,{size:"md",color:"secondary"})]}),o&&l.jsx($,{children:o}),e&&l.jsx(K,{children:e})]})},H=n=>{const c=u.useRef(null),[s,o]=u.useState(0);return u.useEffect(()=>{const e=c.current;if(!e)return;const r=t=>{const i=e.querySelectorAll('[role="option"]');i.length&&(t.key==="ArrowDown"?(t.preventDefault(),o(d=>(d+1)%i.length)):t.key==="ArrowUp"?(t.preventDefault(),o(d=>(d-1+i.length)%i.length)):t.key==="Enter"?(t.preventDefault(),i[s]?.click()):t.key==="Escape"&&(t.preventDefault(),document.getElementById(n)?.hidePopover?.()))};return e.addEventListener("keydown",r),()=>e.removeEventListener("keydown",r)},[s,n]),u.useEffect(()=>{const e=c.current;if(!e)return;const r=e.querySelectorAll('[role="option"]');r.forEach((t,i)=>{t.setAttribute("tabindex",i===s?"0":"-1")}),r[s]?.focus()},[s]),u.useEffect(()=>{const e=document.getElementById(n);if(!e)return;const r=new MutationObserver(()=>{if(e.matches(":popover-open")){const t=c.current?.querySelectorAll('[role="option"]');t&&t.length>0&&(o(0),t[0].focus())}});return r.observe(e,{attributes:!0,attributeFilter:["popover"]}),()=>r.disconnect()},[n]),c},ie=(n,c)=>{const s=[],o=e=>{if(e){if(Array.isArray(e))e.forEach(o);else if(typeof e=="object"&&"props"in e){const r=e.props;e.type===y&&r.selected&&s.push({value:r.value,label:r.label}),e.type===h&&o(r.children)}}};return o(n),!c&&s.length>1?[s[0]]:s},ue=n=>{let c=0;const s=o=>{if(o){if(Array.isArray(o))o.forEach(s);else if(typeof o=="object"&&"props"in o){const e=o.props;o.type===y&&(c+=1),o.type===h&&s(e.children)}}};return s(n),c};function I({id:n,size:c="medium",label:s,children:o,helperText:e,errorMessage:r,isMultiple:t=!1,isClearable:i=!1,isRequired:d=!1,isDisabled:E=!1,popoverMaxHeight:U,popoverPlacement:J}){const[x,j]=u.useState(()=>ie(o,t)),[Q,X]=u.useState(0),C=`select-popover-${n.replace(/\s+/g,"-").toLowerCase()}`,S=`select-input-${n.replace(/\s+/g,"-").toLowerCase()}`,Y=H(C),A=()=>{document.getElementById(C)?.hidePopover?.()},O=a=>{j(m=>t?m.find(f=>f.value===a.value)?m.filter(f=>f.value!==a.value):[...m,a]:[a]),t||A()},Z=()=>j([]),q=t?"":x[0]?.label||"",M=_.Popover.getTriggerProps({id:S,popoverTarget:C,popoverTargetAction:"toggle"}),P=`${n}-description`,b=r||e,w=!!r,ee=ue(o),g=t&&x.length>=ee;return u.useEffect(()=>{g&&A()},[g]),u.useEffect(()=>{const a=document.getElementById(S);if(!a)return;const m=()=>X(a.offsetWidth);m();const f=new ResizeObserver(m);return f.observe(a),()=>f.disconnect()},[S]),l.jsxs(k,{id:n,children:[s&&l.jsx(v.LabelText,{size:c==="large"?"sm":"xs",isRequired:d,children:s}),l.jsxs(G,{variant:"secondary",size:c,...M,type:"button",role:"combobox","aria-expanded":"false","aria-disabled":E||g,"aria-describedby":b?P:void 0,"aria-invalid":w||!1,children:[q?l.jsx(z,{children:l.jsx(L.Text,{as:"span",colour:"primary",font:"text-xs/regular",overflow:"truncate",children:q})}):l.jsx(B,{children:l.jsx(L.Text,{as:"span",colour:"placeholder",font:"text-xs/regular",overflow:"truncate",children:"Select an option"})}),i&&!t&&x.length>0?l.jsx(se.CloseIcon,{color:"primary",size:"sm",onClick:a=>{a.stopPropagation(),Z()}}):l.jsx(ne.ChevronDownIcon,{size:"sm",color:"primary"})]}),l.jsx(_.Popover,{id:C,anchorId:S,placement:J||"bottom-start",popover:"auto",className:D,maxHeight:U,style:{minWidth:Q},gap:"var(--spacing-1)",children:l.jsx(N.Provider,{value:{selectedValues:x,onSelect:O,isMultiple:t},children:l.jsx("ul",{role:"listbox",ref:Y,tabIndex:-1,children:o})})}),b&&l.jsx(v.LabelText,{id:P,size:"xs","data-error":!!w,children:b}),t&&x.length>0&&l.jsx(T.ChipGroup,{children:x.map((a,m)=>l.jsx(T.ChipGroup.Item,{variant:"filter",onClick:()=>O(a),"aria-disabled":E,children:a.label},`${a.value}-${m}`))})]})}I.Group=h;I.Option=y;exports.ElExperimentalSelectCustomAdditionalInfo1=$;exports.ElExperimentalSelectCustomAdditionalInfo2=K;exports.ElExperimentalSelectCustomContainer=k;exports.ElExperimentalSelectCustomContent=z;exports.ElExperimentalSelectCustomInputField=G;exports.ElExperimentalSelectCustomLabelContainer=W;exports.ElExperimentalSelectCustomLabelItem=F;exports.ElExperimentalSelectCustomOption=V;exports.ElExperimentalSelectCustomOptionGroup=R;exports.ElExperimentalSelectCustomPlaceholder=B;exports.ExperimentalSelectCustomOption=y;exports.ExperimentalSelectCustomOptionGroup=h;exports.SelectCustom=I;exports.elExperimentalSelectCustomGroupTitle=ce;exports.elExperimentalSelectCustomPopover=D;exports.useSelectKeyboardNavigation=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),v=require("../label-text-CtdGurHG.cjs"),p=require("../index-Dmlb2--K.cjs");require("../button-base-tw0zLUCC.cjs");const u=require("react"),te=require("../button-Ccwmxlgv.cjs"),le=require("../icons/check.cjs"),oe=require("../badge-Zx--ZLW_.cjs"),L=require("../text-BONwaftt.cjs"),se=require("../icons/close.cjs"),ne=require("../icons/chevron-down.cjs"),T=require("../chip-group-CMOQNhYo.cjs"),_=require("../popover-CbOEj92d.cjs"),k=p.styled_default("div")({name:"ElExperimentalSelectCustomContainer",class:"el-experimental-select-custom-container",propsAsIs:!1}),re=()=>te.Button,G=p.styled_default(re())({name:"ElExperimentalSelectCustomInputField",class:"el-experimental-select-custom-input-field",propsAsIs:!0}),z=p.styled_default("div")({name:"ElExperimentalSelectCustomContent",class:"el-experimental-select-custom-content",propsAsIs:!1}),B=p.styled_default("div")({name:"ElExperimentalSelectCustomPlaceholder",class:"el-experimental-select-custom-placeholder",propsAsIs:!1}),D="el-experimental-select-custom-popover",R=p.styled_default("div")({name:"ElExperimentalSelectCustomOptionGroup",class:"el-experimental-select-custom-option-group",propsAsIs:!1}),ce="el-experimental-select-custom-group-title",V=p.styled_default("li")({name:"ElExperimentalSelectCustomOption",class:"el-experimental-select-custom-option",propsAsIs:!1}),W=p.styled_default("div")({name:"ElExperimentalSelectCustomLabelContainer",class:"el-experimental-select-custom-label-container",propsAsIs:!1}),F=p.styled_default("div")({name:"ElExperimentalSelectCustomLabelItem",class:"el-experimental-select-custom-label-item",propsAsIs:!1}),$=p.styled_default("div")({name:"ElExperimentalSelectCustomAdditionalInfo1",class:"el-experimental-select-custom-additional-info1",propsAsIs:!1}),K=p.styled_default("div")({name:"ElExperimentalSelectCustomAdditionalInfo2",class:"el-experimental-select-custom-additional-info2",propsAsIs:!1}),h=({label:n,children:c})=>l.jsxs(R,{role:"group",children:[n&&l.jsx(v.LabelText,{size:"xs",children:n}),c]}),N=u.createContext({selectedValues:[],onSelect:()=>{},isMultiple:!1});function ae(){return u.useContext(N)}const y=({value:n,label:c,badge:s,additionalInfo1:o,additionalInfo2:e})=>{const{selectedValues:r,onSelect:t}=ae(),i=r.some(E=>E.value===n),d=()=>t({value:n,label:c});return l.jsxs(V,{role:"option","aria-selected":i,tabIndex:-1,onClick:d,children:[l.jsxs(W,{children:[l.jsxs(F,{children:[l.jsx(v.LabelText,{size:"xs",children:c}),s&&l.jsx(oe.Badge,{colour:"neutral",children:s})]}),i&&l.jsx(le.CheckIcon,{size:"md",color:"secondary"})]}),o&&l.jsx($,{children:o}),e&&l.jsx(K,{children:e})]})},H=n=>{const c=u.useRef(null),[s,o]=u.useState(0);return u.useEffect(()=>{const e=c.current;if(!e)return;const r=t=>{const i=e.querySelectorAll('[role="option"]');i.length&&(t.key==="ArrowDown"?(t.preventDefault(),o(d=>(d+1)%i.length)):t.key==="ArrowUp"?(t.preventDefault(),o(d=>(d-1+i.length)%i.length)):t.key==="Enter"?(t.preventDefault(),i[s]?.click()):t.key==="Escape"&&(t.preventDefault(),document.getElementById(n)?.hidePopover?.()))};return e.addEventListener("keydown",r),()=>e.removeEventListener("keydown",r)},[s,n]),u.useEffect(()=>{const e=c.current;if(!e)return;const r=e.querySelectorAll('[role="option"]');r.forEach((t,i)=>{t.setAttribute("tabindex",i===s?"0":"-1")}),r[s]?.focus()},[s]),u.useEffect(()=>{const e=document.getElementById(n);if(!e)return;const r=new MutationObserver(()=>{if(e.matches(":popover-open")){const t=c.current?.querySelectorAll('[role="option"]');t&&t.length>0&&(o(0),t[0].focus())}});return r.observe(e,{attributes:!0,attributeFilter:["popover"]}),()=>r.disconnect()},[n]),c},ie=(n,c)=>{const s=[],o=e=>{if(e){if(Array.isArray(e))e.forEach(o);else if(typeof e=="object"&&"props"in e){const r=e.props;e.type===y&&r.selected&&s.push({value:r.value,label:r.label}),e.type===h&&o(r.children)}}};return o(n),!c&&s.length>1?[s[0]]:s},ue=n=>{let c=0;const s=o=>{if(o){if(Array.isArray(o))o.forEach(s);else if(typeof o=="object"&&"props"in o){const e=o.props;o.type===y&&(c+=1),o.type===h&&s(e.children)}}};return s(n),c};function I({id:n,size:c="medium",label:s,children:o,helperText:e,errorMessage:r,isMultiple:t=!1,isClearable:i=!1,isRequired:d=!1,isDisabled:E=!1,popoverMaxHeight:U,popoverPlacement:J}){const[x,j]=u.useState(()=>ie(o,t)),[Q,X]=u.useState(0),C=`select-popover-${n.replace(/\s+/g,"-").toLowerCase()}`,S=`select-input-${n.replace(/\s+/g,"-").toLowerCase()}`,Y=H(C),A=()=>{document.getElementById(C)?.hidePopover?.()},O=a=>{j(m=>t?m.find(f=>f.value===a.value)?m.filter(f=>f.value!==a.value):[...m,a]:[a]),t||A()},Z=()=>j([]),q=t?"":x[0]?.label||"",M=_.Popover.getTriggerProps({id:S,popoverTarget:C,popoverTargetAction:"toggle"}),P=`${n}-description`,b=r||e,w=!!r,ee=ue(o),g=t&&x.length>=ee;return u.useEffect(()=>{g&&A()},[g]),u.useEffect(()=>{const a=document.getElementById(S);if(!a)return;const m=()=>X(a.offsetWidth);m();const f=new ResizeObserver(m);return f.observe(a),()=>f.disconnect()},[S]),l.jsxs(k,{id:n,children:[s&&l.jsx(v.LabelText,{size:c==="large"?"sm":"xs",isRequired:d,children:s}),l.jsxs(G,{variant:"secondary",size:c,...M,type:"button",role:"combobox","aria-expanded":"false","aria-disabled":E||g,"aria-describedby":b?P:void 0,"aria-invalid":w||!1,children:[q?l.jsx(z,{children:l.jsx(L.Text,{as:"span",colour:"primary",font:"text-xs/regular",overflow:"truncate",children:q})}):l.jsx(B,{children:l.jsx(L.Text,{as:"span",colour:"placeholder",font:"text-xs/regular",overflow:"truncate",children:"Select an option"})}),i&&!t&&x.length>0?l.jsx(se.CloseIcon,{color:"primary",size:"sm",onClick:a=>{a.stopPropagation(),Z()}}):l.jsx(ne.ChevronDownIcon,{size:"sm",color:"primary"})]}),l.jsx(_.Popover,{id:C,anchorId:S,placement:J||"bottom-start",popover:"auto",className:D,maxHeight:U,style:{minWidth:Q},gap:"var(--spacing-1)",children:l.jsx(N.Provider,{value:{selectedValues:x,onSelect:O,isMultiple:t},children:l.jsx("ul",{role:"listbox",ref:Y,tabIndex:-1,children:o})})}),b&&l.jsx(v.LabelText,{id:P,size:"xs","data-error":!!w,children:b}),t&&x.length>0&&l.jsx(T.ChipGroup,{children:x.map((a,m)=>l.jsx(T.ChipGroup.Item,{variant:"filter",onClick:()=>O(a),"aria-disabled":E,children:a.label},`${a.value}-${m}`))})]})}I.Group=h;I.Option=y;exports.ElExperimentalSelectCustomAdditionalInfo1=$;exports.ElExperimentalSelectCustomAdditionalInfo2=K;exports.ElExperimentalSelectCustomContainer=k;exports.ElExperimentalSelectCustomContent=z;exports.ElExperimentalSelectCustomInputField=G;exports.ElExperimentalSelectCustomLabelContainer=W;exports.ElExperimentalSelectCustomLabelItem=F;exports.ElExperimentalSelectCustomOption=V;exports.ElExperimentalSelectCustomOptionGroup=R;exports.ElExperimentalSelectCustomPlaceholder=B;exports.ExperimentalSelectCustomOption=y;exports.ExperimentalSelectCustomOptionGroup=h;exports.SelectCustom=I;exports.elExperimentalSelectCustomGroupTitle=ce;exports.elExperimentalSelectCustomPopover=D;exports.useSelectKeyboardNavigation=H;

package/dist/js/lab/select-custom.js

@@ -1,16 +1,16 @@
 import { jsxs as x, jsx as n } from "react/jsx-runtime";
 import { L as S } from "../label-text-DfFJj8qi.js";
 import { s as p } from "../index-YtxCR-9e.js";
-import "../button-base-B_Ks3sJk.js";
+import "../button-base-BcnVjgNa.js";
 import { createContext as _, useContext as H, useRef as U, useState as b, useEffect as E } from "react";
-import { B as J } from "../button-BzRPgU1z.js";
+import { B as J } from "../button-DB4XETG9.js";
 import { CheckIcon as Q } from "../icons/check.js";
-import { B as X } from "../badge-C4eMkitq.js";
+import { B as X } from "../badge-BpKFyHEh.js";
 import { T as z } from "../text-BblKKGdo.js";
 import { CloseIcon as Y } from "../icons/close.js";
 import { ChevronDownIcon as Z } from "../icons/chevron-down.js";
 import { C as T } from "../chip-group-_1Ujkr17.js";
-import { P as D } from "../popover-bBQLwPua.js";
+import { P as D } from "../popover-CBn3dqXl.js";
 const M = /* @__PURE__ */ p("div")({
   name: "ElExperimentalSelectCustomContainer",
   class: "el-experimental-select-custom-container",

package/dist/js/listbox-CpjeARsg.js

@@ -0,0 +1,325 @@
+import { jsx as u, jsxs as w } from "react/jsx-runtime";
+import { D as W } from "./divider-BoruTiNP.js";
+import { createContext as y, useContext as T, useRef as X, useEffect as g, useCallback as Y, useState as Z, useId as C } from "react";
+import { s as ee } from "./index-YtxCR-9e.js";
+import { h as te } from "./handle-arrow-navigation-r7GKm-no.js";
+import { u as ne } from "./use-mutation-observer-hOVGFYZQ.js";
+const h = y(null);
+function F() {
+  const e = T(h);
+  if (!e)
+    throw new Error("useListboxContext must be used within a Listbox");
+  return e;
+}
+class f extends Error {
+  constructor(t) {
+    super(t), this.name = "ListboxError", Error.captureStackTrace && Error.captureStackTrace(this, f);
+  }
+}
+function E(e) {
+  const t = document.getElementById(e);
+  if (!t)
+    throw new f(`Listbox with id "${e}" does not exist in the document`);
+  const n = t.firstElementChild;
+  if (!(n instanceof HTMLSelectElement))
+    throw new f(
+      `Listbox "${e}" does not contain a select element as its first child. Found: ${n?.constructor.name ?? "null"}`
+    );
+  return n;
+}
+function oe(e, t) {
+  const n = Array.from(e.options).find((o) => o.value === t);
+  if (!(n instanceof HTMLOptionElement)) {
+    const o = Array.from(e.options).map((s) => s.value).join(", ");
+    throw new f(
+      `Option with value "${t}" does not exist in select element. Available values: [${o}]`
+    );
+  }
+  return n;
+}
+function I(e) {
+  const t = new Event("input", { bubbles: !0, cancelable: !0 });
+  e.dispatchEvent(t);
+}
+function se(e) {
+  const t = E(e), n = t.selectedOptions.length > 0;
+  for (const o of Array.from(t.selectedOptions))
+    o.selected = !1;
+  n && I(t);
+}
+function k(e) {
+  const t = e instanceof HTMLSelectElement ? e : E(e);
+  return Array.from(t.selectedOptions).map((n) => n.value).filter((n) => n !== "");
+}
+const L = 'button[role="option"]', A = `${L}:is([aria-checked="true"], [aria-selected="true"])`;
+function B(e) {
+  return Array.from(e.querySelectorAll(A));
+}
+function R(e, t, n) {
+  const o = E(e), s = oe(o, t), r = s.selected;
+  s.selected = n(s.selected, o), r !== s.selected && I(o);
+}
+const x = y(null);
+function S() {
+  const e = T(x);
+  if (!e)
+    throw new Error("useListboxRenderContext must be used within a Listbox");
+  return e;
+}
+const ie = {
+  auto: (e, t) => t.multiple ? !e : !0,
+  toggle: (e) => !e,
+  select: () => !0
+};
+function re(e) {
+  return e === "auto" || e === "toggle" || e === "select";
+}
+function ce(e) {
+  const { listboxId: t, selectAction: n } = e.currentTarget.dataset, o = e.currentTarget.value;
+  !t || !o || re(n) && R(t, o, ie[n]);
+}
+function V({
+  as: e,
+  children: t,
+  disabled: n,
+  onClick: o,
+  value: s,
+  ...r
+}) {
+  const i = e || "button", l = F(), d = S(), a = l.selectValue.includes(s);
+  if (d === "native")
+    return a ? null : /* @__PURE__ */ u("option", { value: s, children: t });
+  const m = (b) => {
+    o?.(b), ce(b);
+  };
+  return /* @__PURE__ */ u(
+    i,
+    {
+      ...r,
+      "aria-checked": l.multiple ? a : void 0,
+      "aria-selected": l.multiple ? void 0 : a,
+      "data-listbox-id": l.listboxId,
+      "data-select-action": l.selectAction,
+      disabled: l.disabled || n,
+      onClick: m,
+      role: "option",
+      tabIndex: -1,
+      type: "button",
+      value: s,
+      children: t
+    }
+  );
+}
+V.displayName = "Listbox.Option";
+function D({ as: e, children: t, label: n, ...o }) {
+  return S() === "native" ? /* @__PURE__ */ u("optgroup", { label: n, children: t }) : /* @__PURE__ */ u(e, { ...o, label: n, role: "group", children: t });
+}
+D.displayName = "Listbox.Optgroup";
+const ae = /* @__PURE__ */ ee("select")({
+  name: "ElListboxSelect",
+  class: "el-listbox-select",
+  propsAsIs: !1
+});
+function M({
+  children: e,
+  onChange: t,
+  placeholder: n = "Select an option",
+  multiple: o,
+  value: s,
+  ...r
+}) {
+  return /* @__PURE__ */ w(
+    ae,
+    {
+      ...r,
+      hidden: !0,
+      multiple: o,
+      onChange: t,
+      onInput: t,
+      value: o ? s : s[0] ?? "",
+      children: [
+        !o && // In single-select mode, renders a placeholder option as the first option.
+        // This mimics native select behavior: automatically selecting the first option
+        // when no explicit value is specified.
+        /* @__PURE__ */ u("option", { value: "", children: n }),
+        s.map((i) => (
+          // Renders options for selected values automatically. Consumers may filter the options
+          // in `children` based on user input. Without this, the native select would lose
+          // <option> elements representing selected options, causing selection state loss.
+          /* @__PURE__ */ u("option", { value: i, children: i }, i)
+        )),
+        /* @__PURE__ */ u(x.Provider, { value: "native", children: e })
+      ]
+    }
+  );
+}
+function le(e) {
+  const t = e.currentTarget;
+  t.contains(e.relatedTarget) || (t.tabIndex = 0);
+}
+function p(e) {
+  return e instanceof HTMLButtonElement;
+}
+function ue(e) {
+  return e instanceof HTMLElement && e.matches(":focus-visible");
+}
+function de(e) {
+  const t = e.currentTarget, n = t.dataset.selectionFollowsFocus === "true", { relatedTarget: o, target: s } = e;
+  if (!ue(s))
+    return;
+  const i = !t.contains(o);
+  if (t.contains(o) && p(s) && p(o) && n) {
+    s.click();
+    return;
+  }
+  if (i) {
+    t.tabIndex = -1;
+    const d = t.querySelector(A);
+    if (p(d)) {
+      d.focus();
+      return;
+    }
+    const a = t.querySelector(L);
+    p(a) && (a.focus(), n && a.click());
+  }
+}
+function fe({
+  onBlur: e,
+  onFocus: t,
+  onKeyDown: n
+}) {
+  return {
+    onBlur: (i) => {
+      e?.(i), le(i);
+    },
+    onFocus: (i) => {
+      t?.(i), de(i);
+    },
+    onKeyDown: (i) => {
+      n?.(i), te(i, { selectors: L });
+    }
+  };
+}
+function be(e, t) {
+  const n = X(t);
+  g(
+    function() {
+      n.current = t;
+    },
+    [t]
+  );
+  const o = Y(() => {
+    const s = document.getElementById(e);
+    if (s) {
+      const r = B(s);
+      n.current(r);
+    }
+  }, [e]);
+  g(function() {
+    o();
+  }, []), ne(e, o, pe);
+}
+const pe = {
+  attributeFilter: ["aria-checked", "aria-selected"],
+  subtree: !0
+};
+function xe({
+  defaultValue: e,
+  multiple: t,
+  onChange: n,
+  value: o
+}) {
+  const [s, r] = Z(o ?? e ?? []), i = o ?? s;
+  return [t ? i : i.slice(0, 1), (a) => {
+    n?.(a), r(k(a.currentTarget));
+  }];
+}
+function c({
+  "aria-disabled": e = !1,
+  "aria-multiselectable": t = !1,
+  "aria-orientation": n = "vertical",
+  "aria-required": o = !1,
+  as: s,
+  children: r,
+  className: i,
+  defaultValue: l,
+  id: d,
+  name: a,
+  onBlur: m,
+  onChange: b,
+  onFocus: H,
+  onKeyDown: K,
+  placeholder: $,
+  selectAction: N = "auto",
+  selectionFollowsFocus: P = !t,
+  style: j,
+  value: q,
+  ..._
+}) {
+  const z = s ?? "div", G = C(), J = C(), v = d ?? J, [O, Q] = xe({ defaultValue: l, multiple: t, onChange: b, value: q }), U = fe({ onBlur: m, onFocus: H, onKeyDown: K });
+  return /* @__PURE__ */ u(
+    z,
+    {
+      ..._,
+      ...U,
+      "aria-disabled": e,
+      "aria-multiselectable": t,
+      "aria-orientation": n,
+      "aria-required": o,
+      "data-selection-follows-focus": P,
+      className: i,
+      id: v,
+      role: "listbox",
+      style: j,
+      tabIndex: 0,
+      children: /* @__PURE__ */ w(h.Provider, { value: { disabled: e, listboxId: v, multiple: t, selectAction: N, selectValue: O }, children: [
+        /* @__PURE__ */ u(
+          M,
+          {
+            disabled: e,
+            id: G,
+            multiple: t,
+            name: a,
+            onChange: Q,
+            placeholder: $,
+            required: o,
+            value: O,
+            children: r
+          }
+        ),
+        /* @__PURE__ */ u(x.Provider, { value: "custom", children: r })
+      ] })
+    }
+  );
+}
+c.Divider = W;
+c.Option = V;
+c.Optgroup = D;
+c.Select = M;
+c.useSelectionObserver = be;
+c.Context = h;
+c.RenderContext = x;
+c.useContext = F;
+c.useRenderContext = S;
+c.clearValue = se;
+c.getSelectedOptions = B;
+c.getValue = k;
+c.setOptionSelectedState = R;
+export {
+  h as L,
+  L as O,
+  A as S,
+  B as a,
+  c as b,
+  se as c,
+  D as d,
+  V as e,
+  x as f,
+  k as g,
+  S as h,
+  fe as i,
+  be as j,
+  xe as k,
+  R as s,
+  F as u
+};

package/dist/js/listbox-KFMBDR-S.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),W=require("./divider-CGhRVA_A.cjs"),u=require("react"),X=require("./index-Dmlb2--K.cjs"),Y=require("./handle-arrow-navigation-CKkGc2A5.cjs"),Z=require("./use-mutation-observer-BBugqUeF.cjs"),E=u.createContext(null);function h(){const e=u.useContext(E);if(!e)throw new Error("useListboxContext must be used within a Listbox");return e}class f extends Error{constructor(t){super(t),this.name="ListboxError",Error.captureStackTrace&&Error.captureStackTrace(this,f)}}function v(e){const t=document.getElementById(e);if(!t)throw new f(`Listbox with id "${e}" does not exist in the document`);const n=t.firstElementChild;if(!(n instanceof HTMLSelectElement))throw new f(`Listbox "${e}" does not contain a select element as its first child. Found: ${n?.constructor.name??"null"}`);return n}function ee(e,t){const n=Array.from(e.options).find(o=>o.value===t);if(!(n instanceof HTMLOptionElement)){const o=Array.from(e.options).map(s=>s.value).join(", ");throw new f(`Option with value "${t}" does not exist in select element. Available values: [${o}]`)}return n}function j(e){const t=new Event("input",{bubbles:!0,cancelable:!0});e.dispatchEvent(t)}function A(e){const t=v(e),n=t.selectedOptions.length>0;for(const o of Array.from(t.selectedOptions))o.selected=!1;n&&j(t)}function g(e){const t=e instanceof HTMLSelectElement?e:v(e);return Array.from(t.selectedOptions).map(n=>n.value).filter(n=>n!=="")}const O='button[role="option"]',C=`${O}:is([aria-checked="true"], [aria-selected="true"])`;function w(e){return Array.from(e.querySelectorAll(C))}function T(e,t,n){const o=v(e),s=ee(o,t),r=s.selected;s.selected=n(s.selected,o),r!==s.selected&&j(o)}const b=u.createContext(null);function m(){const e=u.useContext(b);if(!e)throw new Error("useListboxRenderContext must be used within a Listbox");return e}const te={auto:(e,t)=>t.multiple?!e:!0,toggle:e=>!e,select:()=>!0};function ne(e){return e==="auto"||e==="toggle"||e==="select"}function oe(e){const{listboxId:t,selectAction:n}=e.currentTarget.dataset,o=e.currentTarget.value;!t||!o||ne(n)&&T(t,o,te[n])}function y({as:e,children:t,disabled:n,onClick:o,value:s,...r}){const i=e||"button",d=h(),x=m(),l=d.selectValue.includes(s);if(x==="native")return l?null:a.jsx("option",{value:s,children:t});const S=p=>{o?.(p),oe(p)};return a.jsx(i,{...r,"aria-checked":d.multiple?l:void 0,"aria-selected":d.multiple?void 0:l,"data-listbox-id":d.listboxId,"data-select-action":d.selectAction,disabled:d.disabled||n,onClick:S,role:"option",tabIndex:-1,type:"button",value:s,children:t})}y.displayName="Listbox.Option";function F({as:e,children:t,label:n,...o}){return m()==="native"?a.jsx("optgroup",{label:n,children:t}):a.jsx(e,{...o,label:n,role:"group",children:t})}F.displayName="Listbox.Optgroup";const se=X.styled_default("select")({name:"ElListboxSelect",class:"el-listbox-select",propsAsIs:!1});function k({children:e,onChange:t,placeholder:n="Select an option",multiple:o,value:s,...r}){return a.jsxs(se,{...r,hidden:!0,multiple:o,onChange:t,onInput:t,value:o?s:s[0]??"",children:[!o&&a.jsx("option",{value:"",children:n}),s.map(i=>a.jsx("option",{value:i,children:i},i)),a.jsx(b.Provider,{value:"native",children:e})]})}function ie(e){const t=e.currentTarget;t.contains(e.relatedTarget)||(t.tabIndex=0)}function L(e){return e instanceof HTMLButtonElement}function re(e){return e instanceof HTMLElement&&e.matches(":focus-visible")}function ce(e){const t=e.currentTarget,n=t.dataset.selectionFollowsFocus==="true",{relatedTarget:o,target:s}=e;if(!re(s))return;const i=!t.contains(o);if(t.contains(o)&&L(s)&&L(o)&&n){s.click();return}if(i){t.tabIndex=-1;const x=t.querySelector(C);if(L(x)){x.focus();return}const l=t.querySelector(O);L(l)&&(l.focus(),n&&l.click())}}function q({onBlur:e,onFocus:t,onKeyDown:n}){return{onBlur:i=>{e?.(i),ie(i)},onFocus:i=>{t?.(i),ce(i)},onKeyDown:i=>{n?.(i),Y.handleArrowNavigation(i,{selectors:O})}}}function B(e,t){const n=u.useRef(t);u.useEffect(function(){n.current=t},[t]);const o=u.useCallback(()=>{const s=document.getElementById(e);if(s){const r=w(s);n.current(r)}},[e]);u.useEffect(function(){o()},[]),Z.useMutationObserver(e,o,le)}const le={attributeFilter:["aria-checked","aria-selected"],subtree:!0};function V({defaultValue:e,multiple:t,onChange:n,value:o}){const[s,r]=u.useState(o??e??[]),i=o??s;return[t?i:i.slice(0,1),l=>{n?.(l),r(g(l.currentTarget))}]}function c({"aria-disabled":e=!1,"aria-multiselectable":t=!1,"aria-orientation":n="vertical","aria-required":o=!1,as:s,children:r,className:i,defaultValue:d,id:x,name:l,onBlur:S,onChange:p,onFocus:M,onKeyDown:N,placeholder:D,selectAction:P="auto",selectionFollowsFocus:H=!t,style:K,value:_,...$}){const z=s??"div",G=u.useId(),J=u.useId(),I=x??J,[R,Q]=V({defaultValue:d,multiple:t,onChange:p,value:_}),U=q({onBlur:S,onFocus:M,onKeyDown:N});return a.jsx(z,{...$,...U,"aria-disabled":e,"aria-multiselectable":t,"aria-orientation":n,"aria-required":o,"data-selection-follows-focus":H,className:i,id:I,role:"listbox",style:K,tabIndex:0,children:a.jsxs(E.Provider,{value:{disabled:e,listboxId:I,multiple:t,selectAction:P,selectValue:R},children:[a.jsx(k,{disabled:e,id:G,multiple:t,name:l,onChange:Q,placeholder:D,required:o,value:R,children:r}),a.jsx(b.Provider,{value:"custom",children:r})]})})}c.Divider=W.Divider;c.Option=y;c.Optgroup=F;c.Select=k;c.useSelectionObserver=B;c.Context=E;c.RenderContext=b;c.useContext=h;c.useRenderContext=m;c.clearValue=A;c.getSelectedOptions=w;c.getValue=g;c.setOptionSelectedState=T;exports.Listbox=c;exports.ListboxContext=E;exports.ListboxOptgroup=F;exports.ListboxOption=y;exports.ListboxRenderContext=b;exports.OPTION_SELECTOR=O;exports.SELECTED_OPTION_SELECTOR=C;exports.clearListboxValue=A;exports.getListboxSelectedOptions=w;exports.getListboxValue=g;exports.setListboxOptionSelectedState=T;exports.useFocusManagement=q;exports.useListboxContext=h;exports.useListboxRenderContext=m;exports.useListboxSelectionObserver=B;exports.useListboxState=V;

package/dist/js/match-media-BhV24ZxC.js

@@ -0,0 +1,7 @@
+import { u as e } from "./use-match-media-3UiitAUD.js";
+function n({ condition: t, children: a }) {
+  return e(t) ? a : null;
+}
+export {
+  n as M
+};

package/dist/js/match-media-CbN_J5GN.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./use-match-media-BfoAxEfC.cjs");function c({condition:e,children:t}){return a.useMatchMedia(e)?t:null}exports.MatchMedia=c;

package/dist/js/menu-CY3VaZRu.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),v=require("./index-8ctufnBx.cjs"),a=require("./index-Dmlb2--K.cjs"),r=require("react"),g=require("./popover-CbOEj92d.cjs"),B=require("./divider-CGhRVA_A.cjs"),D=require("./handle-arrow-navigation-CKkGc2A5.cjs"),S=require("./utils/keyboard-navigation.cjs"),j=a.styled_default("div")({name:"ElMenuGroup",class:"el-menu-group",propsAsIs:!1}),_=a.styled_default("div")({name:"ElMenuGroupLabelContainer",class:"el-menu-group-label-container",propsAsIs:!1});function E({"aria-label":e,children:n,label:l,role:i="group",...o}){const s=r.useId();return t.jsxs(j,{...o,"aria-label":e,"aria-labelledby":e?void 0:s,role:i,children:[l&&t.jsx(_,{id:s,children:l}),n]})}E.displayName="Menu.Group";const k="el-menu-item",b=a.styled_default("span")({name:"ElMenuItemIconContainer",class:"el-menu-item-icon-container",propsAsIs:!1}),G=a.styled_default("span")({name:"ElMenuItemContentContainer",class:"el-menu-item-content-container",propsAsIs:!1}),N=a.styled_default("span")({name:"ElMenuItemLabel",class:"el-menu-item-label",propsAsIs:!1}),P=a.styled_default("span")({name:"ElMenuItemLabelText",class:"el-menu-item-label-text",propsAsIs:!1}),T=a.styled_default("span")({name:"ElMenuItemBadgeContainer",class:"el-menu-item-badge-container",propsAsIs:!1}),q=a.styled_default("span")({name:"ElMenuItemSupplementaryInfo",class:"el-menu-item-supplementary-info",propsAsIs:!1});function x({"aria-disabled":e,as:n,badge:l,className:i,children:o,iconLeft:s,iconRight:d,onClick:c,role:f="menuitem",supplementaryInfo:m,...p}){const I=r.useId(),y=r.useId(),A=r.useId(),$=r.useCallback(M=>{if(M.currentTarget.getAttribute("aria-disabled")==="true"){M.preventDefault(),M.stopPropagation();return}c?.(M)},[c]);return t.jsxs(n,{...p,"aria-details":`${y} ${A}`,"aria-disabled":!!p.disabled||!!e,"aria-labelledby":I,className:v.cx_default(k,i),onClick:$,role:f,children:[s&&t.jsx(b,{"aria-hidden":!0,children:s}),t.jsxs(G,{children:[t.jsxs(N,{children:[o&&t.jsx(P,{id:I,children:o}),l&&t.jsx(T,{id:y,children:l})]}),m&&t.jsx(q,{id:A,children:m})]}),d&&t.jsx(b,{"aria-hidden":!0,children:d})]})}function C(e){return t.jsx(x,{as:"a",...e})}C.displayName="Menu.AnchorItem";function h(e){return t.jsx(x,{as:"button",...e})}h.displayName="Menu.Item";const L="el-menu";function w(e){return r.useCallback(n=>{e?.(n),!n.defaultPrevented&&n.target instanceof HTMLElement&&(n.target.role==="menuitem"||n.target.closest('[role="menuitem"]')!==null)&&n.currentTarget.hidePopover()},[e])}function H(e){return r.useCallback(n=>{e?.(n),!n.defaultPrevented&&(S.handleLinkActivation(n),D.handleArrowNavigation(n))},[e])}function u({"aria-labelledby":e,children:n,className:l,gap:i="--spacing-1",maxHeight:o,maxWidth:s,onClick:d,onKeyDown:c,placement:f="top-start",...m}){const p=w(d),I=H(c);return t.jsx(g.Popover,{...m,"aria-labelledby":e,anchorId:e,className:v.cx_default(L,l),elevation:"xl",gap:`var(${i})`,maxHeight:`var(${o})`,maxWidth:`var(${s})`,onClick:p,onKeyDown:I,placement:f,positionTryFallbacks:"flip-block, flip-inline",popover:"auto",role:"menu",children:n})}u.AnchorItem=C;u.Divider=B.Divider;u.Group=E;u.Item=h;u.getClosestMenuElement=g.Popover.getClosestPopoverElement;u.getTriggerProps=g.Popover.getTriggerProps;exports.AnchorMenuItem=C;exports.ElMenuGroup=j;exports.ElMenuGroupLabelContainer=_;exports.ElMenuItemBadgeContainer=T;exports.ElMenuItemContentContainer=G;exports.ElMenuItemIconContainer=b;exports.ElMenuItemLabel=N;exports.ElMenuItemLabelText=P;exports.ElMenuItemSupplementaryInfo=q;exports.Menu=u;exports.MenuGroup=E;exports.MenuItem=h;exports.MenuItemBase=x;exports.elMenu=L;exports.elMenuItem=k;

package/dist/js/{menu-CBeq-0T4.js → menu-D9gFfy6f.js}

@@ -2,9 +2,10 @@ import { jsxs as f, jsx as a } from "react/jsx-runtime";
 import { c as y } from "./index-BsMVp4qF.js";
 import { s as t } from "./index-YtxCR-9e.js";
 import { useId as b, useCallback as g } from "react";
-import { P as h } from "./popover-bBQLwPua.js";
+import { P as h } from "./popover-CBn3dqXl.js";
 import { D as T } from "./divider-BoruTiNP.js";
-import { handleLinkActivation as G, handleArrowNavigation as L } from "./utils/keyboard-navigation.js";
+import { h as G } from "./handle-arrow-navigation-r7GKm-no.js";
+import { handleLinkActivation as L } from "./utils/keyboard-navigation.js";
 const $ = /* @__PURE__ */ t("div")({
   name: "ElMenuGroup",
   class: "el-menu-group",
@@ -14,10 +15,10 @@ const $ = /* @__PURE__ */ t("div")({
   class: "el-menu-group-label-container",
   propsAsIs: !1
 });
-function x({ "aria-label": e, children: n, label: l, role: i = "group", ...r }) {
-  const s = b();
-  return /* @__PURE__ */ f($, { ...r, "aria-label": e, "aria-labelledby": e ? void 0 : s, role: i, children: [
-    l && /* @__PURE__ */ a(D, { id: s, children: l }),
+function x({ "aria-label": e, children: n, label: s, role: i = "group", ...r }) {
+  const l = b();
+  return /* @__PURE__ */ f($, { ...r, "aria-label": e, "aria-labelledby": e ? void 0 : l, role: i, children: [
+    s && /* @__PURE__ */ a(D, { id: l, children: s }),
     n
   ] });
 }
@@ -50,10 +51,10 @@ const j = "el-menu-item", A = /* @__PURE__ */ t("span")({
 function v({
   "aria-disabled": e,
   as: n,
-  badge: l,
+  badge: s,
   className: i,
   children: r,
-  iconLeft: s,
+  iconLeft: l,
   iconRight: u,
   onClick: m,
   role: M = "menuitem",
@@ -81,11 +82,11 @@ function v({
       onClick: N,
       role: M,
       children: [
-        s && /* @__PURE__ */ a(A, { "aria-hidden": !0, children: s }),
+        l && /* @__PURE__ */ a(A, { "aria-hidden": !0, children: l }),
         /* @__PURE__ */ f(B, { children: [
           /* @__PURE__ */ f(H, { children: [
             r && /* @__PURE__ */ a(K, { id: d, children: r }),
-            l && /* @__PURE__ */ a(S, { id: E, children: l })
+            s && /* @__PURE__ */ a(S, { id: E, children: s })
           ] }),
           c && /* @__PURE__ */ a(_, { id: C, children: c })
         ] }),
@@ -115,7 +116,7 @@ function F(e) {
 function O(e) {
   return g(
     (n) => {
-      e?.(n), !n.defaultPrevented && (G(n), L(n));
+      e?.(n), !n.defaultPrevented && (L(n), G(n));
     },
     [e]
   );
@@ -123,10 +124,10 @@ function O(e) {
 function o({
   "aria-labelledby": e,
   children: n,
-  className: l,
+  className: s,
   gap: i = "--spacing-1",
   maxHeight: r,
-  maxWidth: s,
+  maxWidth: l,
   onClick: u,
   onKeyDown: m,
   placement: M = "top-start",
@@ -139,11 +140,11 @@ function o({
       ...c,
       "aria-labelledby": e,
       anchorId: e,
-      className: y(w, l),
+      className: y(w, s),
       elevation: "xl",
       gap: `var(${i})`,
       maxHeight: `var(${r})`,
-      maxWidth: `var(${s})`,
+      maxWidth: `var(${l})`,
       onClick: p,
       onKeyDown: d,
       placement: M,

package/dist/js/{pagination-C1lz9wwq.js → pagination-AKajPRWK.js}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as u } from "react/jsx-runtime";
 import { s } from "./index-YtxCR-9e.js";
-import { B as m } from "./button-base-B_Ks3sJk.js";
+import { B as m } from "./button-base-BcnVjgNa.js";
 import { ChevronLeftIcon as k } from "./icons/chevron-left.js";
 import { ChevronRightIcon as I } from "./icons/chevron-right.js";
 import { useCallback as c } from "react";

package/dist/js/{pagination-Bn3xDaYg.cjs → pagination-BsjPCoTa.cjs}

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),l=require("./index-Dmlb2--K.cjs"),h=require("./button-base-D8LjBAOF.cjs"),k=require("./icons/chevron-left.cjs"),L=require("./icons/chevron-right.cjs"),g=require("react"),u=l.styled_default("span")({name:"ElPaginationInfo",class:"el-pagination-info",propsAsIs:!1});function r({pageNumber:n,pageCount:i,...t}){return a.jsx(u,{...t,children:`${n} of ${i}`})}function d(n,i,t){return n==="next-page"?i===t:i===1}const f=l.styled_default("nav")({name:"ElPagination",class:"el-pagination",propsAsIs:!1}),P=l.styled_default("ul")({name:"ElPaginationList",class:"el-pagination-list",propsAsIs:!1}),o=l.styled_default("li")({name:"ElPaginationItem",class:"el-pagination-item",propsAsIs:!1});function E(n,i,t){switch(n){case"next-page":return`Page ${Math.min(t,i+1)}`;case"previous-page":return`Page ${Math.max(1,i-1)}`}}function v(n,i,t){return{"aria-disabled":d(n,i,t),"aria-label":E(n,i,t),variant:n}}function x({variant:n,...i}){const t=n==="next-page"?a.jsx(L.ChevronRightIcon,{}):a.jsx(k.ChevronLeftIcon,{});return a.jsx(h.ButtonBase,{...i,iconLeft:t,size:"small",variant:"tertiary"})}function B(n){return a.jsx(x,{...n,as:"a"})}function c({type:n="button",...i}){return a.jsx(x,{...i,as:"button",type:n})}function s({leftAction:n,onPageChange:i,pageCount:t,pageNumber:e,rightAction:p}){const I=g.useCallback(()=>{i?.(e+1)},[e]),j=g.useCallback(()=>{i?.(e-1)},[e]);return a.jsx(f,{"aria-label":"Pagination",children:a.jsxs(P,{children:[a.jsx(o,{children:n??a.jsx(c,{"aria-label":"Go to previous page",disabled:e===1,onClick:j,variant:"previous-page"})}),a.jsx(o,{children:a.jsx(r,{pageNumber:e,pageCount:t})}),a.jsx(o,{children:p??a.jsx(c,{"aria-label":"Go to next page",disabled:e===t,onClick:I,variant:"next-page"})})]})})}s.Info=r;s.Link=B;s.LinkButton=c;s.getLinkProps=v;exports.ElPagination=f;exports.ElPaginationInfo=u;exports.ElPaginationItem=o;exports.ElPaginationList=P;exports.Pagination=s;exports.PaginationInfo=r;exports.isTerminalPage=d;
+"use strict";const a=require("react/jsx-runtime"),l=require("./index-Dmlb2--K.cjs"),h=require("./button-base-tw0zLUCC.cjs"),k=require("./icons/chevron-left.cjs"),L=require("./icons/chevron-right.cjs"),g=require("react"),u=l.styled_default("span")({name:"ElPaginationInfo",class:"el-pagination-info",propsAsIs:!1});function r({pageNumber:n,pageCount:i,...t}){return a.jsx(u,{...t,children:`${n} of ${i}`})}function d(n,i,t){return n==="next-page"?i===t:i===1}const f=l.styled_default("nav")({name:"ElPagination",class:"el-pagination",propsAsIs:!1}),P=l.styled_default("ul")({name:"ElPaginationList",class:"el-pagination-list",propsAsIs:!1}),o=l.styled_default("li")({name:"ElPaginationItem",class:"el-pagination-item",propsAsIs:!1});function E(n,i,t){switch(n){case"next-page":return`Page ${Math.min(t,i+1)}`;case"previous-page":return`Page ${Math.max(1,i-1)}`}}function v(n,i,t){return{"aria-disabled":d(n,i,t),"aria-label":E(n,i,t),variant:n}}function x({variant:n,...i}){const t=n==="next-page"?a.jsx(L.ChevronRightIcon,{}):a.jsx(k.ChevronLeftIcon,{});return a.jsx(h.ButtonBase,{...i,iconLeft:t,size:"small",variant:"tertiary"})}function B(n){return a.jsx(x,{...n,as:"a"})}function c({type:n="button",...i}){return a.jsx(x,{...i,as:"button",type:n})}function s({leftAction:n,onPageChange:i,pageCount:t,pageNumber:e,rightAction:p}){const I=g.useCallback(()=>{i?.(e+1)},[e]),j=g.useCallback(()=>{i?.(e-1)},[e]);return a.jsx(f,{"aria-label":"Pagination",children:a.jsxs(P,{children:[a.jsx(o,{children:n??a.jsx(c,{"aria-label":"Go to previous page",disabled:e===1,onClick:j,variant:"previous-page"})}),a.jsx(o,{children:a.jsx(r,{pageNumber:e,pageCount:t})}),a.jsx(o,{children:p??a.jsx(c,{"aria-label":"Go to next page",disabled:e===t,onClick:I,variant:"next-page"})})]})})}s.Info=r;s.Link=B;s.LinkButton=c;s.getLinkProps=v;exports.ElPagination=f;exports.ElPaginationInfo=u;exports.ElPaginationItem=o;exports.ElPaginationList=P;exports.Pagination=s;exports.PaginationInfo=r;exports.isTerminalPage=d;

package/dist/js/popover-CBn3dqXl.js

@@ -0,0 +1,85 @@
+import { jsxs as A, jsx as C } from "react/jsx-runtime";
+import { A as I } from "./anchor-positioning-B1GaMHJG.js";
+import { c as T } from "./index-BsMVp4qF.js";
+function b({
+  id: o,
+  popoverTarget: e,
+  popoverTargetAction: r
+}) {
+  return {
+    id: o,
+    popovertarget: e,
+    popovertargetaction: r
+  };
+}
+const y = "el-popover";
+function N(o) {
+  return o.closest("[popover]");
+}
+function n({
+  alignSelf: o,
+  anchorId: e,
+  borderRadius: r,
+  children: p,
+  className: s,
+  bottom: a,
+  elevation: i = "none",
+  gap: l,
+  id: t,
+  justifySelf: g,
+  left: v,
+  maxHeight: c,
+  maxWidth: m,
+  minWidth: u,
+  placement: P,
+  positionTryFallbacks: d,
+  popover: f = "auto",
+  right: h,
+  style: x,
+  top: E,
+  ...j
+}) {
+  return /* @__PURE__ */ A(
+    "div",
+    {
+      ...j,
+      className: T(y, s),
+      "data-elevation": i,
+      id: t,
+      popover: f,
+      style: {
+        ...x,
+        "--popover-border-radius": r,
+        "--popover-max-height": c
+      },
+      children: [
+        /* @__PURE__ */ C(
+          I,
+          {
+            anchorElementId: e,
+            alignSelf: o,
+            bottom: a,
+            gap: l,
+            justifySelf: g,
+            left: v,
+            maxWidth: m,
+            minWidth: u,
+            placement: P,
+            positionedElementId: t,
+            positionTryFallbacks: d,
+            right: h,
+            top: E
+          }
+        ),
+        p
+      ]
+    }
+  );
+}
+n.getTriggerProps = b;
+n.getClosestPopoverElement = N;
+export {
+  n as P,
+  y as e,
+  b as g
+};

package/dist/js/popover-CbOEj92d.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),I=require("./anchor-positioning-CLE_h1Lf.cjs"),b=require("./index-8ctufnBx.cjs");function i({id:e,popoverTarget:o,popoverTargetAction:r}){return{id:e,popovertarget:o,popovertargetaction:r}}const p="el-popover";function y(e){return e.closest("[popover]")}function t({alignSelf:e,anchorId:o,borderRadius:r,children:c,className:g,bottom:v,elevation:l="none",gap:a,id:n,justifySelf:u,left:P,maxHeight:d,maxWidth:m,minWidth:h,placement:x,positionTryFallbacks:f,popover:E="auto",right:j,style:q,top:T,...C}){return s.jsxs("div",{...C,className:b.cx_default(p,g),"data-elevation":l,id:n,popover:E,style:{...q,"--popover-border-radius":r,"--popover-max-height":d},children:[s.jsx(I.AnchorPositioning,{anchorElementId:o,alignSelf:e,bottom:v,gap:a,justifySelf:u,left:P,maxWidth:m,minWidth:h,placement:x,positionedElementId:n,positionTryFallbacks:f,right:j,top:T}),c]})}t.getTriggerProps=i;t.getClosestPopoverElement=y;exports.Popover=t;exports.elPopover=p;exports.getPopoverTriggerProps=i;