@szum-tech/design-system
Version:
Szum-Tech design system with tailwindcss support
1 lines • 2.13 kB
JavaScript
import {a as a$1}from'./chunk-NIEMIU4R.js';import {a}from'./chunk-JUNHRB4B.js';import {ToggleGroup}from'radix-ui';import*as l from'react';import {jsx}from'react/jsx-runtime';var i=l.createContext({size:"default",variant:"default",spacing:0,orientation:"horizontal"});function x({className:p,variant:e="default",size:a$1="default",spacing:t=0,orientation:r="horizontal",children:o,...d}){return jsx(ToggleGroup.Root,{"data-slot":"toggle-group","data-variant":e,"data-size":a$1,"data-spacing":t,"data-orientation":r,style:{"--gap":t},className:a("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded","data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch",p),...d,children:jsx(i.Provider,{value:{variant:e,size:a$1,spacing:t,orientation:r},children:o})})}function b({children:p,className:e,variant:a$2,size:t,...r}){let o=l.useContext(i);return jsx(ToggleGroup.Item,{"data-slot":"toggle-group-item","data-variant":o.variant||a$2,"data-size":o.size||t,"data-spacing":o.spacing,className:a("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:first:rounded-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:first:rounded-t group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:last:rounded-r group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:last:rounded-b group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-[orientation=horizontal]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-[orientation=vertical]/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",a$1({variant:o.variant||a$2,size:o.size||t}),e),...r,children:p})}export{x as a,b};