@szum-tech/design-system
Version:
Szum-Tech design system with tailwindcss support
1 lines • 2.95 kB
JavaScript
import {a}from'./chunk-JUNHRB4B.js';import {Tabs}from'radix-ui';import {jsx}from'react/jsx-runtime';import {cva}from'class-variance-authority';function m({className:r,...t}){return jsx(Tabs.Root,{"data-slot":"tabs",className:a("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",r),...t})}var e=cva(["group/tabs-list inline-flex w-fit items-center justify-center rounded p-[3px] text-muted-foreground","group-data-[orientation=horizontal]/tabs:h-8","group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col","data-[variant=line]:rounded-none"],{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function k({className:r,variant:t="default",...o}){return jsx(Tabs.List,{"data-slot":"tabs-list","data-variant":t,className:a(e({variant:t}),r),...o})}function V({className:r,...t}){return jsx(Tabs.Trigger,{"data-slot":"tabs-trigger",className:a("text-foreground/60 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:text-muted-foreground dark:hover:text-foreground","relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap transition-all","group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start","focus-visible:ring-[3px] focus-visible:outline-1","disabled:pointer-events-none disabled:opacity-50","has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1","group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm","group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none","[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent","group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent","dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","data-[state=active]:bg-background data-[state=active]:text-foreground","dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground","after:bg-foreground after:absolute after:opacity-0 after:transition-opacity","group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:-bottom-1.25 group-data-[orientation=horizontal]/tabs:after:h-0.5","group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5","group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",r),...t})}function B({className:r,...t}){return jsx(Tabs.Content,{"data-slot":"tabs-content",className:a("flex-1 text-sm outline-none",r),...t})}export{m as a,k as b,V as c,B as d};