@react-spectrum/tabs 3.3.4-nightly.3599 → 3.3.4-nightly.3603

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/main.js +145 -129
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.mjs +145 -129
  5. package/dist/module.mjs.map +1 -1
  6. package/package.json +21 -21
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- .spectrum-TabsPanel_3e140b{width:100%;display:flex}.spectrum-TabsPanel--horizontal_3e140b{flex-direction:column}.spectrum-TabsPanel--vertical_3e140b{flex-direction:row}.spectrum-Tabs_3e140b{z-index:0;vertical-align:top;-webkit-user-select:none;user-select:none;outline:0;margin:0;padding:0;display:flex;position:relative}.spectrum-Tabs-item_3e140b{box-sizing:border-box;height:calc(var(--spectrum-tabs-height,var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)));line-height:calc(var(--spectrum-tabs-height,var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)));z-index:1;white-space:nowrap;transition:color var(--spectrum-global-animation-duration-100,130ms)ease-out;cursor:default;outline:0;text-decoration:none;position:relative}.spectrum-Tabs-item_3e140b.is-disabled_3e140b,.spectrum-Tabs-item_3e140b.is-disabled_3e140b .spectrum-Tabs-itemLabel_3e140b{cursor:default}.spectrum-Tabs-item_3e140b .spectrum-Icon_3e140b{height:calc(var(--spectrum-tabs-height,var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)));transition:fill var(--spectrum-global-animation-duration-100,130ms)ease-out;transform:translate(0,0)}[dir=ltr] .spectrum-Tabs-item_3e140b .spectrum-Icon_3e140b+.spectrum-Tabs-itemLabel_3e140b{margin-left:var(--spectrum-tabs-icon-gap,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Tabs-item_3e140b .spectrum-Icon_3e140b+.spectrum-Tabs-itemLabel_3e140b{margin-right:var(--spectrum-tabs-icon-gap,var(--spectrum-global-dimension-size-100))}[dir=ltr] .spectrum-Tabs-item_3e140b:before{left:calc(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100))*-1)}[dir=rtl] .spectrum-Tabs-item_3e140b:before,[dir=ltr] .spectrum-Tabs-item_3e140b:before{right:calc(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100))*-1)}[dir=rtl] .spectrum-Tabs-item_3e140b:before{left:calc(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100))*-1)}.spectrum-Tabs-item_3e140b:before{content:"";box-sizing:border-box;height:var(--spectrum-tabs-focus-ring-height,var(--spectrum-alias-single-line-height));margin-top:calc(var(--spectrum-tabs-focus-ring-height,var(--spectrum-alias-single-line-height))/-2 + var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick))/2);border:var(--spectrum-tabs-focus-ring-size,var(--spectrum-alias-border-size-thick))solid transparent;border-radius:var(--spectrum-tabs-focus-ring-border-radius);pointer-events:none;position:absolute;top:50%}.spectrum-Tabs-itemLabel_3e140b{cursor:default;vertical-align:top;font-size:var(--spectrum-tabs-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-tabs-text-font-weight,var(--spectrum-alias-body-text-font-weight));display:inline-block}.spectrum-Tabs-itemLabel_3e140b:empty{display:none}[dir=ltr] .spectrum-Tabs-selectionIndicator_3e140b{left:0}[dir=rtl] .spectrum-Tabs-selectionIndicator_3e140b{right:0}.spectrum-Tabs-selectionIndicator_3e140b{z-index:0;transform-origin:0 0;border-radius:var(--spectrum-tabs-rule-border-radius,var(--spectrum-global-dimension-static-size-10));position:absolute}[dir=ltr] .spectrum-Tabs--horizontal_3e140b .spectrum-Tabs-selectionIndicator_3e140b{transform:translateX(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100)))}[dir=rtl] .spectrum-Tabs--horizontal_3e140b .spectrum-Tabs-selectionIndicator_3e140b{transform:translateX(calc(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100))*-1))}.spectrum-Tabs--compact_3e140b .spectrum-Tabs-item_3e140b{height:calc(var(--spectrum-tabs-quiet-compact-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)));line-height:calc(var(--spectrum-tabs-quiet-compact-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)))}.spectrum-Tabs--compact_3e140b .spectrum-Tabs-item_3e140b .spectrum-Icon_3e140b{height:calc(var(--spectrum-tabs-quiet-compact-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)))}.spectrum-Tabs--horizontal_3e140b{border-bottom:var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick))solid;align-items:center}.spectrum-Tabs--horizontal_3e140b .spectrum-Tabs-item_3e140b{vertical-align:top}[dir=ltr] .spectrum-Tabs--horizontal_3e140b .spectrum-Tabs-item_3e140b+:not(.spectrum-Tabs-selectionIndicator_3e140b){margin-left:var(--spectrum-tabs-item-gap,var(--spectrum-global-dimension-size-300))}[dir=rtl] .spectrum-Tabs--horizontal_3e140b .spectrum-Tabs-item_3e140b+:not(.spectrum-Tabs-selectionIndicator_3e140b){margin-right:var(--spectrum-tabs-item-gap,var(--spectrum-global-dimension-size-300))}.spectrum-Tabs--horizontal_3e140b .spectrum-Tabs-selectionIndicator_3e140b{height:var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick));bottom:calc(var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick))*-1);transition:transform var(--spectrum-tabs-selection-indicator-animation-duration,var(--spectrum-global-animation-duration-100))ease-in-out,width var(--spectrum-tabs-selection-indicator-animation-duration,var(--spectrum-global-animation-duration-100))ease-in-out;position:absolute}[dir=ltr] .spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b{left:0}[dir=rtl] .spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b{right:0}.spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b{height:calc(var(--spectrum-tabs-height,var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)))}[dir=ltr] .spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b button:before{left:calc(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100))*-1)}[dir=rtl] .spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b button:before,[dir=ltr] .spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b button:before{right:calc(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100))*-1)}[dir=rtl] .spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b button:before{left:calc(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100))*-1)}.spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b button:before{content:"";box-sizing:border-box;height:var(--spectrum-tabs-focus-ring-height,var(--spectrum-alias-single-line-height));margin-top:calc(var(--spectrum-tabs-focus-ring-height,var(--spectrum-alias-single-line-height))/-2 + var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick))/2);border:var(--spectrum-tabs-focus-ring-size,var(--spectrum-alias-border-size-thick))solid transparent;border-radius:var(--spectrum-tabs-focus-ring-border-radius);pointer-events:none;position:absolute;top:50%}.spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b.spectrum-Tabs--compact_3e140b button{height:calc(var(--spectrum-tabs-quiet-compact-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)))}.spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--compact_3e140b{box-sizing:content-box;height:calc(var(--spectrum-tabs-quiet-compact-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)));align-items:end}.spectrum-Tabs--quiet_3e140b{display:inline-flex}[dir=ltr] .spectrum-Tabs--vertical_3e140b{border-left:var(--spectrum-tabs-vertical-rule-width,var(--spectrum-alias-border-size-thick))solid}[dir=rtl] .spectrum-Tabs--vertical_3e140b{border-right:var(--spectrum-tabs-vertical-rule-width,var(--spectrum-alias-border-size-thick))solid}.spectrum-Tabs--vertical_3e140b{flex-direction:column;padding:0;display:inline-flex}[dir=ltr] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b{margin-left:calc(var(--spectrum-tabs-vertical-item-margin-left,var(--spectrum-global-dimension-size-150)) - var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100)))}[dir=rtl] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b{margin-right:calc(var(--spectrum-tabs-vertical-item-margin-left,var(--spectrum-global-dimension-size-150)) - var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100)))}.spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b{height:var(--spectrum-tabs-vertical-item-height,var(--spectrum-global-dimension-size-550));padding:0 var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100));margin-bottom:var(--spectrum-tabs-vertical-item-gap,var(--spectrum-global-dimension-size-50))}[dir=ltr] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b:before{left:calc(var(--spectrum-tabs-focus-ring-size,var(--spectrum-alias-border-size-thick))*-1)}[dir=rtl] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b:before,[dir=ltr] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b:before{right:calc(var(--spectrum-tabs-focus-ring-size,var(--spectrum-alias-border-size-thick))*-1)}[dir=rtl] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b:before{left:calc(var(--spectrum-tabs-focus-ring-size,var(--spectrum-alias-border-size-thick))*-1)}.spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b:before{margin-top:calc(var(--spectrum-tabs-focus-ring-height,var(--spectrum-alias-single-line-height))/-2)}.spectrum-Tabs--vertical_3e140b.spectrum-Tabs--compact_3e140b .spectrum-Tabs-item_3e140b{height:var(--spectrum-tabs-compact-vertical-item-height,var(--spectrum-global-dimension-size-400));line-height:var(--spectrum-tabs-compact-vertical-item-height,var(--spectrum-global-dimension-size-400));margin-bottom:var(--spectrum-tabs-compact-vertical-item-gap,var(--spectrum-global-dimension-size-50))}.spectrum-Tabs--vertical_3e140b.spectrum-Tabs--compact_3e140b .spectrum-Tabs-item_3e140b .spectrum-Icon_3e140b{height:var(--spectrum-tabs-compact-vertical-item-height,var(--spectrum-global-dimension-size-400))}[dir=ltr] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-selectionIndicator_3e140b{left:calc(var(--spectrum-tabs-vertical-rule-width,var(--spectrum-alias-border-size-thick))*-1)}[dir=rtl] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-selectionIndicator_3e140b{right:calc(var(--spectrum-tabs-vertical-rule-width,var(--spectrum-alias-border-size-thick))*-1)}.spectrum-Tabs--vertical_3e140b .spectrum-Tabs-selectionIndicator_3e140b{width:var(--spectrum-tabs-vertical-rule-width,var(--spectrum-alias-border-size-thick));transition:transform var(--spectrum-tabs-selection-indicator-animation-duration,var(--spectrum-global-animation-duration-100))ease-in-out,height var(--spectrum-tabs-selection-indicator-animation-duration,var(--spectrum-global-animation-duration-100))ease-in-out;position:absolute}.spectrum-TabsPanel-collapseWrapper_3e140b{display:flex;position:relative}.spectrum-TabsPanel-tabs_3e140b{flex:1 0}.spectrum-TabsPanel-tabs_3e140b.spectrum-Tabs--vertical_3e140b{flex-grow:0}.spectrum-TabsPanel-tabpanel_3e140b{border:var(--spectrum-tabs-focus-ring-size,var(--spectrum-alias-border-size-thick))solid transparent;flex-grow:1}.spectrum-TabsPanel--vertical_3e140b .spectrum-Tabs_3e140b{padding-right:var(--spectrum-global-dimension-size-160)}.spectrum-Tabs_3e140b{border-bottom-color:var(--spectrum-global-color-gray-300)}.spectrum-Tabs_3e140b.spectrum-Tabs--isCollapsed_3e140b .spectrum-Tabs-picker_3e140b{width:auto}.spectrum-Tabs_3e140b.spectrum-Tabs--isCollapsed_3e140b .focus-ring_3e140b:after{box-shadow:none}.spectrum-Tabs_3e140b.spectrum-Tabs--isCollapsed_3e140b .focus-ring_3e140b:before{border-color:var(--spectrum-tabs-focus-ring-color,var(--spectrum-alias-border-color-focus))}[dir=ltr] .spectrum-Tabs--vertical_3e140b{border-left-color:var(--spectrum-global-color-gray-300)}[dir=rtl] .spectrum-Tabs--vertical_3e140b{border-right-color:var(--spectrum-global-color-gray-300)}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-selectionIndicator_3e140b{background-color:var(--spectrum-accent-color-900)}.spectrum-Tabs-selectionIndicator_3e140b{background-color:var(--spectrum-tabs-selection-indicator-color,var(--spectrum-global-color-gray-900))}.spectrum-Tabs-item_3e140b{color:var(--spectrum-tabs-text-color,var(--spectrum-alias-label-text-color))}.spectrum-Tabs-item_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-tabs-icon-color,var(--spectrum-alias-icon-color))}.spectrum-Tabs-item_3e140b.is-hovered_3e140b{color:var(--spectrum-tabs-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-Tabs-item_3e140b.is-hovered_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-tabs-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-Tabs-item_3e140b.is-selected_3e140b{color:var(--spectrum-tabs-text-color-selected,var(--spectrum-global-color-gray-900))}.spectrum-Tabs-item_3e140b.is-selected_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-tabs-icon-color-selected,var(--spectrum-global-color-gray-900))}.spectrum-Tabs-item_3e140b.focus-ring_3e140b{color:var(--spectrum-tabs-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-Tabs-item_3e140b.focus-ring_3e140b:before{border-color:var(--spectrum-tabs-focus-ring-color,var(--spectrum-alias-border-color-focus))}.spectrum-Tabs-item_3e140b.focus-ring_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-tabs-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-Tabs-item_3e140b.is-disabled_3e140b{color:var(--spectrum-tabs-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Tabs-item_3e140b.is-disabled_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-tabs-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-item_3e140b.is-selected_3e140b{color:var(--spectrum-accent-color-900)}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-item_3e140b.is-selected_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-accent-color-900)}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-item_3e140b.is-selected_3e140b.focus-ring_3e140b{color:var(--spectrum-accent-color-900)}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-item_3e140b.is-selected_3e140b.focus-ring_3e140b:before{border-color:var(--spectrum-blue-900)}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-item_3e140b.is-selected_3e140b.focus-ring_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-accent-color-900)}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-item_3e140b.is-selected_3e140b.is-hovered_3e140b{color:var(--spectrum-accent-color-1000)}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-item_3e140b.is-selected_3e140b.is-hovered_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-accent-color-1000)}.spectrum-Tabs--quiet_3e140b{border-bottom-color:var(--spectrum-tabs-quiet-rule-color,var(--spectrum-alias-border-color-transparent))}.spectrum-Tabs--quiet_3e140b .spectrum-Tabs-selectionIndicator_3e140b{background-color:var(--spectrum-tabs-quiet-selection-indicator-color,var(--spectrum-global-color-gray-900))}.spectrum-Tabs--quiet_3e140b.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-selectionIndicator_3e140b{background-color:var(--spectrum-accent-color-900)}[dir=ltr] .spectrum-Tabs--vertical_3e140b.spectrum-Tabs--quiet_3e140b,[dir=ltr] .spectrum-Tabs--vertical_3e140b.spectrum-Tabs--compact_3e140b{border-left-color:var(--spectrum-tabs-quiet-vertical-rule-color,var(--spectrum-alias-border-color-transparent))}[dir=rtl] .spectrum-Tabs--vertical_3e140b.spectrum-Tabs--quiet_3e140b,[dir=rtl] .spectrum-Tabs--vertical_3e140b.spectrum-Tabs--compact_3e140b{border-right-color:var(--spectrum-tabs-quiet-vertical-rule-color,var(--spectrum-alias-border-color-transparent))}.spectrum-Tabs--vertical_3e140b.spectrum-Tabs--quiet_3e140b .spectrum-Tabs-selectionIndicator_3e140b,.spectrum-Tabs--vertical_3e140b.spectrum-Tabs--compact_3e140b .spectrum-Tabs-selectionIndicator_3e140b{background-color:var(--spectrum-tabs-quiet-selection-indicator-color,var(--spectrum-global-color-gray-900))}.spectrum-Tabs--vertical_3e140b.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-selectionIndicator_3e140b{background-color:var(--spectrum-accent-color-900)}.spectrum-TabsPanel-tabpanel_3e140b:focus{outline:0}.spectrum-TabsPanel-tabpanel_3e140b.focus-ring_3e140b{border-color:var(--spectrum-tabs-focus-ring-color,var(--spectrum-alias-border-color-focus))}@media (forced-colors:active){.spectrum-Tabs_3e140b{forced-color-adjust:none;--spectrum-tabs-focus-ring-color:ButtonText;--spectrum-tabs-icon-color:ButtonText;--spectrum-tabs-icon-color-disabled:GrayText;--spectrum-tabs-icon-color-hover:ButtonText;--spectrum-tabs-icon-color-key-focus:ButtonText;--spectrum-tabs-icon-color-selected:HighlightText;--spectrum-tabs-quiet-rule-color:transparent;--spectrum-tabs-quiet-selection-indicator-color:transparent;--spectrum-tabs-quiet-vertical-rule-color:transparent;--spectrum-tabs-rule-color:transparent;--spectrum-tabs-selection-indicator-color:transparent;--spectrum-tabs-text-color:ButtonText;--spectrum-tabs-text-color-disabled:GrayText;--spectrum-tabs-text-color-hover:ButtonText;--spectrum-tabs-text-color-key-focus:ButtonText;--spectrum-tabs-text-color-selected:HighlightText;--spectrum-tabs-vertical-rule-color:transparent}.spectrum-Tabs_3e140b .spectrum-Tabs-item_3e140b:before{background-color:ButtonFace}.spectrum-Tabs_3e140b .spectrum-Tabs-item_3e140b .spectrum-Icon_3e140b,.spectrum-Tabs_3e140b .spectrum-Tabs-item_3e140b .spectrum-Tabs-itemLabel_3e140b{z-index:1;position:relative}.spectrum-Tabs_3e140b .is-selected_3e140b{color:HighlightText}.spectrum-Tabs_3e140b .is-selected_3e140b .spectrum-Icon_3e140b{fill:HighlightText}.spectrum-Tabs_3e140b .is-selected_3e140b:before{background-color:Highlight;color:HighlightText}.spectrum-Tabs_3e140b .is-selected_3e140b .spectrum-Tabs-itemLabel_3e140b{color:HighlightText}.spectrum-Tabs_3e140b.spectrum-Tabs--isCollapsed_3e140b .focus-ring_3e140b{outline:0}}
1
+ .spectrum-TabsPanel_3e140b{width:100%;display:flex}.spectrum-TabsPanel--horizontal_3e140b{flex-direction:column}.spectrum-TabsPanel--vertical_3e140b{flex-direction:row}.spectrum-Tabs_3e140b{z-index:0;vertical-align:top;-webkit-user-select:none;user-select:none;outline:none;margin:0;padding:0;display:flex;position:relative}.spectrum-Tabs-item_3e140b{box-sizing:border-box;height:calc(var(--spectrum-tabs-height,var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)));line-height:calc(var(--spectrum-tabs-height,var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)));z-index:1;white-space:nowrap;transition:color var(--spectrum-global-animation-duration-100,.13s)ease-out;cursor:default;outline:none;text-decoration:none;position:relative}.spectrum-Tabs-item_3e140b.is-disabled_3e140b,.spectrum-Tabs-item_3e140b.is-disabled_3e140b .spectrum-Tabs-itemLabel_3e140b{cursor:default}.spectrum-Tabs-item_3e140b .spectrum-Icon_3e140b{height:calc(var(--spectrum-tabs-height,var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)));transition:fill var(--spectrum-global-animation-duration-100,.13s)ease-out;transform:translate(0,0)}[dir=ltr] .spectrum-Tabs-item_3e140b .spectrum-Icon_3e140b+.spectrum-Tabs-itemLabel_3e140b{margin-left:var(--spectrum-tabs-icon-gap,var(--spectrum-global-dimension-size-100))}[dir=rtl] .spectrum-Tabs-item_3e140b .spectrum-Icon_3e140b+.spectrum-Tabs-itemLabel_3e140b{margin-right:var(--spectrum-tabs-icon-gap,var(--spectrum-global-dimension-size-100))}[dir=ltr] .spectrum-Tabs-item_3e140b:before{left:calc(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100))*-1)}[dir=rtl] .spectrum-Tabs-item_3e140b:before,[dir=ltr] .spectrum-Tabs-item_3e140b:before{right:calc(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100))*-1)}[dir=rtl] .spectrum-Tabs-item_3e140b:before{left:calc(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100))*-1)}.spectrum-Tabs-item_3e140b:before{content:"";box-sizing:border-box;height:var(--spectrum-tabs-focus-ring-height,var(--spectrum-alias-single-line-height));margin-top:calc(var(--spectrum-tabs-focus-ring-height,var(--spectrum-alias-single-line-height))/-2 + var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick))/2);border:var(--spectrum-tabs-focus-ring-size,var(--spectrum-alias-border-size-thick))solid transparent;border-radius:var(--spectrum-tabs-focus-ring-border-radius);pointer-events:none;position:absolute;top:50%}.spectrum-Tabs-itemLabel_3e140b{cursor:default;vertical-align:top;font-size:var(--spectrum-tabs-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-tabs-text-font-weight,var(--spectrum-alias-body-text-font-weight));display:inline-block}.spectrum-Tabs-itemLabel_3e140b:empty{display:none}[dir=ltr] .spectrum-Tabs-selectionIndicator_3e140b{left:0}[dir=rtl] .spectrum-Tabs-selectionIndicator_3e140b{right:0}.spectrum-Tabs-selectionIndicator_3e140b{z-index:0;transform-origin:0 0;border-radius:var(--spectrum-tabs-rule-border-radius,var(--spectrum-global-dimension-static-size-10));position:absolute}[dir=ltr] .spectrum-Tabs--horizontal_3e140b .spectrum-Tabs-selectionIndicator_3e140b{transform:translateX(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100)))}[dir=rtl] .spectrum-Tabs--horizontal_3e140b .spectrum-Tabs-selectionIndicator_3e140b{transform:translateX(calc(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100))*-1))}.spectrum-Tabs--compact_3e140b .spectrum-Tabs-item_3e140b{height:calc(var(--spectrum-tabs-quiet-compact-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)));line-height:calc(var(--spectrum-tabs-quiet-compact-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)))}.spectrum-Tabs--compact_3e140b .spectrum-Tabs-item_3e140b .spectrum-Icon_3e140b{height:calc(var(--spectrum-tabs-quiet-compact-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)))}.spectrum-Tabs--horizontal_3e140b{border-bottom:var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick))solid;align-items:center}.spectrum-Tabs--horizontal_3e140b .spectrum-Tabs-item_3e140b{vertical-align:top}[dir=ltr] .spectrum-Tabs--horizontal_3e140b .spectrum-Tabs-item_3e140b+:not(.spectrum-Tabs-selectionIndicator_3e140b){margin-left:var(--spectrum-tabs-item-gap,var(--spectrum-global-dimension-size-300))}[dir=rtl] .spectrum-Tabs--horizontal_3e140b .spectrum-Tabs-item_3e140b+:not(.spectrum-Tabs-selectionIndicator_3e140b){margin-right:var(--spectrum-tabs-item-gap,var(--spectrum-global-dimension-size-300))}.spectrum-Tabs--horizontal_3e140b .spectrum-Tabs-selectionIndicator_3e140b{height:var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick));bottom:calc(var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick))*-1);transition:transform var(--spectrum-tabs-selection-indicator-animation-duration,var(--spectrum-global-animation-duration-100))ease-in-out,width var(--spectrum-tabs-selection-indicator-animation-duration,var(--spectrum-global-animation-duration-100))ease-in-out;position:absolute}[dir=ltr] .spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b{left:0}[dir=rtl] .spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b{right:0}.spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b{height:calc(var(--spectrum-tabs-height,var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)))}[dir=ltr] .spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b button:before{left:calc(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100))*-1)}[dir=rtl] .spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b button:before,[dir=ltr] .spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b button:before{right:calc(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100))*-1)}[dir=rtl] .spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b button:before{left:calc(var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100))*-1)}.spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b button:before{content:"";box-sizing:border-box;height:var(--spectrum-tabs-focus-ring-height,var(--spectrum-alias-single-line-height));margin-top:calc(var(--spectrum-tabs-focus-ring-height,var(--spectrum-alias-single-line-height))/-2 + var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick))/2);border:var(--spectrum-tabs-focus-ring-size,var(--spectrum-alias-border-size-thick))solid transparent;border-radius:var(--spectrum-tabs-focus-ring-border-radius);pointer-events:none;position:absolute;top:50%}.spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--isCollapsed_3e140b.spectrum-Tabs--compact_3e140b button{height:calc(var(--spectrum-tabs-quiet-compact-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)))}.spectrum-Tabs--horizontal_3e140b.spectrum-Tabs--compact_3e140b{box-sizing:content-box;height:calc(var(--spectrum-tabs-quiet-compact-height,var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height,var(--spectrum-alias-border-size-thick)));align-items:end}.spectrum-Tabs--quiet_3e140b{display:inline-flex}[dir=ltr] .spectrum-Tabs--vertical_3e140b{border-left:var(--spectrum-tabs-vertical-rule-width,var(--spectrum-alias-border-size-thick))solid}[dir=rtl] .spectrum-Tabs--vertical_3e140b{border-right:var(--spectrum-tabs-vertical-rule-width,var(--spectrum-alias-border-size-thick))solid}.spectrum-Tabs--vertical_3e140b{flex-direction:column;padding:0;display:inline-flex}[dir=ltr] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b{margin-left:calc(var(--spectrum-tabs-vertical-item-margin-left,var(--spectrum-global-dimension-size-150)) - var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100)))}[dir=rtl] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b{margin-right:calc(var(--spectrum-tabs-vertical-item-margin-left,var(--spectrum-global-dimension-size-150)) - var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100)))}.spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b{height:var(--spectrum-tabs-vertical-item-height,var(--spectrum-global-dimension-size-550));padding:0 var(--spectrum-tabs-focus-ring-padding-x,var(--spectrum-global-dimension-size-100));margin-bottom:var(--spectrum-tabs-vertical-item-gap,var(--spectrum-global-dimension-size-50))}[dir=ltr] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b:before{left:calc(var(--spectrum-tabs-focus-ring-size,var(--spectrum-alias-border-size-thick))*-1)}[dir=rtl] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b:before,[dir=ltr] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b:before{right:calc(var(--spectrum-tabs-focus-ring-size,var(--spectrum-alias-border-size-thick))*-1)}[dir=rtl] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b:before{left:calc(var(--spectrum-tabs-focus-ring-size,var(--spectrum-alias-border-size-thick))*-1)}.spectrum-Tabs--vertical_3e140b .spectrum-Tabs-item_3e140b:before{margin-top:calc(var(--spectrum-tabs-focus-ring-height,var(--spectrum-alias-single-line-height))/-2)}.spectrum-Tabs--vertical_3e140b.spectrum-Tabs--compact_3e140b .spectrum-Tabs-item_3e140b{height:var(--spectrum-tabs-compact-vertical-item-height,var(--spectrum-global-dimension-size-400));line-height:var(--spectrum-tabs-compact-vertical-item-height,var(--spectrum-global-dimension-size-400));margin-bottom:var(--spectrum-tabs-compact-vertical-item-gap,var(--spectrum-global-dimension-size-50))}.spectrum-Tabs--vertical_3e140b.spectrum-Tabs--compact_3e140b .spectrum-Tabs-item_3e140b .spectrum-Icon_3e140b{height:var(--spectrum-tabs-compact-vertical-item-height,var(--spectrum-global-dimension-size-400))}[dir=ltr] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-selectionIndicator_3e140b{left:calc(var(--spectrum-tabs-vertical-rule-width,var(--spectrum-alias-border-size-thick))*-1)}[dir=rtl] .spectrum-Tabs--vertical_3e140b .spectrum-Tabs-selectionIndicator_3e140b{right:calc(var(--spectrum-tabs-vertical-rule-width,var(--spectrum-alias-border-size-thick))*-1)}.spectrum-Tabs--vertical_3e140b .spectrum-Tabs-selectionIndicator_3e140b{width:var(--spectrum-tabs-vertical-rule-width,var(--spectrum-alias-border-size-thick));transition:transform var(--spectrum-tabs-selection-indicator-animation-duration,var(--spectrum-global-animation-duration-100))ease-in-out,height var(--spectrum-tabs-selection-indicator-animation-duration,var(--spectrum-global-animation-duration-100))ease-in-out;position:absolute}.spectrum-TabsPanel-collapseWrapper_3e140b{display:flex;position:relative}.spectrum-TabsPanel-tabs_3e140b{flex:1 0}.spectrum-TabsPanel-tabs_3e140b.spectrum-Tabs--vertical_3e140b{flex-grow:0}.spectrum-TabsPanel-tabpanel_3e140b{border:var(--spectrum-tabs-focus-ring-size,var(--spectrum-alias-border-size-thick))solid transparent;flex-grow:1}.spectrum-TabsPanel--vertical_3e140b .spectrum-Tabs_3e140b{padding-right:var(--spectrum-global-dimension-size-160)}.spectrum-Tabs_3e140b{border-bottom-color:var(--spectrum-global-color-gray-300)}.spectrum-Tabs_3e140b.spectrum-Tabs--isCollapsed_3e140b .spectrum-Tabs-picker_3e140b{width:auto}.spectrum-Tabs_3e140b.spectrum-Tabs--isCollapsed_3e140b .focus-ring_3e140b:after{box-shadow:none}.spectrum-Tabs_3e140b.spectrum-Tabs--isCollapsed_3e140b .focus-ring_3e140b:before{border-color:var(--spectrum-tabs-focus-ring-color,var(--spectrum-alias-border-color-focus))}[dir=ltr] .spectrum-Tabs--vertical_3e140b{border-left-color:var(--spectrum-global-color-gray-300)}[dir=rtl] .spectrum-Tabs--vertical_3e140b{border-right-color:var(--spectrum-global-color-gray-300)}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-selectionIndicator_3e140b{background-color:var(--spectrum-accent-color-900)}.spectrum-Tabs-selectionIndicator_3e140b{background-color:var(--spectrum-tabs-selection-indicator-color,var(--spectrum-global-color-gray-900))}.spectrum-Tabs-item_3e140b{color:var(--spectrum-tabs-text-color,var(--spectrum-alias-label-text-color))}.spectrum-Tabs-item_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-tabs-icon-color,var(--spectrum-alias-icon-color))}.spectrum-Tabs-item_3e140b.is-hovered_3e140b{color:var(--spectrum-tabs-text-color-hover,var(--spectrum-alias-text-color-hover))}.spectrum-Tabs-item_3e140b.is-hovered_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-tabs-icon-color-hover,var(--spectrum-alias-icon-color-hover))}.spectrum-Tabs-item_3e140b.is-selected_3e140b{color:var(--spectrum-tabs-text-color-selected,var(--spectrum-global-color-gray-900))}.spectrum-Tabs-item_3e140b.is-selected_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-tabs-icon-color-selected,var(--spectrum-global-color-gray-900))}.spectrum-Tabs-item_3e140b.focus-ring_3e140b{color:var(--spectrum-tabs-text-color-key-focus,var(--spectrum-alias-text-color-hover))}.spectrum-Tabs-item_3e140b.focus-ring_3e140b:before{border-color:var(--spectrum-tabs-focus-ring-color,var(--spectrum-alias-border-color-focus))}.spectrum-Tabs-item_3e140b.focus-ring_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-tabs-icon-color-key-focus,var(--spectrum-alias-icon-color-focus))}.spectrum-Tabs-item_3e140b.is-disabled_3e140b{color:var(--spectrum-tabs-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Tabs-item_3e140b.is-disabled_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-tabs-icon-color-disabled,var(--spectrum-alias-icon-color-disabled))}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-item_3e140b.is-selected_3e140b{color:var(--spectrum-accent-color-900)}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-item_3e140b.is-selected_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-accent-color-900)}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-item_3e140b.is-selected_3e140b.focus-ring_3e140b{color:var(--spectrum-accent-color-900)}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-item_3e140b.is-selected_3e140b.focus-ring_3e140b:before{border-color:var(--spectrum-blue-900)}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-item_3e140b.is-selected_3e140b.focus-ring_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-accent-color-900)}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-item_3e140b.is-selected_3e140b.is-hovered_3e140b{color:var(--spectrum-accent-color-1000)}.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-item_3e140b.is-selected_3e140b.is-hovered_3e140b .spectrum-Icon_3e140b{fill:var(--spectrum-accent-color-1000)}.spectrum-Tabs--quiet_3e140b{border-bottom-color:var(--spectrum-tabs-quiet-rule-color,var(--spectrum-alias-border-color-transparent))}.spectrum-Tabs--quiet_3e140b .spectrum-Tabs-selectionIndicator_3e140b{background-color:var(--spectrum-tabs-quiet-selection-indicator-color,var(--spectrum-global-color-gray-900))}.spectrum-Tabs--quiet_3e140b.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-selectionIndicator_3e140b{background-color:var(--spectrum-accent-color-900)}[dir=ltr] .spectrum-Tabs--vertical_3e140b.spectrum-Tabs--quiet_3e140b,[dir=ltr] .spectrum-Tabs--vertical_3e140b.spectrum-Tabs--compact_3e140b{border-left-color:var(--spectrum-tabs-quiet-vertical-rule-color,var(--spectrum-alias-border-color-transparent))}[dir=rtl] .spectrum-Tabs--vertical_3e140b.spectrum-Tabs--quiet_3e140b,[dir=rtl] .spectrum-Tabs--vertical_3e140b.spectrum-Tabs--compact_3e140b{border-right-color:var(--spectrum-tabs-quiet-vertical-rule-color,var(--spectrum-alias-border-color-transparent))}.spectrum-Tabs--vertical_3e140b.spectrum-Tabs--quiet_3e140b .spectrum-Tabs-selectionIndicator_3e140b,.spectrum-Tabs--vertical_3e140b.spectrum-Tabs--compact_3e140b .spectrum-Tabs-selectionIndicator_3e140b{background-color:var(--spectrum-tabs-quiet-selection-indicator-color,var(--spectrum-global-color-gray-900))}.spectrum-Tabs--vertical_3e140b.spectrum-Tabs--emphasized_3e140b .spectrum-Tabs-selectionIndicator_3e140b{background-color:var(--spectrum-accent-color-900)}.spectrum-TabsPanel-tabpanel_3e140b:focus{outline:none}.spectrum-TabsPanel-tabpanel_3e140b.focus-ring_3e140b{border-color:var(--spectrum-tabs-focus-ring-color,var(--spectrum-alias-border-color-focus))}@media (forced-colors:active){.spectrum-Tabs_3e140b{forced-color-adjust:none;--spectrum-tabs-focus-ring-color:ButtonText;--spectrum-tabs-icon-color:ButtonText;--spectrum-tabs-icon-color-disabled:GrayText;--spectrum-tabs-icon-color-hover:ButtonText;--spectrum-tabs-icon-color-key-focus:ButtonText;--spectrum-tabs-icon-color-selected:HighlightText;--spectrum-tabs-quiet-rule-color:transparent;--spectrum-tabs-quiet-selection-indicator-color:transparent;--spectrum-tabs-quiet-vertical-rule-color:transparent;--spectrum-tabs-rule-color:transparent;--spectrum-tabs-selection-indicator-color:transparent;--spectrum-tabs-text-color:ButtonText;--spectrum-tabs-text-color-disabled:GrayText;--spectrum-tabs-text-color-hover:ButtonText;--spectrum-tabs-text-color-key-focus:ButtonText;--spectrum-tabs-text-color-selected:HighlightText;--spectrum-tabs-vertical-rule-color:transparent}.spectrum-Tabs_3e140b .spectrum-Tabs-item_3e140b:before{background-color:ButtonFace}.spectrum-Tabs_3e140b .spectrum-Tabs-item_3e140b .spectrum-Icon_3e140b,.spectrum-Tabs_3e140b .spectrum-Tabs-item_3e140b .spectrum-Tabs-itemLabel_3e140b{z-index:1;position:relative}.spectrum-Tabs_3e140b .is-selected_3e140b{color:HighlightText}.spectrum-Tabs_3e140b .is-selected_3e140b .spectrum-Icon_3e140b{fill:HighlightText}.spectrum-Tabs_3e140b .is-selected_3e140b:before{background-color:Highlight;color:HighlightText}.spectrum-Tabs_3e140b .is-selected_3e140b .spectrum-Tabs-itemLabel_3e140b{color:HighlightText}.spectrum-Tabs_3e140b.spectrum-Tabs--isCollapsed_3e140b .focus-ring_3e140b{outline:none}}
package/dist/main.js CHANGED
@@ -24,7 +24,28 @@ $parcel$export(module.exports, "TabList", () => $e8d58e7e32285ba6$export$e51a686
24
24
  $parcel$export(module.exports, "TabPanels", () => $e8d58e7e32285ba6$export$5dae8d435677f210);
25
25
  $parcel$export(module.exports, "Tabs", () => $e8d58e7e32285ba6$export$b2539bed5023c21c);
26
26
  $parcel$export(module.exports, "Item", () => $8zXxA$reactstatelycollections.Item);
27
-
27
+ /*
28
+ * Copyright 2020 Adobe. All rights reserved.
29
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
30
+ * you may not use this file except in compliance with the License. You may obtain a copy
31
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
32
+ *
33
+ * Unless required by applicable law or agreed to in writing, software distributed under
34
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
35
+ * OF ANY KIND, either express or implied. See the License for the specific language
36
+ * governing permissions and limitations under the License.
37
+ */ /// <reference types="css-module-types" />
38
+ /*
39
+ * Copyright 2020 Adobe. All rights reserved.
40
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
41
+ * you may not use this file except in compliance with the License. You may obtain a copy
42
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
43
+ *
44
+ * Unless required by applicable law or agreed to in writing, software distributed under
45
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
46
+ * OF ANY KIND, either express or implied. See the License for the specific language
47
+ * governing permissions and limitations under the License.
48
+ */
28
49
 
29
50
 
30
51
 
@@ -109,19 +130,19 @@ $29add1fad43dc941$export$1e0fb04f31d3c22a = "is-selected_3e140b";
109
130
 
110
131
 
111
132
 
112
- const $e8d58e7e32285ba6$var$TabContext = /*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createContext(null);
133
+ const $e8d58e7e32285ba6$var$TabContext = /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createContext(null);
113
134
  function $e8d58e7e32285ba6$var$Tabs(props, ref) {
114
- props = $8zXxA$reactspectrumprovider.useProviderProps(props);
115
- let { orientation: orientation = 'horizontal' , density: density = 'regular' , children: children , ...otherProps } = props;
116
- let domRef = $8zXxA$reactspectrumutils.useDOMRef(ref);
117
- let tablistRef = $8zXxA$react.useRef();
118
- let wrapperRef = $8zXxA$react.useRef();
119
- let { direction: direction } = $8zXxA$reactariai18n.useLocale();
120
- let { styleProps: styleProps } = $8zXxA$reactspectrumutils.useStyleProps(otherProps);
121
- let [collapsed, setCollapsed] = $8zXxA$react.useState(false);
122
- let [selectedTab1, setSelectedTab] = $8zXxA$react.useState();
123
- const [tabListState, setTabListState] = $8zXxA$react.useState(null);
124
- $8zXxA$react.useEffect(()=>{
135
+ props = (0, $8zXxA$reactspectrumprovider.useProviderProps)(props);
136
+ let { orientation: orientation = "horizontal" , density: density = "regular" , children: children , ...otherProps } = props;
137
+ let domRef = (0, $8zXxA$reactspectrumutils.useDOMRef)(ref);
138
+ let tablistRef = (0, $8zXxA$react.useRef)();
139
+ let wrapperRef = (0, $8zXxA$react.useRef)();
140
+ let { direction: direction } = (0, $8zXxA$reactariai18n.useLocale)();
141
+ let { styleProps: styleProps } = (0, $8zXxA$reactspectrumutils.useStyleProps)(otherProps);
142
+ let [collapsed, setCollapsed] = (0, $8zXxA$react.useState)(false);
143
+ let [selectedTab, setSelectedTab] = (0, $8zXxA$react.useState)();
144
+ const [tabListState, setTabListState] = (0, $8zXxA$react.useState)(null);
145
+ (0, $8zXxA$react.useEffect)(()=>{
125
146
  if (tablistRef.current) {
126
147
  let selectedTab = tablistRef.current.querySelector(`[data-key="${tabListState === null || tabListState === void 0 ? void 0 : tabListState.selectedKey}"]`);
127
148
  if (selectedTab != null) setSelectedTab(selectedTab);
@@ -133,15 +154,15 @@ function $e8d58e7e32285ba6$var$Tabs(props, ref) {
133
154
  collapsed,
134
155
  tablistRef
135
156
  ]);
136
- let checkShouldCollapse = $8zXxA$react.useCallback(()=>{
137
- if (wrapperRef.current && orientation !== 'vertical') {
157
+ let checkShouldCollapse = (0, $8zXxA$react.useCallback)(()=>{
158
+ if (wrapperRef.current && orientation !== "vertical") {
138
159
  let tabsComponent = wrapperRef.current;
139
160
  let tabs = tablistRef.current.querySelectorAll('[role="tab"]');
140
161
  let lastTab = tabs[tabs.length - 1];
141
- let end = direction === 'rtl' ? 'left' : 'right';
162
+ let end = direction === "rtl" ? "left" : "right";
142
163
  let farEdgeTabList = tabsComponent.getBoundingClientRect()[end];
143
164
  let farEdgeLastTab = lastTab === null || lastTab === void 0 ? void 0 : lastTab.getBoundingClientRect()[end];
144
- let shouldCollapse = direction === 'rtl' ? farEdgeLastTab < farEdgeTabList : farEdgeTabList < farEdgeLastTab;
165
+ let shouldCollapse = direction === "rtl" ? farEdgeLastTab < farEdgeTabList : farEdgeTabList < farEdgeLastTab;
145
166
  setCollapsed(shouldCollapse);
146
167
  }
147
168
  }, [
@@ -151,23 +172,23 @@ function $e8d58e7e32285ba6$var$Tabs(props, ref) {
151
172
  orientation,
152
173
  setCollapsed
153
174
  ]);
154
- $8zXxA$react.useEffect(()=>{
175
+ (0, $8zXxA$react.useEffect)(()=>{
155
176
  checkShouldCollapse();
156
177
  }, [
157
178
  children,
158
179
  checkShouldCollapse
159
180
  ]);
160
- $8zXxA$reactariautils.useResizeObserver({
181
+ (0, $8zXxA$reactariautils.useResizeObserver)({
161
182
  ref: wrapperRef,
162
183
  onResize: checkShouldCollapse
163
184
  });
164
185
  let tabPanelProps = {
165
- 'aria-labelledby': undefined
186
+ "aria-labelledby": undefined
166
187
  };
167
188
  // When the tabs are collapsed, the tabPanel should be labelled by the Picker button element.
168
- let collapsibleTabListId = $8zXxA$reactariautils.useId();
169
- if (collapsed && orientation !== 'vertical') tabPanelProps['aria-labelledby'] = collapsibleTabListId;
170
- return(/*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement($e8d58e7e32285ba6$var$TabContext.Provider, {
189
+ let collapsibleTabListId = (0, $8zXxA$reactariautils.useId)();
190
+ if (collapsed && orientation !== "vertical") tabPanelProps["aria-labelledby"] = collapsibleTabListId;
191
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement($e8d58e7e32285ba6$var$TabContext.Provider, {
171
192
  value: {
172
193
  tabProps: {
173
194
  ...props,
@@ -177,7 +198,7 @@ function $e8d58e7e32285ba6$var$Tabs(props, ref) {
177
198
  tabState: {
178
199
  tabListState: tabListState,
179
200
  setTabListState: setTabListState,
180
- selectedTab: selectedTab1,
201
+ selectedTab: selectedTab,
181
202
  collapsed: collapsed
182
203
  },
183
204
  refs: {
@@ -186,60 +207,60 @@ function $e8d58e7e32285ba6$var$Tabs(props, ref) {
186
207
  },
187
208
  tabPanelProps: tabPanelProps
188
209
  }
189
- }, /*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement("div", {
190
- ...$8zXxA$reactariautils.filterDOMProps(otherProps),
210
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement("div", {
211
+ ...(0, $8zXxA$reactariautils.filterDOMProps)(otherProps),
191
212
  ...styleProps,
192
213
  ref: domRef,
193
- className: $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'spectrum-TabsPanel', `spectrum-TabsPanel--${orientation}`, styleProps.className)
194
- }, props.children)));
214
+ className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-TabsPanel", `spectrum-TabsPanel--${orientation}`, styleProps.className)
215
+ }, props.children));
195
216
  }
196
217
  // @private
197
218
  function $e8d58e7e32285ba6$var$Tab(props) {
198
219
  let { item: item , state: state } = props;
199
220
  let { key: key , rendered: rendered } = item;
200
- let ref = $8zXxA$react.useRef();
201
- let { tabProps: tabProps , isSelected: isSelected , isDisabled: isDisabled } = $8zXxA$reactariatabs.useTab({
221
+ let ref = (0, $8zXxA$react.useRef)();
222
+ let { tabProps: tabProps , isSelected: isSelected , isDisabled: isDisabled } = (0, $8zXxA$reactariatabs.useTab)({
202
223
  key: key
203
224
  }, state, ref);
204
- let { hoverProps: hoverProps , isHovered: isHovered } = $8zXxA$reactariainteractions.useHover({
225
+ let { hoverProps: hoverProps , isHovered: isHovered } = (0, $8zXxA$reactariainteractions.useHover)({
205
226
  ...props
206
227
  });
207
- let domProps = $8zXxA$reactariautils.filterDOMProps(item.props);
228
+ let domProps = (0, $8zXxA$reactariautils.filterDOMProps)(item.props);
208
229
  delete domProps.id;
209
- return(/*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement($8zXxA$reactariafocus.FocusRing, {
210
- focusRingClass: $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'focus-ring')
211
- }, /*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement("div", {
212
- ...$8zXxA$reactariautils.mergeProps(tabProps, hoverProps, domProps),
230
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement((0, $8zXxA$reactariafocus.FocusRing), {
231
+ focusRingClass: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "focus-ring")
232
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement("div", {
233
+ ...(0, $8zXxA$reactariautils.mergeProps)(tabProps, hoverProps, domProps),
213
234
  ref: ref,
214
- className: $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'spectrum-Tabs-item', {
215
- 'is-selected': isSelected,
216
- 'is-disabled': isDisabled,
217
- 'is-hovered': isHovered
235
+ className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Tabs-item", {
236
+ "is-selected": isSelected,
237
+ "is-disabled": isDisabled,
238
+ "is-hovered": isHovered
218
239
  })
219
- }, /*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement($8zXxA$reactspectrumutils.SlotProvider, {
240
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement((0, $8zXxA$reactspectrumutils.SlotProvider), {
220
241
  slots: {
221
242
  icon: {
222
- size: 'S',
223
- UNSAFE_className: $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'spectrum-Icon')
243
+ size: "S",
244
+ UNSAFE_className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Icon")
224
245
  },
225
246
  text: {
226
- UNSAFE_className: $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'spectrum-Tabs-itemLabel')
247
+ UNSAFE_className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Tabs-itemLabel")
227
248
  }
228
249
  }
229
- }, typeof rendered === 'string' ? /*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement($8zXxA$reactspectrumtext.Text, null, rendered) : rendered))));
250
+ }, typeof rendered === "string" ? /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement((0, $8zXxA$reactspectrumtext.Text), null, rendered) : rendered)));
230
251
  }
231
252
  // @private
232
253
  function $e8d58e7e32285ba6$var$TabLine(props) {
233
254
  let { orientation: orientation , selectedTab: // Is either the tab node (non-collapsed) or the picker node (collapsed)
234
255
  selectedTab , selectedKey: // selectedKey is provided so that the TabLine styles are updated when the TabPicker's width updates from a selection change
235
256
  selectedKey } = props;
236
- let { direction: direction } = $8zXxA$reactariai18n.useLocale();
237
- let { scale: scale } = $8zXxA$reactspectrumprovider.useProvider();
238
- let [style, setStyle] = $8zXxA$react.useState({
257
+ let { direction: direction } = (0, $8zXxA$reactariai18n.useLocale)();
258
+ let { scale: scale } = (0, $8zXxA$reactspectrumprovider.useProvider)();
259
+ let [style, setStyle] = (0, $8zXxA$react.useState)({
239
260
  width: undefined,
240
261
  height: undefined
241
262
  });
242
- $8zXxA$reactariautils.useLayoutEffect(()=>{
263
+ (0, $8zXxA$reactariautils.useLayoutEffect)(()=>{
243
264
  if (selectedTab) {
244
265
  var ref;
245
266
  let styleObj = {
@@ -248,9 +269,9 @@ function $e8d58e7e32285ba6$var$TabLine(props) {
248
269
  height: undefined
249
270
  };
250
271
  // In RTL, calculate the transform from the right edge of the tablist so that resizing the window doesn't break the Tabline position due to offsetLeft changes
251
- let offset = direction === 'rtl' ? -1 * (((ref = selectedTab.offsetParent) === null || ref === void 0 ? void 0 : ref.offsetWidth) - selectedTab.offsetWidth - selectedTab.offsetLeft) : selectedTab.offsetLeft;
252
- styleObj.transform = orientation === 'vertical' ? `translateY(${selectedTab.offsetTop}px)` : `translateX(${offset}px)`;
253
- if (orientation === 'horizontal') styleObj.width = `${selectedTab.offsetWidth}px`;
272
+ let offset = direction === "rtl" ? -1 * (((ref = selectedTab.offsetParent) === null || ref === void 0 ? void 0 : ref.offsetWidth) - selectedTab.offsetWidth - selectedTab.offsetLeft) : selectedTab.offsetLeft;
273
+ styleObj.transform = orientation === "vertical" ? `translateY(${selectedTab.offsetTop}px)` : `translateX(${offset}px)`;
274
+ if (orientation === "horizontal") styleObj.width = `${selectedTab.offsetWidth}px`;
254
275
  else styleObj.height = `${selectedTab.offsetHeight}px`;
255
276
  setStyle(styleObj);
256
277
  }
@@ -262,29 +283,29 @@ function $e8d58e7e32285ba6$var$TabLine(props) {
262
283
  scale,
263
284
  selectedKey
264
285
  ]);
265
- return(/*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement("div", {
266
- className: $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'spectrum-Tabs-selectionIndicator'),
286
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement("div", {
287
+ className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Tabs-selectionIndicator"),
267
288
  role: "presentation",
268
289
  style: style
269
- }));
290
+ });
270
291
  }
271
292
  function $e8d58e7e32285ba6$export$e51a686c67fdaa2d(props) {
272
- const tabContext = $8zXxA$react.useContext($e8d58e7e32285ba6$var$TabContext);
293
+ const tabContext = (0, $8zXxA$react.useContext)($e8d58e7e32285ba6$var$TabContext);
273
294
  const { refs: refs , tabState: tabState , tabProps: tabProps , tabPanelProps: tabPanelProps } = tabContext;
274
295
  const { isQuiet: isQuiet , density: density , isEmphasized: isEmphasized , orientation: orientation } = tabProps;
275
296
  const { selectedTab: selectedTab , collapsed: collapsed , setTabListState: setTabListState } = tabState;
276
297
  const { tablistRef: tablistRef , wrapperRef: wrapperRef } = refs;
277
298
  // Pass original Tab props but override children to create the collection.
278
- const state = $8zXxA$reactstatelytabs.useTabListState({
299
+ const state = (0, $8zXxA$reactstatelytabs.useTabListState)({
279
300
  ...tabProps,
280
301
  children: props.children
281
302
  });
282
- let { styleProps: styleProps } = $8zXxA$reactspectrumutils.useStyleProps(props);
283
- const { tabListProps: tabListProps } = $8zXxA$reactariatabs.useTabList({
303
+ let { styleProps: styleProps } = (0, $8zXxA$reactspectrumutils.useStyleProps)(props);
304
+ const { tabListProps: tabListProps } = (0, $8zXxA$reactariatabs.useTabList)({
284
305
  ...tabProps,
285
306
  ...props
286
307
  }, state, tablistRef);
287
- $8zXxA$react.useEffect(()=>{
308
+ (0, $8zXxA$react.useEffect)(()=>{
288
309
  // Passing back to root as useTabPanel needs the TabListState
289
310
  setTabListState(state);
290
311
  // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -294,94 +315,92 @@ function $e8d58e7e32285ba6$export$e51a686c67fdaa2d(props) {
294
315
  state.selectedKey,
295
316
  props.children
296
317
  ]);
297
- let collapseStyle = collapsed && orientation !== 'vertical' ? {
298
- maxWidth: 'calc(100% + 1px)',
299
- overflow: 'hidden',
300
- visibility: 'hidden',
301
- position: 'absolute'
318
+ let collapseStyle = collapsed && orientation !== "vertical" ? {
319
+ maxWidth: "calc(100% + 1px)",
320
+ overflow: "hidden",
321
+ visibility: "hidden",
322
+ position: "absolute"
302
323
  } : {
303
- maxWidth: 'calc(100% + 1px)'
324
+ maxWidth: "calc(100% + 1px)"
304
325
  };
305
- let stylePropsFinal = orientation === 'vertical' ? styleProps : {
326
+ let stylePropsFinal = orientation === "vertical" ? styleProps : {
306
327
  style: collapseStyle
307
328
  };
308
- if (collapsed && orientation !== 'vertical') tabListProps['aria-hidden'] = true;
309
- let tabListclassName = $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'spectrum-TabsPanel-tabs');
310
- const tabContent = /*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement("div", {
329
+ if (collapsed && orientation !== "vertical") tabListProps["aria-hidden"] = true;
330
+ let tabListclassName = (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-TabsPanel-tabs");
331
+ const tabContent = /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement("div", {
311
332
  ...stylePropsFinal,
312
333
  ...tabListProps,
313
334
  ref: tablistRef,
314
- className: $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'spectrum-Tabs', `spectrum-Tabs--${orientation}`, tabListclassName, {
315
- 'spectrum-Tabs--quiet': isQuiet,
316
- 'spectrum-Tabs--emphasized': isEmphasized,
317
- ['spectrum-Tabs--compact']: density === 'compact'
318
- }, orientation === 'vertical' && styleProps.className)
335
+ className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Tabs", `spectrum-Tabs--${orientation}`, tabListclassName, {
336
+ "spectrum-Tabs--quiet": isQuiet,
337
+ "spectrum-Tabs--emphasized": isEmphasized,
338
+ ["spectrum-Tabs--compact"]: density === "compact"
339
+ }, orientation === "vertical" && styleProps.className)
319
340
  }, [
320
341
  ...state.collection
321
- ].map((item)=>/*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement($e8d58e7e32285ba6$var$Tab, {
342
+ ].map((item)=>/*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement($e8d58e7e32285ba6$var$Tab, {
322
343
  key: item.key,
323
344
  item: item,
324
345
  state: state,
325
346
  orientation: orientation
326
- })
327
- ), /*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement($e8d58e7e32285ba6$var$TabLine, {
347
+ })), /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement($e8d58e7e32285ba6$var$TabLine, {
328
348
  orientation: orientation,
329
349
  selectedTab: selectedTab
330
350
  }));
331
- if (orientation === 'vertical') return tabContent;
332
- else return(/*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement("div", {
351
+ if (orientation === "vertical") return tabContent;
352
+ else return /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement("div", {
333
353
  ...styleProps,
334
354
  ref: wrapperRef,
335
- className: $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'spectrum-TabsPanel-collapseWrapper', styleProps.className)
336
- }, /*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement($e8d58e7e32285ba6$var$TabPicker, {
355
+ className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-TabsPanel-collapseWrapper", styleProps.className)
356
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement($e8d58e7e32285ba6$var$TabPicker, {
337
357
  ...props,
338
358
  ...tabProps,
339
359
  visible: collapsed,
340
- id: tabPanelProps['aria-labelledby'],
360
+ id: tabPanelProps["aria-labelledby"],
341
361
  state: state,
342
362
  className: tabListclassName
343
- }), tabContent));
363
+ }), tabContent);
344
364
  }
345
365
  function $e8d58e7e32285ba6$export$5dae8d435677f210(props) {
346
- const { tabState: tabState , tabProps: tabProps } = $8zXxA$react.useContext($e8d58e7e32285ba6$var$TabContext);
366
+ const { tabState: tabState , tabProps: tabProps } = (0, $8zXxA$react.useContext)($e8d58e7e32285ba6$var$TabContext);
347
367
  const { tabListState: tabListState } = tabState;
348
- const factory = (nodes)=>new $8zXxA$reactstatelylist.ListCollection(nodes)
349
- ;
350
- const collection = $8zXxA$reactstatelycollections.useCollection({
368
+ const factory = (nodes)=>new (0, $8zXxA$reactstatelylist.ListCollection)(nodes);
369
+ const collection = (0, $8zXxA$reactstatelycollections.useCollection)({
351
370
  items: tabProps.items,
352
371
  ...props
353
372
  }, factory, {
354
373
  suppressTextValueWarning: true
355
374
  });
356
375
  const selectedItem = tabListState ? collection.getItem(tabListState.selectedKey) : null;
357
- return(/*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement($e8d58e7e32285ba6$var$TabPanel, {
376
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement($e8d58e7e32285ba6$var$TabPanel, {
358
377
  ...props,
359
378
  key: tabListState === null || tabListState === void 0 ? void 0 : tabListState.selectedKey
360
- }, selectedItem && selectedItem.props.children));
379
+ }, selectedItem && selectedItem.props.children);
361
380
  }
362
381
  // @private
363
382
  function $e8d58e7e32285ba6$var$TabPanel(props) {
364
- const { tabState: tabState , tabPanelProps: ctxTabPanelProps } = $8zXxA$react.useContext($e8d58e7e32285ba6$var$TabContext);
383
+ const { tabState: tabState , tabPanelProps: ctxTabPanelProps } = (0, $8zXxA$react.useContext)($e8d58e7e32285ba6$var$TabContext);
365
384
  const { tabListState: tabListState } = tabState;
366
- let ref = $8zXxA$react.useRef();
367
- const { tabPanelProps: tabPanelProps } = $8zXxA$reactariatabs.useTabPanel(props, tabListState, ref);
368
- let { styleProps: styleProps } = $8zXxA$reactspectrumutils.useStyleProps(props);
369
- if (ctxTabPanelProps['aria-labelledby']) tabPanelProps['aria-labelledby'] = ctxTabPanelProps['aria-labelledby'];
370
- return(/*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement($8zXxA$reactariafocus.FocusRing, {
371
- focusRingClass: $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'focus-ring')
372
- }, /*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement("div", {
385
+ let ref = (0, $8zXxA$react.useRef)();
386
+ const { tabPanelProps: tabPanelProps } = (0, $8zXxA$reactariatabs.useTabPanel)(props, tabListState, ref);
387
+ let { styleProps: styleProps } = (0, $8zXxA$reactspectrumutils.useStyleProps)(props);
388
+ if (ctxTabPanelProps["aria-labelledby"]) tabPanelProps["aria-labelledby"] = ctxTabPanelProps["aria-labelledby"];
389
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement((0, $8zXxA$reactariafocus.FocusRing), {
390
+ focusRingClass: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "focus-ring")
391
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement("div", {
373
392
  ...styleProps,
374
393
  ...tabPanelProps,
375
394
  ref: ref,
376
- className: $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'spectrum-TabsPanel-tabpanel', styleProps.className)
377
- }, props.children)));
395
+ className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-TabsPanel-tabpanel", styleProps.className)
396
+ }, props.children));
378
397
  }
379
398
  function $e8d58e7e32285ba6$var$TabPicker(props) {
380
- let { isDisabled: isDisabled , isEmphasized: isEmphasized , isQuiet: isQuiet , state: state , 'aria-labelledby': ariaLabeledBy , 'aria-label': ariaLabel , density: density , className: className , id: id , visible: visible } = props;
381
- let ref = $8zXxA$react.useRef();
382
- let [pickerNode, setPickerNode] = $8zXxA$react.useState(null);
383
- $8zXxA$react.useEffect(()=>{
384
- let node = $8zXxA$reactspectrumutils.unwrapDOMRef(ref);
399
+ let { isDisabled: isDisabled , isEmphasized: isEmphasized , isQuiet: isQuiet , state: state , "aria-labelledby": ariaLabeledBy , "aria-label": ariaLabel , density: density , className: className , id: id , visible: visible } = props;
400
+ let ref = (0, $8zXxA$react.useRef)();
401
+ let [pickerNode, setPickerNode] = (0, $8zXxA$react.useState)(null);
402
+ (0, $8zXxA$react.useEffect)(()=>{
403
+ let node = (0, $8zXxA$reactspectrumutils.unwrapDOMRef)(ref);
385
404
  setPickerNode(node.current);
386
405
  }, [
387
406
  ref
@@ -392,37 +411,35 @@ function $e8d58e7e32285ba6$var$TabPicker(props) {
392
411
  rendered: item.rendered,
393
412
  textValue: item.textValue,
394
413
  id: item.key
395
- })
396
- );
414
+ }));
397
415
  let pickerProps = {
398
- 'aria-labelledby': ariaLabeledBy,
399
- 'aria-label': ariaLabel
416
+ "aria-labelledby": ariaLabeledBy,
417
+ "aria-label": ariaLabel
400
418
  };
401
- const style = visible ? {
402
- } : {
403
- visibility: 'hidden',
404
- position: 'absolute'
419
+ const style = visible ? {} : {
420
+ visibility: "hidden",
421
+ position: "absolute"
405
422
  };
406
423
  // TODO: Figure out if tabListProps should go onto the div here, v2 doesn't do it
407
- return(/*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement("div", {
408
- className: $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'spectrum-Tabs', 'spectrum-Tabs--horizontal', 'spectrum-Tabs--isCollapsed', {
409
- 'spectrum-Tabs--quiet': isQuiet,
410
- ['spectrum-Tabs--compact']: density === 'compact',
411
- 'spectrum-Tabs--emphasized': isEmphasized
424
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement("div", {
425
+ className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Tabs", "spectrum-Tabs--horizontal", "spectrum-Tabs--isCollapsed", {
426
+ "spectrum-Tabs--quiet": isQuiet,
427
+ ["spectrum-Tabs--compact"]: density === "compact",
428
+ "spectrum-Tabs--emphasized": isEmphasized
412
429
  }, className),
413
430
  style: style,
414
431
  "aria-hidden": visible ? undefined : true
415
- }, /*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement($8zXxA$reactspectrumutils.SlotProvider, {
432
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement((0, $8zXxA$reactspectrumutils.SlotProvider), {
416
433
  slots: {
417
434
  icon: {
418
- size: 'S',
419
- UNSAFE_className: $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'spectrum-Icon')
435
+ size: "S",
436
+ UNSAFE_className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Icon")
420
437
  },
421
438
  button: {
422
- focusRingClass: $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'focus-ring')
439
+ focusRingClass: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "focus-ring")
423
440
  }
424
441
  }
425
- }, /*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement($8zXxA$reactspectrumpicker.Picker, {
442
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement((0, $8zXxA$reactspectrumpicker.Picker), {
426
443
  ...pickerProps,
427
444
  id: id,
428
445
  items: items,
@@ -432,21 +449,20 @@ function $e8d58e7e32285ba6$var$TabPicker(props) {
432
449
  selectedKey: state.selectedKey,
433
450
  disabledKeys: state.disabledKeys,
434
451
  onSelectionChange: state.setSelectedKey,
435
- UNSAFE_className: $8zXxA$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports)), 'spectrum-Tabs-picker')
436
- }, (item)=>/*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement($8zXxA$reactspectrumpicker.Item, {
452
+ UNSAFE_className: (0, $8zXxA$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($29add1fad43dc941$exports))), "spectrum-Tabs-picker")
453
+ }, (item)=>/*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement((0, $8zXxA$reactspectrumpicker.Item), {
437
454
  textValue: item.textValue
438
- }, item.rendered)
439
- ), pickerNode && /*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).createElement($e8d58e7e32285ba6$var$TabLine, {
455
+ }, item.rendered)), pickerNode && /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).createElement($e8d58e7e32285ba6$var$TabLine, {
440
456
  orientation: "horizontal",
441
457
  selectedTab: pickerNode,
442
458
  selectedKey: state.selectedKey
443
- }))));
459
+ })));
444
460
  }
445
461
  /**
446
462
  * Tabs organize content into multiple sections and allow users to navigate between them. The content under the set of tabs should be related and form a coherent unit.
447
463
  */ // forwardRef doesn't support generic parameters, so cast the result to the correct type
448
464
  // https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
449
- const $e8d58e7e32285ba6$export$b2539bed5023c21c = /*#__PURE__*/ ($parcel$interopDefault($8zXxA$react)).forwardRef($e8d58e7e32285ba6$var$Tabs);
465
+ const $e8d58e7e32285ba6$export$b2539bed5023c21c = /*#__PURE__*/ (0, ($parcel$interopDefault($8zXxA$react))).forwardRef($e8d58e7e32285ba6$var$Tabs);
450
466
 
451
467
 
452
468