@okam/stack-ui 1.35.3 → 1.35.4

package/index108.mjs

@@ -1,54 +1,65 @@
-const a = [
-  "aria-activedescendant",
-  "aria-atomic",
-  "aria-autocomplete",
-  "aria-busy",
-  "aria-checked",
-  "aria-colcount",
-  "aria-colindex",
-  "aria-colspan",
-  "aria-controls",
-  "aria-current",
-  "aria-describedby",
-  "aria-details",
-  "aria-disabled",
-  "aria-dropeffect",
-  "aria-errormessage",
-  "aria-expanded",
-  "aria-flowto",
-  "aria-grabbed",
-  "aria-haspopup",
-  "aria-hidden",
-  "aria-invalid",
-  "aria-keyshortcuts",
-  "aria-label",
-  "aria-labelledby",
-  "aria-level",
-  "aria-live",
-  "aria-modal",
-  "aria-multiline",
-  "aria-multiselectable",
-  "aria-orientation",
-  "aria-owns",
-  "aria-placeholder",
-  "aria-posinset",
-  "aria-pressed",
-  "aria-readonly",
-  "aria-relevant",
-  "aria-required",
-  "aria-roledescription",
-  "aria-rowcount",
-  "aria-rowindex",
-  "aria-rowspan",
-  "aria-selected",
-  "aria-setsize",
-  "aria-sort",
-  "aria-valuemax",
-  "aria-valuemin",
-  "aria-valuenow",
-  "aria-valuetext"
-], r = ["disabled", "checked", "selected", "required"];
+import { jsx as o } from "react/jsx-runtime";
+import * as M from "./index144.mjs";
+import { Swiper as N, SwiperSlide as $ } from "./index145.mjs";
+import a from "./index69.mjs";
+import I from "./index146.mjs";
+const D = (p) => {
+  const {
+    slides: n,
+    slidesPerView: d = 1,
+    spaceBetween: m = 50,
+    themeName: r,
+    tokens: s,
+    customTheme: c,
+    modules: i,
+    a11y: t,
+    children: u = (e) => /* @__PURE__ */ o(I, { ...e }),
+    ...w
+  } = p, h = a(`${r}.slide.wrapper`, s), f = a(`${r}.swiper.swiper`, s, c), b = a(`${r}.swiper.wrapper`, s), g = ["A11y"], y = [...(i == null ? void 0 : i.filter((e) => e !== "Pagination")) ?? [], ...g].map(
+    (e) => M[e]
+  ), {
+    itemRoleDescriptionMessage: S = "slide",
+    slideRole: x = "group",
+    containerRoleDescriptionMessage: T = "carousel"
+  } = t ?? {};
+  return /* @__PURE__ */ o(
+    N,
+    {
+      tabIndex: 0,
+      ...w,
+      watchSlidesProgress: !0,
+      role: "group",
+      "aria-roledescription": T ?? void 0,
+      slidesPerView: d,
+      spaceBetween: m,
+      className: f,
+      wrapperClass: b,
+      modules: y,
+      keyboard: {
+        enabled: !0,
+        onlyInViewport: !1
+      },
+      a11y: {
+        ...t,
+        enabled: !1
+      },
+      children: n.map((e) => {
+        const { id: l, title: C } = e;
+        return /* @__PURE__ */ o(
+          $,
+          {
+            className: h,
+            ...C ? { "aria-labelledby": l } : { "aria-label": e.ariaLabel },
+            role: x,
+            "aria-roledescription": S ?? void 0,
+            children: u({ ...e, themeName: `${r}.slide`, tokens: s })
+          },
+          l
+        );
+      })
+    }
+  );
+};
 export {
-  a as ariaAttributes,
-  r as booleanAttributes
+  D as default
 };

package/index109.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("react"),o=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:48,width:48,fill:"currentColor",...t}),r=s.memo(o);module.exports=r;
+"use strict";const e=require("react/jsx-runtime"),c=require("react-aria"),l=require("./index27.js"),p=require("./index147.js"),d=a=>{const{themeName:r,tokens:i,slides:t,activeIndex:s,paginationGroupLabel:n}=a;return e.jsx(l.default,{as:"div",themeName:`${r}.wrapper`,tokens:i,role:"group","aria-label":n,children:e.jsx(c.FocusScope,{children:t.map((o,u)=>e.jsx(p,{index:u,activeIndex:s,slides:t,themeName:r,tokens:i},JSON.stringify(o)))})})};module.exports=d;

package/index109.mjs

@@ -1,6 +1,31 @@
-import { jsx as t } from "react/jsx-runtime";
-import { memo as r } from "react";
-const m = (o) => /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", height: 48, width: 48, fill: "currentColor", ...o }), e = r(m);
+import { jsx as e } from "react/jsx-runtime";
+import { FocusScope as p } from "react-aria";
+import s from "./index27.mjs";
+import u from "./index147.mjs";
+const h = (i) => {
+  const { themeName: o, tokens: r, slides: a, activeIndex: t, paginationGroupLabel: n } = i;
+  return /* @__PURE__ */ e(
+    s,
+    {
+      as: "div",
+      themeName: `${o}.wrapper`,
+      tokens: r,
+      role: "group",
+      "aria-label": n,
+      children: /* @__PURE__ */ e(p, { children: a.map((m, l) => /* @__PURE__ */ e(
+        u,
+        {
+          index: l,
+          activeIndex: t,
+          slides: a,
+          themeName: o,
+          tokens: r
+        },
+        JSON.stringify(m)
+      )) })
+    }
+  );
+};
 export {
-  e as default
+  h as default
 };

package/index11.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),k=require("react-aria"),L=require("./index74.js"),A=require("./index27.js"),g=require("./index12.js"),I=require("./index106.js"),w=require("./index107.js"),M=p=>{const{id:l,themeName:i="carousel",tokens:r,customTheme:W,slides:x,a11y:n,modules:a,prevButton:h=g.CarouselPrevNavigationButton,nextButton:N=g.CarouselNextNavigationButton,onSwiper:u,onSlideChange:c,...b}=p,m=s.useRef(null),j=s.useRef(null),{enabled:B=!0,paginationGroupLabel:C="pagination",...f}=n??{},v=a==null?void 0:a.includes("Navigation"),q=a==null?void 0:a.includes("Pagination"),[$,P]=s.useState(),[d,R]=s.useState(0),o=x.map((e,S)=>({...e,ariaLabel:e.ariaLabel??`${S+1} / ${x.length}`}));return t.jsx(A.default,{themeName:`${i}.carouselWrapper`,tokens:r,children:t.jsxs(L.SwiperControllerContextProvider,{controller:$,children:[v&&t.jsx(h,{themeName:`${i}.navigation.button`,tokens:{...r,order:"prev"},ref:m,"aria-label":n==null?void 0:n.prevSlideMessage,"aria-controls":l}),t.jsx(I,{themeName:i,tokens:r,id:l,slides:o,onSwiper:e=>{P(e),u==null||u(e)},onSlideChange:e=>{R(e.activeIndex),c==null||c(e)},a11y:f,modules:a,...b}),v&&t.jsx(N,{themeName:`${i}.navigation.button`,tokens:{...r,order:"next"},ref:j,"aria-label":n==null?void 0:n.nextSlideMessage,"aria-controls":l}),q&&t.jsx(w,{themeName:`${i}.pagination`,tokens:r,activeIndex:d,slides:o,paginationGroupLabel:C}),B&&t.jsx(k.VisuallyHidden,{children:t.jsx("div",{"aria-live":"polite",children:o[d].title??o[d].ariaLabel})})]})})};module.exports=M;
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),k=require("react-aria"),L=require("./index76.js"),A=require("./index27.js"),g=require("./index12.js"),I=require("./index108.js"),w=require("./index109.js"),M=p=>{const{id:l,themeName:i="carousel",tokens:r,customTheme:W,slides:x,a11y:n,modules:a,prevButton:h=g.CarouselPrevNavigationButton,nextButton:N=g.CarouselNextNavigationButton,onSwiper:u,onSlideChange:c,...b}=p,m=s.useRef(null),j=s.useRef(null),{enabled:B=!0,paginationGroupLabel:C="pagination",...f}=n??{},v=a==null?void 0:a.includes("Navigation"),q=a==null?void 0:a.includes("Pagination"),[$,P]=s.useState(),[d,R]=s.useState(0),o=x.map((e,S)=>({...e,ariaLabel:e.ariaLabel??`${S+1} / ${x.length}`}));return t.jsx(A.default,{themeName:`${i}.carouselWrapper`,tokens:r,children:t.jsxs(L.SwiperControllerContextProvider,{controller:$,children:[v&&t.jsx(h,{themeName:`${i}.navigation.button`,tokens:{...r,order:"prev"},ref:m,"aria-label":n==null?void 0:n.prevSlideMessage,"aria-controls":l}),t.jsx(I,{themeName:i,tokens:r,id:l,slides:o,onSwiper:e=>{P(e),u==null||u(e)},onSlideChange:e=>{R(e.activeIndex),c==null||c(e)},a11y:f,modules:a,...b}),v&&t.jsx(N,{themeName:`${i}.navigation.button`,tokens:{...r,order:"next"},ref:j,"aria-label":n==null?void 0:n.nextSlideMessage,"aria-controls":l}),q&&t.jsx(w,{themeName:`${i}.pagination`,tokens:r,activeIndex:d,slides:o,paginationGroupLabel:C}),B&&t.jsx(k.VisuallyHidden,{children:t.jsx("div",{"aria-live":"polite",children:o[d].title??o[d].ariaLabel})})]})})};module.exports=M;

package/index11.mjs

@@ -2,11 +2,11 @@
 import { jsx as a, jsxs as R } from "react/jsx-runtime";
 import { useRef as d, useState as v } from "react";
 import { VisuallyHidden as j } from "react-aria";
-import { SwiperControllerContextProvider as w } from "./index74.mjs";
+import { SwiperControllerContextProvider as w } from "./index76.mjs";
 import A from "./index27.mjs";
 import { CarouselPrevNavigationButton as M, CarouselNextNavigationButton as W } from "./index12.mjs";
-import y from "./index106.mjs";
-import E from "./index107.mjs";
+import y from "./index108.mjs";
+import E from "./index109.mjs";
 const J = (f) => {
   const {
     id: s,

package/index110.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("radashi"),t=require("react"),c=r=>e.jsxs("svg",{width:20,height:20,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20",...r,children:[e.jsxs("g",{stroke:"currentColor",clipPath:"url(#a)",children:[e.jsx("circle",{cx:"8.2727",cy:"8.2727",r:"7.2727"}),e.jsx("path",{d:"M13.4551 13.4531L19.5005 19.4986"})]}),e.jsx("defs",{children:e.jsx("clipPath",{children:e.jsx("path",{fill:"currentColor",d:"M0 0h14v14H0z"})})})]}),i=t.memo(c,s.isEqual);module.exports=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=["aria-activedescendant","aria-atomic","aria-autocomplete","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colspan","aria-controls","aria-current","aria-describedby","aria-details","aria-disabled","aria-dropeffect","aria-errormessage","aria-expanded","aria-flowto","aria-grabbed","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-modal","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"],r=["disabled","checked","selected","required"];exports.ariaAttributes=a;exports.booleanAttributes=r;

package/index110.mjs

@@ -1,13 +1,54 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { isEqual as e } from "radashi";
-import { memo as l } from "react";
-const i = (t) => /* @__PURE__ */ o("svg", { width: 20, height: 20, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...t, children: [
-  /* @__PURE__ */ o("g", { stroke: "currentColor", clipPath: "url(#a)", children: [
-    /* @__PURE__ */ r("circle", { cx: "8.2727", cy: "8.2727", r: "7.2727" }),
-    /* @__PURE__ */ r("path", { d: "M13.4551 13.4531L19.5005 19.4986" })
-  ] }),
-  /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { children: /* @__PURE__ */ r("path", { fill: "currentColor", d: "M0 0h14v14H0z" }) }) })
-] }), s = l(i, e);
+const a = [
+  "aria-activedescendant",
+  "aria-atomic",
+  "aria-autocomplete",
+  "aria-busy",
+  "aria-checked",
+  "aria-colcount",
+  "aria-colindex",
+  "aria-colspan",
+  "aria-controls",
+  "aria-current",
+  "aria-describedby",
+  "aria-details",
+  "aria-disabled",
+  "aria-dropeffect",
+  "aria-errormessage",
+  "aria-expanded",
+  "aria-flowto",
+  "aria-grabbed",
+  "aria-haspopup",
+  "aria-hidden",
+  "aria-invalid",
+  "aria-keyshortcuts",
+  "aria-label",
+  "aria-labelledby",
+  "aria-level",
+  "aria-live",
+  "aria-modal",
+  "aria-multiline",
+  "aria-multiselectable",
+  "aria-orientation",
+  "aria-owns",
+  "aria-placeholder",
+  "aria-posinset",
+  "aria-pressed",
+  "aria-readonly",
+  "aria-relevant",
+  "aria-required",
+  "aria-roledescription",
+  "aria-rowcount",
+  "aria-rowindex",
+  "aria-rowspan",
+  "aria-selected",
+  "aria-setsize",
+  "aria-sort",
+  "aria-valuemax",
+  "aria-valuemin",
+  "aria-valuenow",
+  "aria-valuetext"
+], r = ["disabled", "checked", "selected", "required"];
 export {
-  s as default
+  a as ariaAttributes,
+  r as booleanAttributes
 };

package/index111.js

@@ -1 +1 @@
-"use strict";const i=(r,n,t)=>{const e=r[n];return e?typeof e=="function"?e():Promise.resolve(e):new Promise((s,o)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(o.bind(null,new Error("Unknown variable dynamic import: "+n+(n.split("/").length!==t?". Note that variables only represent file names one level deep.":""))))})};module.exports=i;
+"use strict";const e=require("react/jsx-runtime"),s=require("react"),o=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:48,width:48,fill:"currentColor",...t}),r=s.memo(o);module.exports=r;

package/index111.mjs

@@ -1,16 +1,6 @@
-const l = (r, n, t) => {
-  const e = r[n];
-  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((i, o) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      o.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + n + (n.split("/").length !== t ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
-  });
-};
+import { jsx as t } from "react/jsx-runtime";
+import { memo as r } from "react";
+const m = (o) => /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", height: 48, width: 48, fill: "currentColor", ...o }), e = r(m);
 export {
-  l as default
+  e as default
 };

package/index112.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),h=require("react-aria"),k=require("./index67.js"),l=require("./index27.js"),j=require("./index3.js"),N=require("./index145.js"),d=({item:o,state:a,themeName:n="li"})=>{const r=p.useRef(null),{optionProps:e,isFocusVisible:i}=h.useOption({key:o.key},a,r),c=k(n);return t.jsx(j.TypographyWithForwardRef,{as:"li",...e,tokens:{className:`${c} ${i?"has-focus-ring":""}`},ref:r,children:o.rendered})},y=o=>{const{children:a,listBoxRef:n,themeName:r,...e}=o;return t.jsx(h.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:!0,children:t.jsx(l.BoxWithForwardRef,{...e,ref:n,as:"ul",themeName:`${r}.ul`,children:a})})},B=o=>{const a=p.useRef(null),{listBoxRef:n=a,state:r,themeName:e="option",optionsWithHeaders:i}=o,{listBoxProps:c}=h.useListBox(o,r,n),m=Array.from(r.collection),$=N.useListboxSections(m,i||[]);return(i==null?void 0:i.some(s=>{var u;return(u=s.key)==null?void 0:u.includes("header-")}))?t.jsx(y,{...c,listBoxRef:n,themeName:e,children:$.map(s=>{var x;const u=s.header?`section-${s.header.key}`:`section-${((x=s.items[0])==null?void 0:x.key)||"empty"}`;return t.jsx(l.default,{as:"li",themeName:`${e}.group`,children:t.jsxs(l.default,{as:"section",themeName:`${e}.section`,children:[s.header&&t.jsx(j.default,{as:"header",themeName:`${e}.headerText`,children:s.header.rendered},s.header.key),t.jsx(l.default,{as:"ul",themeName:`${e}.list`,children:s.items.map(f=>t.jsx(d,{themeName:`${e}.li`,item:f,state:r},String(f.key)))})]})},u)})}):t.jsx(y,{...c,listBoxRef:n,themeName:e,children:m.map(s=>t.jsx(d,{themeName:`${e}.li`,item:s,state:r},s.key))})};exports.ListBox=B;exports.Option=d;
+"use strict";const e=require("react/jsx-runtime"),s=require("radashi"),t=require("react"),c=r=>e.jsxs("svg",{width:20,height:20,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20",...r,children:[e.jsxs("g",{stroke:"currentColor",clipPath:"url(#a)",children:[e.jsx("circle",{cx:"8.2727",cy:"8.2727",r:"7.2727"}),e.jsx("path",{d:"M13.4551 13.4531L19.5005 19.4986"})]}),e.jsx("defs",{children:e.jsx("clipPath",{children:e.jsx("path",{fill:"currentColor",d:"M0 0h14v14H0z"})})})]}),i=t.memo(c,s.isEqual);module.exports=i;

package/index112.mjs

@@ -1,40 +1,13 @@
-import { jsx as o, jsxs as $ } from "react/jsx-runtime";
-import y from "react";
-import { useListBox as N, useOption as k, FocusScope as B } from "react-aria";
-import R from "./index67.mjs";
-import h, { BoxWithForwardRef as F } from "./index27.mjs";
-import g, { TypographyWithForwardRef as L } from "./index3.mjs";
-import { useListboxSections as S } from "./index145.mjs";
-const p = ({ item: s, state: i, themeName: n = "li" }) => {
-  const t = y.useRef(null), { optionProps: e, isFocusVisible: a } = k({ key: s.key }, i, t), m = R(n);
-  return /* @__PURE__ */ o(
-    L,
-    {
-      as: "li",
-      ...e,
-      tokens: { className: `${m} ${a ? "has-focus-ring" : ""}` },
-      ref: t,
-      children: s.rendered
-    }
-  );
-}, f = (s) => {
-  const { children: i, listBoxRef: n, themeName: t, ...e } = s;
-  return /* @__PURE__ */ o(B, { autoFocus: !0, restoreFocus: !0, contain: !0, children: /* @__PURE__ */ o(F, { ...e, ref: n, as: "ul", themeName: `${t}.ul`, children: i }) });
-}, C = (s) => {
-  const i = y.useRef(null), { listBoxRef: n = i, state: t, themeName: e = "option", optionsWithHeaders: a } = s, { listBoxProps: m } = N(s, t, n), l = Array.from(t.collection), x = S(l, a || []);
-  return (a == null ? void 0 : a.some((r) => {
-    var c;
-    return (c = r.key) == null ? void 0 : c.includes("header-");
-  })) ? /* @__PURE__ */ o(f, { ...m, listBoxRef: n, themeName: e, children: x.map((r) => {
-    var u;
-    const c = r.header ? `section-${r.header.key}` : `section-${((u = r.items[0]) == null ? void 0 : u.key) || "empty"}`;
-    return /* @__PURE__ */ o(h, { as: "li", themeName: `${e}.group`, children: /* @__PURE__ */ $(h, { as: "section", themeName: `${e}.section`, children: [
-      r.header && /* @__PURE__ */ o(g, { as: "header", themeName: `${e}.headerText`, children: r.header.rendered }, r.header.key),
-      /* @__PURE__ */ o(h, { as: "ul", themeName: `${e}.list`, children: r.items.map((d) => /* @__PURE__ */ o(p, { themeName: `${e}.li`, item: d, state: t }, String(d.key))) })
-    ] }) }, c);
-  }) }) : /* @__PURE__ */ o(f, { ...m, listBoxRef: n, themeName: e, children: l.map((r) => /* @__PURE__ */ o(p, { themeName: `${e}.li`, item: r, state: t }, r.key)) });
-};
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { isEqual as e } from "radashi";
+import { memo as l } from "react";
+const i = (t) => /* @__PURE__ */ o("svg", { width: 20, height: 20, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 20 20", ...t, children: [
+  /* @__PURE__ */ o("g", { stroke: "currentColor", clipPath: "url(#a)", children: [
+    /* @__PURE__ */ r("circle", { cx: "8.2727", cy: "8.2727", r: "7.2727" }),
+    /* @__PURE__ */ r("path", { d: "M13.4551 13.4531L19.5005 19.4986" })
+  ] }),
+  /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { children: /* @__PURE__ */ r("path", { fill: "currentColor", d: "M0 0h14v14H0z" }) }) })
+] }), s = l(i, e);
 export {
-  C as ListBox,
-  p as Option
+  s as default
 };

package/index113.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),m=require("react"),s=require("react-aria"),i=require("./index27.js"),f=o=>{const n=m.useRef(null),{popoverRef:t=n,state:r,children:c,themeName:u="popover",tokens:l,customTheme:h,triggerRef:x,...d}=o,{popoverProps:p,underlayProps:a}=s.usePopover({...o,popoverRef:t,triggerRef:x},r);return e.jsxs(s.Overlay,{children:[e.jsx("div",{...a,style:{position:"fixed",inset:0}}),e.jsx(i.default,{...d,children:e.jsxs(i.BoxWithForwardRef,{...p,ref:t,themeName:u,tokens:l,children:[e.jsx(s.DismissButton,{onDismiss:r.close}),c,e.jsx(s.DismissButton,{onDismiss:r.close})]})})]})};module.exports=f;
+"use strict";const i=(r,n,t)=>{const e=r[n];return e?typeof e=="function"?e():Promise.resolve(e):new Promise((s,o)=>{(typeof queueMicrotask=="function"?queueMicrotask:setTimeout)(o.bind(null,new Error("Unknown variable dynamic import: "+n+(n.split("/").length!==t?". Note that variables only represent file names one level deep.":""))))})};module.exports=i;

package/index113.mjs

@@ -1,25 +1,16 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import u from "react";
-import { usePopover as h, Overlay as v, DismissButton as i } from "react-aria";
-import x, { BoxWithForwardRef as R } from "./index27.mjs";
-const j = (r) => {
-  const n = u.useRef(null), { popoverRef: s = n, state: o, children: m, themeName: p = "popover", tokens: f, customTheme: P, triggerRef: l, ...c } = r, { popoverProps: d, underlayProps: a } = h(
-    {
-      ...r,
-      popoverRef: s,
-      triggerRef: l
-    },
-    o
-  );
-  return /* @__PURE__ */ t(v, { children: [
-    /* @__PURE__ */ e("div", { ...a, style: { position: "fixed", inset: 0 } }),
-    /* @__PURE__ */ e(x, { ...c, children: /* @__PURE__ */ t(R, { ...d, ref: s, themeName: p, tokens: f, children: [
-      /* @__PURE__ */ e(i, { onDismiss: o.close }),
-      m,
-      /* @__PURE__ */ e(i, { onDismiss: o.close })
-    ] }) })
-  ] });
+const l = (r, n, t) => {
+  const e = r[n];
+  return e ? typeof e == "function" ? e() : Promise.resolve(e) : new Promise((i, o) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
+      o.bind(
+        null,
+        new Error(
+          "Unknown variable dynamic import: " + n + (n.split("/").length !== t ? ". Note that variables only represent file names one level deep." : "")
+        )
+      )
+    );
+  });
 };
 export {
-  j as default
+  l as default
 };

package/index114.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),f=require("./index115.js"),c=require("./index149.js"),D=require("./index150.js"),y=require("./index151.js"),I=require("./index152.js");function h(e,s,i){let a=c.useFormValidationState({...e,value:s.isSelected}),{isInvalid:r,validationErrors:v,validationDetails:P}=a.displayValidation,{labelProps:m,inputProps:b,isSelected:t,isPressed:S,isDisabled:l,isReadOnly:o}=I.useToggle({...e,isInvalid:r},s,i);D.useFormValidation(e,a,i);let{isIndeterminate:p,isRequired:d,validationBehavior:n="aria"}=e;V.useEffect(()=>{i.current&&(i.current.indeterminate=!!p)});let{pressProps:q}=y.usePress({isDisabled:l||o,onPress(){let{[c.privateValidationStateProp]:u}=e,{commitValidation:g}=u||a;g()}});return{labelProps:f.mergeProps(m,q),inputProps:{...b,checked:t,"aria-required":d&&n==="aria"||void 0,required:d&&n==="native"},isSelected:t,isPressed:S,isDisabled:l,isReadOnly:o,isInvalid:r,validationErrors:v,validationDetails:P}}exports.useCheckbox=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),h=require("react-aria"),k=require("./index69.js"),l=require("./index27.js"),j=require("./index3.js"),N=require("./index148.js"),d=({item:o,state:a,themeName:n="li"})=>{const r=p.useRef(null),{optionProps:e,isFocusVisible:i}=h.useOption({key:o.key},a,r),c=k(n);return t.jsx(j.TypographyWithForwardRef,{as:"li",...e,tokens:{className:`${c} ${i?"has-focus-ring":""}`},ref:r,children:o.rendered})},y=o=>{const{children:a,listBoxRef:n,themeName:r,...e}=o;return t.jsx(h.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:!0,children:t.jsx(l.BoxWithForwardRef,{...e,ref:n,as:"ul",themeName:`${r}.ul`,children:a})})},B=o=>{const a=p.useRef(null),{listBoxRef:n=a,state:r,themeName:e="option",optionsWithHeaders:i}=o,{listBoxProps:c}=h.useListBox(o,r,n),m=Array.from(r.collection),$=N.useListboxSections(m,i||[]);return(i==null?void 0:i.some(s=>{var u;return(u=s.key)==null?void 0:u.includes("header-")}))?t.jsx(y,{...c,listBoxRef:n,themeName:e,children:$.map(s=>{var x;const u=s.header?`section-${s.header.key}`:`section-${((x=s.items[0])==null?void 0:x.key)||"empty"}`;return t.jsx(l.default,{as:"li",themeName:`${e}.group`,children:t.jsxs(l.default,{as:"section",themeName:`${e}.section`,children:[s.header&&t.jsx(j.default,{as:"header",themeName:`${e}.headerText`,children:s.header.rendered},s.header.key),t.jsx(l.default,{as:"ul",themeName:`${e}.list`,children:s.items.map(f=>t.jsx(d,{themeName:`${e}.li`,item:f,state:r},String(f.key)))})]})},u)})}):t.jsx(y,{...c,listBoxRef:n,themeName:e,children:m.map(s=>t.jsx(d,{themeName:`${e}.li`,item:s,state:r},s.key))})};exports.ListBox=B;exports.Option=d;

package/index114.mjs

@@ -1,46 +1,40 @@
-import { useEffect as x } from "react";
-import { mergeProps as S } from "./index115.mjs";
-import { useFormValidationState as D, privateValidationStateProp as V } from "./index149.mjs";
-import { useFormValidation as I } from "./index150.mjs";
-import { usePress as g } from "./index151.mjs";
-import { useToggle as h } from "./index152.mjs";
-function F(e, r, i) {
-  let a = D({
-    ...e,
-    value: r.isSelected
-  }), { isInvalid: t, validationErrors: f, validationDetails: b } = a.displayValidation, { labelProps: m, inputProps: p, isSelected: s, isPressed: $, isDisabled: o, isReadOnly: d } = h({
-    ...e,
-    isInvalid: t
-  }, r, i);
-  I(e, a, i);
-  let { isIndeterminate: v, isRequired: l, validationBehavior: n = "aria" } = e;
-  x(() => {
-    i.current && (i.current.indeterminate = !!v);
-  });
-  let { pressProps: u } = g({
-    isDisabled: o || d,
-    onPress() {
-      let { [V]: c } = e, { commitValidation: P } = c || a;
-      P();
+import { jsx as o, jsxs as $ } from "react/jsx-runtime";
+import y from "react";
+import { useListBox as N, useOption as k, FocusScope as B } from "react-aria";
+import R from "./index69.mjs";
+import h, { BoxWithForwardRef as F } from "./index27.mjs";
+import g, { TypographyWithForwardRef as L } from "./index3.mjs";
+import { useListboxSections as S } from "./index148.mjs";
+const p = ({ item: s, state: i, themeName: n = "li" }) => {
+  const t = y.useRef(null), { optionProps: e, isFocusVisible: a } = k({ key: s.key }, i, t), m = R(n);
+  return /* @__PURE__ */ o(
+    L,
+    {
+      as: "li",
+      ...e,
+      tokens: { className: `${m} ${a ? "has-focus-ring" : ""}` },
+      ref: t,
+      children: s.rendered
     }
-  });
-  return {
-    labelProps: S(m, u),
-    inputProps: {
-      ...p,
-      checked: s,
-      "aria-required": l && n === "aria" || void 0,
-      required: l && n === "native"
-    },
-    isSelected: s,
-    isPressed: $,
-    isDisabled: o,
-    isReadOnly: d,
-    isInvalid: t,
-    validationErrors: f,
-    validationDetails: b
-  };
-}
+  );
+}, f = (s) => {
+  const { children: i, listBoxRef: n, themeName: t, ...e } = s;
+  return /* @__PURE__ */ o(B, { autoFocus: !0, restoreFocus: !0, contain: !0, children: /* @__PURE__ */ o(F, { ...e, ref: n, as: "ul", themeName: `${t}.ul`, children: i }) });
+}, C = (s) => {
+  const i = y.useRef(null), { listBoxRef: n = i, state: t, themeName: e = "option", optionsWithHeaders: a } = s, { listBoxProps: m } = N(s, t, n), l = Array.from(t.collection), x = S(l, a || []);
+  return (a == null ? void 0 : a.some((r) => {
+    var c;
+    return (c = r.key) == null ? void 0 : c.includes("header-");
+  })) ? /* @__PURE__ */ o(f, { ...m, listBoxRef: n, themeName: e, children: x.map((r) => {
+    var u;
+    const c = r.header ? `section-${r.header.key}` : `section-${((u = r.items[0]) == null ? void 0 : u.key) || "empty"}`;
+    return /* @__PURE__ */ o(h, { as: "li", themeName: `${e}.group`, children: /* @__PURE__ */ $(h, { as: "section", themeName: `${e}.section`, children: [
+      r.header && /* @__PURE__ */ o(g, { as: "header", themeName: `${e}.headerText`, children: r.header.rendered }, r.header.key),
+      /* @__PURE__ */ o(h, { as: "ul", themeName: `${e}.list`, children: r.items.map((d) => /* @__PURE__ */ o(p, { themeName: `${e}.li`, item: d, state: t }, String(d.key))) })
+    ] }) }, c);
+  }) }) : /* @__PURE__ */ o(f, { ...m, listBoxRef: n, themeName: e, children: l.map((r) => /* @__PURE__ */ o(p, { themeName: `${e}.li`, item: r, state: t }, r.key)) });
+};
 export {
-  F as useCheckbox
+  C as ListBox,
+  p as Option
 };

package/index115.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index156.js"),l=require("./index144.js"),f=require("./index160.js");function u(...i){let r={...i[0]};for(let n=1;n<i.length;n++){let s=i[n];for(let e in s){let o=r[e],t=s[e];typeof o=="function"&&typeof t=="function"&&e[0]==="o"&&e[1]==="n"&&e.charCodeAt(2)>=65&&e.charCodeAt(2)<=90?r[e]=c.chain(o,t):(e==="className"||e==="UNSAFE_className")&&typeof o=="string"&&typeof t=="string"?r[e]=f.clsx(o,t):e==="id"&&o&&t?r.id=l.mergeIds(o,t):r[e]=t!==void 0?t:o}}return r}exports.mergeProps=u;
+"use strict";const e=require("react/jsx-runtime"),m=require("react"),s=require("react-aria"),i=require("./index27.js"),f=o=>{const n=m.useRef(null),{popoverRef:t=n,state:r,children:c,themeName:u="popover",tokens:l,customTheme:h,triggerRef:x,...d}=o,{popoverProps:p,underlayProps:a}=s.usePopover({...o,popoverRef:t,triggerRef:x},r);return e.jsxs(s.Overlay,{children:[e.jsx("div",{...a,style:{position:"fixed",inset:0}}),e.jsx(i.default,{...d,children:e.jsxs(i.BoxWithForwardRef,{...p,ref:t,themeName:u,tokens:l,children:[e.jsx(s.DismissButton,{onDismiss:r.close}),c,e.jsx(s.DismissButton,{onDismiss:r.close})]})})]})};module.exports=f;

package/index115.mjs

@@ -1,22 +1,25 @@
-import { chain as n } from "./index156.mjs";
-import { mergeIds as s } from "./index144.mjs";
-import { clsx as l } from "./index160.mjs";
-function a(...r) {
-  let o = {
-    ...r[0]
-  };
-  for (let c = 1; c < r.length; c++) {
-    let i = r[c];
-    for (let e in i) {
-      let f = o[e], t = i[e];
-      typeof f == "function" && typeof t == "function" && // This is a lot faster than a regex.
-      e[0] === "o" && e[1] === "n" && e.charCodeAt(2) >= /* 'A' */
-      65 && e.charCodeAt(2) <= /* 'Z' */
-      90 ? o[e] = n(f, t) : (e === "className" || e === "UNSAFE_className") && typeof f == "string" && typeof t == "string" ? o[e] = l(f, t) : e === "id" && f && t ? o.id = s(f, t) : o[e] = t !== void 0 ? t : f;
-    }
-  }
-  return o;
-}
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import u from "react";
+import { usePopover as h, Overlay as v, DismissButton as i } from "react-aria";
+import x, { BoxWithForwardRef as R } from "./index27.mjs";
+const j = (r) => {
+  const n = u.useRef(null), { popoverRef: s = n, state: o, children: m, themeName: p = "popover", tokens: f, customTheme: P, triggerRef: l, ...c } = r, { popoverProps: d, underlayProps: a } = h(
+    {
+      ...r,
+      popoverRef: s,
+      triggerRef: l
+    },
+    o
+  );
+  return /* @__PURE__ */ t(v, { children: [
+    /* @__PURE__ */ e("div", { ...a, style: { position: "fixed", inset: 0 } }),
+    /* @__PURE__ */ e(x, { ...c, children: /* @__PURE__ */ t(R, { ...d, ref: s, themeName: p, tokens: f, children: [
+      /* @__PURE__ */ e(i, { onDismiss: o.close }),
+      m,
+      /* @__PURE__ */ e(i, { onDismiss: o.close })
+    ] }) })
+  ] });
+};
 export {
-  a as mergeProps
+  j as default
 };

package/index116.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index115.js"),o=require("react"),p=require("./index176.js"),c={border:0,clip:"rect(0 0 0 0)",clipPath:"inset(50%)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap"};function u(s={}){let{style:e,isFocusable:t}=s,[i,n]=o.useState(!1),{focusWithinProps:l}=p.useFocusWithin({isDisabled:!t,onFocusWithinChange:a=>n(a)}),r=o.useMemo(()=>i?e:e?{...c,...e}:c,[i]);return{visuallyHiddenProps:{...l,style:r}}}function h(s){let{children:e,elementType:t="div",isFocusable:i,style:n,...l}=s,{visuallyHiddenProps:r}=u(s);return o.createElement(t,d.mergeProps(l,r),e)}exports.VisuallyHidden=h;exports.useVisuallyHidden=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),f=require("./index117.js"),c=require("./index152.js"),D=require("./index154.js"),y=require("./index155.js"),I=require("./index156.js");function h(e,s,i){let a=c.useFormValidationState({...e,value:s.isSelected}),{isInvalid:r,validationErrors:v,validationDetails:P}=a.displayValidation,{labelProps:m,inputProps:b,isSelected:t,isPressed:S,isDisabled:l,isReadOnly:o}=I.useToggle({...e,isInvalid:r},s,i);D.useFormValidation(e,a,i);let{isIndeterminate:p,isRequired:d,validationBehavior:n="aria"}=e;V.useEffect(()=>{i.current&&(i.current.indeterminate=!!p)});let{pressProps:q}=y.usePress({isDisabled:l||o,onPress(){let{[c.privateValidationStateProp]:u}=e,{commitValidation:g}=u||a;g()}});return{labelProps:f.mergeProps(m,q),inputProps:{...b,checked:t,"aria-required":d&&n==="aria"||void 0,required:d&&n==="native"},isSelected:t,isPressed:S,isDisabled:l,isReadOnly:o,isInvalid:r,validationErrors:v,validationDetails:P}}exports.useCheckbox=h;