@react-spectrum/s2 1.4.0 → 1.5.0

package/dist/private/Tabs.cjs

@@ -82,26 +82,26 @@ const $b27519d6a701105b$var$tabs = function anonymous(props, overrides) {
         if (p[1] === "_v") flexShrink = true;
         rules += p[0];
     }
-    if (!position) rules += ' _Pc131';
-    rules += ' sd131';
-    if (!flexShrink) rules += ' _va131';
-    rules += ' uk131';
-    rules += ' ucJ9TBTb131';
-    rules += ' ud3Euai131';
-    rules += ' uea131';
-    rules += ' ugb131';
-    rules += ' uhd131';
-    rules += ' uje131';
-    rules += ' u2NhKxcl131';
-    rules += ' uic131';
-    rules += ' -_6BNtrc-c131';
-    rules += ' vx131';
-    rules += ' xb131';
-    rules += ' _xa131';
-    rules += ' _Fd131';
-    rules += ' _FnuYUweb131';
-    rules += ' pt131';
-    if (props.orientation === "horizontal") rules += ' _ta131';
+    if (!position) rules += ' _Pc15';
+    rules += ' sd15';
+    if (!flexShrink) rules += ' _va15';
+    rules += ' uk15';
+    rules += ' ucJ9TBTb15';
+    rules += ' ud3Euai15';
+    rules += ' uea15';
+    rules += ' ugb15';
+    rules += ' uhd15';
+    rules += ' uje15';
+    rules += ' u2NhKxcl15';
+    rules += ' uic15';
+    rules += ' -_6BNtrc-c15';
+    rules += ' vx15';
+    rules += ' xb15';
+    rules += ' _xa15';
+    rules += ' _Fd15';
+    rules += ' _FnuYUweb15';
+    rules += ' pt15';
+    if (props.orientation === "horizontal") rules += ' _ta15';
     return rules;
 };
 const $b27519d6a701105b$export$b2539bed5023c21c = /*#__PURE__*/ (0, $5oxdw$react.forwardRef)(function Tabs(props, ref) {
@@ -111,6 +111,8 @@ const $b27519d6a701105b$export$b2539bed5023c21c = /*#__PURE__*/ (0, $5oxdw$react
     let [value, setValue] = (0, $5oxdw$reactstatelyuseControlledState.useControlledState)(props.selectedKey, props.defaultSelectedKey ?? null, props.onSelectionChange);
     if (!props['aria-label'] && !props['aria-labelledby']) throw new Error('An aria-label or aria-labelledby prop is required on Tabs for accessibility.');
     let tablistRef = (0, $5oxdw$react.useRef)(null);
+    // Shared base id so child Tab/TabPanel components can derive stable ids.
+    let baseId = (0, $5oxdw$reactariauseId.useId)();
     return /*#__PURE__*/ (0, $5oxdw$reactjsxruntime.jsx)((0, $5oxdw$reactariacomponentsslots.Provider), {
         values: [
             [
@@ -124,6 +126,7 @@ const $b27519d6a701105b$export$b2539bed5023c21c = /*#__PURE__*/ (0, $5oxdw$react
                     tablistRef: tablistRef,
                     onSelectionChange: setValue,
                     labelBehavior: labelBehavior,
+                    baseId: baseId,
                     'aria-label': props['aria-label'],
                     'aria-labelledby': props['aria-labelledby']
                 }
@@ -143,25 +146,25 @@ const $b27519d6a701105b$export$b2539bed5023c21c = /*#__PURE__*/ (0, $5oxdw$react
 });
 const $b27519d6a701105b$var$tablist = function anonymous(props) {
     let rules = " ";
-    rules += ' sd131';
+    rules += ' sd15';
     if (props.orientation === "horizontal") {
         if (props.labelBehavior === "hide") {
-            if (props.density === "regular") rules += ' Uj131';
-            else if (props.density === "compact") rules += ' Ul131';
-        } else if (props.density === "regular") rules += ' Up131';
-        else if (props.density === "compact") rules += ' Uj131';
+            if (props.density === "regular") rules += ' Uj15';
+            else if (props.density === "compact") rules += ' Ul15';
+        } else if (props.density === "regular") rules += ' Up15';
+        else if (props.density === "compact") rules += ' Uj15';
     }
     if (props.orientation === "horizontal") {
         if (props.labelBehavior === "hide") {
-            if (props.density === "regular") rules += ' qj131';
-            else if (props.density === "compact") rules += ' ql131';
-        } else if (props.density === "regular") rules += ' qp131';
-        else if (props.density === "compact") rules += ' qj131';
+            if (props.density === "regular") rules += ' qj15';
+            else if (props.density === "compact") rules += ' ql15';
+        } else if (props.density === "regular") rules += ' qp15';
+        else if (props.density === "compact") rules += ' qj15';
     }
-    if (props.orientation === "vertical") rules += ' _ta131';
-    if (props.orientation === "vertical") rules += ' Hz131';
-    if (props.orientation === "vertical") rules += ' Ix131';
-    rules += ' Nq131';
+    if (props.orientation === "vertical") rules += ' _ta15';
+    if (props.orientation === "vertical") rules += ' Hz15';
+    if (props.orientation === "vertical") rules += ' Ix15';
+    rules += ' Nq15';
     return rules;
 };
 const $b27519d6a701105b$var$tablistWrapper = function anonymous(props, overrides) {
@@ -178,10 +181,10 @@ const $b27519d6a701105b$var$tablistWrapper = function anonymous(props, overrides
         if (p[1] === "_u") flexGrow = true;
         rules += p[0];
     }
-    if (!position) rules += ' _Pc131';
-    if (!minWidth) rules += ' Na131';
-    if (!flexShrink) rules += ' _va131';
-    if (!flexGrow) rules += ' _ua131';
+    if (!position) rules += ' _Pc15';
+    if (!minWidth) rules += ' Na15';
+    if (!flexShrink) rules += ' _va15';
+    if (!flexGrow) rules += ' _ua15';
     return rules;
 };
 function $b27519d6a701105b$export$e51a686c67fdaa2d(props) {
@@ -251,29 +254,29 @@ function $b27519d6a701105b$var$TabListInner(props) {
 }
 const $b27519d6a701105b$var$selectedIndicator = function anonymous(props) {
     let rules = " ";
-    rules += ' _Pa131';
-    if (props.isDisabled) rules += ' gH131';
-    else rules += ' g0131';
-    if (props.isDisabled) rules += ' gld131';
-    else rules += ' gle131';
-    if (props.orientation === "horizontal") rules += ' FLvNfn131';
-    else rules += ' Fb131';
-    if (props.orientation === "vertical") rules += ' ZLvNfn131';
-    else rules += ' Za131';
-    rules += ' _qg131';
-    rules += ' YIRyJjb131';
-    rules += ' Ydklsgce131';
-    rules += ' Xc131';
-    rules += ' _2a131';
-    rules += ' _lr131';
-    if (props.orientation === "vertical") rules += ' Wr131';
-    if (props.orientation === "horizontal") rules += ' _Er131';
-    if (props.orientation === "vertical") rules += ' _Aa131';
-    rules += ' _je131';
-    rules += ' og131';
-    rules += ' ng131';
-    rules += ' kg131';
-    rules += ' jg131';
+    rules += ' _Pa15';
+    if (props.isDisabled) rules += ' gH15';
+    else rules += ' g015';
+    if (props.isDisabled) rules += ' gld15';
+    else rules += ' gle15';
+    if (props.orientation === "horizontal") rules += ' FLvNfn15';
+    else rules += ' Fb15';
+    if (props.orientation === "vertical") rules += ' ZLvNfn15';
+    else rules += ' Za15';
+    rules += ' _qg15';
+    rules += ' YIRyJjb15';
+    rules += ' Ydklsgce15';
+    rules += ' Xc15';
+    rules += ' _2a15';
+    rules += ' _lr15';
+    if (props.orientation === "vertical") rules += ' Wr15';
+    if (props.orientation === "horizontal") rules += ' _Er15';
+    if (props.orientation === "vertical") rules += ' _Aa15';
+    rules += ' _je15';
+    rules += ' og15';
+    rules += ' ng15';
+    rules += ' kg15';
+    rules += ' jg15';
     return rules;
 };
 const $b27519d6a701105b$var$tab = function anonymous(props, overrides) {
@@ -286,60 +289,63 @@ const $b27519d6a701105b$var$tab = function anonymous(props, overrides) {
         if (p[1] === "_v") flexShrink = true;
         rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Lf131';
-    else rules += ' _Le131';
-    rules += ' Oh131';
-    rules += ' Olc131';
-    rules += ' _Mc131';
-    rules += ' _Kd131';
-    rules += ' sd131';
-    if (props.isDisabled) rules += ' pp131';
+    if (props.isFocusVisible) rules += ' _Lf15';
+    else rules += ' _Le15';
+    rules += ' Oh15';
+    rules += ' Olc15';
+    rules += ' _Mc15';
+    rules += ' _Kd15';
+    rules += ' sd15';
+    if (props.isDisabled) rules += ' pp15';
     else if (props.isSelected) {
-        if (props.isPressed) rules += ' po131';
-        else if (props.isFocusVisible) rules += ' po131';
-        else if (props.isHovered) rules += ' po131';
-        else rules += ' pt131';
+        if (props.isPressed) rules += ' po15';
+        else if (props.isFocusVisible) rules += ' po15';
+        else if (props.isHovered) rules += ' po15';
+        else rules += ' pt15';
     } else {
-        if (props.isPressed) rules += ' pt131';
-        else if (props.isFocusVisible) rules += ' pt131';
-        else if (props.isHovered) rules += ' pt131';
-        else rules += ' pv131';
+        if (props.isPressed) rules += ' pt15';
+        else if (props.isFocusVisible) rules += ' pt15';
+        else if (props.isHovered) rules += ' pt15';
+        else rules += ' pv15';
     }
-    if (props.isDisabled) rules += ' plc131';
-    else if (props.isSelected) rules += ' pld131';
-    rules += ' oa131';
-    rules += ' na131';
-    rules += ' ka131';
-    rules += ' ja131';
-    rules += ' Uc131';
-    rules += ' Usd131';
-    rules += ' qc131';
-    rules += ' qsd131';
+    if (props.isDisabled) rules += ' plc15';
+    else if (props.isSelected) rules += ' pld15';
+    rules += ' oa15';
+    rules += ' na15';
+    rules += ' ka15';
+    rules += ' ja15';
+    rules += ' Uc15';
+    rules += ' Usd15';
+    rules += ' qc15';
+    rules += ' qsd15';
     if (props.orientation === "horizontal") {
-        if (props.density === "regular") rules += ' Fz131';
-        else if (props.density === "compact") rules += ' Fx131';
+        if (props.density === "regular") rules += ' Fz15';
+        else if (props.density === "compact") rules += ' Fx15';
     }
     if (props.orientation === "vertical") {
-        if (props.density === "regular") rules += ' Mk131';
-        else if (props.density === "compact") rules += ' Mi131';
+        if (props.density === "regular") rules += ' Mk15';
+        else if (props.density === "compact") rules += ' Mi15';
     }
-    rules += ' eb131';
-    if (!position) rules += ' _Pc131';
-    rules += ' ri131';
-    rules += ' _Xa131';
-    if (!flexShrink) rules += ' _va131';
-    rules += ' Yd131';
-    rules += ' Xb131';
-    rules += ' _2b131';
-    if (props.labelBehavior === "hide") rules += ' SssxDec131';
-    if (props.labelBehavior === "hide") rules += ' RssxDec131';
-    rules += ' __ca131';
+    rules += ' eb15';
+    if (!position) rules += ' _Pc15';
+    rules += ' ri15';
+    rules += ' _Xa15';
+    if (!flexShrink) rules += ' _va15';
+    rules += ' Yd15';
+    rules += ' Xb15';
+    rules += ' _2b15';
+    if (props.labelBehavior === "hide") rules += ' SssxDec15';
+    if (props.labelBehavior === "hide") rules += ' RssxDec15';
+    rules += ' __ca15';
     return rules;
 };
-const $b27519d6a701105b$var$icon = " sb131 _va131 -_8sjo0b-t5ZbAob131";
+const $b27519d6a701105b$var$icon = " sb15 _va15 -_8sjo0b-t5ZbAob15";
 function $b27519d6a701105b$export$3e41faf802a29e71(props1) {
-    let { density: density, orientation: orientation, labelBehavior: labelBehavior } = (0, $5oxdw$react.useContext)($b27519d6a701105b$var$InternalTabsContext) ?? {};
-    let contentId = (0, $5oxdw$reactariauseId.useId)();
+    let { density: density, orientation: orientation, labelBehavior: labelBehavior, baseId: baseId } = (0, $5oxdw$react.useContext)($b27519d6a701105b$var$InternalTabsContext) ?? {};
+    // Derive a stable content id from the shared baseId on InternalTabsContext.
+    // Prevents infinite loop when rendering across multiple CollectionBuilder portals.
+    let fallbackId = (0, $5oxdw$reactariauseId.useId)();
+    let contentId = `${baseId ?? fallbackId}-content-${props1.id ?? fallbackId}`;
     let ariaLabelledBy = props1['aria-labelledby'] || '';
     return /*#__PURE__*/ (0, $5oxdw$reactjsxruntime.jsx)((0, $5oxdw$reactariacomponentsTabs.Tab), {
         ...props1,
@@ -364,8 +370,8 @@ function $b27519d6a701105b$export$3e41faf802a29e71(props1) {
                             id: contentId,
                             styles: function anonymous(props) {
                                 let rules = " ";
-                                rules += ' _Jb131';
-                                if (props.labelBehavior === "hide") rules += ' sk131';
+                                rules += ' _Jb15';
+                                if (props.labelBehavior === "hide") rules += ' sk15';
                                 return rules;
                             }({
                                 labelBehavior: labelBehavior
@@ -377,7 +383,7 @@ function $b27519d6a701105b$export$3e41faf802a29e71(props1) {
                         {
                             render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
                                 slot: 'icon',
-                                styles: " _Ja131"
+                                styles: " _Ja15"
                             }),
                             styles: $b27519d6a701105b$var$icon
                         }
@@ -422,18 +428,18 @@ const $b27519d6a701105b$var$tabPanel = function anonymous(props, overrides) {
         if (p[1] === "M") minHeight = true;
         rules += p[0];
     }
-    if (props.isFocusVisible) rules += ' _Lf131';
-    else rules += ' _Le131';
-    rules += ' Oh131';
-    rules += ' Olc131';
-    rules += ' _Mc131';
-    rules += ' _Kd131';
-    if (!marginTop) rules += ' Js131';
-    rules += ' pt131';
-    if (!flexGrow) rules += ' _ub131';
-    if (!minHeight) rules += ' Ma131';
-    if (props.isInert) rules += ' sk131';
-    else rules += ' sb131';
+    if (props.isFocusVisible) rules += ' _Lf15';
+    else rules += ' _Le15';
+    rules += ' Oh15';
+    rules += ' Olc15';
+    rules += ' _Mc15';
+    rules += ' _Kd15';
+    if (!marginTop) rules += ' Js15';
+    rules += ' pt15';
+    if (!flexGrow) rules += ' _ub15';
+    if (!minHeight) rules += ' Ma15';
+    if (props.isInert) rules += ' sk15';
+    else rules += ' sb15';
     return rules;
 };
 function $b27519d6a701105b$export$3d96ec278d3efce4(props) {
@@ -486,7 +492,7 @@ let $b27519d6a701105b$var$HiddenTabs = function(props) {
         // @ts-ignore
         inert: (0, $5oxdw$reactariaprivateutilsinertValue.inertValue)(true),
         ref: listRef,
-        className: " s40ub4c131 _t40ub4c131 U40ub4c131 q40ub4c131 _w40ub4c131 _Pa131 Wr131 _lr131 _Ar131 _zr131 _6b131 _Nc131 Pc131 _Ia131",
+        className: " s40ub4c15 _t40ub4c15 U40ub4c15 q40ub4c15 _w40ub4c15 _Pa15 Wr15 _lr15 _Ar15 _zr15 _6b15 _Nc15 Pc15 _Ia15",
         children: /*#__PURE__*/ (0, $5oxdw$reactjsxruntime.jsx)($b27519d6a701105b$var$HiddenTabsContext.Provider, {
             value: true,
             children: items.map((item)=>{
@@ -530,11 +536,11 @@ let $b27519d6a701105b$var$TabsMenu = (props1)=>{
     return /*#__PURE__*/ (0, $5oxdw$reactjsxruntime.jsx)("div", {
         className: function anonymous(props) {
             let rules = " ";
-            rules += ' sd131';
-            rules += ' _va131';
-            rules += ' eb131';
-            if (props.density === "regular") rules += ' Fz131';
-            else if (props.density === "compact") rules += ' Fx131';
+            rules += ' sd15';
+            rules += ' _va15';
+            rules += ' eb15';
+            if (props.density === "regular") rules += ' Fz15';
+            else if (props.density === "compact") rules += ' Fx15';
             return rules;
         }({
             density: density

package/dist/private/Tabs.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Tabs.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  TabListProps as AriaTabListProps,\n  TabPanel as AriaTabPanel,\n  TabPanelProps as AriaTabPanelProps,\n  TabProps as AriaTabProps,\n  TabsProps as AriaTabsProps,\n  Tab as RACTab,\n  TabList as RACTabList,\n  Tabs as RACTabs,\n  TabListStateContext,\n  TabRenderProps\n} from 'react-aria-components/Tabs';\nimport {baseColor, focusRing, size, style} from '../style' with {type: 'macro'};\nimport {centerBaseline} from './CenterBaseline';\nimport {\n  Collection,\n  DOMRef,\n  DOMRefValue,\n  GlobalDOMAttributes,\n  Key,\n  Node,\n  Orientation,\n  RefObject\n} from '@react-types/shared';\nimport {CollectionBuilder} from 'react-aria/CollectionBuilder';\nimport {ContextValue, Provider} from 'react-aria-components/slots';\nimport {\n  createContext,\n  forwardRef,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {\n  getAllowedOverrides,\n  StyleProps,\n  StylesPropWithHeight,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {Group} from 'react-aria-components/Group';\nimport {IconContext} from './Icon';\nimport {inertValue} from 'react-aria/private/utils/inertValue';\nimport {Picker, PickerItem} from './TabsPicker';\nimport {SelectionIndicator} from 'react-aria-components/SelectionIndicator';\nimport {Text, TextContext} from './Content';\nimport {useControlledState} from 'react-stately/useControlledState';\nimport {useDOMRef} from './useDOMRef';\nimport {useEffectEvent} from 'react-aria/private/utils/useEffectEvent';\nimport {useHasTabbableChild} from 'react-aria/private/focus/useHasTabbableChild';\nimport {useId} from 'react-aria/useId';\nimport {useLabels} from 'react-aria/private/utils/useLabels';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface TabsProps\n  extends\n    Omit<AriaTabsProps, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>,\n    UnsafeStyles {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight;\n  /** The content to display in the tabs. */\n  children: ReactNode;\n  /**\n   * The amount of space between the tabs.\n   *\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular';\n  /**\n   * Defines if the text within the tabs should be hidden and only the icon should be shown.\n   * The text is always visible when the item is collapsed into a picker.\n   *\n   * @default 'show'\n   */\n  labelBehavior?: 'show' | 'hide';\n}\n\nexport interface TabProps\n  extends\n    Omit<\n      AriaTabProps,\n      'children' | 'style' | 'className' | 'render' | 'onClick' | keyof GlobalDOMAttributes\n    >,\n    StyleProps {\n  /** The content to display in the tab. */\n  children: ReactNode;\n}\n\nexport interface TabListProps<T>\n  extends\n    Omit<\n      AriaTabListProps<T>,\n      | 'style'\n      | 'className'\n      | 'render'\n      | 'aria-label'\n      | 'aria-labelledby'\n      | keyof GlobalDOMAttributes\n    >,\n    StyleProps {\n  /** The content to display in the tablist. */\n  children: ReactNode | ((item: T) => ReactNode);\n}\n\nexport interface TabPanelProps\n  extends\n    Omit<\n      AriaTabPanelProps,\n      'children' | 'style' | 'className' | 'render' | keyof GlobalDOMAttributes\n    >,\n    UnsafeStyles {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight;\n  /** The content to display in the tab panels. */\n  children: ReactNode;\n}\n\nexport const TabsContext =\n  createContext<ContextValue<Partial<TabsProps>, DOMRefValue<HTMLDivElement>>>(null);\nconst InternalTabsContext = createContext<\n  Partial<TabsProps> & {\n    tablistRef?: RefObject<HTMLDivElement | null>;\n    selectedKey?: Key | null;\n  }\n>({});\n\ninterface CollapseContextType {\n  showTabs: boolean;\n  menuId: string;\n  valueId: string;\n  ariaLabel?: string | undefined;\n  ariaDescribedBy?: string | undefined;\n  tabs: Array<Node<any>>;\n  listRef?: RefObject<HTMLDivElement | null>;\n  onSelectionChange?: (key: Key) => void;\n}\n\nconst CollapseContext = createContext<CollapseContextType>({\n  showTabs: true,\n  menuId: '',\n  valueId: '',\n  tabs: []\n});\n\nconst tabs = style(\n  {\n    position: 'relative',\n    display: 'flex',\n    flexShrink: 0,\n    font: 'ui',\n    flexDirection: {\n      orientation: {\n        horizontal: 'column'\n      }\n    }\n  },\n  getAllowedOverrides({height: true})\n);\n\n/**\n * Tabs organize content into multiple sections and allow users to navigate between them. The\n * content under the set of tabs should be related and form a coherent unit.\n */\nexport const Tabs = forwardRef(function Tabs(props: TabsProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, TabsContext);\n  let {\n    density = 'regular',\n    isDisabled,\n    disabledKeys,\n    orientation = 'horizontal',\n    labelBehavior = 'show'\n  } = props;\n  let domRef = useDOMRef(ref);\n  let [value, setValue] = useControlledState(\n    props.selectedKey,\n    props.defaultSelectedKey ?? null!,\n    props.onSelectionChange\n  );\n\n  if (!props['aria-label'] && !props['aria-labelledby']) {\n    throw new Error('An aria-label or aria-labelledby prop is required on Tabs for accessibility.');\n  }\n\n  let tablistRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <Provider\n      values={[\n        [\n          InternalTabsContext,\n          {\n            density,\n            isDisabled,\n            orientation,\n            disabledKeys,\n            selectedKey: value,\n            tablistRef,\n            onSelectionChange: setValue,\n            labelBehavior,\n            'aria-label': props['aria-label'],\n            'aria-labelledby': props['aria-labelledby']\n          }\n        ]\n      ]}>\n      <CollectionBuilder content={props.children}>\n        {collection => (\n          <CollapsingTabs\n            {...props}\n            selectedKey={value}\n            onSelectionChange={setValue}\n            collection={collection}\n            containerRef={domRef}\n          />\n        )}\n      </CollectionBuilder>\n    </Provider>\n  );\n});\n\nconst tablist = style({\n  display: 'flex',\n  gap: {\n    orientation: {\n      horizontal: {\n        density: {\n          compact: 24,\n          regular: 32\n        },\n        labelBehavior: {\n          hide: {\n            density: {\n              compact: 16,\n              regular: 24\n            }\n          }\n        }\n      }\n    }\n  },\n  flexDirection: {\n    orientation: {\n      vertical: 'column'\n    }\n  },\n  marginEnd: {\n    orientation: {\n      vertical: 20\n    }\n  },\n  marginStart: {\n    orientation: {\n      vertical: 12\n    }\n  },\n  minWidth: 'min'\n});\n\nconst tablistWrapper = style(\n  {\n    position: 'relative',\n    minWidth: 0,\n    flexShrink: 0,\n    flexGrow: 0\n  },\n  getAllowedOverrides()\n);\n\nexport function TabList<T>(props: TabListProps<T>): ReactNode | null {\n  let {showTabs, menuId, valueId, tabs, listRef, onSelectionChange, ariaLabel, ariaDescribedBy} =\n    useContext(CollapseContext) ?? {};\n  let {density, orientation, labelBehavior} = useContext(InternalTabsContext);\n\n  if (showTabs) {\n    return <TabListInner {...props} />;\n  }\n\n  return (\n    <div className={tablistWrapper(null, props.styles)}>\n      {listRef && (\n        <div className={tablist({orientation, labelBehavior, density})}>\n          <HiddenTabs items={tabs} density={density} listRef={listRef} />\n        </div>\n      )}\n      <TabsMenu\n        id={menuId}\n        valueId={valueId}\n        items={tabs}\n        onSelectionChange={onSelectionChange}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedBy}\n      />\n    </div>\n  );\n}\n\nfunction TabListInner<T>(props: TabListProps<T>) {\n  let {\n    tablistRef,\n    orientation,\n    density,\n    labelBehavior,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  } = useContext(InternalTabsContext) ?? {};\n  let {tabs, listRef} = useContext(CollapseContext) ?? {};\n\n  return (\n    <div\n      style={props.UNSAFE_style}\n      className={(props.UNSAFE_className || '') + tablistWrapper(null, props.styles)}>\n      {listRef && (\n        <div className={tablist({orientation, labelBehavior, density})}>\n          <HiddenTabs items={tabs} density={density} listRef={listRef} />\n        </div>\n      )}\n      <RACTabList\n        {...props}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        ref={tablistRef}\n        className={renderProps => tablist({...renderProps, labelBehavior, density})}\n      />\n    </div>\n  );\n}\n\nconst selectedIndicator = style<{isDisabled: boolean; orientation?: Orientation}>({\n  position: 'absolute',\n  backgroundColor: {\n    default: 'neutral',\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'Highlight',\n      isDisabled: 'GrayText'\n    }\n  },\n  height: {\n    default: 'full',\n    orientation: {\n      horizontal: '[2px]'\n    }\n  },\n  width: {\n    default: 'full',\n    orientation: {\n      vertical: '[2px]'\n    }\n  },\n  contain: 'strict',\n  transition: {\n    default: '[translate,width,height]',\n    '@media (prefers-reduced-motion: reduce)': 'none'\n  },\n  transitionDuration: 200,\n  transitionTimingFunction: 'out',\n  bottom: {\n    default: 0\n  },\n  top: {\n    orientation: {\n      vertical: 0\n    }\n  },\n  left: {\n    orientation: {\n      horizontal: 0\n    }\n  },\n  insetStart: {\n    orientation: {\n      vertical: -12\n    }\n  },\n  borderStyle: 'none',\n  borderRadius: 'full'\n});\n\nconst tab = style<\n  TabRenderProps & {\n    density?: 'compact' | 'regular';\n    labelBehavior?: 'show' | 'hide';\n    orientation?: Orientation;\n  }\n>(\n  {\n    ...focusRing(),\n    display: 'flex',\n    color: {\n      default: baseColor('neutral-subdued'),\n      isSelected: baseColor('neutral'),\n      isDisabled: 'disabled',\n      forcedColors: {\n        isSelected: 'Highlight',\n        isDisabled: 'GrayText'\n      }\n    },\n    borderRadius: 'sm',\n    gap: 'text-to-visual',\n    height: {\n      orientation: {\n        horizontal: {\n          density: {\n            compact: 32,\n            regular: 48\n          }\n        }\n      }\n    },\n    minHeight: {\n      orientation: {\n        vertical: {\n          density: {\n            compact: 32,\n            regular: 48\n          }\n        }\n      }\n    },\n    alignItems: 'center',\n    position: 'relative',\n    cursor: 'default',\n    textDecoration: 'none',\n    flexShrink: 0,\n    transition: 'default',\n    paddingX: {\n      labelBehavior: {\n        hide: size(6)\n      }\n    },\n    disableTapHighlight: true\n  },\n  getAllowedOverrides()\n);\n\nconst icon = style({\n  display: 'block',\n  flexShrink: 0,\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  }\n});\n\nexport function Tab(props: TabProps): ReactNode {\n  let {density, orientation, labelBehavior} = useContext(InternalTabsContext) ?? {};\n\n  let contentId = useId();\n  let ariaLabelledBy = props['aria-labelledby'] || '';\n\n  return (\n    <RACTab\n      {...props}\n      // @ts-ignore\n      originalProps={props}\n      aria-labelledby={`${labelBehavior === 'hide' ? contentId : ''} ${ariaLabelledBy}`}\n      style={props.UNSAFE_style}\n      className={renderProps =>\n        (props.UNSAFE_className || '') +\n        tab({...renderProps, density, labelBehavior, orientation}, props.styles)\n      }>\n      {({\n        // @ts-ignore\n        isMenu,\n        isDisabled\n      }) => {\n        if (isMenu) {\n          return props.children;\n        } else {\n          return (\n            <Provider\n              values={[\n                [\n                  TextContext,\n                  {\n                    id: contentId,\n                    styles: style({\n                      order: 1,\n                      display: {\n                        labelBehavior: {\n                          hide: 'none'\n                        }\n                      }\n                    })({labelBehavior})\n                  }\n                ],\n                [\n                  IconContext,\n                  {\n                    render: centerBaseline({slot: 'icon', styles: style({order: 0})}),\n                    styles: icon\n                  }\n                ]\n              ]}>\n              <TabInner orientation={orientation!} isDisabled={isDisabled}>\n                {typeof props.children === 'string' ? (\n                  <Text>{props.children}</Text>\n                ) : (\n                  props.children\n                )}\n              </TabInner>\n            </Provider>\n          );\n        }\n      }}\n    </RACTab>\n  );\n}\n\nfunction TabInner({\n  isDisabled,\n  orientation,\n  children\n}: {\n  isDisabled: boolean;\n  orientation: Orientation;\n  children: ReactNode;\n}) {\n  let ref = useRef<HTMLDivElement | null>(null);\n  let isHidden = useContext(HiddenTabsContext);\n\n  return (\n    <>\n      {!isHidden && (\n        <SelectionIndicator ref={ref} className={selectedIndicator({isDisabled, orientation})} />\n      )}\n      {children}\n    </>\n  );\n}\n\nconst tabPanel = style(\n  {\n    ...focusRing(),\n    marginTop: 4,\n    color: 'gray-800',\n    flexGrow: 1,\n    minHeight: 0,\n    display: {\n      default: 'block',\n      isInert: 'none'\n    }\n  },\n  getAllowedOverrides({height: true})\n);\n\nexport function TabPanel(props: TabPanelProps): ReactNode | null {\n  let {showTabs} = useContext(CollapseContext);\n  let {selectedKey} = useContext(InternalTabsContext);\n  if (showTabs) {\n    return (\n      <AriaTabPanel\n        {...props}\n        style={props.UNSAFE_style}\n        className={renderProps =>\n          (props.UNSAFE_className ?? '') + tabPanel(renderProps, props.styles)\n        }\n      />\n    );\n  }\n\n  if (props.id !== selectedKey) {\n    return null;\n  }\n\n  return <CollapsedTabPanel {...props} />;\n}\n\nfunction CollapsedTabPanel(props: TabPanelProps) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {UNSAFE_style, UNSAFE_className = '', id, shouldForceMount, ...otherProps} = props;\n  let {menuId, valueId} = useContext(CollapseContext);\n  let ref = useRef(null);\n  let tabIndex = useHasTabbableChild(ref) ? undefined : 0;\n\n  return (\n    <Group\n      {...otherProps}\n      ref={ref}\n      aria-labelledby={menuId + ' ' + valueId}\n      tabIndex={tabIndex}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + tabPanel(renderProps, props.styles)}\n    />\n  );\n}\n\nfunction isEveryTabDisabled<T>(\n  collection: Collection<Node<T>> | undefined,\n  disabledKeys: Set<Key>\n) {\n  let testKey: Key | null = null;\n  if (collection && collection.size > 0) {\n    testKey = collection.getFirstKey();\n\n    let index = 0;\n    while (testKey && index < collection.size) {\n      // We have to check if the item in the collection has a key in disabledKeys or has the isDisabled prop set directly on it\n      if (!disabledKeys.has(testKey) && !collection.getItem(testKey)?.props?.isDisabled) {\n        return false;\n      }\n\n      testKey = collection.getKeyAfter(testKey);\n      index++;\n    }\n    return true;\n  }\n  return false;\n}\n\nconst HiddenTabsContext = createContext(false);\n\nlet HiddenTabs = function (props: {\n  listRef: RefObject<HTMLDivElement | null>;\n  items: Array<Node<any>>;\n  size?: string;\n  density?: 'compact' | 'regular';\n}) {\n  let {listRef, items = [], size, density} = props;\n\n  return (\n    <div\n      // @ts-ignore\n      inert={inertValue(true)}\n      ref={listRef}\n      className={style({\n        display: 'inherit',\n        flexDirection: 'inherit',\n        gap: 'inherit',\n        flexWrap: 'inherit',\n        position: 'absolute',\n        inset: 0,\n        visibility: 'hidden',\n        overflow: 'hidden',\n        opacity: 0\n      })}>\n      <HiddenTabsContext.Provider value>\n        {items.map(item => {\n          // pull off individual props as an allow list, don't want refs or other props getting through\n          return (\n            <div\n              data-hidden-tab\n              style={item.props.UNSAFE_style}\n              key={item.key}\n              className={item.props.className({size, density})}>\n              {item.props.children({size, density})}\n            </div>\n          );\n        })}\n      </HiddenTabsContext.Provider>\n    </div>\n  );\n};\n\nlet TabsMenu = (\n  props: {\n    valueId: string;\n    items: Array<Node<any>>;\n    onSelectionChange: TabsProps['onSelectionChange'];\n  } & Omit<TabsProps, 'children'>\n) => {\n  let {id, items, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, valueId} = props;\n  let {\n    density,\n    onSelectionChange: _onSelectionChange,\n    selectedKey,\n    isDisabled,\n    disabledKeys,\n    labelBehavior\n  } = useContext(InternalTabsContext);\n  let onSelectionChange = useCallback(\n    (key: Key | null) => {\n      if (key != null) {\n        _onSelectionChange?.(key);\n      }\n    },\n    [_onSelectionChange]\n  );\n  let state = useContext(TabListStateContext);\n  let allKeysDisabled = useMemo(() => {\n    return isEveryTabDisabled(state?.collection, disabledKeys ? new Set(disabledKeys) : new Set());\n  }, [state?.collection, disabledKeys]);\n  let labelProps = useLabels({\n    id,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  });\n\n  return (\n    <div\n      className={style({\n        display: 'flex',\n        flexShrink: 0,\n        alignItems: 'center',\n        height: {\n          density: {\n            compact: 32,\n            regular: 48\n          }\n        }\n      })({density})}>\n      <Picker\n        id={id}\n        valueId={valueId}\n        {...labelProps}\n        aria-describedby={props['aria-describedby']}\n        aria-details={props['aria-details']}\n        isDisabled={isDisabled || allKeysDisabled}\n        density={density!}\n        labelBehavior={labelBehavior}\n        items={items}\n        disabledKeys={disabledKeys}\n        selectedKey={selectedKey}\n        onSelectionChange={onSelectionChange}>\n        {(item: Node<any>) => {\n          return (\n            <PickerItem\n              {...item.props.originalProps}\n              isDisabled={isDisabled || allKeysDisabled}\n              key={item.key}>\n              {item.props.children({density, isMenu: true})}\n            </PickerItem>\n          );\n        }}\n      </Picker>\n    </div>\n  );\n};\n\nlet CollapsingTabs = ({\n  collection,\n  containerRef,\n  ...props\n}: {collection: Collection<Node<unknown>>; containerRef: any} & TabsProps) => {\n  let {orientation = 'horizontal', onSelectionChange} = props;\n  let [showItems, _setShowItems] = useState(true);\n  showItems = orientation === 'vertical' ? true : showItems;\n  let setShowItems = useCallback(\n    (value: boolean) => {\n      if (orientation === 'vertical') {\n        // if orientation is vertical, we always show the items\n        _setShowItems(true);\n      } else {\n        _setShowItems(value);\n      }\n    },\n    [orientation]\n  );\n\n  let {direction} = useLocale();\n\n  let children = useMemo(() => [...collection], [collection]);\n\n  let listRef = useRef<HTMLDivElement | null>(null);\n\n  let updateOverflow = () => {\n    if (orientation === 'vertical' || !listRef.current || !containerRef?.current) {\n      return;\n    }\n    let container = listRef.current;\n    let containerRect = container.getBoundingClientRect();\n    let tabs = container.querySelectorAll('[data-hidden-tab]');\n    let lastTab = tabs[tabs.length - 1];\n    let lastTabRect = lastTab.getBoundingClientRect();\n    if (direction === 'ltr') {\n      setShowItems?.(lastTabRect.right <= containerRect.right);\n    } else {\n      setShowItems?.(lastTabRect.left >= containerRect.left);\n    }\n  };\n\n  let updateOverflowEffect = useEffectEvent(updateOverflow);\n\n  useResizeObserver({ref: containerRef, onResize: updateOverflow});\n\n  useLayoutEffect(() => {\n    if (collection.size > 0) {\n      queueMicrotask(updateOverflowEffect);\n    }\n  }, [collection.size]);\n\n  // start with null so that the first render won't have a flicker\n  let prevOrientation = useRef<Orientation | null>(null);\n  useLayoutEffect(() => {\n    if (collection.size > 0 && prevOrientation.current !== orientation) {\n      updateOverflowEffect();\n    }\n    prevOrientation.current = orientation;\n  }, [collection.size, orientation]);\n\n  useEffect(() => {\n    // Recalculate visible tags when fonts are loaded.\n    document.fonts?.ready.then(() => updateOverflowEffect());\n  }, []);\n\n  let menuId = useId();\n  let valueId = useId();\n\n  let contents: ReactNode;\n  if (showItems) {\n    contents = (\n      <RACTabs {...props} className=\"\" style={{display: 'contents'}}>\n        {props.children}\n      </RACTabs>\n    );\n  } else {\n    contents = (\n      <>\n        <CollapseContext.Provider\n          value={{\n            showTabs: false,\n            tabs: children,\n            menuId,\n            valueId,\n            listRef: listRef,\n            onSelectionChange,\n            ariaLabel: props['aria-label'],\n            ariaDescribedBy: props['aria-labelledby']\n          }}>\n          {props.children}\n        </CollapseContext.Provider>\n      </>\n    );\n  }\n\n  return (\n    <div\n      style={props.UNSAFE_style}\n      className={(props.UNSAFE_className || '') + tabs({orientation}, props.styles)}\n      ref={containerRef}>\n      <CollapseContext.Provider\n        value={{showTabs: true, menuId, valueId, tabs: children, listRef: listRef}}>\n        {contents}\n      </CollapseContext.Provider>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"Tabs.cjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Tabs.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  TabListProps as AriaTabListProps,\n  TabPanel as AriaTabPanel,\n  TabPanelProps as AriaTabPanelProps,\n  TabProps as AriaTabProps,\n  TabsProps as AriaTabsProps,\n  Tab as RACTab,\n  TabList as RACTabList,\n  Tabs as RACTabs,\n  TabListStateContext,\n  TabRenderProps\n} from 'react-aria-components/Tabs';\nimport {baseColor, focusRing, size, style} from '../style' with {type: 'macro'};\nimport {centerBaseline} from './CenterBaseline';\nimport {\n  Collection,\n  DOMRef,\n  DOMRefValue,\n  GlobalDOMAttributes,\n  Key,\n  Node,\n  Orientation,\n  RefObject\n} from '@react-types/shared';\nimport {CollectionBuilder} from 'react-aria/CollectionBuilder';\nimport {ContextValue, Provider} from 'react-aria-components/slots';\nimport {\n  createContext,\n  forwardRef,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {\n  getAllowedOverrides,\n  StyleProps,\n  StylesPropWithHeight,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {Group} from 'react-aria-components/Group';\nimport {IconContext} from './Icon';\nimport {inertValue} from 'react-aria/private/utils/inertValue';\nimport {Picker, PickerItem} from './TabsPicker';\nimport {SelectionIndicator} from 'react-aria-components/SelectionIndicator';\nimport {Text, TextContext} from './Content';\nimport {useControlledState} from 'react-stately/useControlledState';\nimport {useDOMRef} from './useDOMRef';\nimport {useEffectEvent} from 'react-aria/private/utils/useEffectEvent';\nimport {useHasTabbableChild} from 'react-aria/private/focus/useHasTabbableChild';\nimport {useId} from 'react-aria/useId';\nimport {useLabels} from 'react-aria/private/utils/useLabels';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useResizeObserver} from 'react-aria/private/utils/useResizeObserver';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface TabsProps\n  extends\n    Omit<AriaTabsProps, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>,\n    UnsafeStyles {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight;\n  /** The content to display in the tabs. */\n  children: ReactNode;\n  /**\n   * The amount of space between the tabs.\n   *\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular';\n  /**\n   * Defines if the text within the tabs should be hidden and only the icon should be shown.\n   * The text is always visible when the item is collapsed into a picker.\n   *\n   * @default 'show'\n   */\n  labelBehavior?: 'show' | 'hide';\n}\n\nexport interface TabProps\n  extends\n    Omit<\n      AriaTabProps,\n      'children' | 'style' | 'className' | 'render' | 'onClick' | keyof GlobalDOMAttributes\n    >,\n    StyleProps {\n  /** The content to display in the tab. */\n  children: ReactNode;\n}\n\nexport interface TabListProps<T>\n  extends\n    Omit<\n      AriaTabListProps<T>,\n      | 'style'\n      | 'className'\n      | 'render'\n      | 'aria-label'\n      | 'aria-labelledby'\n      | keyof GlobalDOMAttributes\n    >,\n    StyleProps {\n  /** The content to display in the tablist. */\n  children: ReactNode | ((item: T) => ReactNode);\n}\n\nexport interface TabPanelProps\n  extends\n    Omit<\n      AriaTabPanelProps,\n      'children' | 'style' | 'className' | 'render' | keyof GlobalDOMAttributes\n    >,\n    UnsafeStyles {\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight;\n  /** The content to display in the tab panels. */\n  children: ReactNode;\n}\n\nexport const TabsContext =\n  createContext<ContextValue<Partial<TabsProps>, DOMRefValue<HTMLDivElement>>>(null);\nconst InternalTabsContext = createContext<\n  Partial<TabsProps> & {\n    tablistRef?: RefObject<HTMLDivElement | null>;\n    selectedKey?: Key | null;\n    baseId?: string;\n  }\n>({});\n\ninterface CollapseContextType {\n  showTabs: boolean;\n  menuId: string;\n  valueId: string;\n  ariaLabel?: string | undefined;\n  ariaDescribedBy?: string | undefined;\n  tabs: Array<Node<any>>;\n  listRef?: RefObject<HTMLDivElement | null>;\n  onSelectionChange?: (key: Key) => void;\n}\n\nconst CollapseContext = createContext<CollapseContextType>({\n  showTabs: true,\n  menuId: '',\n  valueId: '',\n  tabs: []\n});\n\nconst tabs = style(\n  {\n    position: 'relative',\n    display: 'flex',\n    flexShrink: 0,\n    font: 'ui',\n    flexDirection: {\n      orientation: {\n        horizontal: 'column'\n      }\n    }\n  },\n  getAllowedOverrides({height: true})\n);\n\n/**\n * Tabs organize content into multiple sections and allow users to navigate between them. The\n * content under the set of tabs should be related and form a coherent unit.\n */\nexport const Tabs = forwardRef(function Tabs(props: TabsProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, TabsContext);\n  let {\n    density = 'regular',\n    isDisabled,\n    disabledKeys,\n    orientation = 'horizontal',\n    labelBehavior = 'show'\n  } = props;\n  let domRef = useDOMRef(ref);\n  let [value, setValue] = useControlledState(\n    props.selectedKey,\n    props.defaultSelectedKey ?? null!,\n    props.onSelectionChange\n  );\n\n  if (!props['aria-label'] && !props['aria-labelledby']) {\n    throw new Error('An aria-label or aria-labelledby prop is required on Tabs for accessibility.');\n  }\n\n  let tablistRef = useRef<HTMLDivElement | null>(null);\n  // Shared base id so child Tab/TabPanel components can derive stable ids.\n  let baseId = useId();\n\n  return (\n    <Provider\n      values={[\n        [\n          InternalTabsContext,\n          {\n            density,\n            isDisabled,\n            orientation,\n            disabledKeys,\n            selectedKey: value,\n            tablistRef,\n            onSelectionChange: setValue,\n            labelBehavior,\n            baseId,\n            'aria-label': props['aria-label'],\n            'aria-labelledby': props['aria-labelledby']\n          }\n        ]\n      ]}>\n      <CollectionBuilder content={props.children}>\n        {collection => (\n          <CollapsingTabs\n            {...props}\n            selectedKey={value}\n            onSelectionChange={setValue}\n            collection={collection}\n            containerRef={domRef}\n          />\n        )}\n      </CollectionBuilder>\n    </Provider>\n  );\n});\n\nconst tablist = style({\n  display: 'flex',\n  gap: {\n    orientation: {\n      horizontal: {\n        density: {\n          compact: 24,\n          regular: 32\n        },\n        labelBehavior: {\n          hide: {\n            density: {\n              compact: 16,\n              regular: 24\n            }\n          }\n        }\n      }\n    }\n  },\n  flexDirection: {\n    orientation: {\n      vertical: 'column'\n    }\n  },\n  marginEnd: {\n    orientation: {\n      vertical: 20\n    }\n  },\n  marginStart: {\n    orientation: {\n      vertical: 12\n    }\n  },\n  minWidth: 'min'\n});\n\nconst tablistWrapper = style(\n  {\n    position: 'relative',\n    minWidth: 0,\n    flexShrink: 0,\n    flexGrow: 0\n  },\n  getAllowedOverrides()\n);\n\nexport function TabList<T>(props: TabListProps<T>): ReactNode | null {\n  let {showTabs, menuId, valueId, tabs, listRef, onSelectionChange, ariaLabel, ariaDescribedBy} =\n    useContext(CollapseContext) ?? {};\n  let {density, orientation, labelBehavior} = useContext(InternalTabsContext);\n\n  if (showTabs) {\n    return <TabListInner {...props} />;\n  }\n\n  return (\n    <div className={tablistWrapper(null, props.styles)}>\n      {listRef && (\n        <div className={tablist({orientation, labelBehavior, density})}>\n          <HiddenTabs items={tabs} density={density} listRef={listRef} />\n        </div>\n      )}\n      <TabsMenu\n        id={menuId}\n        valueId={valueId}\n        items={tabs}\n        onSelectionChange={onSelectionChange}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedBy}\n      />\n    </div>\n  );\n}\n\nfunction TabListInner<T>(props: TabListProps<T>) {\n  let {\n    tablistRef,\n    orientation,\n    density,\n    labelBehavior,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  } = useContext(InternalTabsContext) ?? {};\n  let {tabs, listRef} = useContext(CollapseContext) ?? {};\n\n  return (\n    <div\n      style={props.UNSAFE_style}\n      className={(props.UNSAFE_className || '') + tablistWrapper(null, props.styles)}>\n      {listRef && (\n        <div className={tablist({orientation, labelBehavior, density})}>\n          <HiddenTabs items={tabs} density={density} listRef={listRef} />\n        </div>\n      )}\n      <RACTabList\n        {...props}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        ref={tablistRef}\n        className={renderProps => tablist({...renderProps, labelBehavior, density})}\n      />\n    </div>\n  );\n}\n\nconst selectedIndicator = style<{isDisabled: boolean; orientation?: Orientation}>({\n  position: 'absolute',\n  backgroundColor: {\n    default: 'neutral',\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'Highlight',\n      isDisabled: 'GrayText'\n    }\n  },\n  height: {\n    default: 'full',\n    orientation: {\n      horizontal: '[2px]'\n    }\n  },\n  width: {\n    default: 'full',\n    orientation: {\n      vertical: '[2px]'\n    }\n  },\n  contain: 'strict',\n  transition: {\n    default: '[translate,width,height]',\n    '@media (prefers-reduced-motion: reduce)': 'none'\n  },\n  transitionDuration: 200,\n  transitionTimingFunction: 'out',\n  bottom: {\n    default: 0\n  },\n  top: {\n    orientation: {\n      vertical: 0\n    }\n  },\n  left: {\n    orientation: {\n      horizontal: 0\n    }\n  },\n  insetStart: {\n    orientation: {\n      vertical: -12\n    }\n  },\n  borderStyle: 'none',\n  borderRadius: 'full'\n});\n\nconst tab = style<\n  TabRenderProps & {\n    density?: 'compact' | 'regular';\n    labelBehavior?: 'show' | 'hide';\n    orientation?: Orientation;\n  }\n>(\n  {\n    ...focusRing(),\n    display: 'flex',\n    color: {\n      default: baseColor('neutral-subdued'),\n      isSelected: baseColor('neutral'),\n      isDisabled: 'disabled',\n      forcedColors: {\n        isSelected: 'Highlight',\n        isDisabled: 'GrayText'\n      }\n    },\n    borderRadius: 'sm',\n    gap: 'text-to-visual',\n    height: {\n      orientation: {\n        horizontal: {\n          density: {\n            compact: 32,\n            regular: 48\n          }\n        }\n      }\n    },\n    minHeight: {\n      orientation: {\n        vertical: {\n          density: {\n            compact: 32,\n            regular: 48\n          }\n        }\n      }\n    },\n    alignItems: 'center',\n    position: 'relative',\n    cursor: 'default',\n    textDecoration: 'none',\n    flexShrink: 0,\n    transition: 'default',\n    paddingX: {\n      labelBehavior: {\n        hide: size(6)\n      }\n    },\n    disableTapHighlight: true\n  },\n  getAllowedOverrides()\n);\n\nconst icon = style({\n  display: 'block',\n  flexShrink: 0,\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  }\n});\n\nexport function Tab(props: TabProps): ReactNode {\n  let {density, orientation, labelBehavior, baseId} = useContext(InternalTabsContext) ?? {};\n\n  // Derive a stable content id from the shared baseId on InternalTabsContext.\n  // Prevents infinite loop when rendering across multiple CollectionBuilder portals.\n  let fallbackId = useId();\n  let contentId = `${baseId ?? fallbackId}-content-${props.id ?? fallbackId}`;\n  let ariaLabelledBy = props['aria-labelledby'] || '';\n\n  return (\n    <RACTab\n      {...props}\n      // @ts-ignore\n      originalProps={props}\n      aria-labelledby={`${labelBehavior === 'hide' ? contentId : ''} ${ariaLabelledBy}`}\n      style={props.UNSAFE_style}\n      className={renderProps =>\n        (props.UNSAFE_className || '') +\n        tab({...renderProps, density, labelBehavior, orientation}, props.styles)\n      }>\n      {({\n        // @ts-ignore\n        isMenu,\n        isDisabled\n      }) => {\n        if (isMenu) {\n          return props.children;\n        } else {\n          return (\n            <Provider\n              values={[\n                [\n                  TextContext,\n                  {\n                    id: contentId,\n                    styles: style({\n                      order: 1,\n                      display: {\n                        labelBehavior: {\n                          hide: 'none'\n                        }\n                      }\n                    })({labelBehavior})\n                  }\n                ],\n                [\n                  IconContext,\n                  {\n                    render: centerBaseline({slot: 'icon', styles: style({order: 0})}),\n                    styles: icon\n                  }\n                ]\n              ]}>\n              <TabInner orientation={orientation!} isDisabled={isDisabled}>\n                {typeof props.children === 'string' ? (\n                  <Text>{props.children}</Text>\n                ) : (\n                  props.children\n                )}\n              </TabInner>\n            </Provider>\n          );\n        }\n      }}\n    </RACTab>\n  );\n}\n\nfunction TabInner({\n  isDisabled,\n  orientation,\n  children\n}: {\n  isDisabled: boolean;\n  orientation: Orientation;\n  children: ReactNode;\n}) {\n  let ref = useRef<HTMLDivElement | null>(null);\n  let isHidden = useContext(HiddenTabsContext);\n\n  return (\n    <>\n      {!isHidden && (\n        <SelectionIndicator ref={ref} className={selectedIndicator({isDisabled, orientation})} />\n      )}\n      {children}\n    </>\n  );\n}\n\nconst tabPanel = style(\n  {\n    ...focusRing(),\n    marginTop: 4,\n    color: 'gray-800',\n    flexGrow: 1,\n    minHeight: 0,\n    display: {\n      default: 'block',\n      isInert: 'none'\n    }\n  },\n  getAllowedOverrides({height: true})\n);\n\nexport function TabPanel(props: TabPanelProps): ReactNode | null {\n  let {showTabs} = useContext(CollapseContext);\n  let {selectedKey} = useContext(InternalTabsContext);\n  if (showTabs) {\n    return (\n      <AriaTabPanel\n        {...props}\n        style={props.UNSAFE_style}\n        className={renderProps =>\n          (props.UNSAFE_className ?? '') + tabPanel(renderProps, props.styles)\n        }\n      />\n    );\n  }\n\n  if (props.id !== selectedKey) {\n    return null;\n  }\n\n  return <CollapsedTabPanel {...props} />;\n}\n\nfunction CollapsedTabPanel(props: TabPanelProps) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {UNSAFE_style, UNSAFE_className = '', id, shouldForceMount, ...otherProps} = props;\n  let {menuId, valueId} = useContext(CollapseContext);\n  let ref = useRef(null);\n  let tabIndex = useHasTabbableChild(ref) ? undefined : 0;\n\n  return (\n    <Group\n      {...otherProps}\n      ref={ref}\n      aria-labelledby={menuId + ' ' + valueId}\n      tabIndex={tabIndex}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + tabPanel(renderProps, props.styles)}\n    />\n  );\n}\n\nfunction isEveryTabDisabled<T>(\n  collection: Collection<Node<T>> | undefined,\n  disabledKeys: Set<Key>\n) {\n  let testKey: Key | null = null;\n  if (collection && collection.size > 0) {\n    testKey = collection.getFirstKey();\n\n    let index = 0;\n    while (testKey && index < collection.size) {\n      // We have to check if the item in the collection has a key in disabledKeys or has the isDisabled prop set directly on it\n      if (!disabledKeys.has(testKey) && !collection.getItem(testKey)?.props?.isDisabled) {\n        return false;\n      }\n\n      testKey = collection.getKeyAfter(testKey);\n      index++;\n    }\n    return true;\n  }\n  return false;\n}\n\nconst HiddenTabsContext = createContext(false);\n\nlet HiddenTabs = function (props: {\n  listRef: RefObject<HTMLDivElement | null>;\n  items: Array<Node<any>>;\n  size?: string;\n  density?: 'compact' | 'regular';\n}) {\n  let {listRef, items = [], size, density} = props;\n\n  return (\n    <div\n      // @ts-ignore\n      inert={inertValue(true)}\n      ref={listRef}\n      className={style({\n        display: 'inherit',\n        flexDirection: 'inherit',\n        gap: 'inherit',\n        flexWrap: 'inherit',\n        position: 'absolute',\n        inset: 0,\n        visibility: 'hidden',\n        overflow: 'hidden',\n        opacity: 0\n      })}>\n      <HiddenTabsContext.Provider value>\n        {items.map(item => {\n          // pull off individual props as an allow list, don't want refs or other props getting through\n          return (\n            <div\n              data-hidden-tab\n              style={item.props.UNSAFE_style}\n              key={item.key}\n              className={item.props.className({size, density})}>\n              {item.props.children({size, density})}\n            </div>\n          );\n        })}\n      </HiddenTabsContext.Provider>\n    </div>\n  );\n};\n\nlet TabsMenu = (\n  props: {\n    valueId: string;\n    items: Array<Node<any>>;\n    onSelectionChange: TabsProps['onSelectionChange'];\n  } & Omit<TabsProps, 'children'>\n) => {\n  let {id, items, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, valueId} = props;\n  let {\n    density,\n    onSelectionChange: _onSelectionChange,\n    selectedKey,\n    isDisabled,\n    disabledKeys,\n    labelBehavior\n  } = useContext(InternalTabsContext);\n  let onSelectionChange = useCallback(\n    (key: Key | null) => {\n      if (key != null) {\n        _onSelectionChange?.(key);\n      }\n    },\n    [_onSelectionChange]\n  );\n  let state = useContext(TabListStateContext);\n  let allKeysDisabled = useMemo(() => {\n    return isEveryTabDisabled(state?.collection, disabledKeys ? new Set(disabledKeys) : new Set());\n  }, [state?.collection, disabledKeys]);\n  let labelProps = useLabels({\n    id,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy\n  });\n\n  return (\n    <div\n      className={style({\n        display: 'flex',\n        flexShrink: 0,\n        alignItems: 'center',\n        height: {\n          density: {\n            compact: 32,\n            regular: 48\n          }\n        }\n      })({density})}>\n      <Picker\n        id={id}\n        valueId={valueId}\n        {...labelProps}\n        aria-describedby={props['aria-describedby']}\n        aria-details={props['aria-details']}\n        isDisabled={isDisabled || allKeysDisabled}\n        density={density!}\n        labelBehavior={labelBehavior}\n        items={items}\n        disabledKeys={disabledKeys}\n        selectedKey={selectedKey}\n        onSelectionChange={onSelectionChange}>\n        {(item: Node<any>) => {\n          return (\n            <PickerItem\n              {...item.props.originalProps}\n              isDisabled={isDisabled || allKeysDisabled}\n              key={item.key}>\n              {item.props.children({density, isMenu: true})}\n            </PickerItem>\n          );\n        }}\n      </Picker>\n    </div>\n  );\n};\n\nlet CollapsingTabs = ({\n  collection,\n  containerRef,\n  ...props\n}: {collection: Collection<Node<unknown>>; containerRef: any} & TabsProps) => {\n  let {orientation = 'horizontal', onSelectionChange} = props;\n  let [showItems, _setShowItems] = useState(true);\n  showItems = orientation === 'vertical' ? true : showItems;\n  let setShowItems = useCallback(\n    (value: boolean) => {\n      if (orientation === 'vertical') {\n        // if orientation is vertical, we always show the items\n        _setShowItems(true);\n      } else {\n        _setShowItems(value);\n      }\n    },\n    [orientation]\n  );\n\n  let {direction} = useLocale();\n\n  let children = useMemo(() => [...collection], [collection]);\n\n  let listRef = useRef<HTMLDivElement | null>(null);\n\n  let updateOverflow = () => {\n    if (orientation === 'vertical' || !listRef.current || !containerRef?.current) {\n      return;\n    }\n    let container = listRef.current;\n    let containerRect = container.getBoundingClientRect();\n    let tabs = container.querySelectorAll('[data-hidden-tab]');\n    let lastTab = tabs[tabs.length - 1];\n    let lastTabRect = lastTab.getBoundingClientRect();\n    if (direction === 'ltr') {\n      setShowItems?.(lastTabRect.right <= containerRect.right);\n    } else {\n      setShowItems?.(lastTabRect.left >= containerRect.left);\n    }\n  };\n\n  let updateOverflowEffect = useEffectEvent(updateOverflow);\n\n  useResizeObserver({ref: containerRef, onResize: updateOverflow});\n\n  useLayoutEffect(() => {\n    if (collection.size > 0) {\n      queueMicrotask(updateOverflowEffect);\n    }\n  }, [collection.size]);\n\n  // start with null so that the first render won't have a flicker\n  let prevOrientation = useRef<Orientation | null>(null);\n  useLayoutEffect(() => {\n    if (collection.size > 0 && prevOrientation.current !== orientation) {\n      updateOverflowEffect();\n    }\n    prevOrientation.current = orientation;\n  }, [collection.size, orientation]);\n\n  useEffect(() => {\n    // Recalculate visible tags when fonts are loaded.\n    document.fonts?.ready.then(() => updateOverflowEffect());\n  }, []);\n\n  let menuId = useId();\n  let valueId = useId();\n\n  let contents: ReactNode;\n  if (showItems) {\n    contents = (\n      <RACTabs {...props} className=\"\" style={{display: 'contents'}}>\n        {props.children}\n      </RACTabs>\n    );\n  } else {\n    contents = (\n      <>\n        <CollapseContext.Provider\n          value={{\n            showTabs: false,\n            tabs: children,\n            menuId,\n            valueId,\n            listRef: listRef,\n            onSelectionChange,\n            ariaLabel: props['aria-label'],\n            ariaDescribedBy: props['aria-labelledby']\n          }}>\n          {props.children}\n        </CollapseContext.Provider>\n      </>\n    );\n  }\n\n  return (\n    <div\n      style={props.UNSAFE_style}\n      className={(props.UNSAFE_className || '') + tabs({orientation}, props.styles)}\n      ref={containerRef}>\n      <CollapseContext.Provider\n        value={{showTabs: true, menuId, valueId, tabs: children, listRef: listRef}}>\n        {contents}\n      </CollapseContext.Provider>\n    </div>\n  );\n};\n"],"names":[],"version":3,"file":"Tabs.cjs.map"}