@vela-ui/react/dist/components/number-field.js

Vela UI React components

"use client"
"use strict";"use client";var u=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var L=(e,t)=>{for(var r in t)u(e,r,{get:t[r],enumerable:!0})},k=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of C(t))!G.call(e,s)&&s!==r&&u(e,s,{get:()=>t[s],enumerable:!(i=A(t,s))||i.enumerable});return e};var D=e=>k(u({},"__esModule",{value:!0}),e);var K={};L(K,{NumberField:()=>J,NumberFieldRoot:()=>I});module.exports=D(K);var n=require("react-aria-components"),b=require("tailwind-variants");var m=require("react/jsx-runtime"),g=e=>(0,m.jsx)("svg",{fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",width:"1em",height:"1em",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,m.jsx)("path",{d:"m6 9 6 6 6-6"})});var c=require("react/jsx-runtime"),h=e=>(0,c.jsx)("svg",{fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round",width:"1em",height:"1em",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:(0,c.jsx)("path",{d:"m18 15-6-6-6 6"})});var a=require("react-aria-components"),P=require("tailwind-variants"),p=require("react/jsx-runtime"),T=(0,P.tv)({slots:{label:"group-data-[invalid]:text-destructive flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",description:"text-muted-foreground text-sm",fieldError:"text-destructive text-sm"}}),{label:S,description:B,fieldError:_}=T();function v({className:e,...t}){return(0,p.jsx)(a.Label,{"data-slot":"label",className:S({className:e}),...t})}function N({className:e,...t}){return(0,p.jsx)(a.Text,{slot:"description",className:B({className:e}),...t})}function E({className:e,...t}){return(0,p.jsx)(a.FieldError,{className:(0,a.composeRenderProps)(e,r=>_({className:r})),...t})}var R=require("react"),l=require("react-aria-components"),f=require("tailwind-variants");var F=require("tailwind-variants"),x=(0,F.tv)({base:"outline-hidden",variants:{isFocusVisible:{true:"border-ring ring-ring/50 ring-[3px]"},isInvalid:{true:"ring-destructive/20 dark:ring-destructive/40 border-destructive"}}});var d=require("react/jsx-runtime"),O=(0,f.tv)({extend:x,base:"file:text-foreground placeholder:text-muted-foreground dark:bg-input/30 border-input relative flex w-full min-w-0 rounded-md border bg-transparent py-1 shadow-xs transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",variants:{size:{xs:"h-8 px-2 text-xs",sm:"h-9 px-2.5 text-sm",md:"h-10 px-3 text-sm",lg:"h-11 px-4 text-base",xl:"h-12 px-[1.125rem] text-base"},isFocused:x.variants.isFocusVisible,hasStartElement:{true:""},hasEndElement:{true:""}},compoundVariants:[{hasStartElement:!0,size:"xs",className:"pl-8"},{hasStartElement:!0,size:"sm",className:"pl-9"},{hasStartElement:!0,size:"md",className:"pl-10"},{hasStartElement:!0,size:"lg",className:"pl-11"},{hasStartElement:!0,size:"xl",className:"pl-12"},{hasEndElement:!0,size:"xs",className:"pr-8"},{hasEndElement:!0,size:"sm",className:"pr-9"},{hasEndElement:!0,size:"md",className:"pr-10"},{hasEndElement:!0,size:"lg",className:"pr-11"},{hasEndElement:!0,size:"xl",className:"pr-12"}],defaultVariants:{size:"md"}});function w({className:e,size:t,hasStartElement:r,hasEndElement:i,...s}){return(0,d.jsx)(l.Input,{"data-slot":"input",className:(0,l.composeRenderProps)(e,(z,V)=>O({...V,size:t,hasStartElement:r,hasEndElement:i,className:z})),...s})}var U=(0,f.tv)({slots:{root:["relative isolate flex w-full flex-row items-center justify-start gap-0","has-[[data-slot=input-addon]]:[&_:not(:first-child)]:-ml-px","has-[[data-slot=input-addon]]:[&_:not(:first-child)]:rounded-ss-none has-[[data-slot=input-addon]]:[&_:not(:first-child)]:rounded-es-none","has-[[data-slot=input-addon]]:[&_:not(:last-child)]:rounded-se-none has-[[data-slot=input-addon]]:[&_:not(:last-child)]:rounded-ee-none"],addon:"border-input bg-accent flex w-auto items-center self-stretch rounded-md border whitespace-nowrap",element:"text-muted-foreground absolute inset-y-0 z-50 flex items-center has-[button]:px-0 [&_button]:scale-75"},variants:{size:{xs:{root:"text-xs",addon:"px-2.5",element:"px-2.5"},sm:{root:"text-sm",addon:"px-3",element:"px-3"},md:{root:"text-sm",addon:"px-3",element:"px-3"},lg:{root:"text-base",addon:"px-3.5",element:"px-3.5"},xl:{root:"text-base",addon:"px-4",element:"px-4"}}},defaultVariants:{size:"md"}}),{root:te,addon:oe,element:re}=U();var o=require("react/jsx-runtime"),y=(0,b.tv)({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"}),W=(0,b.tv)({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:M,group:q,control:H}=W();function J({label:e,description:t,errorMessage:r,size:i,...s}){return(0,o.jsxs)(I,{...s,children:[e&&(0,o.jsx)(v,{children:e}),(0,o.jsxs)(n.Group,{className:q(),children:[(0,o.jsx)(w,{size:i}),(0,o.jsxs)("div",{className:H({size:i}),children:[(0,o.jsx)(n.Button,{className:y({className:"rounded-se-md"}),slot:"increment",children:(0,o.jsx)(h,{})}),(0,o.jsx)(n.Button,{className:y({className:"rounded-ee-md border-t-1"}),slot:"decrement",children:(0,o.jsx)(g,{})})]})]}),t&&(0,o.jsx)(N,{children:t}),(0,o.jsx)(E,{children:r})]})}function I({className:e,...t}){return(0,o.jsx)(n.NumberField,{className:(0,n.composeRenderProps)(e,r=>M({className:r})),...t})}0&&(module.exports={NumberField,NumberFieldRoot});