UNPKG

@vela-ui/react

Version:

Vela UI React components

3 lines (2 loc) 1.49 kB
"use client" import{a as d}from"./chunk-KGQCURRT.mjs";import{b as l,c as m,d as p}from"./chunk-6SBZLCH7.mjs";import{a as i}from"./chunk-TJ7VEIZF.mjs";import{a}from"./chunk-7RLTOUGP.mjs";import{Button as u,Group as N,NumberField as x,composeRenderProps as F}from"react-aria-components";import{tv as b}from"tailwind-variants";import{jsx as e,jsxs as s}from"react/jsx-runtime";var c=b({base:"text-muted-foreground hover:bg-accent flex flex-1 cursor-pointer items-center justify-center leading-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50"}),P=b({slots:{root:"group flex flex-col gap-2",group:"relative isolate z-0",control:"absolute end-0 top-0 z-10 m-px flex h-[calc(100%-2px)] flex-col border-s-1"},variants:{size:{xs:{control:"w-4 text-xs"},sm:{control:"w-5 text-xs"},md:{control:"w-6 text-sm"},lg:{control:"w-7 text-base"},xl:{control:"w-8 text-base"}}},defaultVariants:{size:"md"}}),{root:v,group:y,control:g}=P();function C({label:o,description:r,errorMessage:t,size:n,...f}){return s(A,{...f,children:[o&&e(l,{children:o}),s(N,{className:y(),children:[e(d,{size:n}),s("div",{className:g({size:n}),children:[e(u,{className:c({className:"rounded-se-md"}),slot:"increment",children:e(i,{})}),e(u,{className:c({className:"rounded-ee-md border-t-1"}),slot:"decrement",children:e(a,{})})]})]}),r&&e(m,{children:r}),e(p,{children:t})]})}function A({className:o,...r}){return e(x,{className:F(o,t=>v({className:t})),...r})}export{C as a,A as b};