@vela-ui/react
Version:
Vela UI React components
3 lines (2 loc) • 2.33 kB
JavaScript
"use client"
import{b as h}from"./chunk-YMQ7KMIR.mjs";import{b as S,c as f,d as P,e as v,f as x}from"./chunk-ZKCCKP6G.mjs";import{b as u,c as g,d as m}from"./chunk-6SBZLCH7.mjs";import{a as d,b as l}from"./chunk-VAPI52L2.mjs";import{a as p}from"./chunk-7RLTOUGP.mjs";import{a as c}from"./chunk-KCI5SKSW.mjs";import{Button as T,ListBox as V,Select as B,SelectValue as D,composeRenderProps as i}from"react-aria-components";import{tv as z}from"tailwind-variants";import{Fragment as w,jsx as r,jsxs as b}from"react/jsx-runtime";var L=z({extend:c,base:"border-input [&_svg:not([class*='text-'])]:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 group-data-[invalid]:ring-destructive/20 group-data-[invalid]:dark:ring-destructive/40 group-data-[invalid]:border-destructive flex w-full items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] [&_svg]:pointer-events-none [&_svg]:shrink-0",variants:{size:{xs:"h-8 [&_svg:not([class*='size-'])]:size-3.5",sm:"h-9 [&_svg:not([class*='size-'])]:size-4",md:"h-10 [&_svg:not([class*='size-'])]:size-4",lg:"h-11 [&_svg:not([class*='size-'])]:size-5"},isDisabled:{true:"cursor-not-allowed opacity-50"}},defaultVariants:{size:"md"}});function M({label:e,description:t,errorMessage:o,className:a,children:s,...n}){return r(B,{"data-slot":"select",...n,className:l(a,"group flex w-full flex-col gap-2"),children:i(s,A=>b(w,{children:[e&&r(u,{children:e}),A,t&&r(g,{children:t}),r(m,{children:o})]}))})}function W({className:e,size:t,children:o,...a}){return r(T,{"data-slot":"select-trigger",className:i(e,(s,n)=>L({...n,size:t,className:s})),...a,children:i(o,s=>b(w,{children:[s,r(p,{"aria-hidden":"true",className:"opacity-50"})]}))})}function q({className:e,...t}){return r(D,{"data-slot":"select-value",className:i(e,o=>d("data-[placeholder]:text-muted-foreground line-clamp-1 flex items-center gap-2","[&>[slot=description]]:hidden",o)),...t})}function G({className:e,...t}){return r(h,{showArrow:!1,className:e,style:{minWidth:"var(--trigger-width)"},...t})}function H({className:e,...t}){return r(V,{className:l(e,"max-h-[inherit] min-w-[inherit] overflow-auto p-1 outline-hidden"),...t})}var J=S,K=x,O=P,Q=v,U=f;export{M as a,W as b,q as c,G as d,H as e,J as f,K as g,O as h,Q as i,U as j};