@start-base/start-ui/Tab/index.mjs

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

import e,{forwardRef as a,useState as t}from"react";import r from"clsx";var l=Object.defineProperty,n=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,c=(e,a,t)=>a in e?l(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,d="SUI-Tab-module-root-FzTyX",i="SUI-Tab-module-buttons-rFpyw",b="SUI-Tab-module-content-ubUcv",m=a((a,l)=>{var m;const u=a,{tabs:f,className:v,buttonsClassName:p,contentClassName:y,variant:N}=u,O=((e,a)=>{var t={};for(var r in e)o.call(e,r)&&a.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&n)for(var r of n(e))a.indexOf(r)<0&&s.call(e,r)&&(t[r]=e[r]);return t})(u,["tabs","className","buttonsClassName","contentClassName","variant"]),x=r(d,v),E=r(i,p),I=r(b,y),C=f.findIndex(e=>e.open&&!e.disabled),T=f.findIndex(e=>void 0===e.disabled||!e.disabled),j=-1===C?T:C,[w,S]=t(j),U=f.map((a,t)=>e.createElement("li",{key:`${a.button}`,"data-selected":t===w},e.createElement("button",{onClick:()=>S(t),disabled:a.disabled},a.button)));return e.createElement("div",((e,a)=>{for(var t in a||(a={}))o.call(a,t)&&c(e,t,a[t]);if(n)for(var t of n(a))s.call(a,t)&&c(e,t,a[t]);return e})({className:x,ref:l,"data-variant":N},O),e.createElement("menu",{className:E},U),e.createElement("div",{className:I},null==(m=f[w])?void 0:m.content))});m.displayName="Tab";var u=m;export{u as default};