@okam/stack-ui 1.41.2 → 1.42.1

package/index168.mjs

@@ -1,32 +1,41 @@
-import { useFormValidationState as f } from "./index228.mjs";
-import { useControlledState as $ } from "./index229.mjs";
-import { useMemo as m, useState as r } from "react";
-let b = Math.round(Math.random() * 1e10), v = 0;
-function F(e) {
-  let d = m(() => e.name || `radio-group-${b}-${++v}`, [
-    e.name
-  ]);
-  var a;
-  let [t, u] = $(e.value, (a = e.defaultValue) !== null && a !== void 0 ? a : null, e.onChange), [s, n] = r(null), l = f({
-    ...e,
-    value: t
-  }), c = (o) => {
-    !e.isReadOnly && !e.isDisabled && (u(o), l.commitValidation());
-  }, i = l.displayValidation.isInvalid;
-  return {
-    ...l,
-    name: d,
-    selectedValue: t,
-    setSelectedValue: c,
-    lastFocusedValue: s,
-    setLastFocusedValue: n,
-    isDisabled: e.isDisabled || !1,
-    isReadOnly: e.isReadOnly || !1,
-    isRequired: e.isRequired || !1,
-    validationState: e.validationState || (i ? "invalid" : null),
-    isInvalid: i
-  };
-}
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import g from "./index36.mjs";
+import o from "./index6.mjs";
+import h from "./index23.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" })
+      }
+    )
+  ] });
+};
 export {
-  F as useRadioGroupState
+  y as default
 };

package/index169.js

@@ -1 +1 @@
-"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),m=require("./index86.js"),p=({isVisible:e,children:i,themeName:n,tokens:s,customTheme:o,...r})=>{const c=m(n,s,o);return t.useTransition(e,{from:{opacity:0},enter:{opacity:1},leave:{opacity:0},config:t.config.stiff})((a,u)=>u&&f.jsx(t.animated.div,{...r,className:c,style:a,children:i}))};module.exports=p;
+"use strict";const l=require("react/jsx-runtime"),t=require("@react-spring/web"),f=require("./index88.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;

package/index169.mjs

@@ -1,17 +1,33 @@
 import { jsx as c } from "react/jsx-runtime";
-import { useTransition as f, config as p, animated as y } from "@react-spring/web";
-import d from "./index86.mjs";
-const T = ({ isVisible: t, children: i, themeName: o, tokens: e, customTheme: n, ...r }) => {
-  const a = d(o, e, n);
-  return f(t, {
-    from: { opacity: 0 },
-    enter: { opacity: 1 },
-    leave: { opacity: 0 },
-    config: p.stiff
+import { useTransition as m, config as f, animated as l } from "@react-spring/web";
+import p from "./index88.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
   })(
-    (s, m) => m && /* @__PURE__ */ c(y.div, { ...r, className: a, style: s, children: i })
+    (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
+      }
+    )
   );
 };
 export {
-  T as default
+  y as default
 };

package/index17.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const o=require("react/jsx-runtime"),a=require("react-aria"),c=require("./index93.js"),u=require("./index35.js"),l=require("./index105.js"),p=n=>{const{themeName:i="carousel.pagination",tokens:s,children:e}=n,{paginationProps:t}=l.useCarouselPagination(n),{swiper:r}=c.useCarousel();return o.jsx(u.BoxWithForwardRef,{themeName:`${i}.wrapper`,tokens:s,...t,children:o.jsx(a.FocusScope,{children:typeof e=="function"?r&&e(r):e})})};module.exports=p;
+"use strict";const a=require("react/jsx-runtime"),u=require("./index6.js"),c=require("./index112.js"),v=e=>{const{children:t,themeName:r="carousel.navigation",tokens:o}=e,{navigationProps:n,ref:s,isDisabled:i}=c.useCarouselPrevNavigation(e);return a.jsx(u.ButtonWithForwardRef,{themeName:`${r}.button`,tokens:{...o,order:"prev"},...n,ref:s,isDisabled:i,children:t})};module.exports=v;

package/index17.mjs

@@ -1,13 +1,21 @@
 "use client";
-import { jsx as t } from "react/jsx-runtime";
-import { FocusScope as s } from "react-aria";
-import { useCarousel as m } from "./index93.mjs";
-import { BoxWithForwardRef as p } from "./index35.mjs";
-import { useCarouselPagination as c } from "./index105.mjs";
-const g = (r) => {
-  const { themeName: i = "carousel.pagination", tokens: n, children: o } = r, { paginationProps: a } = c(r), { swiper: e } = m();
-  return /* @__PURE__ */ t(p, { themeName: `${i}.wrapper`, tokens: n, ...a, children: /* @__PURE__ */ t(s, { children: typeof o == "function" ? e && o(e) : o }) });
+import { jsx as s } from "react/jsx-runtime";
+import { ButtonWithForwardRef as m } from "./index6.mjs";
+import { useCarouselPrevNavigation as u } from "./index112.mjs";
+const c = (e) => {
+  const { children: o, themeName: t = "carousel.navigation", tokens: r } = e, { navigationProps: a, ref: i, isDisabled: n } = u(e);
+  return /* @__PURE__ */ s(
+    m,
+    {
+      themeName: `${t}.button`,
+      tokens: { ...r, order: "prev" },
+      ...a,
+      ref: i,
+      isDisabled: n,
+      children: o
+    }
+  );
 };
 export {
-  g as default
+  c as default
 };

package/index170.js

@@ -1 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("./index89.js"),l=require("./index35.js"),h=require("./index45.js"),x=c=>{var u;const{themeName:t,tokens:n,customTheme:r,children:i,beforeTabContent:a,afterTabContent:o}=c,{tabState:s,defaultSelectedKey:m}=d.useMenu();return e.jsxs(e.Fragment,{children:[e.jsx(l.default,{themeName:`${t}.wrapper`,tokens:n,customTheme:r,children:i}),((u=s==null?void 0:s.selectedKey)==null?void 0:u.toString())===m?null:e.jsxs(l.default,{themeName:`${t}.tabWrapper`,tokens:n,customTheme:r,children:[a!==null&&a,e.jsx(h,{themeName:`${t}.tabPanel`,tokens:n,customTheme:r}),o!==null&&o]})]})};module.exports=x;
+"use client";
+"use strict";const e=require("react/jsx-runtime"),t=require("react-aria"),a=require("./index162.js"),l=s=>{const{children:o,themeName:r,tokens:u,customTheme:c,title:i,...n}=s;return e.jsx(a.Dialog,{themeName:`${r}.dialog`,tokens:u,customTheme:c,title:i,...n,children:e.jsx(t.FocusRing,{focusRingClass:"has-focus-ring",within:!0,autoFocus:!0,children:e.jsx(t.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:o})})})};module.exports=l;

package/index170.mjs

@@ -1,19 +1,11 @@
-import { jsxs as l, Fragment as f, jsx as s } from "react/jsx-runtime";
-import { useMenu as h } from "./index89.mjs";
-import c from "./index35.mjs";
-import d from "./index45.mjs";
-const T = (i) => {
-  var a;
-  const { themeName: e, tokens: t, customTheme: n, children: p, beforeTabContent: o, afterTabContent: m } = i, { tabState: r, defaultSelectedKey: u } = h();
-  return /* @__PURE__ */ l(f, { children: [
-    /* @__PURE__ */ s(c, { themeName: `${e}.wrapper`, tokens: t, customTheme: n, children: p }),
-    ((a = r == null ? void 0 : r.selectedKey) == null ? void 0 : a.toString()) === u ? null : /* @__PURE__ */ l(c, { themeName: `${e}.tabWrapper`, tokens: t, customTheme: n, children: [
-      o !== null && o,
-      /* @__PURE__ */ s(d, { themeName: `${e}.tabPanel`, tokens: t, customTheme: n }),
-      m !== null && m
-    ] })
-  ] });
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { FocusRing as a, FocusScope as n } from "react-aria";
+import { Dialog as m } from "./index162.mjs";
+const f = (e) => {
+  const { children: t, themeName: r, tokens: s, customTheme: u, title: i, ...c } = e;
+  return /* @__PURE__ */ o(m, { themeName: `${r}.dialog`, tokens: s, customTheme: u, title: i, ...c, children: /* @__PURE__ */ o(a, { focusRingClass: "has-focus-ring", within: !0, autoFocus: !0, children: /* @__PURE__ */ o(n, { contain: !0, restoreFocus: !0, autoFocus: !0, children: t }) }) });
 };
 export {
-  T as default
+  f as default
 };

package/index171.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const n=require("react/jsx-runtime"),P=require("react"),h=require("react-aria"),i=require("./index35.js"),p=require("./index6.js"),C=c=>{const{themeName:t,tokens:m,customTheme:x,as:b,item:o,state:f,...g}=c,{removeButtonProps:e,href:k}=o.props??{},a=P.useRef(null),{rowProps:R,gridCellProps:j,removeButtonProps:s,allowsRemoving:q,isDisabled:w,isFocused:N,isPressed:$,isSelected:T}=h.useTag(c,f,a),r={...m,isDisabled:w,isFocused:N,isPressed:$,isSelected:T,isLink:!!k},F={...e,...s,handlePress:d=>{var l,u;(l=e==null?void 0:e.handlePress)==null||l.call(e,d),(u=s==null?void 0:s.onPress)==null||u.call(s,d)}};return n.jsx(h.FocusRing,{focusRingClass:"has-focus-ring within",children:n.jsx(i.BoxWithForwardRef,{...g,...R,ref:a,themeName:`${t}.wrapper`,tokens:r,customTheme:x,children:n.jsxs(i.default,{themeName:`${t}.container`,tokens:r,...j,children:[n.jsx(i.default,{themeName:`${t}.item`,tokens:r,children:o.rendered}),q&&e&&n.jsx(p.default,{themeName:`${t}.removeButton`,tokens:r,...F})]})})})};module.exports=C;
+"use strict";const s=require("react/jsx-runtime"),m=require("react"),h=require("react-aria"),o=require("./index36.js"),x=a=>{const{themeName:e,tokens:r,customTheme:n,children:c,state:u,...l}=a,t=m.useRef(null),{modalProps:i,underlayProps:d}=h.useModalOverlay(l,u,t);return s.jsx(o.default,{themeName:`${e}.underlay`,tokens:r,customTheme:n,...d,children:s.jsx(o.BoxWithForwardRef,{ref:t,themeName:`${e}.overlay`,tokens:r,...i,children:c})})};module.exports=x;

package/index171.mjs

@@ -1,50 +1,12 @@
 "use client";
-import { jsx as t, jsxs as F } from "react/jsx-runtime";
-import { useRef as P } from "react";
-import { useTag as j, FocusRing as b } from "react-aria";
-import l, { BoxWithForwardRef as B } from "./index35.mjs";
-import D from "./index6.mjs";
-const E = (r) => {
-  const { themeName: o, tokens: d, customTheme: f, as: L, item: i, state: u, ...g } = r, { removeButtonProps: e, href: p } = i.props ?? {}, m = P(null), {
-    rowProps: k,
-    gridCellProps: w,
-    removeButtonProps: s,
-    allowsRemoving: x,
-    isDisabled: N,
-    isFocused: R,
-    isPressed: T,
-    isSelected: $
-  } = j(r, u, m), n = {
-    ...d,
-    isDisabled: N,
-    isFocused: R,
-    isPressed: T,
-    isSelected: $,
-    isLink: !!p
-  }, C = {
-    ...e,
-    ...s,
-    handlePress: (a) => {
-      var c, h;
-      (c = e == null ? void 0 : e.handlePress) == null || c.call(e, a), (h = s == null ? void 0 : s.onPress) == null || h.call(s, a);
-    }
-  };
-  return /* @__PURE__ */ t(b, { focusRingClass: "has-focus-ring within", children: /* @__PURE__ */ t(
-    B,
-    {
-      ...g,
-      ...k,
-      ref: m,
-      themeName: `${o}.wrapper`,
-      tokens: n,
-      customTheme: f,
-      children: /* @__PURE__ */ F(l, { themeName: `${o}.container`, tokens: n, ...w, children: [
-        /* @__PURE__ */ t(l, { themeName: `${o}.item`, tokens: n, children: i.rendered }),
-        x && e && /* @__PURE__ */ t(D, { themeName: `${o}.removeButton`, tokens: n, ...C })
-      ] })
-    }
-  ) });
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { useModalOverlay as c } from "react-aria";
+import h, { BoxWithForwardRef as i } from "./index36.mjs";
+const N = (m) => {
+  const { themeName: e, tokens: o, customTheme: a, children: s, state: l, ...n } = m, r = u(null), { modalProps: d, underlayProps: f } = c(n, l, r);
+  return /* @__PURE__ */ t(h, { themeName: `${e}.underlay`, tokens: o, customTheme: a, ...f, children: /* @__PURE__ */ t(i, { ref: r, themeName: `${e}.overlay`, tokens: o, ...d, children: s }) });
 };
 export {
-  E as default
+  N as default
 };

package/index172.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index273.js"),y=require("./index275.js"),m=require("./index177.js"),q=require("./index150.js"),p=require("./index243.js"),L=require("@react-aria/i18n"),P=require("react"),f=require("./index276.js");function I(t,o,i){let{orientation:e="horizontal",keyboardActivation:n="automatic"}=t,{collection:l,selectionManager:c,disabledKeys:a}=o,{direction:r}=L.useLocale(),u=P.useMemo(()=>new y.TabsKeyboardDelegate(l,r,e,a),[l,a,e,r]),{collectionProps:b}=f.useSelectableCollection({ref:i,selectionManager:c,keyboardDelegate:u,selectOnFocus:n==="automatic",disallowEmptySelection:!0,scrollRef:i,linkBehavior:"selection"}),s=m.useId();g.tabsIds.set(o,s);let d=p.useLabels({...t,id:s});return{tabListProps:{...q.mergeProps(b,d),role:"tablist","aria-orientation":e,tabIndex:void 0}}}exports.useTabList=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index232.js"),V=require("./index233.js"),d=require("react");let S=Math.round(Math.random()*1e10),m=0;function $(e){let u=d.useMemo(()=>e.name||`radio-group-${S}-${++m}`,[e.name]);var a;let[l,n]=V.useControlledState(e.value,(a=e.defaultValue)!==null&&a!==void 0?a:null,e.onChange),[s,c]=d.useState(null),t=v.useFormValidationState({...e,value:l}),o=r=>{!e.isReadOnly&&!e.isDisabled&&(n(r),t.commitValidation())},i=t.displayValidation.isInvalid;return{...t,name:u,selectedValue:l,setSelectedValue:o,lastFocusedValue:s,setLastFocusedValue:c,isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isRequired:e.isRequired||!1,validationState:e.validationState||(i?"invalid":null),isInvalid:i}}exports.useRadioGroupState=$;

package/index172.mjs

@@ -1,40 +1,32 @@
-import { tabsIds as m } from "./index273.mjs";
-import { TabsKeyboardDelegate as $ } from "./index275.mjs";
-import { useId as p } from "./index177.mjs";
-import { mergeProps as u } from "./index150.mjs";
-import { useLabels as x } from "./index243.mjs";
-import { useLocale as g } from "@react-aria/i18n";
-import { useMemo as y } from "react";
-import { useSelectableCollection as L } from "./index276.mjs";
-function A(o, t, a) {
-  let { orientation: e = "horizontal", keyboardActivation: s = "automatic" } = o, { collection: r, selectionManager: d, disabledKeys: i } = t, { direction: c } = g(), n = y(() => new $(r, c, e, i), [
-    r,
-    i,
-    e,
-    c
-  ]), { collectionProps: b } = L({
-    ref: a,
-    selectionManager: d,
-    keyboardDelegate: n,
-    selectOnFocus: s === "automatic",
-    disallowEmptySelection: !0,
-    scrollRef: a,
-    linkBehavior: "selection"
-  }), l = p();
-  m.set(t, l);
-  let f = x({
-    ...o,
-    id: l
-  });
+import { useFormValidationState as f } from "./index232.mjs";
+import { useControlledState as $ } from "./index233.mjs";
+import { useMemo as m, useState as r } from "react";
+let b = Math.round(Math.random() * 1e10), v = 0;
+function F(e) {
+  let d = m(() => e.name || `radio-group-${b}-${++v}`, [
+    e.name
+  ]);
+  var a;
+  let [t, u] = $(e.value, (a = e.defaultValue) !== null && a !== void 0 ? a : null, e.onChange), [s, n] = r(null), l = f({
+    ...e,
+    value: t
+  }), c = (o) => {
+    !e.isReadOnly && !e.isDisabled && (u(o), l.commitValidation());
+  }, i = l.displayValidation.isInvalid;
   return {
-    tabListProps: {
-      ...u(b, f),
-      role: "tablist",
-      "aria-orientation": e,
-      tabIndex: void 0
-    }
+    ...l,
+    name: d,
+    selectedValue: t,
+    setSelectedValue: c,
+    lastFocusedValue: s,
+    setLastFocusedValue: n,
+    isDisabled: e.isDisabled || !1,
+    isReadOnly: e.isReadOnly || !1,
+    isRequired: e.isRequired || !1,
+    validationState: e.validationState || (i ? "invalid" : null),
+    isInvalid: i
   };
 }
 export {
-  A as useTabList
+  F as useRadioGroupState
 };

package/index173.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./index277.js"),f=require("react");function K(t){var u,e;let s=y.useSingleSelectListState({...t,suppressTextValueWarning:!0,defaultSelectedKey:(e=(u=t.defaultSelectedKey)!==null&&u!==void 0?u:r(t.collection,t.disabledKeys?new Set(t.disabledKeys):new Set))!==null&&e!==void 0?e:void 0}),{selectionManager:d,collection:a,selectedKey:i}=s,n=f.useRef(i);return f.useEffect(()=>{let l=i;t.selectedKey==null&&(d.isEmpty||l==null||!a.getItem(l))&&(l=r(a,s.disabledKeys),l!=null&&d.setSelectedKeys([l])),(l!=null&&d.focusedKey==null||!d.isFocused&&l!==n.current)&&d.setFocusedKey(l),n.current=l}),{...s,isDisabled:t.isDisabled||!1}}function r(t,u){let e=null;if(t){var s,d,a,i;for(e=t.getFirstKey();e!=null&&(u.has(e)||!((d=t.getItem(e))===null||d===void 0||(s=d.props)===null||s===void 0)&&s.isDisabled)&&e!==t.getLastKey();)e=t.getKeyAfter(e);e!=null&&(u.has(e)||!((i=t.getItem(e))===null||i===void 0||(a=i.props)===null||a===void 0)&&a.isDisabled)&&e===t.getLastKey()&&(e=t.getFirstKey())}return e}exports.useTabListState=K;
+"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),m=require("./index88.js"),p=({isVisible:e,children:i,themeName:n,tokens:s,customTheme:o,...r})=>{const c=m(n,s,o);return t.useTransition(e,{from:{opacity:0},enter:{opacity:1},leave:{opacity:0},config:t.config.stiff})((a,u)=>u&&f.jsx(t.animated.div,{...r,className:c,style:a,children:i}))};module.exports=p;

package/index173.mjs

@@ -1,31 +1,17 @@
-import { useSingleSelectListState as r } from "./index277.mjs";
-import { useRef as y, useEffect as K } from "react";
-function b(d) {
-  var l, e;
-  let s = r({
-    ...d,
-    suppressTextValueWarning: !0,
-    defaultSelectedKey: (e = (l = d.defaultSelectedKey) !== null && l !== void 0 ? l : n(d.collection, d.disabledKeys ? new Set(d.disabledKeys) : /* @__PURE__ */ new Set())) !== null && e !== void 0 ? e : void 0
-  }), { selectionManager: t, collection: u, selectedKey: i } = s, f = y(i);
-  return K(() => {
-    let a = i;
-    d.selectedKey == null && (t.isEmpty || a == null || !u.getItem(a)) && (a = n(u, s.disabledKeys), a != null && t.setSelectedKeys([
-      a
-    ])), (a != null && t.focusedKey == null || !t.isFocused && a !== f.current) && t.setFocusedKey(a), f.current = a;
-  }), {
-    ...s,
-    isDisabled: d.isDisabled || !1
-  };
-}
-function n(d, l) {
-  let e = null;
-  if (d) {
-    var s, t, u, i;
-    for (e = d.getFirstKey(); e != null && (l.has(e) || !((t = d.getItem(e)) === null || t === void 0 || (s = t.props) === null || s === void 0) && s.isDisabled) && e !== d.getLastKey(); ) e = d.getKeyAfter(e);
-    e != null && (l.has(e) || !((i = d.getItem(e)) === null || i === void 0 || (u = i.props) === null || u === void 0) && u.isDisabled) && e === d.getLastKey() && (e = d.getFirstKey());
-  }
-  return e;
-}
+import { jsx as c } from "react/jsx-runtime";
+import { useTransition as f, config as p, animated as y } from "@react-spring/web";
+import d from "./index88.mjs";
+const T = ({ isVisible: t, children: i, themeName: o, tokens: e, customTheme: n, ...r }) => {
+  const a = d(o, e, n);
+  return f(t, {
+    from: { opacity: 0 },
+    enter: { opacity: 1 },
+    leave: { opacity: 0 },
+    config: p.stiff
+  })(
+    (s, m) => m && /* @__PURE__ */ c(y.div, { ...r, className: a, style: s, children: i })
+  );
+};
 export {
-  b as useTabListState
+  T as default
 };

package/index174.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index273.js"),o=require("./index150.js"),u=require("./index243.js"),s=require("@react-aria/focus");function c(a,e,d){let l=s.useHasTabbableChild(d)?void 0:0;var r;const n=i.generateId(e,(r=a.id)!==null&&r!==void 0?r:e==null?void 0:e.selectedKey,"tabpanel"),b=u.useLabels({...a,id:n,"aria-labelledby":i.generateId(e,e==null?void 0:e.selectedKey,"tab")});return{tabPanelProps:o.mergeProps(b,{tabIndex:l,role:"tabpanel","aria-describedby":a["aria-describedby"],"aria-details":a["aria-details"]})}}exports.useTabPanel=c;
+"use strict";const e=require("react/jsx-runtime"),d=require("./index91.js"),l=require("./index36.js"),h=require("./index46.js"),x=c=>{var u;const{themeName:t,tokens:n,customTheme:r,children:i,beforeTabContent:a,afterTabContent:o}=c,{tabState:s,defaultSelectedKey:m}=d.useMenu();return e.jsxs(e.Fragment,{children:[e.jsx(l.default,{themeName:`${t}.wrapper`,tokens:n,customTheme:r,children:i}),((u=s==null?void 0:s.selectedKey)==null?void 0:u.toString())===m?null:e.jsxs(l.default,{themeName:`${t}.tabWrapper`,tokens:n,customTheme:r,children:[a!==null&&a,e.jsx(h,{themeName:`${t}.tabPanel`,tokens:n,customTheme:r}),o!==null&&o]})]})};module.exports=x;

package/index174.mjs

@@ -1,24 +1,19 @@
-import { generateId as r } from "./index273.mjs";
-import { mergeProps as n } from "./index150.mjs";
-import { useLabels as c } from "./index243.mjs";
-import { useHasTabbableChild as f } from "@react-aria/focus";
-function m(a, e, b) {
-  let i = f(b) ? void 0 : 0;
-  var d;
-  const l = r(e, (d = a.id) !== null && d !== void 0 ? d : e == null ? void 0 : e.selectedKey, "tabpanel"), o = c({
-    ...a,
-    id: l,
-    "aria-labelledby": r(e, e == null ? void 0 : e.selectedKey, "tab")
-  });
-  return {
-    tabPanelProps: n(o, {
-      tabIndex: i,
-      role: "tabpanel",
-      "aria-describedby": a["aria-describedby"],
-      "aria-details": a["aria-details"]
-    })
-  };
-}
+import { jsxs as l, Fragment as f, jsx as s } from "react/jsx-runtime";
+import { useMenu as h } from "./index91.mjs";
+import c from "./index36.mjs";
+import d from "./index46.mjs";
+const T = (i) => {
+  var a;
+  const { themeName: e, tokens: t, customTheme: n, children: p, beforeTabContent: o, afterTabContent: m } = i, { tabState: r, defaultSelectedKey: u } = h();
+  return /* @__PURE__ */ l(f, { children: [
+    /* @__PURE__ */ s(c, { themeName: `${e}.wrapper`, tokens: t, customTheme: n, children: p }),
+    ((a = r == null ? void 0 : r.selectedKey) == null ? void 0 : a.toString()) === u ? null : /* @__PURE__ */ l(c, { themeName: `${e}.tabWrapper`, tokens: t, customTheme: n, children: [
+      o !== null && o,
+      /* @__PURE__ */ s(d, { themeName: `${e}.tabPanel`, tokens: t, customTheme: n }),
+      m !== null && m
+    ] })
+  ] });
+};
 export {
-  m as useTabPanel
+  T as default
 };

package/index175.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index273.js"),S=require("./index150.js"),k=require("./index176.js"),y=require("./index257.js"),q=require("@react-aria/focus"),v=require("./index274.js");function M(n,e,t){let{key:s,isDisabled:c,shouldSelectOnPressUp:b}=n,{selectionManager:u,selectedKey:p}=e,r=s===p,i=c||e.isDisabled||e.selectionManager.isDisabled(s),{itemProps:o,isPressed:P}=v.useSelectableItem({selectionManager:u,key:s,ref:t,isDisabled:i,shouldSelectOnPressUp:b,linkBehavior:"selection"}),f=a.generateId(e,s,"tab"),g=a.generateId(e,s,"tabpanel"),{tabIndex:m}=o,l=e.collection.getItem(s),d=k.filterDOMProps(l==null?void 0:l.props,{labelable:!0});delete d.id;let D=y.useLinkProps(l==null?void 0:l.props),{focusableProps:I}=q.useFocusable({isDisabled:i},t);return{tabProps:S.mergeProps(d,I,D,o,{id:f,"aria-selected":r,"aria-disabled":i||void 0,"aria-controls":r?g:void 0,tabIndex:i?void 0:m,role:"tab"}),isSelected:r,isDisabled:i,isPressed:P}}exports.useTab=M;
+"use client";
+"use strict";const n=require("react/jsx-runtime"),P=require("react"),h=require("react-aria"),i=require("./index36.js"),p=require("./index6.js"),C=c=>{const{themeName:t,tokens:m,customTheme:x,as:b,item:o,state:f,...g}=c,{removeButtonProps:e,href:k}=o.props??{},a=P.useRef(null),{rowProps:R,gridCellProps:j,removeButtonProps:s,allowsRemoving:q,isDisabled:w,isFocused:N,isPressed:$,isSelected:T}=h.useTag(c,f,a),r={...m,isDisabled:w,isFocused:N,isPressed:$,isSelected:T,isLink:!!k},F={...e,...s,handlePress:d=>{var l,u;(l=e==null?void 0:e.handlePress)==null||l.call(e,d),(u=s==null?void 0:s.onPress)==null||u.call(s,d)}};return n.jsx(h.FocusRing,{focusRingClass:"has-focus-ring within",children:n.jsx(i.BoxWithForwardRef,{...g,...R,ref:a,themeName:`${t}.wrapper`,tokens:r,customTheme:x,children:n.jsxs(i.default,{themeName:`${t}.container`,tokens:r,...j,children:[n.jsx(i.default,{themeName:`${t}.item`,tokens:r,children:o.rendered}),q&&e&&n.jsx(p.default,{themeName:`${t}.removeButton`,tokens:r,...F})]})})})};module.exports=C;

package/index175.mjs

@@ -1,38 +1,50 @@
-import { generateId as t } from "./index273.mjs";
-import { mergeProps as I } from "./index150.mjs";
-import { filterDOMProps as g } from "./index176.mjs";
-import { useLinkProps as k } from "./index257.mjs";
-import { useFocusable as S } from "@react-aria/focus";
-import { useSelectableItem as v } from "./index274.mjs";
-function B(b, e, d) {
-  let { key: s, isDisabled: c, shouldSelectOnPressUp: n } = b, { selectionManager: p, selectedKey: f } = e, r = s === f, o = c || e.isDisabled || e.selectionManager.isDisabled(s), { itemProps: i, isPressed: m } = v({
-    selectionManager: p,
-    key: s,
-    ref: d,
-    isDisabled: o,
-    shouldSelectOnPressUp: n,
-    linkBehavior: "selection"
-  }), u = t(e, s, "tab"), $ = t(e, s, "tabpanel"), { tabIndex: P } = i, l = e.collection.getItem(s), a = g(l == null ? void 0 : l.props, {
-    labelable: !0
-  });
-  delete a.id;
-  let x = k(l == null ? void 0 : l.props), { focusableProps: D } = S({
-    isDisabled: o
-  }, d);
-  return {
-    tabProps: I(a, D, x, i, {
-      id: u,
-      "aria-selected": r,
-      "aria-disabled": o || void 0,
-      "aria-controls": r ? $ : void 0,
-      tabIndex: o ? void 0 : P,
-      role: "tab"
-    }),
-    isSelected: r,
-    isDisabled: o,
-    isPressed: m
+"use client";
+import { jsx as t, jsxs as F } from "react/jsx-runtime";
+import { useRef as P } from "react";
+import { useTag as j, FocusRing as b } from "react-aria";
+import l, { BoxWithForwardRef as B } from "./index36.mjs";
+import D from "./index6.mjs";
+const E = (r) => {
+  const { themeName: o, tokens: d, customTheme: f, as: L, item: i, state: u, ...g } = r, { removeButtonProps: e, href: p } = i.props ?? {}, m = P(null), {
+    rowProps: k,
+    gridCellProps: w,
+    removeButtonProps: s,
+    allowsRemoving: x,
+    isDisabled: N,
+    isFocused: R,
+    isPressed: T,
+    isSelected: $
+  } = j(r, u, m), n = {
+    ...d,
+    isDisabled: N,
+    isFocused: R,
+    isPressed: T,
+    isSelected: $,
+    isLink: !!p
+  }, C = {
+    ...e,
+    ...s,
+    handlePress: (a) => {
+      var c, h;
+      (c = e == null ? void 0 : e.handlePress) == null || c.call(e, a), (h = s == null ? void 0 : s.onPress) == null || h.call(s, a);
+    }
   };
-}
+  return /* @__PURE__ */ t(b, { focusRingClass: "has-focus-ring within", children: /* @__PURE__ */ t(
+    B,
+    {
+      ...g,
+      ...k,
+      ref: m,
+      themeName: `${o}.wrapper`,
+      tokens: n,
+      customTheme: f,
+      children: /* @__PURE__ */ F(l, { themeName: `${o}.container`, tokens: n, ...w, children: [
+        /* @__PURE__ */ t(l, { themeName: `${o}.item`, tokens: n, children: i.rendered }),
+        x && e && /* @__PURE__ */ t(D, { themeName: `${o}.removeButton`, tokens: n, ...C })
+      ] })
+    }
+  ) });
+};
 export {
-  B as useTab
+  E as default
 };

package/index176.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=new Set(["id"]),i=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),n=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),s=/^(data-.*)$/;function c(a,l={}){let{labelable:o,isLink:d,propNames:r}=l,t={};for(const e in a)Object.prototype.hasOwnProperty.call(a,e)&&(b.has(e)||o&&i.has(e)||d&&n.has(e)||r!=null&&r.has(e)||s.test(e))&&(t[e]=a[e]);return t}exports.filterDOMProps=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index277.js"),y=require("./index279.js"),m=require("./index181.js"),q=require("./index154.js"),p=require("./index250.js"),L=require("@react-aria/i18n"),P=require("react"),f=require("./index280.js");function I(t,o,i){let{orientation:e="horizontal",keyboardActivation:n="automatic"}=t,{collection:l,selectionManager:c,disabledKeys:a}=o,{direction:r}=L.useLocale(),u=P.useMemo(()=>new y.TabsKeyboardDelegate(l,r,e,a),[l,a,e,r]),{collectionProps:b}=f.useSelectableCollection({ref:i,selectionManager:c,keyboardDelegate:u,selectOnFocus:n==="automatic",disallowEmptySelection:!0,scrollRef:i,linkBehavior:"selection"}),s=m.useId();g.tabsIds.set(o,s);let d=p.useLabels({...t,id:s});return{tabListProps:{...q.mergeProps(b,d),role:"tablist","aria-orientation":e,tabIndex:void 0}}}exports.useTabList=I;