@szum-tech/design-system
Version:
Szum-Tech design system with tailwindcss support
1 lines • 1.62 kB
JavaScript
'use strict';var chunkD5PAWOAZ_cjs=require('./chunk-D5PAWOAZ.cjs'),radixUi=require('radix-ui'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');var e=classVarianceAuthority.cva(["peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none","data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3","aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 aria-invalid:border-error dark:aria-invalid:border-error/50 aria-invalid:ring-3","data-disabled:cursor-not-allowed data-disabled:opacity-50","after:absolute after:-inset-x-3 after:-inset-y-2"],{variants:{size:{default:"h-[18.4px] w-8",sm:"h-3.5 w-6"}},defaultVariants:{size:"default"}}),i=classVarianceAuthority.cva(["pointer-events-none block rounded-full ring-0 transition-transform","bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground"],{variants:{size:{default:"size-4 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0",sm:"size-3 data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"}},defaultVariants:{size:"default"}});function f({className:n,size:t="default",...d}){return jsxRuntime.jsx(radixUi.Switch.Root,{"data-slot":"switch",className:chunkD5PAWOAZ_cjs.a(e({size:t}),n),...d,children:jsxRuntime.jsx(radixUi.Switch.Thumb,{"data-slot":"switch-thumb",className:i({size:t})})})}exports.a=f;