@okam/stack-ui 1.40.0 → 1.41.0

package/index142.mjs

@@ -1,27 +1,54 @@
-"use client";
-import { jsxs as p, jsx as f } from "react/jsx-runtime";
-import { useRef as h } from "react";
-import { useDialog as c } from "react-aria";
-import { BoxWithForwardRef as d } from "./index28.mjs";
-import u from "./index3.mjs";
-function y(e) {
-  const { themeName: o = "dialog", tokens: r, title: t, customTheme: i, children: l, ...s } = e, m = h(null), { dialogProps: n, titleProps: a } = c(e, m);
-  return /* @__PURE__ */ p(
-    d,
-    {
-      ...s,
-      themeName: `${o}.wrapper`,
-      tokens: r,
-      customTheme: i,
-      ...n,
-      ref: m,
-      children: [
-        t && /* @__PURE__ */ f(u, { themeName: `${o}.title`, tokens: r, ...a, children: t }),
-        l
-      ]
-    }
-  );
-}
+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 {
-  y as Dialog
+  a as ariaAttributes,
+  r as booleanAttributes
 };

package/index143.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index227.js"),r=require("react"),u=require("./index187.js"),a=require("@react-aria/i18n"),c=require("./index135.js");function d(e){return e&&e.__esModule?e.default:e}function m(e){let{onDismiss:t,...i}=e,s=a.useLocalizedStringFormatter(d(o),"@react-aria/overlays"),n=u.useLabels(i,s.format("dismiss")),l=()=>{t&&t()};return r.createElement(c.VisuallyHidden,null,r.createElement("button",{...n,tabIndex:-1,onClick:l,style:{width:1,height:1}}))}exports.DismissButton=m;
+"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/index143.mjs

@@ -1,25 +1,6 @@
-import l from "./index227.mjs";
-import r from "react";
-import { useLabels as n } from "./index187.mjs";
-import { useLocalizedStringFormatter as m } from "@react-aria/i18n";
-import { VisuallyHidden as f } from "./index135.mjs";
-function c(e) {
-  return e && e.__esModule ? e.default : e;
-}
-function x(e) {
-  let { onDismiss: t, ...o } = e, i = m(c(l), "@react-aria/overlays"), s = n(o, i.format("dismiss")), a = () => {
-    t && t();
-  };
-  return /* @__PURE__ */ r.createElement(f, null, /* @__PURE__ */ r.createElement("button", {
-    ...s,
-    tabIndex: -1,
-    onClick: a,
-    style: {
-      width: 1,
-      height: 1
-    }
-  }));
-}
+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 {
-  x as DismissButton
+  e as default
 };

package/index144.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index228.js"),b=require("./index221.js"),m=require("./index224.js"),g=require("./index226.js"),D=require("./index134.js"),q=require("./index174.js");function C(a,r){let{triggerRef:d,popoverRef:o,groupRef:e,isNonModal:s,isKeyboardDismissDisabled:p,shouldCloseOnInteractOutside:c,...n}=a,u=n.trigger==="SubmenuTrigger",{overlayProps:v,underlayProps:O}=m.useOverlay({isOpen:r.isOpen,onClose:r.close,shouldCloseOnBlur:!0,isDismissable:!s||u,isKeyboardDismissDisabled:p,shouldCloseOnInteractOutside:c},e??o),{overlayProps:P,arrowProps:y,placement:f}=b.useOverlayPosition({...n,targetRef:d,overlayRef:o,isOpen:r.isOpen,onClose:s&&!u?r.close:null});return g.usePreventScroll({isDisabled:s||!r.isOpen}),q.useLayoutEffect(()=>{if(r.isOpen&&o.current){var i,l;return s?t.keepVisible((i=e==null?void 0:e.current)!==null&&i!==void 0?i:o.current):t.ariaHideOutside([(l=e==null?void 0:e.current)!==null&&l!==void 0?l:o.current])}},[s,r.isOpen,o,e]),{popoverProps:D.mergeProps(v,P),arrowProps:y,underlayProps:O,placement:f}}exports.usePopover=C;
+"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/index144.mjs

@@ -1,45 +1,13 @@
-import { keepVisible as v, ariaHideOutside as O } from "./index228.mjs";
-import { useOverlayPosition as P } from "./index221.mjs";
-import { useOverlay as y } from "./index224.mjs";
-import { usePreventScroll as x } from "./index226.mjs";
-import { mergeProps as g } from "./index134.mjs";
-import { useLayoutEffect as D } from "./index174.mjs";
-function S(p, o) {
-  let { triggerRef: n, popoverRef: r, groupRef: e, isNonModal: s, isKeyboardDismissDisabled: t, shouldCloseOnInteractOutside: c, ...a } = p, d = a.trigger === "SubmenuTrigger", { overlayProps: f, underlayProps: u } = y({
-    isOpen: o.isOpen,
-    onClose: o.close,
-    shouldCloseOnBlur: !0,
-    isDismissable: !s || d,
-    isKeyboardDismissDisabled: t,
-    shouldCloseOnInteractOutside: c
-  }, e ?? r), { overlayProps: $, arrowProps: m, placement: b } = P({
-    ...a,
-    targetRef: n,
-    overlayRef: r,
-    isOpen: o.isOpen,
-    onClose: s && !d ? o.close : null
-  });
-  return x({
-    isDisabled: s || !o.isOpen
-  }), D(() => {
-    if (o.isOpen && r.current) {
-      var i, l;
-      return s ? v((i = e == null ? void 0 : e.current) !== null && i !== void 0 ? i : r.current) : O([
-        (l = e == null ? void 0 : e.current) !== null && l !== void 0 ? l : r.current
-      ]);
-    }
-  }, [
-    s,
-    o.isOpen,
-    r,
-    e
-  ]), {
-    popoverProps: g(f, $),
-    arrowProps: m,
-    underlayProps: u,
-    placement: b
-  };
-}
+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 {
-  S as usePopover
+  s as default
 };

package/index145.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index229.js"),C=require("./index230.js"),f=require("@react-aria/focus"),e=require("react"),S=require("react-dom"),b=require("./index176.js"),l=e.createContext(null);function P(t){let c=b.useIsSSR(),{portalContainer:r=c?null:document.body,isExiting:s}=t,[o,a]=e.useState(!1),u=e.useMemo(()=>({contain:o,setContain:a}),[o,a]),{getContainer:i}=d.useUNSAFE_PortalContext();if(!t.portalContainer&&i&&(r=i()),!r)return null;let n=t.children;return t.disableFocusManagement||(n=e.createElement(f.FocusScope,{restoreFocus:!0,contain:(t.shouldContainFocus||o)&&!s},n)),n=e.createElement(l.Provider,{value:u},e.createElement(C.ClearPressResponder,null,n)),S.createPortal(n,r)}exports.Overlay=P;exports.OverlayContext=l;
+"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/index145.mjs

@@ -1,28 +1,16 @@
-import { useUNSAFE_PortalContext as f } from "./index229.mjs";
-import { ClearPressResponder as u } from "./index230.mjs";
-import { FocusScope as m } from "@react-aria/focus";
-import o, { useState as d, useMemo as $ } from "react";
-import b from "react-dom";
-import { useIsSSR as x } from "./index176.mjs";
-const C = /* @__PURE__ */ o.createContext(null);
-function v(e) {
-  let c = x(), { portalContainer: a = c ? null : document.body, isExiting: i } = e, [n, r] = d(!1), s = $(() => ({
-    contain: n,
-    setContain: r
-  }), [
-    n,
-    r
-  ]), { getContainer: l } = f();
-  if (!e.portalContainer && l && (a = l()), !a) return null;
-  let t = e.children;
-  return e.disableFocusManagement || (t = /* @__PURE__ */ o.createElement(m, {
-    restoreFocus: !0,
-    contain: (e.shouldContainFocus || n) && !i
-  }, t)), t = /* @__PURE__ */ o.createElement(C.Provider, {
-    value: s
-  }, /* @__PURE__ */ o.createElement(u, null, t)), /* @__PURE__ */ b.createPortal(t, a);
-}
+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 {
-  v as Overlay,
-  C as OverlayContext
+  l as default
 };

package/index146.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index213.js"),e=require("./index219.js"),i=require("./index208.js"),c=require("./index218.js"),t=require("./index216.js"),a=require("./index217.js"),l=require("./index212.js"),s=require("./index215.js"),d=require("./index214.js");function u(r){switch(r){case"buddhist":return new n.BuddhistCalendar;case"ethiopic":return new e.EthiopicCalendar;case"ethioaa":return new e.EthiopicAmeteAlemCalendar;case"coptic":return new e.CopticCalendar;case"hebrew":return new c.HebrewCalendar;case"indian":return new t.IndianCalendar;case"islamic-civil":return new a.IslamicCivilCalendar;case"islamic-tbla":return new a.IslamicTabularCalendar;case"islamic-umalqura":return new a.IslamicUmalquraCalendar;case"japanese":return new l.JapaneseCalendar;case"persian":return new s.PersianCalendar;case"roc":return new d.TaiwanCalendar;case"gregory":default:return new i.GregorianCalendar}}exports.createCalendar=u;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),h=require("react-aria"),k=require("./index85.js"),l=require("./index34.js"),j=require("./index3.js"),N=require("./index182.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/index146.mjs

@@ -1,43 +1,41 @@
-import { BuddhistCalendar as a } from "./index213.mjs";
-import { CopticCalendar as r, EthiopicAmeteAlemCalendar as c, EthiopicCalendar as n } from "./index219.mjs";
-import { GregorianCalendar as t } from "./index208.mjs";
-import { HebrewCalendar as d } from "./index218.mjs";
-import { IndianCalendar as f } from "./index216.mjs";
-import { IslamicUmalquraCalendar as o, IslamicTabularCalendar as i, IslamicCivilCalendar as $ } from "./index217.mjs";
-import { JapaneseCalendar as s } from "./index212.mjs";
-import { PersianCalendar as b } from "./index215.mjs";
-import { TaiwanCalendar as p } from "./index214.mjs";
-function q(e) {
-  switch (e) {
-    case "buddhist":
-      return new a();
-    case "ethiopic":
-      return new n();
-    case "ethioaa":
-      return new c();
-    case "coptic":
-      return new r();
-    case "hebrew":
-      return new d();
-    case "indian":
-      return new f();
-    case "islamic-civil":
-      return new $();
-    case "islamic-tbla":
-      return new i();
-    case "islamic-umalqura":
-      return new o();
-    case "japanese":
-      return new s();
-    case "persian":
-      return new b();
-    case "roc":
-      return new p();
-    case "gregory":
-    default:
-      return new t();
-  }
-}
+"use client";
+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 "./index85.mjs";
+import h, { BoxWithForwardRef as F } from "./index34.mjs";
+import g, { TypographyWithForwardRef as L } from "./index3.mjs";
+import { useListboxSections as S } from "./index182.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)) });
+};
 export {
-  q as createCalendar
+  C as ListBox,
+  p as Option
 };

package/index147.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),j=require("react-aria"),s=require("./index28.js"),m=require("./index167.js"),$=require("./index168.js"),b={narrow:{value:"narrow"},abbreviated:{value:"short",transform:e=>e.map(c=>c.slice(0,2))},short:{value:"short"},long:{value:"long"}};function v({themeName:e="calendar",customTheme:c,tokens:a,state:t,weekdayStyle:u="abbreviated",...o}){const{value:y,transform:d}=b[u],i=j.useCalendarGrid({...o,weekdayStyle:y},t),{gridProps:h,headerProps:w,weeksInMonth:p}=i,f=(d==null?void 0:d(i.weekDays))??i.weekDays;return r.jsxs(s.default,{as:"table",...h,themeName:`${e}.calendarTable`,tokens:a,children:[r.jsx(s.default,{as:"thead",themeName:`${e}.calendarHeaderContainer`,...w,tokens:a,children:r.jsx(s.default,{as:"tr",themeName:`${e}.calendarHeaderRow`,tokens:a,children:f.map(n=>r.jsx(s.default,{as:"th",themeName:`${e}.calendarDayLabel`,tokens:a,children:n},`day-${n}`))})}),r.jsx(s.default,{as:"tbody",themeName:`${e}.calendarBody`,tokens:a,children:[...new Array(p).keys()].map(n=>r.jsx(s.default,{as:"tr",themeName:`${e}.calendarWeekRow`,tokens:a,children:t.getDatesInWeek(n).map((l,x)=>{if(!l)return r.jsx(s.default,{themeName:`${e}.calendarCellContainer`,tokens:{isEmpty:!0,...a},as:"td"},x);const g=m.getIsDateOutsideRange(l,t);return r.jsx($,{themeName:e,tokens:{isOutsideRange:g,isEmpty:!1,...a},state:t,date:l},l==null?void 0:l.day)})},`week-${n}`))})]})}module.exports=v;
+"use strict";const e=require("react/jsx-runtime"),m=require("react"),s=require("react-aria"),i=require("./index34.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/index147.mjs

@@ -1,60 +1,26 @@
 "use client";
-import { jsxs as b, jsx as r } from "react/jsx-runtime";
-import { useCalendarGrid as g } from "react-aria";
-import l from "./index28.mjs";
-import { getIsDateOutsideRange as v } from "./index167.mjs";
-import C from "./index168.mjs";
-const k = {
-  narrow: {
-    value: "narrow"
-  },
-  abbreviated: {
-    value: "short",
-    transform: (e) => e.map((t) => t.slice(0, 2))
-  },
-  short: {
-    value: "short"
-  },
-  long: {
-    value: "long"
-  }
-};
-function P({
-  themeName: e = "calendar",
-  customTheme: t,
-  tokens: a,
-  state: d,
-  weekdayStyle: c = "abbreviated",
-  ...y
-}) {
-  const { value: m, transform: s } = k[c], i = g({ ...y, weekdayStyle: m }, d), { gridProps: p, headerProps: u, weeksInMonth: h } = i, w = (s == null ? void 0 : s(i.weekDays)) ?? i.weekDays;
-  return /* @__PURE__ */ b(l, { as: "table", ...p, themeName: `${e}.calendarTable`, tokens: a, children: [
-    /* @__PURE__ */ r(l, { as: "thead", themeName: `${e}.calendarHeaderContainer`, ...u, tokens: a, children: /* @__PURE__ */ r(l, { as: "tr", themeName: `${e}.calendarHeaderRow`, tokens: a, children: w.map((o) => /* @__PURE__ */ r(l, { as: "th", themeName: `${e}.calendarDayLabel`, tokens: a, children: o }, `day-${o}`)) }) }),
-    /* @__PURE__ */ r(l, { as: "tbody", themeName: `${e}.calendarBody`, tokens: a, children: [...new Array(h).keys()].map((o) => /* @__PURE__ */ r(l, { as: "tr", themeName: `${e}.calendarWeekRow`, tokens: a, children: d.getDatesInWeek(o).map((n, f) => {
-      if (!n)
-        return /* @__PURE__ */ r(
-          l,
-          {
-            themeName: `${e}.calendarCellContainer`,
-            tokens: { isEmpty: !0, ...a },
-            as: "td"
-          },
-          f
-        );
-      const $ = v(n, d);
-      return /* @__PURE__ */ r(
-        C,
-        {
-          themeName: e,
-          tokens: { isOutsideRange: $, isEmpty: !1, ...a },
-          state: d,
-          date: n
-        },
-        n == null ? void 0 : n.day
-      );
-    }) }, `week-${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 "./index34.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 {
-  P as default
+  j as default
 };

package/index148.js

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),j=require("./index28.js"),s=require("./index6.js"),h=require("./index15.js"),g=({themeName:c="calendar",tokens:d,buttons:e,prevButtonProps:n,nextButtonProps:a,...x})=>{var r,l;return i.jsxs(j.default,{themeName:`${c}.navigationButtonsContainer`,tokens:d,...x,children:[i.jsx(s.default,{themeName:`${c}.navigationButtons`,tokens:{...d,direction:"prev"},type:"button",...n,handlePress:n==null?void 0:n.onPress,children:i.jsx(h,{icon:((r=e==null?void 0:e.buttonPrev)==null?void 0:r.icon)??"ArrowLeft"})}),i.jsx(s.default,{themeName:`${c}.navigationButtons`,tokens:{...d,direction:"next"},type:"button",...a,handlePress:a==null?void 0:a.onPress,children:i.jsx(h,{icon:((l=e==null?void 0:e.buttonNext)==null?void 0:l.icon)??"ArrowRight"})})]})};module.exports=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("react"),f=require("./index149.js"),c=require("./index226.js"),D=require("./index227.js"),y=require("./index228.js"),I=require("./index229.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;

package/index148.mjs

@@ -1,41 +1,46 @@
-import { jsxs as f, jsx as n } from "react/jsx-runtime";
-import g from "./index28.mjs";
-import o from "./index6.mjs";
-import h from "./index15.mjs";
-const y = ({
-  themeName: r = "calendar",
-  tokens: c,
-  buttons: i,
-  prevButtonProps: e,
-  nextButtonProps: a,
-  ...l
-}) => {
-  var m, d;
-  return /* @__PURE__ */ f(g, { themeName: `${r}.navigationButtonsContainer`, tokens: c, ...l, children: [
-    /* @__PURE__ */ n(
-      o,
-      {
-        themeName: `${r}.navigationButtons`,
-        tokens: { ...c, direction: "prev" },
-        type: "button",
-        ...e,
-        handlePress: e == null ? void 0 : e.onPress,
-        children: /* @__PURE__ */ n(h, { icon: ((m = i == null ? void 0 : i.buttonPrev) == null ? void 0 : m.icon) ?? "ArrowLeft" })
-      }
-    ),
-    /* @__PURE__ */ n(
-      o,
-      {
-        themeName: `${r}.navigationButtons`,
-        tokens: { ...c, direction: "next" },
-        type: "button",
-        ...a,
-        handlePress: a == null ? void 0 : a.onPress,
-        children: /* @__PURE__ */ n(h, { icon: ((d = i == null ? void 0 : i.buttonNext) == null ? void 0 : d.icon) ?? "ArrowRight" })
-      }
-    )
-  ] });
-};
+import { useEffect as x } from "react";
+import { mergeProps as S } from "./index149.mjs";
+import { useFormValidationState as D, privateValidationStateProp as V } from "./index226.mjs";
+import { useFormValidation as I } from "./index227.mjs";
+import { usePress as g } from "./index228.mjs";
+import { useToggle as h } from "./index229.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();
+    }
+  });
+  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
+  };
+}
 export {
-  y as default
+  F as useCheckbox
 };

package/index149.js

@@ -1 +1 @@
-"use strict";const l=require("react/jsx-runtime"),t=require("@react-spring/web"),f=require("./index79.js"),u=({isVisible:e,children:i,themeName:o,tokens:s,customTheme:n})=>{const a=f(o,s,n);return t.useTransition(e,{from:{opacity:0,scale:.75},enter:{opacity:1,scale:1},leave:{opacity:0,scale:.75},config:t.config.stiff})((c,r)=>r&&l.jsx(t.animated.div,{className:a,style:{position:"fixed",left:0,top:0,bottom:0,zIndex:1e3,width:"100%",height:"100%",...c},children:i}))};module.exports=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index233.js"),l=require("./index177.js"),f=require("./index237.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;

package/index149.mjs

@@ -1,33 +1,22 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useTransition as m, config as f, animated as l } from "@react-spring/web";
-import p from "./index79.mjs";
-const y = ({ isVisible: t, children: o, themeName: e, tokens: i, customTheme: n }) => {
-  const s = p(e, i, n);
-  return m(t, {
-    from: { opacity: 0, scale: 0.75 },
-    enter: { opacity: 1, scale: 1 },
-    leave: { opacity: 0, scale: 0.75 },
-    config: f.stiff
-  })(
-    (a, r) => r && /* @__PURE__ */ c(
-      l.div,
-      {
-        className: s,
-        style: {
-          position: "fixed",
-          left: 0,
-          top: 0,
-          bottom: 0,
-          zIndex: 1e3,
-          width: "100%",
-          height: "100%",
-          ...a
-        },
-        children: o
-      }
-    )
-  );
-};
+import { chain as n } from "./index233.mjs";
+import { mergeIds as s } from "./index177.mjs";
+import { clsx as l } from "./index237.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;
+}
 export {
-  y as default
+  a as mergeProps
 };

package/index15.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const a=require("./index130.js"),o=require("react/jsx-runtime"),t=require("react"),v=require("./index79.js"),x=require("./index128.js"),e=r=>Object.freeze(Object.defineProperty({__proto__:null,default:r},Symbol.toStringTag,{value:"Module"})),q=r=>{const{icon:s,...i}=r,n=t.useMemo(()=>t.lazy(()=>a(Object.assign({"../icons/ArrowDown.tsx":()=>Promise.resolve().then(()=>e(require("./index54.js"))),"../icons/ArrowLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index55.js"))),"../icons/ArrowRight.tsx":()=>Promise.resolve().then(()=>e(require("./index56.js"))),"../icons/Check.tsx":()=>Promise.resolve().then(()=>e(require("./index57.js"))),"../icons/ChevronLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index58.js"))),"../icons/ChevronRight.tsx":()=>Promise.resolve().then(()=>e(require("./index59.js"))),"../icons/CloseBtn.tsx":()=>Promise.resolve().then(()=>e(require("./index60.js"))),"../icons/Facebook.tsx":()=>Promise.resolve().then(()=>e(require("./index61.js"))),"../icons/FacebookColored.tsx":()=>Promise.resolve().then(()=>e(require("./index62.js"))),"../icons/FacebookRounded.tsx":()=>Promise.resolve().then(()=>e(require("./index63.js"))),"../icons/Globe.tsx":()=>Promise.resolve().then(()=>e(require("./index64.js"))),"../icons/IconFallback.tsx":()=>Promise.resolve().then(()=>e(require("./index128.js"))),"../icons/Instagram.tsx":()=>Promise.resolve().then(()=>e(require("./index65.js"))),"../icons/InstagramColored.tsx":()=>Promise.resolve().then(()=>e(require("./index66.js"))),"../icons/Link.tsx":()=>Promise.resolve().then(()=>e(require("./index67.js"))),"../icons/LinkedIn.tsx":()=>Promise.resolve().then(()=>e(require("./index68.js"))),"../icons/Mail.tsx":()=>Promise.resolve().then(()=>e(require("./index69.js"))),"../icons/Plus.tsx":()=>Promise.resolve().then(()=>e(require("./index70.js"))),"../icons/Search.tsx":()=>Promise.resolve().then(()=>e(require("./index129.js"))),"../icons/Share.tsx":()=>Promise.resolve().then(()=>e(require("./index71.js"))),"../icons/Twitter.tsx":()=>Promise.resolve().then(()=>e(require("./index72.js"))),"../icons/TwitterColored.tsx":()=>Promise.resolve().then(()=>e(require("./index73.js"))),"../icons/Upload.tsx":()=>Promise.resolve().then(()=>e(require("./index74.js"))),"../icons/X.tsx":()=>Promise.resolve().then(()=>e(require("./index75.js"))),"../icons/YouTube.tsx":()=>Promise.resolve().then(()=>e(require("./index76.js"))),"../icons/YouTubeColored.tsx":()=>Promise.resolve().then(()=>e(require("./index77.js")))}),`../icons/${s||"ArrowRight"}.tsx`,3)),[s]);return o.jsx(t.Suspense,{fallback:o.jsx(x,{className:"overflow-visible pointer-events-none"}),children:o.jsx(n,{...i,className:"overflow-visible pointer-events-none",...r})})},P=r=>{const{icon:s,as:i="span",tokens:n,customTheme:m,themeName:h="icon",children:c,...l}=r,u=v(h,n,m);return typeof s!="string"?o.jsxs(i,{...l,className:u,children:[c,s]}):o.jsxs(i,{className:u,children:[c,o.jsx(q,{icon:s,...l})]})};module.exports=P;
+"use strict";const a=require("react/jsx-runtime"),u=require("./index6.js"),c=require("./index107.js"),x=e=>{const{children:t,themeName:n="carousel.navigation",tokens:o}=e,{navigationProps:s,ref:i,isDisabled:r}=c.useCarouselNextNavigation(e);return a.jsx(u.ButtonWithForwardRef,{themeName:`${n}.button`,tokens:{...o,order:"next"},...s,ref:i,isDisabled:r,children:t})};module.exports=x;