/**
 * Minified by jsDelivr using Terser v5.39.0.
 * Original file: /npm/@zendeskgarden/react-tabs@9.15.0/dist/index.cjs.js
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
"use strict";var React=require("react"),PropTypes=require("prop-types"),reactMergeRefs=require("react-merge-refs"),styled=require("styled-components"),reactTheming=require("@zendeskgarden/react-theming"),polished=require("polished"),containerTabs=require("@zendeskgarden/container-tabs"),containerUtilities=require("@zendeskgarden/container-utilities");function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var React__default=_interopDefault(React),PropTypes__default=_interopDefault(PropTypes),styled__default=_interopDefault(styled);const COMPONENT_ID$3="tabs.tab",colorStyles$1=({theme:e,$isSelected:t})=>{const a=t?reactTheming.getColor({theme:e,variable:"border.primaryEmphasis"}):"transparent",s=reactTheming.getColor({theme:e,variable:"foreground.primary"}),r=t?s:"inherit",o=reactTheming.getColor({theme:e,variable:"foreground.disabled"});return styled.css(["border-color:",";color:",";&:hover{color:",";}"," &:active{border-color:currentcolor;color:",";}&[aria-disabled='true']{border-color:transparent;color:",";}"],a,r,s,reactTheming.focusStyles({theme:e,inset:!0,spacerWidth:null,shadowWidth:"sm",selector:"&:focus-visible::before",styles:{color:s}}),s,o)},sizeStyles$2=({theme:e,$isVertical:t})=>{const a=e.borderWidths.md,s=`calc(100% - ${e.space.base*(t?2:4)}px);`;let r,o;if(t)r=5*e.space.base+"px",o=`${e.space.base}px ${2*e.space.base}px`;else{const t=2.5*e.space.base;o=`${t}px ${7*e.space.base}px ${t-polished.stripUnit(e.borderWidths.md)-polished.stripUnit(e.borderWidths.sm)}px`}return styled.css(["margin-bottom:",";border-width:",";padding:",";&:focus-visible::before,&[data-garden-focus-visible]::before{height:",";}&:last-of-type{margin-bottom:0;}"],r,a,o,s)},StyledTab=styled__default.default.div.attrs({"data-garden-id":"tabs.tab","data-garden-version":"9.15.0"}).withConfig({displayName:"StyledTab",componentId:"sc-x2pbow-0"})(["display:",";position:relative;transition:color 0.25s ease-in-out;border-bottom:",";border-",":",";cursor:pointer;overflow:hidden;vertical-align:top;user-select:none;text-align:",";text-decoration:none;text-overflow:ellipsis;",";",";&:focus{text-decoration:none;}&::before{transition:box-shadow 0.1s ease-in-out;content:'';}&:focus-visible::before{position:absolute;top:","px;right:","px;left:","px;border-radius:",";pointer-events:none;}&:active::before{box-shadow:none;}&[aria-disabled='true']{cursor:default;}",";"],(e=>e.$isVertical?"block":"inline-block"),(e=>e.$isVertical?void 0:e.theme.borderStyles.solid),(e=>e.theme.rtl?"right":"left"),(e=>e.$isVertical?e.theme.borderStyles.solid:void 0),(e=>e.$isVertical?e.theme.rtl?"right":"left":"center"),sizeStyles$2,colorStyles$1,(e=>e.theme.space.base*(e.$isVertical?1:2.5)),(e=>e.theme.space.base*(e.$isVertical?1:6)),(e=>e.theme.space.base*(e.$isVertical?1:6)),(e=>e.theme.borderRadii.md),reactTheming.componentStyles),COMPONENT_ID$2="tabs.tablist",colorStyles=({theme:e})=>{const t=reactTheming.getColor({theme:e,variable:"border.default"}),a=reactTheming.getColor({theme:e,variable:"foreground.default"});return styled.css(["transition:border-color 0.25s ease-in-out;color-scheme:only ",";border-bottom-color:",";color:",";"],(e=>e.theme.colors.base),t,a)},sizeStyles$1=({theme:e,$isVertical:t})=>{const a=t?0:5*e.space.base+"px",s=t?void 0:e.borderWidths.sm,r=e.fontSizes.md,o=reactTheming.getLineHeight(5*e.space.base,r);return styled.css(["margin-top:0;margin-bottom:",";border-bottom-width:",";padding:0;line-height:",";font-size:",";"],a,s,o,r)},StyledTabList=styled__default.default.div.attrs({"data-garden-id":"tabs.tablist","data-garden-version":"9.15.0"}).withConfig({displayName:"StyledTabList",componentId:"sc-wa5aaj-0"})(["display:",";border-bottom:",";vertical-align:",";white-space:nowrap;",";",";",";"],(e=>e.$isVertical?"table-cell":"block"),(e=>e.$isVertical?"none":e.theme.borderStyles.solid),(e=>e.$isVertical?"top":void 0),sizeStyles$1,colorStyles,reactTheming.componentStyles),COMPONENT_ID$1="tabs.tabpanel",sizeStyles=({theme:e,$isVertical:t})=>{const a=t?8*e.space.base+"px":void 0;return styled.css(["margin-",":",";"],e.rtl?"right":"left",a)},StyledTabPanel=styled__default.default.div.attrs({"data-garden-id":COMPONENT_ID$1,"data-garden-version":"9.15.0"}).withConfig({displayName:"StyledTabPanel",componentId:"sc-7lhrmp-0"})(["display:block;vertical-align:",";color-scheme:only ",";",";&[aria-hidden='true']{display:none;}",";"],(e=>e.$isVertical&&"top"),(e=>e.theme.colors.base),sizeStyles,reactTheming.componentStyles),COMPONENT_ID="tabs.tabs",StyledTabs=styled__default.default.div.attrs({"data-garden-id":"tabs.tabs","data-garden-version":"9.15.0"}).withConfig({displayName:"StyledTabs",componentId:"sc-1qaor65-0"})(["display:",";overflow:hidden;direction:",";",";"],(e=>e.$isVertical?"table":"block"),(e=>e.theme.rtl&&"rtl"),reactTheming.componentStyles),TabsContext=React.createContext(void 0),useTabsContext=()=>React.useContext(TabsContext),Tab=React__default.default.forwardRef((({disabled:e,item:t,...a},s)=>{const r=useTabsContext();if(e||!r)return React__default.default.createElement(StyledTab,Object.assign({role:"tab","aria-disabled":e,ref:s,$isVertical:r?.isVertical},a));const{ref:o,...i}=r.getTabProps({value:t});return React__default.default.createElement(StyledTab,Object.assign({$isSelected:t===r.selectedValue,$isVertical:r.isVertical},i,a,{ref:reactMergeRefs.mergeRefs([o,s])}))}));Tab.displayName="Tabs.Tab",Tab.propTypes={disabled:PropTypes__default.default.bool,item:PropTypes__default.default.any};const TabList=React__default.default.forwardRef(((e,t)=>{const a=useTabsContext();if(!a)return React__default.default.createElement(StyledTabList,Object.assign({ref:t},e));const s=a.getTabListProps();return React__default.default.createElement(StyledTabList,Object.assign({$isVertical:a.isVertical},s,e,{ref:t}))}));TabList.displayName="Tabs.TabList";const TabPanel=React__default.default.forwardRef((({item:e,...t},a)=>{const s=useTabsContext();if(!s)return React__default.default.createElement(StyledTabPanel,Object.assign({ref:a},t));const r=s.getTabPanelProps({value:e});return React__default.default.createElement(StyledTabPanel,Object.assign({"aria-hidden":s.selectedValue!==e,$isVertical:s.isVertical},r,t,{ref:a}))}));TabPanel.displayName="Tabs.TabPanel",TabPanel.propTypes={item:PropTypes__default.default.any};const toTabs=e=>React.Children.toArray(e).reduce(((e,t)=>{const a=e;if(React.isValidElement(t))if("item"in t.props){const e=t.props;a.push({value:e.item,disabled:e.disabled})}else{const e=toTabs(t.props.children);a.push(...e)}return a}),[]),TabsComponent=React.forwardRef((({isVertical:e=!1,children:t,onChange:a,selectedItem:s,...r},o)=>{const i=React.useContext(styled.ThemeContext)||reactTheming.DEFAULT_THEME,[l,n]=React.useState(),d=containerUtilities.getControlledValue(s,l),c=React.useMemo((()=>toTabs(t)),[t]),b=containerTabs.useTabs({tabs:c,rtl:i.rtl,orientation:e?"vertical":"horizontal",selectedValue:d,defaultSelectedValue:c.find((e=>!e.disabled))?.value,onSelect:e=>{a?a(e):n(e)}}),p=React.useMemo((()=>({isVertical:e,...b})),[e,b]);return React__default.default.createElement(TabsContext.Provider,{value:p},React__default.default.createElement(StyledTabs,Object.assign({$isVertical:e},r,{ref:o}),t))}));TabsComponent.propTypes={isVertical:PropTypes__default.default.bool,selectedItem:PropTypes__default.default.any,onChange:PropTypes__default.default.func},TabsComponent.displayName="Tabs";const Tabs=TabsComponent;Tabs.Tab=Tab,Tabs.TabList=TabList,Tabs.TabPanel=TabPanel,exports.Tab=Tab,exports.TabList=TabList,exports.TabPanel=TabPanel,exports.Tabs=Tabs;
//# sourceMappingURL=/sm/0c076f38c2228a28dfba508033e5c06eec8fd3802984fac8a6e26eeb32a40396.map