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

<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>

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