@vela-ui/react/dist/chunk-ZNJAWY4A.mjs

Vela UI React components

"use client"
import{a as n}from"./chunk-K35CPLQX.mjs";import{ToggleButtonGroup as p,composeRenderProps as g}from"react-aria-components";import{tv as d}from"tailwind-variants";import{jsx as r}from"react/jsx-runtime";var m=d({base:"isolate inline-flex items-center",variants:{variant:{default:"gap-1",ghost:"gap-1",outline:"[&_button]:rounded-none"},orientation:{horizontal:"flex-row",vertical:"flex-col [&_button]:w-full"}},compoundVariants:[{variant:"outline",orientation:"horizontal",className:"[&_button]:first:rounded-s-md [&_button]:last:rounded-e-md [&_button:not(:first-child)]:-ml-px"},{variant:"outline",orientation:"vertical",className:"[&_button]:-mt-px [&_button]:first:rounded-t-md [&_button]:last:rounded-b-md"}],defaultVariants:{variant:"default",orientation:"horizontal"}}),[f,b]=n({name:"ToggleButtonGroupContext",strict:!1});function v({className:e,variant:t,size:a,shape:i,orientation:o="horizontal",...u}){return r(f,{value:{variant:t,size:a,shape:i},children:r(p,{"data-slot":"toggle-button-group",orientation:o,className:g(e,(l,s)=>m({...s,orientation:o,variant:t,className:l})),...u})})}export{b as a,v as b};