tembro 2.1.8 → 2.1.9

package/dist/components/form/form-date-range-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../inputs/date-range-input.cjs"),t=require("./form-field-shell.cjs");let n=require("react/jsx-runtime"),r=require("react-hook-form");function i({control:i,fromName:a,toName:o,label:s,description:c,required:l,className:u,emptyValue:d=``,onValueChange:f,...p}){return(0,n.jsx)(r.Controller,{control:i,name:a,render:({field:a,fieldState:m})=>(0,n.jsx)(r.Controller,{control:i,name:o,render:({field:r,fieldState:i})=>(0,n.jsx)(t.FormFieldShell,{label:s,description:c,required:l,error:m.error?.message??i.error?.message,className:u,children:(0,n.jsx)(e.DateRangeInput,{value:{from:a.value??``,to:r.value??``},onValueChange:e=>{a.onChange(e.from||d),r.onChange(e.to||d),f?.(e)},...p})})})})}exports.FormDateRangeInput=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../ui/input/date-range.cjs"),t=require("./form-field-shell.cjs");let n=require("react/jsx-runtime"),r=require("react-hook-form");function i({control:i,fromName:a,toName:o,label:s,description:c,required:l,className:u,emptyValue:d=``,onValueChange:f,...p}){return(0,n.jsx)(r.Controller,{control:i,name:a,render:({field:a,fieldState:m})=>(0,n.jsx)(r.Controller,{control:i,name:o,render:({field:r,fieldState:i})=>(0,n.jsx)(t.FormFieldShell,{label:s,description:c,required:l,error:m.error?.message??i.error?.message,className:u,children:(0,n.jsx)(e.DateRangeInput,{value:{from:a.value??``,to:r.value??``},onValueChange:e=>{a.onChange(e.from||d),r.onChange(e.to||d),f?.(e)},...p})})})})}exports.FormDateRangeInput=i;

package/dist/components/form/form-date-range-input.d.ts

@@ -1,6 +1,6 @@
 import { type Control, type FieldPath, type FieldValues } from "react-hook-form";
 import { type FormFieldShellProps } from "@/components/form/form-field-shell";
-import { type DateRangeInputProps, type DateRangeValue } from "@/components/inputs/date-range-input";
+import { type DateRangeInputProps, type DateRangeValue } from "@/components/ui/input/date-range";
 export type FormDateRangeInputProps<TFieldValues extends FieldValues = FieldValues, TFromName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TToName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<DateRangeInputProps, "value" | "onValueChange"> & Pick<FormFieldShellProps, "label" | "description" | "required" | "className"> & {
     control: Control<TFieldValues>;
     fromName: TFromName;

package/dist/components/form/form-date-range-input.js

@@ -1,4 +1,4 @@
-import { DateRangeInput as e } from "../inputs/date-range-input.js";
+import { DateRangeInput as e } from "../ui/input/date-range.js";
 import { FormFieldShell as t } from "./form-field-shell.js";
 import { jsx as n } from "react/jsx-runtime";
 import { Controller as r } from "react-hook-form";

package/dist/components/form/form-input.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../inputs/date-input.cjs"),n=require("../inputs/date-range-input.cjs"),r=require("../inputs/money-input.cjs"),i=require("../inputs/masked-input.cjs"),a=require("../inputs/number-input.cjs"),o=require("../inputs/phone-input.cjs"),s=require("../inputs/quantity-input.cjs"),c=require("../ui/input/index.cjs"),l=require("./form-field-shell.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime"),f=require("react-hook-form");function p(e){return{label:e.label,description:e.description,success:e.success,loading:e.loading,required:e.required,className:e.className,htmlFor:e.id??e.name,layout:e.layout,descriptionPosition:e.descriptionPosition,labelAction:e.labelAction,requiredIndicator:e.requiredIndicator,errorIcon:e.errorIcon,showErrorIcon:e.showErrorIcon,disabled:e.disabled,readOnly:e.readOnly,labelClassName:e.labelClassName,labelRowClassName:e.labelRowClassName,descriptionClassName:e.descriptionClassName,errorClassName:e.errorClassName,contentClassName:e.contentClassName}}function m(e){let u=e.id??e.name,m=p(e),h=e.kind??`text`,g=e.fieldClassName??`w-full`;return(0,d.jsx)(f.Controller,{control:e.control,name:e.name,rules:e.rules,render:({field:f,fieldState:p})=>{let _=p.error?.message,v=l.resolveFormFieldIds(u,{description:e.description,error:_});if(h===`search`){let{control:t,name:n,label:r,description:i,required:a,className:o,layout:s,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,onValueChange:N,onBlur:P,...F}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(c.Input,{...F,type:`search`,id:j??u,name:f.name,ref:f.ref,value:f.value??``,disabled:C,readOnly:e.readOnly,inputClassName:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),P?.(e)},onValueChange:e=>{f.onChange(e),N?.(e)}})})}if(h===`password`){let{control:t,name:n,label:r,description:i,required:a,className:o,layout:s,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,onValueChange:N,onBlur:P,...F}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(c.Input,{...F,type:`password`,id:j??u,ref:f.ref,name:f.name,value:f.value??``,disabled:C,readOnly:e.readOnly,inputClassName:A??g,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),P?.(e)},onChange:e=>{let t=e.currentTarget.value;f.onChange(t),N?.(t)},"aria-invalid":p.invalid||void 0})})}if(h===`number`){let{control:t,name:n,label:r,description:i,required:o,className:s,layout:c,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,emptyValue:N=null,onNumberChange:P,onBlur:F,...I}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(a.NumberInput,{...I,id:j??u,name:f.name,ref:f.ref,value:f.value??``,disabled:C,readOnly:e.readOnly,className:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),F?.(e)},onNumberChange:e=>{f.onChange(e??N),P?.(e)}})})}if(h===`phone`){let{control:t,name:n,label:r,description:i,required:a,className:s,layout:c,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,valueMode:N=`raw`,countryCode:P=`+998`,maxDigits:F=12,onValueChange:I,onBlur:L,...R}=e,z=f.value==null?``:String(f.value),B=N===`raw`?o.formatPhoneDigits(z,P,F):z;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(o.PhoneInput,{...R,id:j??u,name:f.name,ref:f.ref,value:B,disabled:C,readOnly:e.readOnly,countryCode:P,maxDigits:F,className:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),L?.(e)},onValueChange:(e,t)=>{let n=N===`raw`?t:e;f.onChange(n),I?.(n,t,e)}})})}if(h===`date`){let{control:n,name:r,label:i,description:a,required:o,className:s,layout:c,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,emptyValue:N=``,onValueChange:P,onBlur:F,...I}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(t.DateInput,{...I,id:j??u,name:f.name,ref:f.ref,value:f.value??``,disabled:C,readOnly:e.readOnly,className:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),F?.(e)},onValueChange:e=>{f.onChange(e||N),P?.(e)}})})}if(h===`clearable`){let{control:t,name:n,label:r,description:i,required:a,className:o,layout:s,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,emptyValue:N=``,onValueChange:P,onBlur:F,...I}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(c.Input,{...I,clearable:!0,id:j??u,name:f.name,ref:f.ref,value:f.value??``,disabled:C,readOnly:e.readOnly,className:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),F?.(e)},onValueChange:e=>{f.onChange(e||N),P?.(e)}})})}if(h===`masked`){let{control:t,name:n,label:r,description:a,required:o,className:s,layout:c,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,valueMode:N=`raw`,onValueChange:P,onBlur:F,...I}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(i.MaskedInput,{...I,id:j??u,name:f.name,ref:f.ref,value:String(f.value??``),disabled:C,readOnly:e.readOnly,className:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),F?.(e)},onValueChange:(e,t)=>{let n=N===`raw`?t:e;f.onChange(n),P?.(e,t)}})})}if(h===`money`){let{control:t,name:n,label:i,description:a,required:o,className:s,layout:c,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,emptyValue:N=null,onValueChange:P,onBlur:F,...I}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(r.MoneyInput,{...I,id:j??u,name:f.name,ref:f.ref,value:f.value??null,disabled:C,readOnly:e.readOnly,className:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),F?.(e)},onValueChange:(e,t)=>{f.onChange(e??N),P?.(e,t)}})})}if(h===`quantity`){let{control:t,name:n,label:r,description:i,required:a,className:o,layout:c,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,emptyValue:N=null,onValueChange:P,onBlur:F,...I}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(s.QuantityInput,{...I,id:j??u,name:f.name,ref:f.ref,value:f.value,disabled:C,readOnly:e.readOnly,className:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),F?.(e)},onValueChange:e=>{f.onChange(e??N),P?.(e)}})})}if(h===`date-range`){let{control:t,name:r,label:i,description:a,required:o,className:s,layout:c,descriptionPosition:h,labelAction:g,requiredIndicator:y,errorIcon:b,showErrorIcon:x,disabled:S,labelClassName:C,labelRowClassName:w,descriptionClassName:T,errorClassName:E,contentClassName:D,fieldClassName:O,id:k,kind:A,onValueChange:j,onBlur:M,...N}=e,P=f.value;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:k??u,children:(0,d.jsx)(n.DateRangeInput,{...N,id:k??u,value:P&&typeof P==`object`?{from:P.from,to:P.to}:{from:``,to:``},fromInputProps:{...N.fromInputProps??{},disabled:S,readOnly:e.readOnly,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0},toInputProps:{...N.toInputProps??{},disabled:S,readOnly:e.readOnly,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0},onValueChange:e=>{f.onChange(e),j?.(e)},"aria-invalid":p.invalid||void 0,onBlur:e=>{f.onBlur(),M?.(e)}})})}let{control:y,name:b,label:x,description:S,required:C,className:w,layout:T,descriptionPosition:E,labelAction:D,requiredIndicator:O,errorIcon:k,showErrorIcon:A,disabled:j,readOnly:M,labelClassName:N,labelRowClassName:P,descriptionClassName:F,errorClassName:I,contentClassName:L,fieldClassName:R,transformIn:z,transformOut:B,id:V,kind:H,onChange:U,onBlur:W,...G}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:V??u,children:(0,d.jsx)(c.Input,{...G,id:V??u,ref:f.ref,name:f.name,value:z?z(f.value):f.value??``,disabled:j,readOnly:M,onBlur:e=>{f.onBlur(),W?.(e)},onChange:e=>{f.onChange(B?B(e):e.target.value),U?.(e)},"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,className:R??g})})}})}exports.FormInput=m;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/input/date.cjs"),n=require("../ui/input/date-range.cjs"),r=require("../ui/input/masked.cjs"),i=require("../ui/input/money.cjs"),a=require("../ui/input/number.cjs"),o=require("../ui/input/phone.cjs"),s=require("../ui/input/quantity.cjs"),c=require("../ui/input/index.cjs"),l=require("./form-field-shell.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime"),f=require("react-hook-form");function p(e){return{label:e.label,description:e.description,success:e.success,loading:e.loading,required:e.required,className:e.className,htmlFor:e.id??e.name,layout:e.layout,descriptionPosition:e.descriptionPosition,labelAction:e.labelAction,requiredIndicator:e.requiredIndicator,errorIcon:e.errorIcon,showErrorIcon:e.showErrorIcon,disabled:e.disabled,readOnly:e.readOnly,labelClassName:e.labelClassName,labelRowClassName:e.labelRowClassName,descriptionClassName:e.descriptionClassName,errorClassName:e.errorClassName,contentClassName:e.contentClassName}}function m(e){let u=e.id??e.name,m=p(e),h=e.kind??`text`,g=e.fieldClassName??`w-full`;return(0,d.jsx)(f.Controller,{control:e.control,name:e.name,rules:e.rules,render:({field:f,fieldState:p})=>{let _=p.error?.message,v=l.resolveFormFieldIds(u,{description:e.description,error:_});if(h===`search`){let{control:t,name:n,label:r,description:i,required:a,className:o,layout:s,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,onValueChange:N,onBlur:P,...F}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(c.Input,{...F,type:`search`,id:j??u,name:f.name,ref:f.ref,value:f.value??``,disabled:C,readOnly:e.readOnly,inputClassName:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),P?.(e)},onValueChange:e=>{f.onChange(e),N?.(e)}})})}if(h===`password`){let{control:t,name:n,label:r,description:i,required:a,className:o,layout:s,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,onValueChange:N,onBlur:P,...F}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(c.Input,{...F,type:`password`,id:j??u,ref:f.ref,name:f.name,value:f.value??``,disabled:C,readOnly:e.readOnly,inputClassName:A??g,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),P?.(e)},onChange:e=>{let t=e.currentTarget.value;f.onChange(t),N?.(t)},"aria-invalid":p.invalid||void 0})})}if(h===`number`){let{control:t,name:n,label:r,description:i,required:o,className:s,layout:c,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,emptyValue:N=null,onNumberChange:P,onBlur:F,...I}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(a.NumberInput,{...I,id:j??u,name:f.name,ref:f.ref,value:f.value??``,disabled:C,readOnly:e.readOnly,className:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),F?.(e)},onNumberChange:e=>{f.onChange(e??N),P?.(e)}})})}if(h===`phone`){let{control:t,name:n,label:r,description:i,required:a,className:s,layout:c,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,valueMode:N=`raw`,countryCode:P=`+998`,maxDigits:F=12,onValueChange:I,onBlur:L,...R}=e,z=f.value==null?``:String(f.value),B=N===`raw`?o.formatPhoneDigits(z,P,F):z;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(o.PhoneInput,{...R,id:j??u,name:f.name,ref:f.ref,value:B,disabled:C,readOnly:e.readOnly,countryCode:P,maxDigits:F,className:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),L?.(e)},onValueChange:(e,t)=>{let n=N===`raw`?t:e;f.onChange(n),I?.(n,t,e)}})})}if(h===`date`){let{control:n,name:r,label:i,description:a,required:o,className:s,layout:c,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,emptyValue:N=``,onValueChange:P,onBlur:F,...I}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(t.DateInput,{...I,id:j??u,name:f.name,ref:f.ref,value:f.value??``,disabled:C,readOnly:e.readOnly,className:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),F?.(e)},onValueChange:e=>{f.onChange(e||N),P?.(e)}})})}if(h===`clearable`){let{control:t,name:n,label:r,description:i,required:a,className:o,layout:s,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,emptyValue:N=``,onValueChange:P,onBlur:F,...I}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(c.Input,{...I,clearable:!0,id:j??u,name:f.name,ref:f.ref,value:f.value??``,disabled:C,readOnly:e.readOnly,className:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),F?.(e)},onValueChange:e=>{f.onChange(e||N),P?.(e)}})})}if(h===`masked`){let{control:t,name:n,label:i,description:a,required:o,className:s,layout:c,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,valueMode:N=`raw`,onValueChange:P,onBlur:F,...I}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(r.MaskedInput,{...I,id:j??u,name:f.name,ref:f.ref,value:String(f.value??``),disabled:C,readOnly:e.readOnly,className:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),F?.(e)},onValueChange:(e,t)=>{let n=N===`raw`?t:e;f.onChange(n),P?.(e,t)}})})}if(h===`money`){let{control:t,name:n,label:r,description:a,required:o,className:s,layout:c,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,emptyValue:N=null,onValueChange:P,onBlur:F,...I}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(i.MoneyInput,{...I,id:j??u,name:f.name,ref:f.ref,value:f.value??null,disabled:C,readOnly:e.readOnly,className:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),F?.(e)},onValueChange:(e,t)=>{f.onChange(e??N),P?.(e,t)}})})}if(h===`quantity`){let{control:t,name:n,label:r,description:i,required:a,className:o,layout:c,descriptionPosition:h,labelAction:y,requiredIndicator:b,errorIcon:x,showErrorIcon:S,disabled:C,readOnly:w,labelClassName:T,labelRowClassName:E,descriptionClassName:D,errorClassName:O,contentClassName:k,fieldClassName:A,id:j,kind:M,emptyValue:N=null,onValueChange:P,onBlur:F,...I}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:j??u,children:(0,d.jsx)(s.QuantityInput,{...I,id:j??u,name:f.name,ref:f.ref,value:f.value,disabled:C,readOnly:e.readOnly,className:A??g,"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,onBlur:e=>{f.onBlur(),F?.(e)},onValueChange:e=>{f.onChange(e??N),P?.(e)}})})}if(h===`date-range`){let{control:t,name:r,label:i,description:a,required:o,className:s,layout:c,descriptionPosition:h,labelAction:g,requiredIndicator:y,errorIcon:b,showErrorIcon:x,disabled:S,labelClassName:C,labelRowClassName:w,descriptionClassName:T,errorClassName:E,contentClassName:D,fieldClassName:O,id:k,kind:A,onValueChange:j,onBlur:M,...N}=e,P=f.value;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:k??u,children:(0,d.jsx)(n.DateRangeInput,{...N,id:k??u,value:P&&typeof P==`object`?{from:P.from,to:P.to}:{from:``,to:``},fromInputProps:{...N.fromInputProps??{},disabled:S,readOnly:e.readOnly,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0},toInputProps:{...N.toInputProps??{},disabled:S,readOnly:e.readOnly,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0},onValueChange:e=>{f.onChange(e),j?.(e)},"aria-invalid":p.invalid||void 0,onBlur:e=>{f.onBlur(),M?.(e)}})})}let{control:y,name:b,label:x,description:S,required:C,className:w,layout:T,descriptionPosition:E,labelAction:D,requiredIndicator:O,errorIcon:k,showErrorIcon:A,disabled:j,readOnly:M,labelClassName:N,labelRowClassName:P,descriptionClassName:F,errorClassName:I,contentClassName:L,fieldClassName:R,transformIn:z,transformOut:B,id:V,kind:H,onChange:U,onBlur:W,...G}=e;return(0,d.jsx)(l.FormFieldShell,{...m,labelId:v.labelId,descriptionId:v.descriptionId,errorId:v.errorId,error:_,htmlFor:V??u,children:(0,d.jsx)(c.Input,{...G,id:V??u,ref:f.ref,name:f.name,value:z?z(f.value):f.value??``,disabled:j,readOnly:M,onBlur:e=>{f.onBlur(),W?.(e)},onChange:e=>{f.onChange(B?B(e):e.target.value),U?.(e)},"aria-invalid":p.invalid||void 0,"aria-describedby":v.describedBy,"aria-errormessage":_?v.errorId:void 0,className:R??g})})}})}exports.FormInput=m;

package/dist/components/form/form-input.d.ts

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { type Control, type FieldPath, type FieldValues, type RegisterOptions } from "react-hook-form";
-import { type DateRangeInputProps, type DateRangeValue } from "@/components/inputs/date-range-input";
-import { type DateInputProps } from "@/components/inputs/date-input";
+import { type DateRangeInputProps, type DateRangeValue } from "@/components/ui/input/date-range";
+import { type DateInputProps } from "@/components/ui/input/date";
 import { type InputClearableProps, type InputSearchProps } from "@/components/ui/input";
-import { type MaskedInputProps } from "@/components/inputs/masked-input";
-import { type MoneyInputProps } from "@/components/inputs/money-input";
-import { type NumberInputProps } from "@/components/inputs/number-input";
-import { type PhoneInputProps } from "@/components/inputs/phone-input";
-import { type QuantityInputProps } from "@/components/inputs/quantity-input";
+import { type MaskedInputProps } from "@/components/ui/input/masked";
+import { type MoneyInputProps } from "@/components/ui/input/money";
+import { type NumberInputProps } from "@/components/ui/input/number";
+import { type PhoneInputProps } from "@/components/ui/input/phone";
+import { type QuantityInputProps } from "@/components/ui/input/quantity";
 import { type FormFieldShellControlProps } from "@/components/form/form-field-shell";
 export type FormInputKind = "text" | "search" | "password" | "number" | "phone" | "date" | "date-range" | "clearable" | "masked" | "money" | "quantity";
 export type FormInputPhoneInputValueMode = "raw" | "masked";

package/dist/components/form/form-input.js

@@ -1,10 +1,10 @@
-import { DateInput as e } from "../inputs/date-input.js";
-import { DateRangeInput as t } from "../inputs/date-range-input.js";
-import { MoneyInput as n } from "../inputs/money-input.js";
-import { MaskedInput as r } from "../inputs/masked-input.js";
-import { NumberInput as i } from "../inputs/number-input.js";
-import { PhoneInput as a, formatPhoneDigits as o } from "../inputs/phone-input.js";
-import { QuantityInput as s } from "../inputs/quantity-input.js";
+import { DateInput as e } from "../ui/input/date.js";
+import { DateRangeInput as t } from "../ui/input/date-range.js";
+import { MaskedInput as n } from "../ui/input/masked.js";
+import { MoneyInput as r } from "../ui/input/money.js";
+import { NumberInput as i } from "../ui/input/number.js";
+import { PhoneInput as a, formatPhoneDigits as o } from "../ui/input/phone.js";
+import { QuantityInput as s } from "../ui/input/quantity.js";
 import { Input as c } from "../ui/input/index.js";
 import { FormFieldShell as l, resolveFormFieldIds as u } from "./form-field-shell.js";
 import "react";
@@ -234,7 +234,7 @@ function m(m) {
 				});
 			}
 			if (_ === "masked") {
-				let { control: e, name: t, label: n, description: i, required: a, className: o, layout: s, descriptionPosition: c, labelAction: u, requiredIndicator: _, errorIcon: x, showErrorIcon: S, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, valueMode: N = "raw", onValueChange: P, onBlur: F, ...I } = m;
+				let { control: e, name: t, label: r, description: i, required: a, className: o, layout: s, descriptionPosition: c, labelAction: u, requiredIndicator: _, errorIcon: x, showErrorIcon: S, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, valueMode: N = "raw", onValueChange: P, onBlur: F, ...I } = m;
 				return /* @__PURE__ */ d(l, {
 					...g,
 					labelId: b.labelId,
@@ -242,7 +242,7 @@ function m(m) {
 					errorId: b.errorId,
 					error: y,
 					htmlFor: j ?? h,
-					children: /* @__PURE__ */ d(r, {
+					children: /* @__PURE__ */ d(n, {
 						...I,
 						id: j ?? h,
 						name: f.name,
@@ -265,7 +265,7 @@ function m(m) {
 				});
 			}
 			if (_ === "money") {
-				let { control: e, name: t, label: r, description: i, required: a, className: o, layout: s, descriptionPosition: c, labelAction: u, requiredIndicator: _, errorIcon: x, showErrorIcon: S, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, emptyValue: N = null, onValueChange: P, onBlur: F, ...I } = m;
+				let { control: e, name: t, label: n, description: i, required: a, className: o, layout: s, descriptionPosition: c, labelAction: u, requiredIndicator: _, errorIcon: x, showErrorIcon: S, disabled: C, readOnly: w, labelClassName: T, labelRowClassName: E, descriptionClassName: D, errorClassName: O, contentClassName: k, fieldClassName: A, id: j, kind: M, emptyValue: N = null, onValueChange: P, onBlur: F, ...I } = m;
 				return /* @__PURE__ */ d(l, {
 					...g,
 					labelId: b.labelId,
@@ -273,7 +273,7 @@ function m(m) {
 					errorId: b.errorId,
 					error: y,
 					htmlFor: j ?? h,
-					children: /* @__PURE__ */ d(n, {
+					children: /* @__PURE__ */ d(r, {
 						...I,
 						id: j ?? h,
 						name: f.name,

package/dist/components/inputs/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./clearable-input.cjs"),t=require("./date-input.cjs"),n=require("./date-range-input.cjs"),r=require("./money-input.cjs"),i=require("./masked-input.cjs"),a=require("./number-input.cjs"),o=require("./password-input.cjs"),s=require("./phone-input.cjs"),c=require("./quantity-input.cjs"),l=require("./search-input.cjs"),u=require("./async-select.cjs"),d=require("./combobox.cjs"),f=require("./simple-select.cjs"),p=require("./color-input.cjs"),m=require("./otp-input.cjs"),h=require("./quantity-stepper.cjs"),g=require("./rating.cjs"),_=require("./slider.cjs"),v=require("./tag-input.cjs"),y=require("./inline-editable.cjs"),b=require("./json-input.cjs"),x=require("./time-picker.cjs");exports.AsyncMultiSelect=u.AsyncMultiSelect,exports.AsyncSelect=u.AsyncSelect,exports.ClearableInput=e.ClearableInput,exports.ColorInput=p.ColorInput,exports.Combobox=d.Combobox,exports.DateInput=t.DateInput,exports.DateRangeInput=n.DateRangeInput,exports.DateTimePicker=x.DateTimePicker,exports.InlineEditable=y.InlineEditable,exports.JsonInput=b.JsonInput,exports.MaskedInput=i.MaskedInput,exports.MoneyInput=r.MoneyInput,exports.NumberInput=a.NumberInput,exports.OtpInput=m.OtpInput,exports.PasswordInput=o.PasswordInput,exports.PhoneInput=s.PhoneInput,exports.QuantityInput=c.QuantityInput,exports.QuantityStepper=h.QuantityStepper,exports.RangeSlider=_.RangeSlider,exports.Rating=g.Rating,exports.SearchInput=l.SearchInput,exports.SimpleSelect=f.SimpleSelect,exports.Slider=_.Slider,exports.TagInput=v.TagInput,exports.TimePicker=x.TimePicker,exports.TimeRangePicker=x.TimeRangePicker,exports.clampNumber=a.clampNumber,exports.clampQuantity=c.clampQuantity,exports.formatPhoneDigits=s.formatPhoneDigits,exports.onlyDigits=s.onlyDigits,exports.parseMoneyInput=r.parseMoneyInput,exports.parseNumberInput=a.parseNumberInput;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./async-select.cjs"),t=require("./otp-input.cjs"),n=require("./rating.cjs"),r=require("./slider.cjs"),i=require("./tag-input.cjs"),a=require("./inline-editable.cjs"),o=require("./json-input.cjs"),s=require("./time-picker.cjs");exports.AsyncMultiSelect=e.AsyncMultiSelect,exports.AsyncSelect=e.AsyncSelect,exports.DateTimePicker=s.DateTimePicker,exports.InlineEditable=a.InlineEditable,exports.JsonInput=o.JsonInput,exports.OtpInput=t.OtpInput,exports.RangeSlider=r.RangeSlider,exports.Rating=n.Rating,exports.Slider=r.Slider,exports.TagInput=i.TagInput,exports.TimePicker=s.TimePicker,exports.TimeRangePicker=s.TimeRangePicker;

package/dist/components/inputs/index.d.ts

@@ -1,20 +1,6 @@
 export * from "./async-select";
-export * from "./clearable-input";
-export * from "./combobox";
-export * from "./color-input";
-export * from "./date-input";
-export * from "./date-range-input";
-export * from "./masked-input";
-export * from "./money-input";
-export * from "./number-input";
 export * from "./otp-input";
-export * from "./password-input";
-export * from "./phone-input";
-export * from "./quantity-input";
-export * from "./quantity-stepper";
 export * from "./rating";
-export * from "./search-input";
-export * from "./simple-select";
 export * from "./json-input";
 export * from "./time-picker";
 export * from "./slider";

package/dist/components/inputs/index.js

@@ -1,23 +1,9 @@
-import { ClearableInput as e } from "./clearable-input.js";
-import { DateInput as t } from "./date-input.js";
-import { DateRangeInput as n } from "./date-range-input.js";
-import { MoneyInput as r, parseMoneyInput as i } from "./money-input.js";
-import { MaskedInput as a } from "./masked-input.js";
-import { NumberInput as o, clampNumber as s, parseNumberInput as c } from "./number-input.js";
-import { PasswordInput as l } from "./password-input.js";
-import { PhoneInput as u, formatPhoneDigits as d, onlyDigits as f } from "./phone-input.js";
-import { QuantityInput as p, clampQuantity as m } from "./quantity-input.js";
-import { SearchInput as h } from "./search-input.js";
-import { AsyncMultiSelect as g, AsyncSelect as _ } from "./async-select.js";
-import { Combobox as v } from "./combobox.js";
-import { SimpleSelect as y } from "./simple-select.js";
-import { ColorInput as b } from "./color-input.js";
-import { OtpInput as x } from "./otp-input.js";
-import { QuantityStepper as S } from "./quantity-stepper.js";
-import { Rating as C } from "./rating.js";
-import { RangeSlider as w, Slider as T } from "./slider.js";
-import { TagInput as E } from "./tag-input.js";
-import { InlineEditable as D } from "./inline-editable.js";
-import { JsonInput as O } from "./json-input.js";
-import { DateTimePicker as k, TimePicker as A, TimeRangePicker as j } from "./time-picker.js";
-export { g as AsyncMultiSelect, _ as AsyncSelect, e as ClearableInput, b as ColorInput, v as Combobox, t as DateInput, n as DateRangeInput, k as DateTimePicker, D as InlineEditable, O as JsonInput, a as MaskedInput, r as MoneyInput, o as NumberInput, x as OtpInput, l as PasswordInput, u as PhoneInput, p as QuantityInput, S as QuantityStepper, w as RangeSlider, C as Rating, h as SearchInput, y as SimpleSelect, T as Slider, E as TagInput, A as TimePicker, j as TimeRangePicker, s as clampNumber, m as clampQuantity, d as formatPhoneDigits, f as onlyDigits, i as parseMoneyInput, c as parseNumberInput };
+import { AsyncMultiSelect as e, AsyncSelect as t } from "./async-select.js";
+import { OtpInput as n } from "./otp-input.js";
+import { Rating as r } from "./rating.js";
+import { RangeSlider as i, Slider as a } from "./slider.js";
+import { TagInput as o } from "./tag-input.js";
+import { InlineEditable as s } from "./inline-editable.js";
+import { JsonInput as c } from "./json-input.js";
+import { DateTimePicker as l, TimePicker as u, TimeRangePicker as d } from "./time-picker.js";
+export { e as AsyncMultiSelect, t as AsyncSelect, l as DateTimePicker, s as InlineEditable, c as JsonInput, n as OtpInput, i as RangeSlider, r as Rating, a as Slider, o as TagInput, u as TimePicker, d as TimeRangePicker };

package/dist/components/inputs/public.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./clearable-input.cjs"),t=require("./date-input.cjs"),n=require("./date-range-input.cjs"),r=require("./money-input.cjs"),i=require("./masked-input.cjs"),a=require("./number-input.cjs"),o=require("./password-input.cjs"),s=require("./phone-input.cjs"),c=require("./quantity-input.cjs"),l=require("./search-input.cjs"),u=require("./async-select.cjs"),d=require("./combobox.cjs"),f=require("./simple-select.cjs"),p=require("./color-input.cjs"),m=require("./otp-input.cjs"),h=require("./quantity-stepper.cjs"),g=require("./rating.cjs"),_=require("./slider.cjs"),v=require("./tag-input.cjs"),y=require("./inline-editable.cjs"),b=require("./json-input.cjs"),x=require("./time-picker.cjs");exports.AsyncMultiSelect=u.AsyncMultiSelect,exports.AsyncSelect=u.AsyncSelect,exports.ClearableInput=e.ClearableInput,exports.ColorInput=p.ColorInput,exports.Combobox=d.Combobox,exports.DateInput=t.DateInput,exports.DateRangeInput=n.DateRangeInput,exports.DateTimePicker=x.DateTimePicker,exports.InlineEditable=y.InlineEditable,exports.JsonInput=b.JsonInput,exports.MaskedInput=i.MaskedInput,exports.MoneyInput=r.MoneyInput,exports.NumberInput=a.NumberInput,exports.OtpInput=m.OtpInput,exports.PasswordInput=o.PasswordInput,exports.PhoneInput=s.PhoneInput,exports.QuantityInput=c.QuantityInput,exports.QuantityStepper=h.QuantityStepper,exports.RangeSlider=_.RangeSlider,exports.Rating=g.Rating,exports.SearchInput=l.SearchInput,exports.SimpleSelect=f.SimpleSelect,exports.Slider=_.Slider,exports.TagInput=v.TagInput,exports.TimePicker=x.TimePicker,exports.TimeRangePicker=x.TimeRangePicker,exports.clampNumber=a.clampNumber,exports.clampQuantity=c.clampQuantity,exports.formatPhoneDigits=s.formatPhoneDigits,exports.onlyDigits=s.onlyDigits,exports.parseMoneyInput=r.parseMoneyInput,exports.parseNumberInput=a.parseNumberInput;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./async-select.cjs"),t=require("./otp-input.cjs"),n=require("./rating.cjs"),r=require("./slider.cjs"),i=require("./tag-input.cjs"),a=require("./inline-editable.cjs"),o=require("./json-input.cjs"),s=require("./time-picker.cjs");exports.AsyncMultiSelect=e.AsyncMultiSelect,exports.AsyncSelect=e.AsyncSelect,exports.DateTimePicker=s.DateTimePicker,exports.InlineEditable=a.InlineEditable,exports.JsonInput=o.JsonInput,exports.OtpInput=t.OtpInput,exports.RangeSlider=r.RangeSlider,exports.Rating=n.Rating,exports.Slider=r.Slider,exports.TagInput=i.TagInput,exports.TimePicker=s.TimePicker,exports.TimeRangePicker=s.TimeRangePicker;

package/dist/components/inputs/public.d.ts

@@ -1,20 +1,6 @@
 export * from "./async-select";
-export * from "./combobox";
-export * from "./simple-select";
-export * from "./clearable-input";
-export * from "./color-input";
-export * from "./date-input";
-export * from "./date-range-input";
-export * from "./masked-input";
-export * from "./money-input";
-export * from "./number-input";
 export * from "./otp-input";
-export * from "./password-input";
-export * from "./phone-input";
-export * from "./quantity-input";
-export * from "./quantity-stepper";
 export * from "./rating";
-export * from "./search-input";
 export * from "./slider";
 export * from "./tag-input";
 export * from "./inline-editable";

package/dist/components/inputs/public.js

@@ -1,23 +1,9 @@
-import { ClearableInput as e } from "./clearable-input.js";
-import { DateInput as t } from "./date-input.js";
-import { DateRangeInput as n } from "./date-range-input.js";
-import { MoneyInput as r, parseMoneyInput as i } from "./money-input.js";
-import { MaskedInput as a } from "./masked-input.js";
-import { NumberInput as o, clampNumber as s, parseNumberInput as c } from "./number-input.js";
-import { PasswordInput as l } from "./password-input.js";
-import { PhoneInput as u, formatPhoneDigits as d, onlyDigits as f } from "./phone-input.js";
-import { QuantityInput as p, clampQuantity as m } from "./quantity-input.js";
-import { SearchInput as h } from "./search-input.js";
-import { AsyncMultiSelect as g, AsyncSelect as _ } from "./async-select.js";
-import { Combobox as v } from "./combobox.js";
-import { SimpleSelect as y } from "./simple-select.js";
-import { ColorInput as b } from "./color-input.js";
-import { OtpInput as x } from "./otp-input.js";
-import { QuantityStepper as S } from "./quantity-stepper.js";
-import { Rating as C } from "./rating.js";
-import { RangeSlider as w, Slider as T } from "./slider.js";
-import { TagInput as E } from "./tag-input.js";
-import { InlineEditable as D } from "./inline-editable.js";
-import { JsonInput as O } from "./json-input.js";
-import { DateTimePicker as k, TimePicker as A, TimeRangePicker as j } from "./time-picker.js";
-export { g as AsyncMultiSelect, _ as AsyncSelect, e as ClearableInput, b as ColorInput, v as Combobox, t as DateInput, n as DateRangeInput, k as DateTimePicker, D as InlineEditable, O as JsonInput, a as MaskedInput, r as MoneyInput, o as NumberInput, x as OtpInput, l as PasswordInput, u as PhoneInput, p as QuantityInput, S as QuantityStepper, w as RangeSlider, C as Rating, h as SearchInput, y as SimpleSelect, T as Slider, E as TagInput, A as TimePicker, j as TimeRangePicker, s as clampNumber, m as clampQuantity, d as formatPhoneDigits, f as onlyDigits, i as parseMoneyInput, c as parseNumberInput };
+import { AsyncMultiSelect as e, AsyncSelect as t } from "./async-select.js";
+import { OtpInput as n } from "./otp-input.js";
+import { Rating as r } from "./rating.js";
+import { RangeSlider as i, Slider as a } from "./slider.js";
+import { TagInput as o } from "./tag-input.js";
+import { InlineEditable as s } from "./inline-editable.js";
+import { JsonInput as c } from "./json-input.js";
+import { DateTimePicker as l, TimePicker as u, TimeRangePicker as d } from "./time-picker.js";
+export { e as AsyncMultiSelect, t as AsyncSelect, l as DateTimePicker, s as InlineEditable, c as JsonInput, n as OtpInput, i as RangeSlider, r as Rating, a as Slider, o as TagInput, u as TimePicker, d as TimeRangePicker };

package/dist/components/ui/input/chrome.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({start:e,end:n,startClassName:i,endClassName:a,className:o,children:s,...c}){return(0,r.jsxs)(`div`,{"data-slot":`input-chrome`,className:t.cn(`flex h-11 w-full min-w-0 items-center rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border-strong,var(--input))] bg-[color:var(--aui-control-surface,var(--background))] shadow-[var(--aui-control-shadow,none)] transition-[background-color,border-color,box-shadow] hover:border-[color:var(--aui-control-hover-border,var(--ring))] hover:bg-[color:var(--aui-control-surface-hover,var(--background))] focus-within:border-[color:var(--ring)] focus-within:shadow-[var(--aui-control-shadow,none),0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)]`,o),...c,children:[e&&(0,r.jsx)(`span`,{className:t.cn(`shrink-0`,i),children:e}),s,n&&(0,r.jsx)(`span`,{className:t.cn(`shrink-0`,a),children:n})]})}exports.InputChrome=i;

package/dist/components/{inputs/input-chrome.js → ui/input/chrome.js}

@@ -1,7 +1,7 @@
-import { cn as e } from "../../lib/utils.js";
+import { cn as e } from "../../../lib/utils.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/inputs/input-chrome.tsx
+//#region src/components/ui/input/chrome.tsx
 function r({ start: r, end: i, startClassName: a, endClassName: o, className: s, children: c, ...l }) {
 	return /* @__PURE__ */ n("div", {
 		"data-slot": "input-chrome",

package/dist/components/ui/input/clearable.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("./decorator.cjs"),r=require("./value.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=i.forwardRef(({value:e,onChange:s,onValueChange:c,onClear:l,clearable:u=!0,clearLabel:d=`Clear`,clearOnEscape:f=!0,focusAfterClear:p=!0,replaceTrailingWhenClear:m=!0,leadingIcon:h,trailing:g,trailingAction:_,disabled:v,onKeyDown:y,...b},x)=>{let S=i.useRef(null),C=r.getInputValue(e),w=u&&C.length>0&&!v&&!b.readOnly,T=r.createInputChangeHandler({onChange:s,onValueChange:c});i.useImperativeHandle(x,()=>S.current);let E=()=>{w&&(c?.(``),l?.(),p&&S.current?.focus())},D=e=>{t.stopInteractivePropagation(e),E()},O=e=>{t.stopInteractivePropagation(e)};return(0,o.jsx)(n.InputDecorator,{"data-slot":`clearable-input`,ref:S,value:C,disabled:v,onChange:T,onKeyDown:e=>{y?.(e),!e.defaultPrevented&&f&&e.key===`Escape`&&w&&(e.preventDefault(),E())},leading:h,trailing:w&&m?null:g,trailingAction:(0,o.jsxs)(o.Fragment,{children:[_,w&&(0,o.jsx)(`button`,{type:`button`,"data-slot":`clearable-input-clear`,"aria-label":d,className:`inline-flex size-7 items-center justify-center rounded-[var(--radius-sm)] border border-transparent bg-transparent text-muted-foreground/74 transition hover:border-border/60 hover:bg-muted/58 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30`,onClick:D,onMouseDown:O,onDoubleClick:O,children:(0,o.jsx)(a.XIcon,{className:`size-4`})})]}),...b})});s.displayName=`ClearableInput`,exports.ClearableInput=s;

package/dist/components/{inputs/clearable-input.d.ts → ui/input/clearable.d.ts}

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { InputDecorator } from "@/components/inputs/input-decorator";
+import { InputDecorator } from "./decorator";
 export type ClearableInputProps = Omit<React.ComponentProps<typeof InputDecorator>, "value" | "onChange"> & {
     value?: string | number | null;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;

package/dist/components/{inputs/clearable-input.js → ui/input/clearable.js}

@@ -1,11 +1,11 @@
 "use client";
-import { stopInteractivePropagation as e } from "../../lib/utils.js";
-import { InputDecorator as t } from "./input-decorator.js";
-import { createInputChangeHandler as n, getInputValue as r } from "./input-value.js";
+import { stopInteractivePropagation as e } from "../../../lib/utils.js";
+import { InputDecorator as t } from "./decorator.js";
+import { createInputChangeHandler as n, getInputValue as r } from "./value.js";
 import * as i from "react";
 import { XIcon as a } from "lucide-react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/inputs/clearable-input.tsx
+//#region src/components/ui/input/clearable.tsx
 var l = i.forwardRef(({ value: l, onChange: u, onValueChange: d, onClear: f, clearable: p = !0, clearLabel: m = "Clear", clearOnEscape: h = !0, focusAfterClear: g = !0, replaceTrailingWhenClear: _ = !0, leadingIcon: v, trailing: y, trailingAction: b, disabled: x, onKeyDown: S, ...C }, w) => {
 	let T = i.useRef(null), E = r(l), D = p && E.length > 0 && !x && !C.readOnly, O = n({
 		onChange: u,

package/dist/components/{inputs/date-range-input.cjs → ui/input/date-range.cjs}

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("./date-input.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({className:e,value:r,onValueChange:a,fromPlaceholder:o=`From`,toPlaceholder:s=`To`,fromInputProps:c,toInputProps:l,separator:u=`—`,inputClassName:d,...f}){let p=e=>{a?.({from:r?.from??``,to:r?.to??``,...e})};return(0,i.jsxs)(`div`,{"data-slot":`date-range-input`,className:t.cn(`flex w-full flex-col gap-2 sm:flex-row sm:items-center`,e),...f,children:[(0,i.jsx)(n.DateInput,{value:r?.from??``,placeholder:o,className:d,onValueChange:e=>p({from:e}),...c}),(0,i.jsx)(`span`,{className:`hidden text-sm text-muted-foreground sm:inline-flex`,children:u}),(0,i.jsx)(n.DateInput,{value:r?.to??``,placeholder:s,className:d,onValueChange:e=>p({to:e}),...l})]})}exports.DateRangeInput=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("./date.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({className:e,value:r,onValueChange:a,fromPlaceholder:o=`From`,toPlaceholder:s=`To`,fromInputProps:c,toInputProps:l,separator:u=`—`,inputClassName:d,...f}){let p=e=>{a?.({from:r?.from??``,to:r?.to??``,...e})};return(0,i.jsxs)(`div`,{"data-slot":`date-range-input`,className:t.cn(`flex w-full flex-col gap-2 sm:flex-row sm:items-center`,e),...f,children:[(0,i.jsx)(n.DateInput,{value:r?.from??``,placeholder:o,className:d,onValueChange:e=>p({from:e}),...c}),(0,i.jsx)(`span`,{className:`hidden text-sm text-muted-foreground sm:inline-flex`,children:u}),(0,i.jsx)(n.DateInput,{value:r?.to??``,placeholder:s,className:d,onValueChange:e=>p({to:e}),...l})]})}exports.DateRangeInput=a;

package/dist/components/{inputs/date-range-input.d.ts → ui/input/date-range.d.ts}

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { type DateInputProps } from "@/components/inputs/date-input";
+import { type DateInputProps } from "./date";
 export type DateRangeValue = {
     from?: string;
     to?: string;

package/dist/components/{inputs/date-range-input.js → ui/input/date-range.js}

@@ -1,8 +1,8 @@
-import { cn as e } from "../../lib/utils.js";
-import { DateInput as t } from "./date-input.js";
+import { cn as e } from "../../../lib/utils.js";
+import { DateInput as t } from "./date.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/inputs/date-range-input.tsx
+//#region src/components/ui/input/date-range.tsx
 function i({ className: i, value: a, onValueChange: o, fromPlaceholder: s = "From", toPlaceholder: c = "To", fromInputProps: l, toInputProps: u, separator: d = "—", inputClassName: f, ...p }) {
 	let m = (e) => {
 		o?.({

package/dist/components/ui/input/date.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./decorator.cjs"),n=require("./value.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");var o=r.forwardRef(({value:e,onChange:r,onValueChange:o,showIcon:s=!0,icon:c,leading:l,...u},d)=>{let f=n.createInputChangeHandler({onChange:r,onValueChange:o});return(0,a.jsx)(t.InputDecorator,{ref:d,type:`date`,value:n.getInputValue(e),leading:s?c??l??(0,a.jsx)(i.CalendarDaysIcon,{}):l,onChange:f,...u})});o.displayName=`DateInput`,exports.DateInput=o;

package/dist/components/{inputs/date-input.d.ts → ui/input/date.d.ts}

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { InputDecorator } from "@/components/inputs/input-decorator";
+import { InputDecorator } from "./decorator";
 export type DateInputProps = Omit<React.ComponentProps<typeof InputDecorator>, "type" | "value" | "onChange"> & {
     value?: string | null;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;

package/dist/components/{inputs/date-input.js → ui/input/date.js}

@@ -1,9 +1,9 @@
-import { InputDecorator as e } from "./input-decorator.js";
-import { createInputChangeHandler as t, getInputValue as n } from "./input-value.js";
+import { InputDecorator as e } from "./decorator.js";
+import { createInputChangeHandler as t, getInputValue as n } from "./value.js";
 import * as r from "react";
 import { CalendarDaysIcon as i } from "lucide-react";
 import { jsx as a } from "react/jsx-runtime";
-//#region src/components/inputs/date-input.tsx
+//#region src/components/ui/input/date.tsx
 var o = r.forwardRef(({ value: r, onChange: o, onValueChange: s, showIcon: c = !0, icon: l, leading: u, ...d }, f) => {
 	let p = t({
 		onChange: o,

package/dist/components/ui/input/decorator.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("./primitive.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("class-variance-authority"),a=require("react/jsx-runtime");var o=(0,i.cva)(`relative flex w-full items-center`,{variants:{density:{compact:`text-xs`,default:`text-sm`,comfortable:`text-base`},tone:{neutral:``,info:`[&_[data-slot=input]]:border-blue-500/30 [&_[data-slot=input]]:focus-visible:ring-blue-500/20`,success:`[&_[data-slot=input]]:border-emerald-500/30 [&_[data-slot=input]]:focus-visible:ring-emerald-500/20`,warning:`[&_[data-slot=input]]:border-amber-500/35 [&_[data-slot=input]]:focus-visible:ring-amber-500/20`,danger:`[&_[data-slot=input]]:border-destructive/40 [&_[data-slot=input]]:focus-visible:ring-destructive/20`}},defaultVariants:{density:`default`,tone:`neutral`}}),s=r.forwardRef(({className:e,value:r,leading:i,trailing:s,trailingAction:c,leadingPointerEvents:l=!1,trailingPointerEvents:u=!0,trailingActionPointerEvents:d=!0,wrapperClassName:f,inputClassName:p,leadingClassName:m,trailingClassName:h,trailingActionClassName:g,density:_,tone:v,...y},b)=>{let x=!!i,S=!!s,C=!!c,w=r==null?r===null?``:void 0:Array.isArray(r)?r:String(r);return(0,a.jsxs)(`div`,{"data-slot":`input-decorator`,"data-has-leading":x||void 0,"data-has-trailing":S||void 0,className:t.cn(o({density:_,tone:v}),f),children:[x&&(0,a.jsx)(`span`,{"data-slot":`input-leading`,className:t.cn(`absolute left-4 z-10 flex items-center text-muted-foreground/74 [&_svg]:size-4`,!l&&`pointer-events-none`,m),children:i}),(0,a.jsx)(n.InputPrimitive,{ref:b,value:w,className:t.cn(x&&`pl-11`,S&&C?`pr-28`:S||C?`pr-12`:void 0,p,e),...y}),S&&(0,a.jsx)(`span`,{"data-slot":`input-trailing`,className:t.cn(`absolute right-12 z-10 flex items-center gap-1.5 text-muted-foreground/74`,!u&&`pointer-events-none`,h),children:s}),C&&(0,a.jsx)(`span`,{"data-slot":`input-trailing-action`,className:t.cn(`absolute right-3 z-10 flex items-center gap-1.5 text-muted-foreground/74`,!d&&`pointer-events-none`,g),children:c})]})});s.displayName=`InputDecorator`,exports.InputDecorator=s,exports.inputDecoratorVariants=o;

package/dist/components/{inputs/input-decorator.js → ui/input/decorator.js}

@@ -1,9 +1,9 @@
-import { cn as e } from "../../lib/utils.js";
-import { InputPrimitive as t } from "../ui/input/primitive.js";
+import { cn as e } from "../../../lib/utils.js";
+import { InputPrimitive as t } from "./primitive.js";
 import * as n from "react";
 import { cva as r } from "class-variance-authority";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/inputs/input-decorator.tsx
+//#region src/components/ui/input/decorator.tsx
 var o = r("relative flex w-full items-center", {
 	variants: {
 		density: {

package/dist/components/ui/input/index.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("./primitive.cjs"),r=require("./group.cjs"),i=require("../../inputs/input-decorator.cjs"),a=require("../../inputs/clearable-input.cjs"),o=require("../../inputs/date-input.cjs"),s=require("../../inputs/date-range-input.cjs"),c=require("../../inputs/money-input.cjs"),l=require("../../inputs/masked-input.cjs"),u=require("../../inputs/number-input.cjs"),d=require("../../inputs/password-input.cjs"),f=require("../../inputs/phone-input.cjs"),p=require("../../inputs/quantity-input.cjs"),m=require("../../inputs/search-input.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");function _(e){return typeof e==`string`?e.length:typeof e==`number`?String(e).length:Array.isArray(e)?e.join(``).length:0}function v(e){return e.type===`search`||e.searchIcon!==void 0||e.loading!==void 0||e.loadingLabel!==void 0||e.resultCount!==void 0||e.shortcut!==void 0||e.debounceMs!==void 0||e.showMetaOnClear!==void 0||e.onDebouncedValueChange!==void 0}var y=h.forwardRef((e,r)=>{let y=e.kind??`text`;if(y===`search`)return(0,g.jsx)(m.SearchInput,{ref:r,...e});if(y===`password`)return(0,g.jsx)(d.PasswordInput,{ref:r,...e});if(y===`number`)return(0,g.jsx)(u.NumberInput,{ref:r,...e});if(y===`phone`)return(0,g.jsx)(f.PhoneInput,{ref:r,...e});if(y===`money`)return(0,g.jsx)(c.MoneyInput,{ref:r,...e});if(y===`quantity`)return(0,g.jsx)(p.QuantityInput,{ref:r,...e});if(y===`masked`)return(0,g.jsx)(l.MaskedInput,{ref:r,...e});if(y===`date`)return(0,g.jsx)(o.DateInput,{ref:r,...e});if(y===`date-range`)return(0,g.jsx)(s.DateRangeInput,{...e});if(y===`clearable`)return(0,g.jsx)(a.ClearableInput,{ref:r,...e});let b=e;if(v(b)){let{leading:e,searchIcon:n,helperText:i,errorText:a,showCharacterCount:o,countFormatter:s,helperClassName:c,inputClassName:l,...u}=b,d=Array.isArray(b.value)?b.value.join(` `):b.value==null||typeof b.value==`string`||typeof b.value==`number`?b.value:String(b.value),f=Array.isArray(b.defaultValue)?b.defaultValue.join(` `):b.defaultValue==null||typeof b.defaultValue==`string`||typeof b.defaultValue==`number`?b.defaultValue:String(b.defaultValue),p=(0,g.jsx)(m.SearchInput,{ref:r,searchIcon:n??e,inputClassName:l,...u,value:d,defaultValue:f});if(!i&&!a&&!o)return p;let h=_(b.value??b.defaultValue);return(0,g.jsxs)(`div`,{"data-slot":`input-field`,className:`grid gap-1.5`,children:[p,(0,g.jsxs)(`div`,{"data-slot":`input-meta`,className:`flex items-start justify-between gap-3 px-1`,children:[(0,g.jsx)(`div`,{"data-slot":`input-helper`,className:t.cn(`min-w-0 text-xs leading-5`,a?`text-destructive`:`text-muted-foreground`,c),children:a??i}),o?(0,g.jsx)(`div`,{"data-slot":`input-count`,className:t.cn(`shrink-0 text-[11px] font-medium tabular-nums`,a?`text-destructive`:`text-muted-foreground`),children:s?.(h,b.maxLength)??(typeof b.maxLength==`number`?`${h}/${b.maxLength}`:h)}):null]})]})}let{value:x,defaultValue:S,leading:C,trailing:w,trailingAction:T,clearable:E=!1,onValueChange:D,onClear:O,clearLabel:k,clearOnEscape:A,focusAfterClear:j,replaceTrailingWhenClear:M,helperText:N,errorText:P,showCharacterCount:F=!1,countFormatter:I,wrapperClassName:L,inputClassName:R,helperClassName:z,leadingPointerEvents:ee=!1,trailingPointerEvents:B=!0,onChange:V,maxLength:H,className:U,...W}=b,G=x!==void 0,[K,q]=h.useState(()=>_(S)),J=G?_(x):K,Y=P??N,X=P?`text-destructive`:`text-muted-foreground`,Z=e=>{G||q(e.target.value.length),V?.(e)},Q=e=>{Z(e),D?.(e.target.value)},$=E?(0,g.jsx)(a.ClearableInput,{ref:r,value:x,defaultValue:x===void 0?S:void 0,type:W.type??`text`,leadingIcon:C,trailing:w,trailingAction:T,clearable:E,onChange:Z,onValueChange:D,onClear:O,clearLabel:k,clearOnEscape:A,focusAfterClear:j,replaceTrailingWhenClear:M,wrapperClassName:L,inputClassName:R,className:U,maxLength:H,...W}):C||w||T?(0,g.jsx)(i.InputDecorator,{ref:r,value:x??void 0,defaultValue:x===void 0?S:void 0,type:W.type??`text`,leading:C,trailing:w,trailingAction:T,leadingPointerEvents:ee,trailingPointerEvents:B,wrapperClassName:L,inputClassName:R,className:U,onChange:Q,maxLength:H,...W}):(0,g.jsx)(n.InputPrimitive,{ref:r,value:x??void 0,defaultValue:x===void 0?S:void 0,type:W.type??`text`,className:t.cn(R,U),onChange:Q,maxLength:H,...W});return!Y&&!F?$:(0,g.jsxs)(`div`,{"data-slot":`input-field`,className:`grid gap-1.5`,children:[$,(0,g.jsxs)(`div`,{"data-slot":`input-meta`,className:`flex items-start justify-between gap-3 px-1`,children:[(0,g.jsx)(`div`,{"data-slot":`input-helper`,className:t.cn(`min-w-0 text-xs leading-5`,X,z),children:Y}),F?(0,g.jsx)(`div`,{"data-slot":`input-count`,className:t.cn(`shrink-0 text-[11px] font-medium tabular-nums`,P?`text-destructive`:`text-muted-foreground`),children:I?.(J,H)??(typeof H==`number`?`${J}/${H}`:J)}):null]})]})});y.displayName=`Input`,exports.Input=y,exports.InputGroup=r.InputGroup,exports.InputGroupAddon=r.InputGroupAddon,exports.InputGroupButton=r.InputGroupButton,exports.InputGroupInput=r.InputGroupInput,exports.InputGroupText=r.InputGroupText,exports.InputGroupTextarea=r.InputGroupTextarea;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("./primitive.cjs"),r=require("./group.cjs"),i=require("./decorator.cjs"),a=require("./clearable.cjs"),o=require("./date.cjs"),s=require("./date-range.cjs"),c=require("./masked.cjs"),l=require("./money.cjs"),u=require("./number.cjs"),d=require("./password.cjs"),f=require("./phone.cjs"),p=require("./quantity.cjs"),m=require("./search.cjs");let h=require("react");h=e.__toESM(h,1);let g=require("react/jsx-runtime");function _(e){return typeof e==`string`?e.length:typeof e==`number`?String(e).length:Array.isArray(e)?e.join(``).length:0}function v(e){return e.type===`search`||e.searchIcon!==void 0||e.loading!==void 0||e.loadingLabel!==void 0||e.resultCount!==void 0||e.shortcut!==void 0||e.debounceMs!==void 0||e.showMetaOnClear!==void 0||e.onDebouncedValueChange!==void 0}var y=h.forwardRef((e,r)=>{let y=e.kind??`text`;if(y===`search`)return(0,g.jsx)(m.SearchInput,{ref:r,...e});if(y===`password`)return(0,g.jsx)(d.PasswordInput,{ref:r,...e});if(y===`number`)return(0,g.jsx)(u.NumberInput,{ref:r,...e});if(y===`phone`)return(0,g.jsx)(f.PhoneInput,{ref:r,...e});if(y===`money`)return(0,g.jsx)(l.MoneyInput,{ref:r,...e});if(y===`quantity`)return(0,g.jsx)(p.QuantityInput,{ref:r,...e});if(y===`masked`)return(0,g.jsx)(c.MaskedInput,{ref:r,...e});if(y===`date`)return(0,g.jsx)(o.DateInput,{ref:r,...e});if(y===`date-range`)return(0,g.jsx)(s.DateRangeInput,{...e});if(y===`clearable`)return(0,g.jsx)(a.ClearableInput,{ref:r,...e});let b=e;if(v(b)){let{leading:e,searchIcon:n,helperText:i,errorText:a,showCharacterCount:o,countFormatter:s,helperClassName:c,inputClassName:l,...u}=b,d=Array.isArray(b.value)?b.value.join(` `):b.value==null||typeof b.value==`string`||typeof b.value==`number`?b.value:String(b.value),f=Array.isArray(b.defaultValue)?b.defaultValue.join(` `):b.defaultValue==null||typeof b.defaultValue==`string`||typeof b.defaultValue==`number`?b.defaultValue:String(b.defaultValue),p=(0,g.jsx)(m.SearchInput,{ref:r,searchIcon:n??e,inputClassName:l,...u,value:d,defaultValue:f});if(!i&&!a&&!o)return p;let h=_(b.value??b.defaultValue);return(0,g.jsxs)(`div`,{"data-slot":`input-field`,className:`grid gap-1.5`,children:[p,(0,g.jsxs)(`div`,{"data-slot":`input-meta`,className:`flex items-start justify-between gap-3 px-1`,children:[(0,g.jsx)(`div`,{"data-slot":`input-helper`,className:t.cn(`min-w-0 text-xs leading-5`,a?`text-destructive`:`text-muted-foreground`,c),children:a??i}),o?(0,g.jsx)(`div`,{"data-slot":`input-count`,className:t.cn(`shrink-0 text-[11px] font-medium tabular-nums`,a?`text-destructive`:`text-muted-foreground`),children:s?.(h,b.maxLength)??(typeof b.maxLength==`number`?`${h}/${b.maxLength}`:h)}):null]})]})}let{value:x,defaultValue:S,leading:C,trailing:w,trailingAction:T,clearable:E=!1,onValueChange:D,onClear:O,clearLabel:k,clearOnEscape:A,focusAfterClear:j,replaceTrailingWhenClear:M,helperText:N,errorText:P,showCharacterCount:F=!1,countFormatter:I,wrapperClassName:L,inputClassName:R,helperClassName:z,leadingPointerEvents:ee=!1,trailingPointerEvents:B=!0,onChange:V,maxLength:H,className:U,...W}=b,G=x!==void 0,[K,q]=h.useState(()=>_(S)),J=G?_(x):K,Y=P??N,X=P?`text-destructive`:`text-muted-foreground`,Z=e=>{G||q(e.target.value.length),V?.(e)},Q=e=>{Z(e),D?.(e.target.value)},$=E?(0,g.jsx)(a.ClearableInput,{ref:r,value:x,defaultValue:x===void 0?S:void 0,type:W.type??`text`,leadingIcon:C,trailing:w,trailingAction:T,clearable:E,onChange:Z,onValueChange:D,onClear:O,clearLabel:k,clearOnEscape:A,focusAfterClear:j,replaceTrailingWhenClear:M,wrapperClassName:L,inputClassName:R,className:U,maxLength:H,...W}):C||w||T?(0,g.jsx)(i.InputDecorator,{ref:r,value:x??void 0,defaultValue:x===void 0?S:void 0,type:W.type??`text`,leading:C,trailing:w,trailingAction:T,leadingPointerEvents:ee,trailingPointerEvents:B,wrapperClassName:L,inputClassName:R,className:U,onChange:Q,maxLength:H,...W}):(0,g.jsx)(n.InputPrimitive,{ref:r,value:x??void 0,defaultValue:x===void 0?S:void 0,type:W.type??`text`,className:t.cn(R,U),onChange:Q,maxLength:H,...W});return!Y&&!F?$:(0,g.jsxs)(`div`,{"data-slot":`input-field`,className:`grid gap-1.5`,children:[$,(0,g.jsxs)(`div`,{"data-slot":`input-meta`,className:`flex items-start justify-between gap-3 px-1`,children:[(0,g.jsx)(`div`,{"data-slot":`input-helper`,className:t.cn(`min-w-0 text-xs leading-5`,X,z),children:Y}),F?(0,g.jsx)(`div`,{"data-slot":`input-count`,className:t.cn(`shrink-0 text-[11px] font-medium tabular-nums`,P?`text-destructive`:`text-muted-foreground`),children:I?.(J,H)??(typeof H==`number`?`${J}/${H}`:J)}):null]})]})});y.displayName=`Input`,exports.Input=y,exports.InputGroup=r.InputGroup,exports.InputGroupAddon=r.InputGroupAddon,exports.InputGroupButton=r.InputGroupButton,exports.InputGroupInput=r.InputGroupInput,exports.InputGroupText=r.InputGroupText,exports.InputGroupTextarea=r.InputGroupTextarea;

package/dist/components/ui/input/index.d.ts

@@ -1,16 +1,16 @@
 import * as React from "react";
 import { type InputPrimitiveProps } from "./primitive";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./group";
-import { type ClearableInputProps } from "@/components/inputs/clearable-input";
-import { type DateInputProps } from "@/components/inputs/date-input";
-import { type DateRangeInputProps } from "@/components/inputs/date-range-input";
-import { type MoneyInputProps } from "@/components/inputs/money-input";
-import { type MaskedInputProps } from "@/components/inputs/masked-input";
-import { type NumberInputProps } from "@/components/inputs/number-input";
-import { type PasswordInputProps } from "@/components/inputs/password-input";
-import { type PhoneInputProps } from "@/components/inputs/phone-input";
-import { type QuantityInputProps } from "@/components/inputs/quantity-input";
-import { type SearchInputProps } from "@/components/inputs/search-input";
+import { type ClearableInputProps } from "./clearable";
+import { type DateInputProps } from "./date";
+import { type DateRangeInputProps } from "./date-range";
+import { type MaskedInputProps } from "./masked";
+import { type MoneyInputProps } from "./money";
+import { type NumberInputProps } from "./number";
+import { type PasswordInputProps } from "./password";
+import { type PhoneInputProps } from "./phone";
+import { type QuantityInputProps } from "./quantity";
+import { type SearchInputProps } from "./search";
 export type InputKind = "text" | "clearable" | "search" | "password" | "number" | "phone" | "money" | "quantity" | "masked" | "date" | "date-range";
 export type InputTextProps = Omit<InputPrimitiveProps, "value"> & {
     kind?: "text";

package/dist/components/ui/input/index.js

@@ -2,17 +2,17 @@
 import { cn as e } from "../../../lib/utils.js";
 import { InputPrimitive as t } from "./primitive.js";
 import { InputGroup as n, InputGroupAddon as r, InputGroupButton as i, InputGroupInput as a, InputGroupText as o, InputGroupTextarea as s } from "./group.js";
-import { InputDecorator as c } from "../../inputs/input-decorator.js";
-import { ClearableInput as l } from "../../inputs/clearable-input.js";
-import { DateInput as u } from "../../inputs/date-input.js";
-import { DateRangeInput as d } from "../../inputs/date-range-input.js";
-import { MoneyInput as f } from "../../inputs/money-input.js";
-import { MaskedInput as p } from "../../inputs/masked-input.js";
-import { NumberInput as m } from "../../inputs/number-input.js";
-import { PasswordInput as h } from "../../inputs/password-input.js";
-import { PhoneInput as g } from "../../inputs/phone-input.js";
-import { QuantityInput as _ } from "../../inputs/quantity-input.js";
-import { SearchInput as v } from "../../inputs/search-input.js";
+import { InputDecorator as c } from "./decorator.js";
+import { ClearableInput as l } from "./clearable.js";
+import { DateInput as u } from "./date.js";
+import { DateRangeInput as d } from "./date-range.js";
+import { MaskedInput as f } from "./masked.js";
+import { MoneyInput as p } from "./money.js";
+import { NumberInput as m } from "./number.js";
+import { PasswordInput as h } from "./password.js";
+import { PhoneInput as g } from "./phone.js";
+import { QuantityInput as _ } from "./quantity.js";
+import { SearchInput as v } from "./search.js";
 import * as y from "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/components/ui/input/index.tsx
@@ -40,7 +40,7 @@ var w = y.forwardRef((n, r) => {
 		ref: r,
 		...n
 	});
-	if (i === "money") return /* @__PURE__ */ b(f, {
+	if (i === "money") return /* @__PURE__ */ b(p, {
 		ref: r,
 		...n
 	});
@@ -48,7 +48,7 @@ var w = y.forwardRef((n, r) => {
 		ref: r,
 		...n
 	});
-	if (i === "masked") return /* @__PURE__ */ b(p, {
+	if (i === "masked") return /* @__PURE__ */ b(f, {
 		ref: r,
 		...n
 	});

package/dist/components/ui/input/masked.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./decorator.cjs"),n=require("./value.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(e){return e}function o(e){return e}var s=r.forwardRef(({value:e,onChange:r,onValueChange:s,mask:c=a,unmask:l=o,...u},d)=>(0,i.jsx)(t.InputDecorator,{ref:d,value:n.getInputValue(e),onChange:e=>{let t=l(e.target.value),i=c(t);n.setInputElementValue(e,i),r?.(e),s?.(i,t)},...u}));s.displayName=`MaskedInput`,exports.MaskedInput=s;

package/dist/components/{inputs/masked-input.d.ts → ui/input/masked.d.ts}

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { InputDecorator } from "@/components/inputs/input-decorator";
+import { InputDecorator } from "./decorator";
 export type MaskedInputProps = Omit<React.ComponentProps<typeof InputDecorator>, "value" | "onChange"> & {
     value?: string;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;

package/dist/components/{inputs/masked-input.js → ui/input/masked.js}

@@ -1,8 +1,8 @@
-import { InputDecorator as e } from "./input-decorator.js";
-import { getInputValue as t, setInputElementValue as n } from "./input-value.js";
+import { InputDecorator as e } from "./decorator.js";
+import { getInputValue as t, setInputElementValue as n } from "./value.js";
 import * as r from "react";
 import { jsx as i } from "react/jsx-runtime";
-//#region src/components/inputs/masked-input.tsx
+//#region src/components/ui/input/masked.tsx
 function a(e) {
 	return e;
 }

package/dist/components/ui/input/money.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("./primitive.cjs"),r=require("./value.cjs"),i=require("./chrome.cjs"),a=require("./numeric-value.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c(e){return a.parseMoneyLikeInput(e)}function l({value:e,onChange:a,onValueChange:o,prefix:l,suffix:u,wrapperClassName:d,inputClassName:f,className:p,inputMode:m=`decimal`,...h}){return(0,s.jsx)(i.InputChrome,{"data-slot":`money-input`,className:t.cn(`text-sm`,d),start:l?(0,s.jsx)(`span`,{className:`pl-2.5 text-xs font-medium text-muted-foreground`,children:l}):null,end:u?(0,s.jsx)(`span`,{className:`pr-2.5 text-xs font-medium text-muted-foreground`,children:u}):null,children:(0,s.jsx)(n.InputPrimitive,{value:r.getInputValue(e),onChange:e=>{a?.(e),o?.(c(e.target.value),e.target.value)},inputMode:m,className:t.cn(`h-full border-0 bg-transparent px-2.5 shadow-none focus-visible:border-0 focus-visible:ring-0`,f,p),...h})})}exports.MoneyInput=l,exports.parseMoneyInput=c;

package/dist/components/{inputs/money-input.js → ui/input/money.js}

@@ -1,11 +1,11 @@
-import { cn as e } from "../../lib/utils.js";
-import { InputPrimitive as t } from "../ui/input/primitive.js";
-import { getInputValue as n } from "./input-value.js";
-import { InputChrome as r } from "./input-chrome.js";
+import { cn as e } from "../../../lib/utils.js";
+import { InputPrimitive as t } from "./primitive.js";
+import { getInputValue as n } from "./value.js";
+import { InputChrome as r } from "./chrome.js";
 import { parseMoneyLikeInput as i } from "./numeric-value.js";
 import "react";
 import { jsx as a } from "react/jsx-runtime";
-//#region src/components/inputs/money-input.tsx
+//#region src/components/ui/input/money.tsx
 function o(e) {
 	return i(e);
 }

package/dist/components/ui/input/number.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./decorator.cjs"),n=require("./value.cjs"),r=require("./numeric-value.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o(e){return r.parseDecimalInput(e)}function s(e,t,n){return r.clampNumericValue(e,t,n)}var c=i.forwardRef(({value:e,onChange:r,onValueChange:i,onNumberChange:c,min:l,max:u,step:d,allowEmpty:f=!0,prefix:p,suffix:m,leading:h,trailing:g,inputMode:_=`decimal`,onBlur:v,...y},b)=>{let x=n.getInputValue(e),S=e=>{let t=o(e),n=t==null?null:s(t,l,u);i?.(e),c?.(n)};return(0,a.jsx)(t.InputDecorator,{ref:b,type:`text`,value:x,inputMode:_,min:l,max:u,step:d,leading:p??h,trailing:m??g,onChange:e=>{r?.(e),S(e.target.value)},onBlur:e=>{if(!f&&!e.target.value.trim()){let t=String(l??0);e.currentTarget.value=t,S(t)}v?.(e)},...y})});c.displayName=`NumberInput`,exports.NumberInput=c,exports.clampNumber=s,exports.parseNumberInput=o;

package/dist/components/{inputs/number-input.d.ts → ui/input/number.d.ts}

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { InputDecorator } from "@/components/inputs/input-decorator";
+import { InputDecorator } from "./decorator";
 export type NumberInputProps = Omit<React.ComponentProps<typeof InputDecorator>, "type" | "value" | "onChange" | "min" | "max" | "step"> & {
     value?: number | string | null;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;