@okam/stack-ui 1.44.3 → 1.44.4

package/index51.mjs

@@ -1,24 +1,11 @@
 "use client";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import l from "./index89.mjs";
-const k = (t) => {
-  const {
-    themeName: o = "video",
-    tokens: s,
-    customTheme: r,
-    controls: m = !0,
-    muted: c = !0,
-    src: i,
-    width: n,
-    height: d,
-    type: h,
-    ...u
-  } = t, a = l(o, s, r);
-  return /* @__PURE__ */ p("video", { className: a, muted: c, controls: m, width: n, height: d, ...u, children: [
-    /* @__PURE__ */ e("source", { src: i, type: h }),
-    /* @__PURE__ */ e("track", { kind: "captions" })
-  ] });
-};
+import { jsx as o } from "react/jsx-runtime";
+import { useMenu as r } from "./index84.mjs";
+import a from "./index71.mjs";
+function f(e) {
+  const { tabState: t } = r();
+  return /* @__PURE__ */ o(a, { ...e, state: t }, t.selectedItem?.key);
+}
 export {
-  k as default
+  f as default
 };

package/index52.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),q=require("react"),N=require("react-aria"),$=require("react-stately"),m=require("./index37.js"),n=require("./index3.js"),P=require("./index178.js"),R=s=>{const{themeName:e="tagGroup",tokens:r,customTheme:d,as:h,label:c,description:i,errorMessage:u,removeButtonProps:p={children:"❌"}}=s,l=q.useRef(null),o=$.useListState(s),{gridProps:x,labelProps:g,descriptionProps:f,errorMessageProps:j}=N.useTagGroup(s,o,l);return t.jsxs(m.default,{as:h,themeName:`${e}.wrapper`,tokens:r,customTheme:d,children:[c&&t.jsx(n.default,{themeName:`${e}.label`,tokens:r,...g,children:c}),t.jsx(m.BoxWithForwardRef,{themeName:`${e}.tags`,tokens:r,ref:l,...x,children:[...o.collection].map(a=>t.jsx(P,{themeName:`${e}.tag`,tokens:r,item:{...a,props:{removeButtonProps:p,...a.props}},state:o},a.key))}),i&&t.jsx(n.default,{themeName:`${e}.description`,tokens:r,...f,children:i}),u&&t.jsx(n.default,{themeName:`${e}.errorMessage`,tokens:r,...j,children:u})]})};module.exports=R;
+"use strict";const t=require("react/jsx-runtime"),h=require("./index84.js"),x=require("./index86.js"),d=require("./index120.js"),r=require("./index7.js"),p=require("./index136.js");function q(s){const{id:o="main-menu",children:c,PanelTransition:u=d,themeName:e,tokens:n,customTheme:a,...m}=s,{overlayState:l}=x.useSidePanel(),{closeBtn:i}=h.useMenu();return t.jsx(u,{themeName:`${e}.panelTransition`,tokens:n,isVisible:l?.isOpen,children:t.jsxs(r.Box,{themeName:`${e}.wrapper`,tokens:n,children:[i!=null&&i(),t.jsx(r.Box,{themeName:`${e}.container`,tokens:n,children:t.jsx(p,{id:o,themeName:`${e}.innerContent`,tokens:n,customTheme:a,...m,children:c})})]})})}module.exports=q;

package/index52.mjs

@@ -1,38 +1,35 @@
 "use client";
-import { jsxs as $, jsx as o } from "react/jsx-runtime";
-import { useRef as x } from "react";
-import { useTagGroup as P } from "react-aria";
-import { useListState as T } from "react-stately";
-import b, { BoxWithForwardRef as y } from "./index37.mjs";
-import a from "./index3.mjs";
-import B from "./index178.mjs";
-const F = (t) => {
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { useMenu as u } from "./index84.mjs";
+import { useSidePanel as d } from "./index86.mjs";
+import f from "./index120.mjs";
+import { Box as o } from "./index7.mjs";
+import N from "./index136.mjs";
+function C(i) {
   const {
-    themeName: e = "tagGroup",
-    tokens: r,
+    id: m = "main-menu",
+    children: a,
+    PanelTransition: s = f,
+    themeName: e,
+    tokens: n,
     customTheme: l,
-    as: h,
-    label: p,
-    description: i,
-    errorMessage: n,
-    removeButtonProps: d = { children: "❌" }
-  } = t, c = x(null), s = T(t), { gridProps: f, labelProps: g, descriptionProps: u, errorMessageProps: N } = P(t, s, c);
-  return /* @__PURE__ */ $(b, { as: h, themeName: `${e}.wrapper`, tokens: r, customTheme: l, children: [
-    p && /* @__PURE__ */ o(a, { themeName: `${e}.label`, tokens: r, ...g, children: p }),
-    /* @__PURE__ */ o(y, { themeName: `${e}.tags`, tokens: r, ref: c, ...f, children: [...s.collection].map((m) => /* @__PURE__ */ o(
-      B,
+    ...c
+  } = i, { overlayState: p } = d(), { closeBtn: r } = u();
+  return /* @__PURE__ */ t(s, { themeName: `${e}.panelTransition`, tokens: n, isVisible: p?.isOpen, children: /* @__PURE__ */ h(o, { themeName: `${e}.wrapper`, tokens: n, children: [
+    r != null && r(),
+    /* @__PURE__ */ t(o, { themeName: `${e}.container`, tokens: n, children: /* @__PURE__ */ t(
+      N,
       {
-        themeName: `${e}.tag`,
-        tokens: r,
-        item: { ...m, props: { removeButtonProps: d, ...m.props } },
-        state: s
-      },
-      m.key
-    )) }),
-    i && /* @__PURE__ */ o(a, { themeName: `${e}.description`, tokens: r, ...u, children: i }),
-    n && /* @__PURE__ */ o(a, { themeName: `${e}.errorMessage`, tokens: r, ...N, children: n })
-  ] });
-};
+        id: m,
+        themeName: `${e}.innerContent`,
+        tokens: n,
+        customTheme: l,
+        ...c,
+        children: a
+      }
+    ) })
+  ] }) });
+}
 export {
-  F as default
+  C as default
 };

package/index53.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./index117.js");function d(t){return null}function m(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&u.Children.count(t.children)>0)}d.getCollectionNode=function*(e,l){const{childItems:a,title:s,children:c}=e,n=e.title||e.children,r=e.textValue||(typeof n=="string"?n:"")||e["aria-label"]||"";!r&&!(l!=null&&l.suppressTextValueWarning)&&process.env.NODE_ENV!=="production"&&h.log("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.","warn"),yield{type:"item",props:e,rendered:n,textValue:r,"aria-label":e["aria-label"],hasChildNodes:m(e),*childNodes(){if(a)yield*Array.from(a).map(i=>({type:"item",value:i}));else if(s){const i=[];u.Children.forEach(c,o=>{i.push({type:"item",element:o})}),yield*i}}}};const f=d;exports.TagItem=f;
+"use strict";const s=require("react/jsx-runtime"),x=require("./index84.js"),q=require("./index66.js"),S=require("./index136.js");function f(r){const{id:e="main-menu",children:o,TransitionAnimation:c,PanelTransition:u,themeName:n,tokens:t,customTheme:i,...a}=r,{closeBtn:d,tabState:l,defaultSelectedKey:m}=x.useMenu();return s.jsx(q,{themeName:`${n}.sidePanel`,tokens:t,customTheme:i,closeBtnRender:d,id:e,TransitionAnimation:c,PanelTransition:u,onOpenChange:h=>{h||l?.setSelectedKey(m)},children:s.jsx(S,{id:e,themeName:n,tokens:t,customTheme:i,...a,children:o})})}module.exports=f;

package/index53.mjs

@@ -1,43 +1,36 @@
 "use client";
-import d from "react";
-import { log as m } from "./index117.mjs";
-function s(t) {
-  return null;
-}
-function h(t) {
-  return t.hasChildItems != null ? t.hasChildItems : !!(t.childItems || t.title && d.Children.count(t.children) > 0);
-}
-s.getCollectionNode = function* (e, l) {
-  const { childItems: a, title: u, children: c } = e, n = e.title || e.children, r = e.textValue || (typeof n == "string" ? n : "") || e["aria-label"] || "";
-  !r && !(l != null && l.suppressTextValueWarning) && process.env.NODE_ENV !== "production" && m(
-    "<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.",
-    "warn"
-  ), yield {
-    type: "item",
-    props: e,
-    rendered: n,
-    textValue: r,
-    "aria-label": e["aria-label"],
-    hasChildNodes: h(e),
-    *childNodes() {
-      if (a)
-        yield* Array.from(a).map((i) => ({
-          type: "item",
-          value: i
-        }));
-      else if (u) {
-        const i = [];
-        d.Children.forEach(c, (o) => {
-          i.push({
-            type: "item",
-            element: o
-          });
-        }), yield* i;
-      }
+import { jsx as i } from "react/jsx-runtime";
+import { useMenu as h } from "./index84.mjs";
+import p from "./index66.mjs";
+import S from "./index136.mjs";
+function B(r) {
+  const {
+    id: e = "main-menu",
+    children: m,
+    TransitionAnimation: a,
+    PanelTransition: s,
+    themeName: n,
+    tokens: t,
+    customTheme: o,
+    ...l
+  } = r, { closeBtn: d, tabState: c, defaultSelectedKey: u } = h();
+  return /* @__PURE__ */ i(
+    p,
+    {
+      themeName: `${n}.sidePanel`,
+      tokens: t,
+      customTheme: o,
+      closeBtnRender: d,
+      id: e,
+      TransitionAnimation: a,
+      PanelTransition: s,
+      onOpenChange: (f) => {
+        f || c?.setSelectedKey(u);
+      },
+      children: /* @__PURE__ */ i(S, { id: e, themeName: n, tokens: t, customTheme: o, ...l, children: m })
     }
-  };
-};
-const I = s;
+  );
+}
 export {
-  I as TagItem
+  B as default
 };

package/index54.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const s=require("react/jsx-runtime"),T=require("./index179.js"),k=require("./index180.js"),x=require("react"),q=require("./index175.js"),a=require("./index37.js"),L=require("./index57.js"),f=require("./index56.js");function j(i){var u;const{themeName:e="tabList",tokens:o,customTheme:b,label:r,orientation:c="horizontal",panelTransition:h=q}=i,t=k.useTabListState(i),l=x.useRef(null),{tabListProps:d}=T.useTabList(i,t,l),n={...o,orientation:c,isDisabled:t.isDisabled};return s.jsxs(a.default,{themeName:`${e}.wrapper`,tokens:n,customTheme:b,children:[r&&s.jsx(a.default,{themeName:`${e}.label`,tokens:n,children:r}),s.jsxs(a.default,{themeName:`${e}.container`,tokens:n,children:[s.jsx(a.BoxWithForwardRef,{themeName:`${e}.list`,tokens:n,...d,ref:l,children:[...t.collection].map(m=>s.jsx(L,{item:m,state:t,themeName:`${e}.tab`,tokens:{...o,orientation:c}},m.key))}),s.jsx(f,{state:t,themeName:`${e}.panel`,tokens:n,panelTransition:h},(u=t.selectedItem)==null?void 0:u.key)]})]})}module.exports=j;
+"use strict";const e=require("react/jsx-runtime"),d=require("react-aria"),u=require("./index137.js"),m=require("./index138.js"),h=require("./index139.js");function x(i){const{children:a,transitionComponent:c=u,state:o,themeName:n,tokens:l,...s}=i,{isOpen:r}=o,t={isOpen:r,...l};return e.jsx(d.OverlayContainer,{children:e.jsx(c,{themeName:`${n}.transition`,tokens:t,isVisible:r,children:e.jsx(h,{themeName:n,tokens:t,state:o,...s,children:e.jsx(m,{themeName:n,tokens:t,...s,children:a})})})})}module.exports=x;

package/index54.mjs

@@ -1,52 +1,23 @@
 "use client";
-import { jsxs as b, jsx as o } from "react/jsx-runtime";
-import { useTabList as $ } from "./index179.mjs";
-import { useTabListState as k } from "./index180.mjs";
-import { useRef as T } from "react";
-import u from "./index175.mjs";
-import s, { BoxWithForwardRef as x } from "./index37.mjs";
-import N from "./index57.mjs";
-import L from "./index56.mjs";
-function z(n) {
-  var c;
+import { jsx as o } from "react/jsx-runtime";
+import { OverlayContainer as d } from "react-aria";
+import p from "./index137.mjs";
+import c from "./index138.mjs";
+import f from "./index139.mjs";
+function O(s) {
   const {
-    themeName: e = "tabList",
-    tokens: i,
-    customTheme: h,
-    label: r,
-    orientation: m = "horizontal",
-    panelTransition: p = u
-  } = n, t = k(n), l = T(null), { tabListProps: d } = $(n, t, l), a = {
-    ...i,
-    orientation: m,
-    isDisabled: t.isDisabled
+    children: a,
+    transitionComponent: m = p,
+    state: e,
+    themeName: n,
+    tokens: l,
+    ...r
+  } = s, { isOpen: i } = e, t = {
+    isOpen: i,
+    ...l
   };
-  return /* @__PURE__ */ b(s, { themeName: `${e}.wrapper`, tokens: a, customTheme: h, children: [
-    r && /* @__PURE__ */ o(s, { themeName: `${e}.label`, tokens: a, children: r }),
-    /* @__PURE__ */ b(s, { themeName: `${e}.container`, tokens: a, children: [
-      /* @__PURE__ */ o(x, { themeName: `${e}.list`, tokens: a, ...d, ref: l, children: [...t.collection].map((f) => /* @__PURE__ */ o(
-        N,
-        {
-          item: f,
-          state: t,
-          themeName: `${e}.tab`,
-          tokens: { ...i, orientation: m }
-        },
-        f.key
-      )) }),
-      /* @__PURE__ */ o(
-        L,
-        {
-          state: t,
-          themeName: `${e}.panel`,
-          tokens: a,
-          panelTransition: p
-        },
-        (c = t.selectedItem) == null ? void 0 : c.key
-      )
-    ] })
-  ] });
+  return /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(m, { themeName: `${n}.transition`, tokens: t, isVisible: i, children: /* @__PURE__ */ o(f, { themeName: n, tokens: t, state: e, ...r, children: /* @__PURE__ */ o(c, { themeName: n, tokens: t, ...r, children: a }) }) }) });
 }
 export {
-  z as default
+  O as default
 };

package/index55.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./index117.js");function d(t){return null}function m(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&u.Children.count(t.children)>0)}d.getCollectionNode=function*(e,l){const{childItems:a,title:s,children:c}=e,n=e.title||e.children,r=e.textValue||(typeof n=="string"?n:"")||e["aria-label"]||"";!r&&!(l!=null&&l.suppressTextValueWarning)&&h.log("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.","warn"),yield{type:"item",props:e,rendered:n,textValue:r,"aria-label":e["aria-label"],hasChildNodes:m(e),*childNodes(){if(a)yield*Array.from(a).map(i=>({type:"item",value:i}));else if(s){const i=[];u.Children.forEach(c,o=>{i.push({type:"item",element:o})}),yield*i}}}};const f=d;exports.TabItem=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function a(e){return e.hasChildItems!=null?e.hasChildItems:e.childItems!=null||e.title!=null&&o.Children.count(e.children)>0}function h(e){return"items"in e}function f(e){return!("items"in e)}function u(e){return null}u.getCollectionNode=function*(t){if(f(t)){const{childItems:n,title:l,children:r}=t,i=l??r,c=t.textValue??(typeof i=="string"?i:"")??t["aria-label"]??"";yield{type:"item",props:t,rendered:i,textValue:c,"aria-label":t["aria-label"],hasChildNodes:a(t),*childNodes(){if(n!=null)for(const d of n)yield{type:"item",value:d};else if(l!=null){const d=[];o.Children.forEach(r,s=>{d.push({type:"item",element:s})}),yield*d}}}}if(h(t)){const{items:n,children:l,title:r}=t;yield{type:"section",props:t,hasChildNodes:!0,rendered:r,"aria-label":t["aria-label"],*childNodes(){if(typeof l=="function"){if(n==null)throw new Error("props.children was a function but props.items is missing");for(const i of n)yield{type:"item",value:i,renderer:l}}else{const i=[];o.Children.forEach(l,c=>{i.push({type:"item",element:c})}),yield*i}}}}};const m=u;exports.Node=m;

package/index55.mjs

@@ -1,43 +1,78 @@
 "use client";
-import d from "react";
-import { log as h } from "./index117.mjs";
-function u(t) {
-  return null;
+import { Children as c } from "react";
+function a(e) {
+  return e.hasChildItems != null ? e.hasChildItems : e.childItems != null || e.title != null && c.count(e.children) > 0;
+}
+function f(e) {
+  return "items" in e;
 }
-function o(t) {
-  return t.hasChildItems != null ? t.hasChildItems : !!(t.childItems || t.title && d.Children.count(t.children) > 0);
+function h(e) {
+  return !("items" in e);
 }
-u.getCollectionNode = function* (e, l) {
-  const { childItems: n, title: s, children: m } = e, a = e.title || e.children, r = e.textValue || (typeof a == "string" ? a : "") || e["aria-label"] || "";
-  !r && !(l != null && l.suppressTextValueWarning) && h(
-    "<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.",
-    "warn"
-  ), yield {
-    type: "item",
-    props: e,
-    rendered: a,
-    textValue: r,
-    "aria-label": e["aria-label"],
-    hasChildNodes: o(e),
-    *childNodes() {
-      if (n)
-        yield* Array.from(n).map((i) => ({
-          type: "item",
-          value: i
-        }));
-      else if (s) {
-        const i = [];
-        d.Children.forEach(m, (c) => {
-          i.push({
-            type: "item",
-            element: c
-          });
-        }), yield* i;
+function s(e) {
+  return null;
+}
+s.getCollectionNode = function* (t) {
+  if (h(t)) {
+    const { childItems: n, title: l, children: d } = t, i = l ?? d, o = t.textValue ?? (typeof i == "string" ? i : "") ?? t["aria-label"] ?? "";
+    yield {
+      type: "item",
+      props: t,
+      rendered: i,
+      textValue: o,
+      "aria-label": t["aria-label"],
+      hasChildNodes: a(t),
+      *childNodes() {
+        if (n != null)
+          for (const r of n)
+            yield {
+              type: "item",
+              value: r
+            };
+        else if (l != null) {
+          const r = [];
+          c.forEach(d, (u) => {
+            r.push({
+              type: "item",
+              element: u
+            });
+          }), yield* r;
+        }
+      }
+    };
+  }
+  if (f(t)) {
+    const { items: n, children: l, title: d } = t;
+    yield {
+      type: "section",
+      props: t,
+      hasChildNodes: !0,
+      rendered: d,
+      "aria-label": t["aria-label"],
+      *childNodes() {
+        if (typeof l == "function") {
+          if (n == null)
+            throw new Error("props.children was a function but props.items is missing");
+          for (const i of n)
+            yield {
+              type: "item",
+              value: i,
+              renderer: l
+            };
+        } else {
+          const i = [];
+          c.forEach(l, (o) => {
+            i.push({
+              type: "item",
+              element: o
+            });
+          }), yield* i;
+        }
       }
-    }
-  };
+    };
+  }
 };
-const I = u;
+const y = s;
 export {
-  I as TabItem
+  y as Node
 };

package/index56.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const a=require("react/jsx-runtime"),m=require("./index181.js"),h=require("react"),d=require("./index175.js"),b=require("./index37.js"),x=e=>{var i;const{state:t,customTheme:o,themeName:n="tabList.panel",tokens:s,panelTransition:c=d,id:P,...l}=e,r=h.useRef(null),{tabPanelProps:u}=m.useTabPanel(e,t,r);return a.jsx(c,{...l,themeName:`${n}.transition`,tokens:s,customTheme:o,isVisible:!0,children:a.jsx(b.BoxWithForwardRef,{themeName:`${n}.container`,tokens:s,...u,ref:r,children:(i=t.selectedItem)==null?void 0:i.props.children})})};module.exports=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),o=require("react-aria"),a=require("./index7.js");function D(c){const{children:l,themeName:s="popover",tokens:m,customTheme:f,placement:h="bottom",offset:R=5,state:r,arrow:i,sizeRef:d,popoverRef:v,triggerRef:x,contain:P=!0,autoFocus:g=!0,restoreFocus:j=!0}=c,y=d??x,{isOpen:k}=r,w=n.useRef(null),p=v??w,{popoverProps:u,underlayProps:F,arrowProps:$,placement:b}=o.usePopover({...c,placement:h,offset:R,popoverRef:p},r),t={placement:b??"bottom",isOpen:k,...m},q={[`--${s?.replace(".","-")}-container-width`]:`${y?.current?.offsetWidth}px`,...u.style};return e.jsxs(o.Overlay,{children:[e.jsx(a.Box,{themeName:`${s}.underlay`,tokens:t,...F}),e.jsx(o.FocusScope,{autoFocus:g,restoreFocus:j,contain:P,children:e.jsxs(a.BoxWithForwardRef,{themeName:`${s}.popover`,customTheme:f,tokens:t,ref:p,...u,style:q,children:[i!=null&&n.cloneElement(i,{...$,themeName:`${s}.arrow`,tokens:t}),e.jsx(o.DismissButton,{onDismiss:r.close}),n.Children.map(l,B=>e.jsx(o.FocusRing,{focusRingClass:"has-focus-ring",children:B})),e.jsx(o.DismissButton,{onDismiss:r.close})]})})]})}exports.Popover=D;

package/index56.mjs

@@ -1,33 +1,61 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { useTabPanel as f } from "./index181.mjs";
-import { useRef as p } from "react";
-import d from "./index175.mjs";
-import { BoxWithForwardRef as h } from "./index37.mjs";
-const N = (e) => {
-  var o;
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useRef as D, cloneElement as b, Children as j } from "react";
+import { usePopover as C, Overlay as O, FocusScope as T, DismissButton as m, FocusRing as W } from "react-aria";
+import { Box as E, BoxWithForwardRef as S } from "./index7.mjs";
+function I(s) {
   const {
-    state: t,
-    customTheme: s,
-    themeName: r = "tabList.panel",
+    children: l,
+    themeName: o = "popover",
     tokens: a,
-    panelTransition: m = d,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    id: b,
-    ...l
-  } = e, n = p(null), { tabPanelProps: c } = f(e, t, n);
-  return /* @__PURE__ */ i(
-    m,
+    customTheme: f,
+    placement: u = "bottom",
+    offset: h = 5,
+    state: r,
+    arrow: n,
+    sizeRef: R,
+    popoverRef: d,
+    triggerRef: v,
+    contain: P = !0,
+    autoFocus: g = !0,
+    restoreFocus: x = !0
+  } = s, k = R ?? v, { isOpen: w } = r, y = D(null), p = d ?? y, { popoverProps: c, underlayProps: F, arrowProps: $, placement: N } = C(
     {
-      ...l,
-      themeName: `${r}.transition`,
-      tokens: a,
-      customTheme: s,
-      isVisible: !0,
-      children: /* @__PURE__ */ i(h, { themeName: `${r}.container`, tokens: a, ...c, ref: n, children: (o = t.selectedItem) == null ? void 0 : o.props.children })
-    }
-  );
-};
+      ...s,
+      placement: u,
+      offset: h,
+      popoverRef: p
+    },
+    r
+  ), t = {
+    placement: N ?? "bottom",
+    isOpen: w,
+    ...a
+  }, z = {
+    [`--${o?.replace(".", "-")}-container-width`]: `${k?.current?.offsetWidth}px`,
+    ...c.style
+  };
+  return /* @__PURE__ */ i(O, { children: [
+    /* @__PURE__ */ e(E, { themeName: `${o}.underlay`, tokens: t, ...F }),
+    /* @__PURE__ */ e(T, { autoFocus: g, restoreFocus: x, contain: P, children: /* @__PURE__ */ i(
+      S,
+      {
+        themeName: `${o}.popover`,
+        customTheme: f,
+        tokens: t,
+        ref: p,
+        ...c,
+        style: z,
+        children: [
+          n != null && b(n, { ...$, themeName: `${o}.arrow`, tokens: t }),
+          /* @__PURE__ */ e(m, { onDismiss: r.close }),
+          j.map(l, (B) => /* @__PURE__ */ e(W, { focusRingClass: "has-focus-ring", children: B })),
+          /* @__PURE__ */ e(m, { onDismiss: r.close })
+        ]
+      }
+    ) })
+  ] });
+}
 export {
-  N as default
+  I as Popover
 };

package/index57.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const q=require("react/jsx-runtime"),k=require("@react-aria/focus"),x=require("./index182.js"),F=require("react"),P=require("react-aria"),R=require("./index105.js"),h=require("./index37.js"),D=({item:o,state:e,...r})=>{const{key:s,rendered:t}=o,{themeName:i="tabList.tab",tokens:c,...u}=R.mergeDefaultComponentProps(r,o.props),n=F.useRef(null),{tabProps:a}=x.useTab({key:s},e,n),{focusProps:l,isFocusVisible:b,isFocused:d}=k.useFocusRing({within:!0,autoFocus:!1}),p=e.selectionManager.isDisabled(s),f=e.selectionManager.isSelected(s),g=e.selectionManager.isLink(s),m={...c,isDisabled:p,isSelected:f,isLink:g,isFocused:d,isFocusVisible:b};return q.jsx(h.BoxWithForwardRef,{...P.mergeProps(u,l,a),themeName:i,tokens:m,ref:n,children:t})};module.exports=D;
+"use strict";const r=require("react/jsx-runtime"),n=require("react"),t=require("react-aria"),j=require("react-stately"),B=require("./index56.js"),F=require("./index8.js");function T(o){const{children:u,buttonProps:p,placement:d="right",offset:P=5,themeName:i="popover",tokens:g,customTheme:h,label:f,handlePress:m,shouldCloseOnInteractOutside:v,isKeyboardDismissDisabled:y}=o,s=j.useOverlayTriggerState(o),e=n.useRef(null),a=n.useRef(null),{triggerProps:O,overlayProps:c}=t.useOverlayTrigger({type:"dialog"},s,e),{overlayProps:R}=t.useOverlayPosition({...o,placement:d,offset:P,targetRef:e,overlayRef:a,isOpen:s.isOpen}),{onPress:x,preventFocusOnPress:C,...q}=O,b=l=>{x?.(l),m?.(l)};return r.jsxs(r.Fragment,{children:[r.jsx(F.ButtonWithForwardRef,{themeName:`${i}.button`,handlePress:b,...p,...q,ref:e,children:f}),s.isOpen&&r.jsx(t.OverlayContainer,{children:r.jsx(B.Popover,{themeName:i,tokens:g,customTheme:h,triggerRef:e,...t.mergeProps(c,R),popoverRef:a,sizeRef:e,state:s,shouldCloseOnInteractOutside:v,isKeyboardDismissDisabled:y,children:n.cloneElement(u,c)})})]})}module.exports=T;

package/index57.mjs

@@ -1,22 +1,63 @@
 "use client";
-import { jsx as k } from "react/jsx-runtime";
-import { useFocusRing as F } from "@react-aria/focus";
-import { useTab as h } from "./index182.mjs";
-import { useRef as x } from "react";
-import { mergeProps as P } from "react-aria";
-import { mergeDefaultComponentProps as D } from "./index105.mjs";
-import { BoxWithForwardRef as L } from "./index37.mjs";
-const y = ({ item: s, state: e, ...t }) => {
-  const { key: o, rendered: i } = s, { themeName: n = "tabList.tab", tokens: c, ...a } = D(t, s.props), r = x(null), { tabProps: m } = h({ key: o }, e, r), { focusProps: f, isFocusVisible: p, isFocused: l } = F({ within: !0, autoFocus: !1 }), u = e.selectionManager.isDisabled(o), d = e.selectionManager.isSelected(o), b = e.selectionManager.isLink(o), g = {
-    ...c,
-    isDisabled: u,
-    isSelected: d,
-    isLink: b,
-    isFocused: l,
-    isFocusVisible: p
+import { jsxs as B, Fragment as F, jsx as t } from "react/jsx-runtime";
+import { useRef as a, cloneElement as T } from "react";
+import { useOverlayTrigger as j, useOverlayPosition as C, OverlayContainer as D, mergeProps as N } from "react-aria";
+import { useOverlayTriggerState as k } from "react-stately";
+import { Popover as w } from "./index56.mjs";
+import { ButtonWithForwardRef as z } from "./index8.mjs";
+function A(o) {
+  const {
+    children: p,
+    buttonProps: m,
+    placement: c = "right",
+    offset: f = 5,
+    themeName: s = "popover",
+    tokens: u,
+    customTheme: P,
+    label: d,
+    handlePress: g,
+    shouldCloseOnInteractOutside: h,
+    isKeyboardDismissDisabled: v
+  } = o, r = k(o), e = a(null), n = a(null), { triggerProps: O, overlayProps: i } = j({ type: "dialog" }, r, e), { overlayProps: y } = C({
+    ...o,
+    placement: c,
+    offset: f,
+    targetRef: e,
+    overlayRef: n,
+    isOpen: r.isOpen
+  }), { onPress: R, preventFocusOnPress: E, ...b } = O, x = (l) => {
+    R?.(l), g?.(l);
   };
-  return /* @__PURE__ */ k(L, { ...P(a, f, m), themeName: n, tokens: g, ref: r, children: i });
-};
+  return /* @__PURE__ */ B(F, { children: [
+    /* @__PURE__ */ t(
+      z,
+      {
+        themeName: `${s}.button`,
+        handlePress: x,
+        ...m,
+        ...b,
+        ref: e,
+        children: d
+      }
+    ),
+    r.isOpen && /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(
+      w,
+      {
+        themeName: s,
+        tokens: u,
+        customTheme: P,
+        triggerRef: e,
+        ...N(i, y),
+        popoverRef: n,
+        sizeRef: e,
+        state: r,
+        shouldCloseOnInteractOutside: h,
+        isKeyboardDismissDisabled: v,
+        children: T(p, i)
+      }
+    ) })
+  ] });
+}
 export {
-  y as default
+  A as default
 };

package/index58.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),K=require("./index158.js"),P=require("radashi"),p=require("react"),T=require("react-aria"),N=require("react-hook-form"),R=require("react-stately"),D=require("./index97.js"),S=require("./index37.js"),I=require("./index6.js"),E=require("./index3.js"),O=require("./index61.js"),V=require("./index60.js"),w={item:O,section:V},B=p.forwardRef((o,s)=>{const{themeName:e="listBox",tokens:x,customTheme:j,label:c,escapeKeyBehavior:C="clearSelection",linkElementType:F=I.Anchor,isDisabled:q=!1,isRequired:u=!1,isInvalid:$=!1,isError:f=!1,errorMessage:k,disabledKeys:g,fieldRef:d,...y}=o,i=R.useListState(o),t=i.collection.getKeys(),h=r=>{if(r){if(d==null||d(r),!s)return;typeof s=="function"?s(r):s.current=r}},{listBoxProps:m,labelProps:M}=T.useListBox({...y,escapeKeyBehavior:C,label:c,disabledKeys:q?t:g},i,h),a={...x,isDisabled:q,isRequired:u,isInvalid:$,isError:f};return n.jsxs(S.default,{themeName:`${e}.wrapper`,tokens:a,customTheme:j,children:[c&&n.jsx(E.default,{...M,themeName:`${e}.label`,tokens:a,children:c}),n.jsx(S.BoxWithForwardRef,{ref:s,as:"ul",...m,themeName:`${e}.list`,tokens:a,children:[...i.collection].map(r=>{const{key:b}=r,l=r.type??"item",L=w[l];return n.jsx(L,{[l]:r,state:i,tokens:{...x,type:l},themeName:`${e}.${l}`,linkElementType:F},b)})}),f&&k&&n.jsx(E.default,{themeName:`${e}.errorMessage`,tokens:a,children:k})]})});B.displayName="ControlledListBox";const A=o=>{const s=R.useListState(o),e=p.useRef(null);return n.jsx(B,{...o,state:s,ref:e})},v=p.forwardRef((o,s)=>{const{name:e,rules:x,isRequired:j,isDisabled:c,tokens:C,selectionMode:F="single",errorMessage:q,...u}=o,{control:$,setValue:f,watch:k,getValues:g}=N.useFormContext(),{selectedKeys:d=k(e),defaultSelectedKeys:y=g(e)}=u,{t:i}=D.useTranslation(),t={required:j?i("FORM.ERROR.REQUIRED")??"required":!1,disabled:c,...x};return n.jsx(N.Controller,{...u,defaultValue:y,name:e,control:$,rules:t,disabled:t==null?void 0:t.disabled,render:({field:h,fieldState:m})=>{var L;const{ref:M,...a}=h,r=!P.isEmpty(m.error),b={isDisabled:h.disabled??!1,isRequired:(t==null?void 0:t.required)===!0||(t==null?void 0:t.required)==="required",isInvalid:m.invalid,isError:r},l={...C,...b};return n.jsx(B,{...K.mergeProps(u,a,b,{onSelectionChange:H=>{f(e,H)}}),tokens:l,selectionMode:F,selectedKeys:d,defaultSelectedKeys:y,errorMessage:q??((L=m.error)==null?void 0:L.message),ref:s})}})});v.displayName="ControlledReactHookFormListBox";const _=o=>{const s=R.useListState(o),e=p.useRef(null);return n.jsx(v,{...o,state:s,ref:e})};exports.ControlledListBox=B;exports.ControlledReactHookFormListBox=v;exports.ReactHookFormListBox=_;exports.default=A;
+"use strict";const n=require("react/jsx-runtime"),u=require("./index8.js"),a=require("./index48.js");function d(t){const{ariaLabel:i,icon:o,customTheme:m,themeName:e="printButton",tokens:r,...s}=t,c=()=>{typeof window<"u"&&typeof window.print=="function"&&window.print()};return n.jsx(u.ButtonComponent,{themeName:`${e}.button`,tokens:r,"aria-label":i,handlePress:c,...s,children:n.jsx(a,{themeName:`${e}.icon`,icon:o??"Print"})})}module.exports=d;