@szum-tech/design-system
Version:
Szum-Tech design system with tailwindcss support
1 lines • 3.18 kB
JavaScript
;var chunkD5PAWOAZ_cjs=require('./chunk-D5PAWOAZ.cjs'),radixUi=require('radix-ui'),jsxRuntime=require('react/jsx-runtime'),classVarianceAuthority=require('class-variance-authority');function m({className:r,...t}){return jsxRuntime.jsx(radixUi.Tabs.Root,{"data-slot":"tabs",className:chunkD5PAWOAZ_cjs.a("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",r),...t})}var e=classVarianceAuthority.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 jsxRuntime.jsx(radixUi.Tabs.List,{"data-slot":"tabs-list","data-variant":t,className:chunkD5PAWOAZ_cjs.a(e({variant:t}),r),...o})}function V({className:r,...t}){return jsxRuntime.jsx(radixUi.Tabs.Trigger,{"data-slot":"tabs-trigger",className:chunkD5PAWOAZ_cjs.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 jsxRuntime.jsx(radixUi.Tabs.Content,{"data-slot":"tabs-content",className:chunkD5PAWOAZ_cjs.a("flex-1 text-sm outline-none",r),...t})}exports.a=m;exports.b=k;exports.c=V;exports.d=B;