UNPKG

@radix-ui/themes

Version:

[![Radix Themes Logo](https://radix-ui.com/social/themes.png)](https://radix-ui.com/themes)

3 lines (2 loc) 2.01 kB
"use strict";var d=Object.create;var n=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var v=(s,e)=>{for(var t in e)n(s,t,{get:e[t],enumerable:!0})},c=(s,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of C(e))!N.call(s,a)&&a!==t&&n(s,a,{get:()=>e[a],enumerable:!(o=R(e,a))||o.enumerable});return s};var P=(s,e,t)=>(t=s!=null?d(L(s)):{},c(e||!s||!s.__esModule?n(t,"default",{value:s,enumerable:!0}):t,s)),E=s=>c(n({},"__esModule",{value:!0}),s);var h={};v(h,{Content:()=>l,List:()=>f,Root:()=>b,Trigger:()=>g});module.exports=E(h);var r=P(require("react")),p=P(require("classnames")),i=P(require("@radix-ui/react-tabs")),y=require("./tabs.props.js"),T=require("../helpers/extract-props.js"),m=require("../props/margin.props.js");const b=r.forwardRef((s,e)=>{const{className:t,...o}=(0,T.extractProps)(s,m.marginPropDefs);return r.createElement(i.Root,{...o,ref:e,className:(0,p.default)("rt-TabsRoot",t)})});b.displayName="Tabs.Root";const f=r.forwardRef((s,e)=>{const{className:t,color:o,...a}=(0,T.extractProps)(s,y.tabsListPropDefs,m.marginPropDefs);return r.createElement(i.List,{"data-accent-color":o,...a,asChild:!1,ref:e,className:(0,p.default)("rt-BaseTabList","rt-TabsList",t)})});f.displayName="Tabs.List";const g=r.forwardRef((s,e)=>{const{className:t,children:o,...a}=s;return r.createElement(i.Trigger,{...a,asChild:!1,ref:e,className:(0,p.default)("rt-reset","rt-BaseTabListTrigger","rt-TabsTrigger",t)},r.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabsTriggerInner"},o),r.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabsTriggerInnerHidden"},o))});g.displayName="Tabs.Trigger";const l=r.forwardRef((s,e)=>{const{className:t,...o}=(0,T.extractProps)(s,m.marginPropDefs);return r.createElement(i.Content,{...o,ref:e,className:(0,p.default)("rt-TabsContent",t)})});l.displayName="Tabs.Content"; //# sourceMappingURL=tabs.js.map