@okam/stack-ui 1.44.0 → 1.44.3

package/index173.mjs

@@ -1,33 +1,12 @@
-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 "./index89.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
-      }
-    )
-  );
+"use client";
+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 "./index37.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 {
-  y as default
+  N as default
 };

package/index174.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const e=require("react/jsx-runtime"),t=require("react-aria"),a=require("./index166.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./index276.js"),f=require("./index281.js"),u=require("react");let m=Math.round(Math.random()*1e10),$=0;function b(e){let n=u.useMemo(()=>e.name||`radio-group-${m}-${++$}`,[e.name]);var a;let[l,s]=f.useControlledState(e.value,(a=e.defaultValue)!==null&&a!==void 0?a:null,e.onChange),[c]=u.useState(l),[o,V]=u.useState(null),t=S.useFormValidationState({...e,value:l}),r=v=>{!e.isReadOnly&&!e.isDisabled&&(s(v),t.commitValidation())},d=t.displayValidation.isInvalid;var i;return{...t,name:n,selectedValue:l,defaultSelectedValue:e.value!==void 0?c:(i=e.defaultValue)!==null&&i!==void 0?i:null,setSelectedValue:r,lastFocusedValue:o,setLastFocusedValue:V,isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isRequired:e.isRequired||!1,validationState:e.validationState||(d?"invalid":null),isInvalid:d}}exports.useRadioGroupState=b;

package/index174.mjs

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

package/index175.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const s=require("react/jsx-runtime"),m=require("react"),h=require("react-aria"),o=require("./index37.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;
+"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),m=require("./index89.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/index175.mjs

@@ -1,12 +1,17 @@
-"use client";
-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 "./index37.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 }) });
+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 "./index89.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 {
-  N as default
+  T as default
 };

package/index176.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./index236.js"),f=require("./index271.js"),u=require("react");let m=Math.round(Math.random()*1e10),$=0;function b(e){let n=u.useMemo(()=>e.name||`radio-group-${m}-${++$}`,[e.name]);var a;let[l,s]=f.useControlledState(e.value,(a=e.defaultValue)!==null&&a!==void 0?a:null,e.onChange),[c]=u.useState(l),[o,V]=u.useState(null),t=S.useFormValidationState({...e,value:l}),r=v=>{!e.isReadOnly&&!e.isDisabled&&(s(v),t.commitValidation())},d=t.displayValidation.isInvalid;var i;return{...t,name:n,selectedValue:l,defaultSelectedValue:e.value!==void 0?c:(i=e.defaultValue)!==null&&i!==void 0?i:null,setSelectedValue:r,lastFocusedValue:o,setLastFocusedValue:V,isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isRequired:e.isRequired||!1,validationState:e.validationState||(d?"invalid":null),isInvalid:d}}exports.useRadioGroupState=b;
+"use strict";const e=require("react/jsx-runtime"),d=require("./index92.js"),l=require("./index37.js"),h=require("./index47.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/index176.mjs

@@ -1,34 +1,19 @@
-import { useFormValidationState as v } from "./index236.mjs";
-import { useControlledState as m } from "./index271.mjs";
-import { useMemo as r, useState as u } from "react";
-let b = Math.round(Math.random() * 1e10), S = 0;
-function y(e) {
-  let n = r(() => e.name || `radio-group-${b}-${++S}`, [
-    e.name
-  ]);
+import { jsxs as l, Fragment as f, jsx as s } from "react/jsx-runtime";
+import { useMenu as h } from "./index92.mjs";
+import c from "./index37.mjs";
+import d from "./index47.mjs";
+const T = (i) => {
   var a;
-  let [l, s] = m(e.value, (a = e.defaultValue) !== null && a !== void 0 ? a : null, e.onChange), [c] = u(l), [o, f] = u(null), t = v({
-    ...e,
-    value: l
-  }), V = ($) => {
-    !e.isReadOnly && !e.isDisabled && (s($), t.commitValidation());
-  }, d = t.displayValidation.isInvalid;
-  var i;
-  return {
-    ...t,
-    name: n,
-    selectedValue: l,
-    defaultSelectedValue: e.value !== void 0 ? c : (i = e.defaultValue) !== null && i !== void 0 ? i : null,
-    setSelectedValue: V,
-    lastFocusedValue: o,
-    setLastFocusedValue: f,
-    isDisabled: e.isDisabled || !1,
-    isReadOnly: e.isReadOnly || !1,
-    isRequired: e.isRequired || !1,
-    validationState: e.validationState || (d ? "invalid" : null),
-    isInvalid: d
-  };
-}
+  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 {
-  y as useRadioGroupState
+  T as default
 };

package/index177.js

@@ -1 +1 @@
-"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),m=require("./index89.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 e=require("react/jsx-runtime"),i=require("react"),c=require("./index6.js"),u=require("./index24.js"),l=require("./index69.js"),t=i.forwardRef((r,s)=>{const{themeName:n="alerts.closeBtn",...o}=r;return e.jsx(c.ButtonWithForwardRef,{ref:s,themeName:n,...o,children:e.jsx(u,{icon:e.jsx(l,{})})})});t.displayName="AlertsCloseButton";module.exports=t;

package/index177.mjs

@@ -1,17 +1,13 @@
-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 "./index89.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 })
-  );
-};
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { ButtonWithForwardRef as n } from "./index6.mjs";
+import i from "./index24.mjs";
+import l from "./index69.mjs";
+const a = m((o, r) => {
+  const { themeName: e = "alerts.closeBtn", ...s } = o;
+  return /* @__PURE__ */ t(n, { ref: r, themeName: e, ...s, children: /* @__PURE__ */ t(i, { icon: /* @__PURE__ */ t(l, {}) }) });
+});
+a.displayName = "AlertsCloseButton";
 export {
-  T as default
+  a as default
 };

package/index178.js

@@ -1 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("./index92.js"),l=require("./index37.js"),h=require("./index47.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 n=require("react/jsx-runtime"),P=require("react"),h=require("react-aria"),i=require("./index37.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/index178.mjs

@@ -1,19 +1,50 @@
-import { jsxs as l, Fragment as f, jsx as s } from "react/jsx-runtime";
-import { useMenu as h } from "./index92.mjs";
-import c from "./index37.mjs";
-import d from "./index47.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 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 "./index37.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 {
-  T as default
+  E as default
 };

package/index179.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const n=require("react/jsx-runtime"),P=require("react"),h=require("react-aria"),i=require("./index37.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index272.js"),y=require("./index274.js"),m=require("./index185.js"),q=require("./index158.js"),p=require("./index249.js"),L=require("@react-aria/i18n"),P=require("react"),f=require("./index275.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;

package/index179.mjs

@@ -1,50 +1,40 @@
-"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 "./index37.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);
+import { tabsIds as m } from "./index272.mjs";
+import { TabsKeyboardDelegate as $ } from "./index274.mjs";
+import { useId as p } from "./index185.mjs";
+import { mergeProps as u } from "./index158.mjs";
+import { useLabels as x } from "./index249.mjs";
+import { useLocale as g } from "@react-aria/i18n";
+import { useMemo as y } from "react";
+import { useSelectableCollection as L } from "./index275.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
+  });
+  return {
+    tabListProps: {
+      ...u(b, f),
+      role: "tablist",
+      "aria-orientation": e,
+      tabIndex: void 0
     }
   };
-  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 {
-  E as default
+  A as useTabList
 };

package/index180.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index282.js"),y=require("./index284.js"),m=require("./index185.js"),q=require("./index158.js"),p=require("./index253.js"),L=require("@react-aria/i18n"),P=require("react"),f=require("./index285.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 S=require("./index282.js"),r=require("react");function K(e){var u,l;let a=S.useSingleSelectListState({...e,onSelectionChange:e.onSelectionChange?t=>{var s;t!=null&&((s=e.onSelectionChange)===null||s===void 0||s.call(e,t))}:void 0,suppressTextValueWarning:!0,defaultSelectedKey:(l=(u=e.defaultSelectedKey)!==null&&u!==void 0?u:y(e.collection,e.disabledKeys?new Set(e.disabledKeys):new Set))!==null&&l!==void 0?l:void 0}),{selectionManager:d,collection:n,selectedKey:i}=a,f=r.useRef(i);return r.useEffect(()=>{let t=i;e.selectedKey==null&&(d.isEmpty||t==null||!n.getItem(t))&&(t=y(n,a.disabledKeys),t!=null&&d.setSelectedKeys([t])),(t!=null&&d.focusedKey==null||!d.isFocused&&t!==f.current)&&d.setFocusedKey(t),f.current=t}),{...a,isDisabled:e.isDisabled||!1}}function y(e,u){let l=null;if(e){var a,d,n,i;for(l=e.getFirstKey();l!=null&&(u.has(l)||!((d=e.getItem(l))===null||d===void 0||(a=d.props)===null||a===void 0)&&a.isDisabled)&&l!==e.getLastKey();)l=e.getKeyAfter(l);l!=null&&(u.has(l)||!((i=e.getItem(l))===null||i===void 0||(n=i.props)===null||n===void 0)&&n.isDisabled)&&l===e.getLastKey()&&(l=e.getFirstKey())}return l}exports.useTabListState=K;

package/index180.mjs

@@ -1,40 +1,35 @@
-import { tabsIds as m } from "./index282.mjs";
-import { TabsKeyboardDelegate as $ } from "./index284.mjs";
-import { useId as p } from "./index185.mjs";
-import { mergeProps as u } from "./index158.mjs";
-import { useLabels as x } from "./index253.mjs";
-import { useLocale as g } from "@react-aria/i18n";
-import { useMemo as y } from "react";
-import { useSelectableCollection as L } from "./index285.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
-  });
-  return {
-    tabListProps: {
-      ...u(b, f),
-      role: "tablist",
-      "aria-orientation": e,
-      tabIndex: void 0
-    }
+import { useSingleSelectListState as y } from "./index282.mjs";
+import { useRef as K, useEffect as S } from "react";
+function $(e) {
+  var n, l;
+  let t = y({
+    ...e,
+    onSelectionChange: e.onSelectionChange ? (d) => {
+      var s;
+      d != null && ((s = e.onSelectionChange) === null || s === void 0 || s.call(e, d));
+    } : void 0,
+    suppressTextValueWarning: !0,
+    defaultSelectedKey: (l = (n = e.defaultSelectedKey) !== null && n !== void 0 ? n : r(e.collection, e.disabledKeys ? new Set(e.disabledKeys) : /* @__PURE__ */ new Set())) !== null && l !== void 0 ? l : void 0
+  }), { selectionManager: a, collection: u, selectedKey: i } = t, f = K(i);
+  return S(() => {
+    let d = i;
+    e.selectedKey == null && (a.isEmpty || d == null || !u.getItem(d)) && (d = r(u, t.disabledKeys), d != null && a.setSelectedKeys([
+      d
+    ])), (d != null && a.focusedKey == null || !a.isFocused && d !== f.current) && a.setFocusedKey(d), f.current = d;
+  }), {
+    ...t,
+    isDisabled: e.isDisabled || !1
   };
 }
+function r(e, n) {
+  let l = null;
+  if (e) {
+    var t, a, u, i;
+    for (l = e.getFirstKey(); l != null && (n.has(l) || !((a = e.getItem(l)) === null || a === void 0 || (t = a.props) === null || t === void 0) && t.isDisabled) && l !== e.getLastKey(); ) l = e.getKeyAfter(l);
+    l != null && (n.has(l) || !((i = e.getItem(l)) === null || i === void 0 || (u = i.props) === null || u === void 0) && u.isDisabled) && l === e.getLastKey() && (l = e.getFirstKey());
+  }
+  return l;
+}
 export {
-  A as useTabList
+  $ as useTabListState
 };

package/index181.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./index286.js"),r=require("react");function K(e){var u,l;let a=S.useSingleSelectListState({...e,onSelectionChange:e.onSelectionChange?t=>{var s;t!=null&&((s=e.onSelectionChange)===null||s===void 0||s.call(e,t))}:void 0,suppressTextValueWarning:!0,defaultSelectedKey:(l=(u=e.defaultSelectedKey)!==null&&u!==void 0?u:y(e.collection,e.disabledKeys?new Set(e.disabledKeys):new Set))!==null&&l!==void 0?l:void 0}),{selectionManager:d,collection:n,selectedKey:i}=a,f=r.useRef(i);return r.useEffect(()=>{let t=i;e.selectedKey==null&&(d.isEmpty||t==null||!n.getItem(t))&&(t=y(n,a.disabledKeys),t!=null&&d.setSelectedKeys([t])),(t!=null&&d.focusedKey==null||!d.isFocused&&t!==f.current)&&d.setFocusedKey(t),f.current=t}),{...a,isDisabled:e.isDisabled||!1}}function y(e,u){let l=null;if(e){var a,d,n,i;for(l=e.getFirstKey();l!=null&&(u.has(l)||!((d=e.getItem(l))===null||d===void 0||(a=d.props)===null||a===void 0)&&a.isDisabled)&&l!==e.getLastKey();)l=e.getKeyAfter(l);l!=null&&(u.has(l)||!((i=e.getItem(l))===null||i===void 0||(n=i.props)===null||n===void 0)&&n.isDisabled)&&l===e.getLastKey()&&(l=e.getFirstKey())}return l}exports.useTabListState=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index272.js"),o=require("./index158.js"),u=require("./index249.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;

package/index181.mjs

@@ -1,35 +1,24 @@
-import { useSingleSelectListState as y } from "./index286.mjs";
-import { useRef as K, useEffect as S } from "react";
-function $(e) {
-  var n, l;
-  let t = y({
-    ...e,
-    onSelectionChange: e.onSelectionChange ? (d) => {
-      var s;
-      d != null && ((s = e.onSelectionChange) === null || s === void 0 || s.call(e, d));
-    } : void 0,
-    suppressTextValueWarning: !0,
-    defaultSelectedKey: (l = (n = e.defaultSelectedKey) !== null && n !== void 0 ? n : r(e.collection, e.disabledKeys ? new Set(e.disabledKeys) : /* @__PURE__ */ new Set())) !== null && l !== void 0 ? l : void 0
-  }), { selectionManager: a, collection: u, selectedKey: i } = t, f = K(i);
-  return S(() => {
-    let d = i;
-    e.selectedKey == null && (a.isEmpty || d == null || !u.getItem(d)) && (d = r(u, t.disabledKeys), d != null && a.setSelectedKeys([
-      d
-    ])), (d != null && a.focusedKey == null || !a.isFocused && d !== f.current) && a.setFocusedKey(d), f.current = d;
-  }), {
-    ...t,
-    isDisabled: e.isDisabled || !1
+import { generateId as r } from "./index272.mjs";
+import { mergeProps as n } from "./index158.mjs";
+import { useLabels as c } from "./index249.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"]
+    })
   };
 }
-function r(e, n) {
-  let l = null;
-  if (e) {
-    var t, a, u, i;
-    for (l = e.getFirstKey(); l != null && (n.has(l) || !((a = e.getItem(l)) === null || a === void 0 || (t = a.props) === null || t === void 0) && t.isDisabled) && l !== e.getLastKey(); ) l = e.getKeyAfter(l);
-    l != null && (n.has(l) || !((i = e.getItem(l)) === null || i === void 0 || (u = i.props) === null || u === void 0) && u.isDisabled) && l === e.getLastKey() && (l = e.getFirstKey());
-  }
-  return l;
-}
 export {
-  $ as useTabListState
+  m as useTabPanel
 };

package/index182.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index282.js"),o=require("./index158.js"),u=require("./index253.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index272.js"),S=require("./index158.js"),k=require("./index184.js"),y=require("./index245.js"),q=require("@react-aria/focus"),v=require("./index273.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;

package/index182.mjs

@@ -1,24 +1,38 @@
-import { generateId as r } from "./index282.mjs";
-import { mergeProps as n } from "./index158.mjs";
-import { useLabels as c } from "./index253.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")
+import { generateId as t } from "./index272.mjs";
+import { mergeProps as I } from "./index158.mjs";
+import { filterDOMProps as g } from "./index184.mjs";
+import { useLinkProps as k } from "./index245.mjs";
+import { useFocusable as S } from "@react-aria/focus";
+import { useSelectableItem as v } from "./index273.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 {
-    tabPanelProps: n(o, {
-      tabIndex: i,
-      role: "tabpanel",
-      "aria-describedby": a["aria-describedby"],
-      "aria-details": a["aria-details"]
-    })
+    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
   };
 }
 export {
-  m as useTabPanel
+  B as useTab
 };