@customafk/lunas-ui 0.2.40 → 0.2.41

package/dist/tanstack-form-C3SGhsmN.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`class-variance-authority`),i=require(`react/jsx-runtime`),a=require(`react`),o=require(`@customafk/react-toolkit/date-fns`),s=require(`@/components/ui/tooltip`),c=require(`radix-ui`),l=require(`@customafk/react-toolkit/hooks/useMobile`),u=require(`@/components/ui/button`),d=require(`@/components/ui/separator`),f=require(`@/components/ui/dialog`),p=require(`@/components/ui/command`),m=require(`@/components/ui/checkbox`),h=require(`@/components/ui/input`),g=require(`@/components/ui/label`),_=require(`@/components/ui/popover`),v=require(`@/components/ui/select`),y=require(`@tanstack/react-form`),b=require(`@tanstack/react-store`),x=require(`@/components/ui/switch`),S=require(`@/components/ui/drawer`),C=require(`@/components/ui/calendar`),w=require(`@/components/ui/radio-group`),T=require(`@/components/ui/inputs/number-input`),E=require(`@/components/ui/textarea`),D=require(`@/components/features/tanstack-form/components/ui/field`),O=require(`@/components/features/text-editor`),k=require(`@/components/ui/buttons/close`);function A({width:e,className:t,children:n}){let r=e?{width:typeof e==`number`?`${e}px`:e,flexShrink:0}:{flex:1,minWidth:0};return(0,i.jsx)(`div`,{"data-slot":`array-col`,style:r,className:t,children:n})}function j({className:e,children:t}){return(0,i.jsxs)(`div`,{"data-slot":`array-header-row`,className:(0,n.cn)(`mb-1 flex items-center gap-2 px-1 text-xs font-medium text-text-positive-weak`,e),children:[t,(0,i.jsx)(`div`,{className:`min-w-8 w-8 shrink-0`})]})}function M({defaultRow:e,children:r,addLabel:o=`Thêm hàng`,className:s}){let c=Q(),l=c.state.value??[],d=(0,a.useCallback)(()=>{c.pushValue({...e})},[c,e]),f=(0,a.useCallback)(e=>{c.removeValue(e)},[c]);return(0,i.jsxs)(`div`,{"data-slot":`simple-array-field`,className:(0,n.cn)(`flex flex-col gap-2`,s),children:[l.map((e,n)=>(0,i.jsxs)(`div`,{className:`flex items-start gap-2`,children:[r(n),(0,i.jsx)(u.Button,{type:`button`,size:`icon`,variant:`ghost`,color:`danger`,className:`min-w-8`,onClick:()=>f(n),children:(0,i.jsx)(t.Trash2Icon,{size:14})})]},n)),(0,i.jsx)(`div`,{children:(0,i.jsxs)(u.Button,{type:`button`,variant:`outline`,color:`muted`,size:`xs`,onClick:d,children:[(0,i.jsx)(t.PlusIcon,{size:13}),o]})})]})}function N({className:e,children:t,...r}){return(0,i.jsxs)(c.Label.Root,{"data-slot":`label`,className:(0,n.cn)(`text-text-positive`,`flex w-full items-center justify-between`,`select-none font-medium text-sm/6 leading-none`,`group-data-[disabled=true]:pointer-events-none`,`group-data-[disabled=true]:opacity-50`,`peer-disabled:cursor-not-allowed`,`peer-disabled:opacity-50`,`aria-required:*:data-[slot=required-indicator]:inline-block`,e),...r,children:[(0,i.jsx)(`span`,{className:`flex items-center gap-1`,children:t}),(0,i.jsx)(`span`,{"data-slot":`required-indicator`,className:`hidden shrink-0 rounded-lg bg-danger-strong px-1.5 py-1 font-semibold text-[11px] leading-none text-white`,children:`Bắt buộc`})]})}const P=(0,r.cva)(`group/field flex w-full gap-2 data-[invalid=true]:text-danger *:data-[slot=field-content]:gap-0`,{variants:{orientation:{vertical:[`flex-col *:w-full [&>.sr-only]:w-auto`],horizontal:[`flex-row items-center gap-4`,`*:data-[slot=field-content]:basis-1/2`,`*:data-[slot=field-content-main]:flex-1`,`*:data-[slot=field-label]:flex-auto`,`has-[>[data-slot=field-content]]:items-start`,`has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`],responsive:[`flex-col *:w-full [&>.sr-only]:w-auto`,`@md/field-group:flex-row`,`@md/field-group:items-center`,`@md/field-group:gap-4`,`@md/field-group:*:w-auto`,`@md/field-group:*:data-[slot=field-content]:basis-1/2`,`@md/field-group:*:data-[slot=field-content-main]:basis-1/2`,`@md/field-group:*:data-[slot=field-label]:flex-auto`,`@md/field-group:has-[>[data-slot=field-content]]:items-start`,`@md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`]}},defaultVariants:{orientation:`vertical`}}),F=(0,a.memo)(({className:e,...t})=>(0,i.jsx)(`fieldset`,{"data-slot":`field-set`,className:(0,n.cn)(`flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,e),...t}));F.displayName=`FieldSet`;const I=(0,a.memo)(({className:e,variant:t=`legend`,...r})=>(0,i.jsx)(`legend`,{"data-slot":`field-legend`,"data-variant":t,className:(0,n.cn)(`mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,e),...r}));I.displayName=`FieldLegend`;const L=(0,a.memo)(({className:e,...t})=>(0,i.jsx)(`div`,{"data-slot":`field-group`,className:(0,n.cn)(`group/field-group @container/field-group`,`flex flex-col gap-7 pt-4`,`data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,e),...t}));L.displayName=`FieldGroup`;const R=(0,a.memo)(({className:e,orientation:t=`vertical`,...r})=>(0,i.jsx)(`div`,{"data-slot":`field`,"data-orientation":t,className:(0,n.cn)(P({orientation:t}),e),...r}));R.displayName=`Field`;const z=(0,a.memo)(({className:e,...t})=>(0,i.jsx)(`div`,{"data-slot":`field-content`,className:(0,n.cn)(`group/field-content flex flex-col gap-1.5 leading-snug`,e),...t}));z.displayName=`FieldContent`;const B=(0,a.memo)(({className:e,...t})=>(0,i.jsx)(`div`,{"data-slot":`field-content-main`,className:(0,n.cn)(`relative`,e),...t}));B.displayName=`FieldContentMain`;const V=(0,a.memo)(({className:e,...t})=>(0,i.jsx)(N,{"data-slot":`field-label`,className:(0,n.cn)(`group/field-label peer/field-label min-h-6 gap-1 font-medium leading-snug`,`has-[>[data-slot=field]]:w-full`,`has-[>[data-slot=field]]:flex-col`,`has-[>[data-slot=field]]:rounded-md`,`has-[>[data-slot=field]]:border`,`has-[>[data-slot=field]]:border-border`,`has-data-[state=checked]:border-primary`,`*:data-[slot=field]:p-4 group-data-[disabled=true]/field:opacity-50`,e),...t}));V.displayName=`FieldLabel`;const H=(0,a.memo)(({className:e,...t})=>(0,i.jsx)(`div`,{"data-slot":`field-label`,className:(0,n.cn)(`flex w-fit items-center gap-2 font-medium text-sm leading-snug group-data-[disabled=true]/field:opacity-50`,e),...t}));H.displayName=`FieldTitle`;const U=(0,a.memo)(({className:e,...t})=>(0,i.jsx)(`p`,{"data-slot":`field-description`,className:(0,n.cn)(`nth-last-2:-mt-1 font-normal text-text-positive-weak text-xs leading-normal last:mt-0 [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4 [[data-variant=legend]+&]:-mt-1.5`,e),...t}));U.displayName=`FieldDescription`;const W=(0,a.memo)(({isShow:e=!0,className:r,children:a,...o})=>e===!1?null:(0,i.jsxs)(`div`,{"data-slot":`field-note`,className:(0,n.cn)(`flex items-start gap-1.5 rounded border border-primary-muted/60 bg-primary-bg-subtle/80 px-2.5 py-2 text-text-positive-weak text-xs`,r),...o,children:[(0,i.jsx)(t.InfoIcon,{size:12,className:`mt-0.5 shrink-0 text-primary/70`}),(0,i.jsx)(`span`,{children:a})]}));W.displayName=`FieldNote`;const G=(0,a.memo)(({tooltip:e})=>(0,i.jsxs)(s.Tooltip,{children:[(0,i.jsx)(s.TooltipTrigger,{asChild:!0,children:(0,i.jsxs)(`button`,{type:`button`,tabIndex:-1,className:`inline-flex cursor-default items-center text-text-positive-weak/70 hover:text-text-positive focus:outline-none`,children:[(0,i.jsx)(t.HelpCircleIcon,{size:13,"aria-hidden":`true`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Thêm thông tin`})]})}),(0,i.jsx)(s.TooltipContent,{side:`top`,className:`max-w-xs text-balance`,children:e})]}));G.displayName=`FieldTooltip`;const K=(0,a.memo)(({children:e,className:t,...r})=>(0,i.jsxs)(`div`,{"data-slot":`field-separator`,"data-content":!!e,className:(0,n.cn)(`relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2`,t),...r,children:[(0,i.jsx)(d.Separator,{className:`absolute inset-0 top-1/2`}),e&&(0,i.jsx)(`span`,{className:`relative mx-auto block w-fit bg-background px-2 text-text-positive-weak`,"data-slot":`field-separator-content`,children:e})]}));K.displayName=`FieldSeparator`;const q=(0,a.memo)(({className:e,children:t,errors:r,requiredMessage:o=`Trường này là bắt buộc`,...s})=>{let c=(0,a.useMemo)(()=>{let e=e=>e.code===`invalid_type`?o:e.message;return t||(r?r?.length===1&&r[0]?.message?(0,i.jsx)(`div`,{className:`flex flex-row items-center justify-start gap-x-0.5`,children:(0,i.jsx)(`p`,{children:e(r[0])})}):(0,i.jsx)(`ul`,{className:`flex list-none flex-col`,children:r.map(t=>typeof t==`string`?(0,i.jsx)(`li`,{children:t},t):t?.message?(0,i.jsx)(`li`,{children:e(t)},t.code??t.message):null)}):null)},[t,r,o]);return c?(0,i.jsx)(`div`,{role:`alert`,"data-slot":`field-error`,className:(0,n.cn)(`w-full font-medium text-danger-strong text-xs`,e),...s,children:c}):null});q.displayName=`FieldError`;const J=({label:e,required:t,disabled:n,variant:r=`checkbox`})=>{let o=(0,a.useId)(),{form:s,name:c,state:l,handleBlur:u,handleChange:d}=Q(),f=(0,b.useSelector)(s.store,({isSubmitting:e})=>e),p=l.meta.isTouched&&!l.meta.isValid,h=l.value??!1,_=n||f,v=(0,a.useCallback)(e=>{f||d(e)},[f,d]);return(0,i.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 h-9`,children:[r===`switch`?(0,i.jsx)(x.Switch,{id:o,name:c,checked:h,disabled:_,"aria-invalid":p,onBlur:u,onCheckedChange:v}):(0,i.jsx)(m.Checkbox,{id:o,name:c,checked:h,disabled:_,"aria-invalid":p,onBlur:u,onCheckedChange:v}),e&&(0,i.jsxs)(g.Label,{htmlFor:o,className:`cursor-pointer`,children:[e,t&&(0,i.jsx)(`span`,{className:`text-danger-strong`,children:`*`})]})]}),p&&(0,i.jsx)(q,{errors:l.meta.errors})]})},ee=({label:e,placeholder:t,required:r,disabled:o,options:s})=>{let c=(0,a.useId)(),{form:d,name:f,state:m,handleBlur:h,handleChange:v}=Q(),y=(0,b.useSelector)(d.store,({isSubmitting:e})=>e),x=(0,l.useIsMobile)(),[C,w]=(0,a.useState)(!1),T=m.meta.isTouched&&!m.meta.isValid,E=o||y,D=s.find(({value:e})=>e===m.value)?.label,O=(0,i.jsxs)(p.Command,{children:[(0,i.jsx)(p.CommandInput,{placeholder:t??`Tìm kiếm…`}),(0,i.jsxs)(p.CommandList,{children:[(0,i.jsx)(p.CommandEmpty,{children:`Không tìm thấy kết quả.`}),(0,i.jsx)(p.CommandGroup,{children:s.map(e=>(0,i.jsx)(p.CommandItem,{value:e.label,onSelect:()=>{v(e.value===m.value?null:e.value),w(!1)},children:e.label},e.value))})]})]});return x?(0,i.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[e&&(0,i.jsxs)(g.Label,{htmlFor:c,children:[e,r&&(0,i.jsx)(`span`,{className:`text-danger-strong`,children:`*`})]}),(0,i.jsx)(u.Button,{id:c,type:`button`,variant:`outline`,color:`muted`,disabled:E,"aria-invalid":T,className:(0,n.cn)(`w-full justify-start font-normal outline-1 outline-border -outline-offset-1`,!m.value&&`text-text-positive-muted`,T&&`outline-danger bg-danger-bg-subtle`),onBlur:h,onClick:()=>w(!0),children:D??(0,i.jsx)(`span`,{className:`text-text-positive-muted`,children:t})}),(0,i.jsx)(S.Drawer,{open:C,onOpenChange:w,direction:`bottom`,children:(0,i.jsxs)(S.DrawerContent,{children:[(0,i.jsx)(S.DrawerHeader,{children:(0,i.jsx)(S.DrawerTitle,{children:e??t??`Tìm kiếm…`})}),(0,i.jsx)(`div`,{className:`overflow-y-auto pb-safe-bottom`,children:O})]})}),T&&(0,i.jsx)(q,{errors:m.meta.errors})]}):(0,i.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[e&&(0,i.jsxs)(g.Label,{htmlFor:c,children:[e,r&&(0,i.jsx)(`span`,{className:`text-danger-strong`,children:`*`})]}),(0,i.jsxs)(_.Popover,{children:[(0,i.jsx)(_.PopoverTrigger,{asChild:!0,children:(0,i.jsx)(u.Button,{id:c,variant:`outline`,color:`muted`,size:`lg`,disabled:E,"aria-invalid":T,className:(0,n.cn)(`flex w-full items-center justify-start rounded outline-border font-normal`,`hover:bg-transparent`,`focus:outline-1 focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`data-[state=open]:outline-1 data-[state=open]:outline-primary-strong data-[state=open]:ring-4 data-[state=open]:ring-primary-weak`,!m.value&&`text-text-positive-muted`),children:D??(0,i.jsx)(`span`,{className:`text-text-positive-muted`,children:t})})}),(0,i.jsx)(_.PopoverContent,{align:`start`,side:`bottom`,className:`w-[--radix-popover-trigger-width] p-0 rounded`,onBlur:h,children:O})]}),T&&(0,i.jsx)(q,{errors:m.meta.errors})]})},te=({label:e,placeholder:r,required:s,disabled:c,minDate:l,maxDate:d})=>{let f=(0,a.useId)(),{form:p,name:m,state:h,handleBlur:v,handleChange:y}=Q(),x=(0,b.useSelector)(p.store,({isSubmitting:e})=>e),S=h.meta.isTouched&&!h.meta.isValid;return(0,i.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[e&&(0,i.jsxs)(g.Label,{htmlFor:f,children:[e,s&&(0,i.jsx)(`span`,{className:`text-danger-strong`,children:`*`})]}),(0,i.jsxs)(_.Popover,{children:[(0,i.jsx)(_.PopoverTrigger,{asChild:!0,children:(0,i.jsxs)(u.Button,{id:f,variant:`outline`,color:`muted`,size:`lg`,disabled:c||x,"aria-invalid":S,className:(0,n.cn)(`flex w-full items-center justify-between rounded outline-border font-normal`,`hover:bg-transparent`,`focus:outline-1 focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`data-[state=open]:outline-1 data-[state=open]:outline-primary-strong data-[state=open]:ring-4 data-[state=open]:ring-primary-weak`,h.value===null&&`text-text-positive-muted`),children:[(0,i.jsx)(`span`,{children:h.value?(0,o.format)(h.value,`PPP`):r??`Select date`}),(0,i.jsx)(t.CalendarDaysIcon,{strokeWidth:1})]})}),(0,i.jsx)(_.PopoverContent,{align:`start`,side:`bottom`,className:`w-fit p-0 rounded`,onBlur:v,children:(0,i.jsx)(C.Calendar,{mode:`single`,selected:h.value??void 0,hidden:{before:l??new Date(1900,0,1),after:d??new Date(2100,11,31)},onSelect:e=>{e&&y(e)}})})]}),S&&(0,i.jsx)(q,{errors:h.meta.errors})]})},ne=({label:e,required:t,disabled:n,options:r,orientation:a=`vertical`})=>{let{form:o,name:s,state:c,handleBlur:l,handleChange:u}=Q(),d=(0,b.useSelector)(o.store,({isSubmitting:e})=>e),f=c.meta.isTouched&&!c.meta.isValid,p=n||d;return(0,i.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[e&&(0,i.jsxs)(g.Label,{children:[e,t&&(0,i.jsx)(`span`,{className:`text-danger-strong`,children:`*`})]}),(0,i.jsx)(w.RadioGroup,{name:s,value:c.value??``,disabled:p,"aria-invalid":f,className:a===`horizontal`?`flex flex-row flex-wrap gap-x-4 gap-y-2`:`flex flex-col gap-2`,onValueChange:u,onBlur:l,children:r.map(e=>(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(w.RadioGroupItem,{id:`${s}-${e.value}`,value:e.value}),(0,i.jsx)(g.Label,{htmlFor:`${s}-${e.value}`,className:`cursor-pointer font-normal`,children:e.label})]},e.value))}),f&&(0,i.jsx)(q,{errors:c.meta.errors})]})},re=({label:e,placeholder:r,required:o,maxLength:s,disabled:c})=>{let l=(0,a.useId)(),{form:u,name:d,state:f,handleBlur:p,handleChange:m}=Q(),_=(0,b.useSelector)(u.store,({isSubmitting:e})=>e),v=f.meta.isTouched&&!f.meta.isValid,y=(0,a.useCallback)(({target:{value:e}})=>{_||s&&e.length>s||m(e||null)},[_,s,m]);return(0,i.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[e&&(0,i.jsxs)(g.Label,{htmlFor:l,children:[e,o&&(0,i.jsx)(`span`,{className:`text-danger-strong`,children:`*`})]}),(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(h.Input,{id:l,name:d,type:`email`,value:f.value??``,"aria-invalid":v,autoComplete:`email`,placeholder:r,disabled:c||_,className:(0,n.cn)(`pl-9`),onBlur:p,onChange:y}),(0,i.jsx)(`div`,{className:`pointer-events-none absolute inset-y-0 left-0 flex size-9 items-center justify-center text-muted`,children:(0,i.jsx)(t.AtSignIcon,{size:14})})]}),v&&(0,i.jsx)(q,{errors:f.meta.errors})]})},ie=({label:e,placeholder:t,required:n,unit:r,allowNegative:o,disabled:s})=>{let c=(0,a.useId)(),{form:l,state:u,handleBlur:d,handleChange:f}=Q(),p=(0,b.useSelector)(l.store,({isSubmitting:e})=>e),m=u.meta.isTouched&&!u.meta.isValid,h=(0,a.useCallback)(e=>{p||f(e)},[p,f]);return(0,i.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[e&&(0,i.jsxs)(g.Label,{htmlFor:c,children:[e,n&&(0,i.jsx)(`span`,{className:`text-danger-strong`,children:`*`})]}),(0,i.jsx)(T.NumberInput,{id:c,value:u.value,placeholder:t,unitText:r,allowNegative:o,disabled:s||p,onBlur:d,onValueChange:h}),m&&(0,i.jsx)(q,{errors:u.meta.errors})]})},ae=({label:e,placeholder:n,required:r,disabled:o})=>{let s=(0,a.useId)(),{form:c,name:l,state:u,handleBlur:d,handleChange:f}=Q(),p=(0,b.useSelector)(c.store,({isSubmitting:e})=>e),[m,_]=(0,a.useState)(!1),v=u.meta.isTouched&&!u.meta.isValid,y=(0,a.useCallback)(()=>_(e=>!e),[]),x=(0,a.useCallback)(({target:{value:e}})=>{p||f(e||null)},[p,f]);return(0,i.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[e&&(0,i.jsxs)(g.Label,{htmlFor:s,children:[e,r&&(0,i.jsx)(`span`,{className:`text-danger-strong`,children:`*`})]}),(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(h.Input,{id:s,name:l,type:m?`text`:`password`,value:u.value??``,"aria-invalid":v,autoComplete:`current-password`,placeholder:n,disabled:o||p,className:`pr-9`,onBlur:d,onChange:x}),(0,i.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-label":m?`Ẩn mật khẩu`:`Hiện mật khẩu`,"aria-pressed":m,"aria-controls":s,className:`absolute inset-y-0 right-0 flex size-9 items-center justify-center text-muted outline-none transition-colors hover:text-text-positive focus-visible:text-text-positive disabled:pointer-events-none disabled:opacity-50`,disabled:o||p,onClick:y,children:m?(0,i.jsx)(t.EyeOffIcon,{size:16,"aria-hidden":`true`}):(0,i.jsx)(t.EyeIcon,{size:16,"aria-hidden":`true`})})]}),v&&(0,i.jsx)(q,{errors:u.meta.errors})]})},oe=({label:e,placeholder:r,required:o,options:s})=>{let c=(0,a.useId)(),{state:d,handleBlur:f,handleChange:p}=Q(),m=(0,l.useIsMobile)(),[h,_]=(0,a.useState)(!1),y=d.meta.isTouched&&!d.meta.isValid,b=s.find(e=>e.value===d.value)?.label;return m?(0,i.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[e&&(0,i.jsxs)(g.Label,{htmlFor:c,children:[e,o&&(0,i.jsx)(`span`,{className:`text-danger-strong`,children:`*`})]}),(0,i.jsx)(u.Button,{id:c,type:`button`,variant:`outline`,color:`muted`,className:(0,n.cn)(`w-full justify-start font-normal outline-1 outline-border -outline-offset-1`,!d.value&&`text-text-positive-muted`,y&&`outline-danger bg-danger-bg-subtle`),"aria-invalid":y,onBlur:f,onClick:()=>_(!0),children:b??(0,i.jsx)(`span`,{className:`text-text-positive-muted`,children:r})}),(0,i.jsx)(S.Drawer,{open:h,onOpenChange:_,direction:`bottom`,children:(0,i.jsxs)(S.DrawerContent,{children:[(0,i.jsx)(S.DrawerHeader,{children:(0,i.jsx)(S.DrawerTitle,{children:e??r??`Select an option`})}),(0,i.jsx)(`div`,{className:`flex flex-col overflow-y-auto pb-safe-bottom`,children:s.length>0?s.map(e=>(0,i.jsx)(S.DrawerClose,{asChild:!0,children:(0,i.jsx)(`button`,{type:`button`,className:(0,n.cn)(`flex w-full items-center px-4 py-3 text-left text-sm transition-colors`,`hover:bg-muted-muted active:bg-muted-muted`,d.value===e.value&&`bg-primary-bg-subtle font-medium text-primary`),onClick:()=>{p(e.value),_(!1)},children:e.label})},e.value)):(0,i.jsxs)(`div`,{className:`flex items-center justify-center gap-x-2 px-4 py-8 text-center text-sm text-text-positive-weak`,children:[(0,i.jsx)(t.PackagePlusIcon,{strokeWidth:1}),`No options available`]})})]})}),y&&(0,i.jsx)(q,{errors:d.meta.errors})]}):(0,i.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[e&&(0,i.jsxs)(g.Label,{htmlFor:c,children:[e,o&&(0,i.jsx)(`span`,{className:`text-danger-strong`,children:`*`})]}),(0,i.jsxs)(v.Select,{value:d.value??``,onValueChange:p,children:[(0,i.jsx)(v.SelectTrigger,{id:c,"aria-invalid":y?`true`:void 0,onBlur:f,children:(0,i.jsx)(v.SelectValue,{placeholder:r})}),(0,i.jsx)(v.SelectContent,{children:s.length>0?s.map(e=>(0,i.jsx)(v.SelectItem,{value:e.value,children:e.label},e.value)):(0,i.jsxs)(`div`,{className:`flex items-center justify-center gap-x-2 rounded border border-border bg-muted-muted px-4 py-6.5 text-center text-sm text-text-positive-weak`,children:[(0,i.jsx)(t.PackagePlusIcon,{strokeWidth:1}),`No options available`]})})]}),y&&(0,i.jsx)(q,{errors:d.meta.errors})]})},se=({label:e,placeholder:t,required:n,maxLength:r,rows:o,disabled:s})=>{let c=(0,a.useId)(),{form:l,name:u,state:d,handleBlur:f,handleChange:p}=Q(),m=(0,b.useSelector)(l.store,({isSubmitting:e})=>e),h=d.meta.isTouched&&!d.meta.isValid,_=(0,a.useCallback)(({target:{value:e}})=>{m||r&&e.length>r||p(e||null)},[m,r,p]);return(0,i.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[e&&(0,i.jsxs)(g.Label,{htmlFor:c,children:[e,n&&(0,i.jsx)(`span`,{className:`text-danger-strong`,children:`*`})]}),(0,i.jsx)(E.Textarea,{id:c,name:u,value:d.value??``,"aria-invalid":h,placeholder:t,rows:o,disabled:s||m,onBlur:f,onChange:_}),h&&(0,i.jsx)(q,{errors:d.meta.errors})]})},ce=({label:e,placeholder:t,required:n,maxLength:r,disabled:o})=>{let s=(0,a.useId)(),{form:c,name:l,state:u,handleBlur:d,handleChange:f}=Q(),p=(0,b.useSelector)(c.store,({isSubmitting:e})=>e),m=u.meta.isTouched&&!u.meta.isValid,_=(0,a.useCallback)(({target:{value:e}})=>{p||r&&e.length>r||f(e||null)},[p,r,f]);return(0,i.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[e&&(0,i.jsxs)(g.Label,{htmlFor:s,children:[e,n&&(0,i.jsx)(`span`,{className:`text-danger-strong`,children:`*`})]}),(0,i.jsx)(h.Input,{id:s,name:l,value:u.value??``,"aria-invalid":m,placeholder:t,autoComplete:`off`,disabled:o||p,onBlur:d,onChange:_}),m&&(0,i.jsx)(q,{errors:u.meta.errors})]})},le=({label:e,description:t,options:n,tooltip:r,helperText:a,orientation:o})=>{let s=Q(),c=(0,b.useSelector)(s.form.store,({isSubmitting:e})=>e);return(0,i.jsxs)(L,{className:`gap-y-4 px-4`,children:[(0,i.jsxs)(R,{orientation:o,children:[(0,i.jsxs)(z,{children:[(0,i.jsxs)(V,{children:[e,r&&(0,i.jsx)(G,{tooltip:r})]}),(0,i.jsx)(U,{children:t}),(0,i.jsx)(W,{isShow:!!a,children:a})]}),(0,i.jsx)(B,{children:(0,i.jsx)(L,{className:`flex flex-col gap-y-2`,children:n.map(e=>(0,i.jsxs)(R,{orientation:`horizontal`,children:[(0,i.jsx)(m.Checkbox,{id:`${s.name}-${e.value}`,name:s.name,checked:s.state.value?.includes(e.value)??!1,disabled:c,onCheckedChange:t=>{if(t&&s.state.value!==null)s.pushValue(e.value);else if(t&&s.state.value===null)s.setValue([e.value]);else if(!t&&s.state.value!==null){let t=s.state.value.indexOf(e.value);t>-1&&s.removeValue(t)}else s.setValue(null)}}),(0,i.jsx)(V,{htmlFor:`${s.name}-${e.value}`,className:`text-text-positive`,children:e.label})]},e.value))})})]}),(0,i.jsx)(K,{})]})},Y=(0,a.memo)(({label:e,description:r,placeholder:o,tooltip:s,helperText:d,orientation:m=`responsive`,options:h,required:g=!1,disabled:v=!1,clearable:y=!1,showErrorMessage:x=!0})=>{let S=(0,a.useId)(),C=Q(),w=(0,l.useIsMobile)(),[T,E]=(0,a.useState)(!1),[D,O]=(0,a.useState)(!1),k=(0,b.useSelector)(C.form.store,({isSubmitting:e})=>e),A=v||k,j=C.state.meta.isDirty||C.state.meta.isTouched,M=j&&!C.state.meta.isValid,N=g&&C.state.value===null,P=y&&!!C.state.value&&!A,F=h.find(({value:e})=>e===C.state.value)?.label,I=()=>{C.handleChange(null),C.handleBlur()},H=e=>(0,i.jsx)(u.Button,{variant:`outline`,color:`muted`,size:`lg`,disabled:A,"aria-invalid":M?!0:void 0,"aria-describedby":S,className:(0,n.cn)(`flex w-full items-center justify-start rounded outline-border`,`hover:bg-transparent`,`focus-visible:outline-1 focus-visible:outline-primary-strong focus-visible:ring-4 focus-visible:ring-primary-weak`,`data-[state=open]:text-text-positive-muted data-[state=open]:outline-1 data-[state=open]:outline-primary-strong data-[state=open]:ring-4 data-[state=open]:ring-primary-weak`,P&&`pr-8`,!C.state.value&&`text-text-positive-muted`,M&&`outline-danger bg-danger-bg-subtle ring-4 ring-danger-weak`),onClick:e,children:F?(0,i.jsx)(`p`,{className:`flex min-w-0 flex-1 items-center gap-2 truncate text-start`,children:F}):(0,i.jsx)(`p`,{className:`flex-1 text-start text-text-positive-muted`,children:o})}),J=e=>(0,i.jsxs)(p.Command,{className:`border-none`,children:[(0,i.jsx)(p.CommandInput,{placeholder:o??`Tìm kiếm…`}),(0,i.jsxs)(p.CommandList,{children:[(0,i.jsx)(p.CommandEmpty,{className:`flex min-h-30 items-center justify-center text-sm text-text-positive-weak`,children:`Không tìm thấy kết quả nào phù hợp.`}),(0,i.jsx)(p.CommandGroup,{className:`max-h-60 overflow-y-auto`,children:h.map(({value:t,label:n})=>(0,i.jsx)(p.CommandItem,{value:n,onSelect:()=>e(t),children:n},t))})]})]});return(0,i.jsxs)(L,{className:`gap-y-4 px-4`,children:[(0,i.jsxs)(R,{orientation:m,"data-invalid":M,children:[(0,i.jsxs)(z,{children:[(0,i.jsxs)(V,{"aria-required":N,htmlFor:C.name,children:[e,s&&(0,i.jsx)(G,{tooltip:s})]}),(0,i.jsx)(U,{children:r})]}),(0,i.jsx)(B,{className:`flex justify-end`,children:(0,i.jsxs)(`div`,{className:`flex w-full flex-col`,children:[(0,i.jsxs)(`div`,{className:`relative`,children:[w?(0,i.jsxs)(i.Fragment,{children:[H(()=>E(!0)),(0,i.jsx)(f.Dialog,{open:T,onOpenChange:e=>{E(e),e||C.handleBlur()},children:(0,i.jsxs)(f.DialogPortal,{children:[(0,i.jsx)(f.DialogOverlay,{}),(0,i.jsxs)(c.Dialog.Content,{onOpenAutoFocus:e=>e.preventDefault(),className:(0,n.cn)(`fixed inset-x-0 bottom-0 z-50`,`flex flex-col bg-background rounded-t-2xl outline-none`,`max-h-[80dvh] shadow-[0_-4px_24px_rgba(0,0,0,0.08)]`,`data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=closed]:fade-out-0`,`duration-300`),children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-3 border-b border-border shrink-0`,children:[(0,i.jsx)(`span`,{className:`font-semibold text-sm text-text-positive`,children:e}),(0,i.jsx)(f.DialogClose,{asChild:!0,children:(0,i.jsx)(`button`,{type:`button`,"aria-label":`Đóng`,className:`flex size-7 items-center justify-center rounded-md text-text-positive-weak transition-colors hover:bg-muted-muted hover:text-text-positive`,children:(0,i.jsx)(t.XIcon,{size:16})})})]}),(0,i.jsxs)(`div`,{className:`flex flex-col overflow-y-auto`,children:[P&&(0,i.jsx)(f.DialogClose,{asChild:!0,children:(0,i.jsxs)(`button`,{type:`button`,className:`flex w-full items-center gap-x-2 px-4 py-3 text-left text-sm text-danger-strong transition-colors hover:bg-danger-bg-subtle`,onClick:I,children:[(0,i.jsx)(t.XIcon,{size:14}),`Xóa lựa chọn`]})}),J(e=>{C.handleChange(e),E(!1),C.handleBlur()})]}),(0,i.jsx)(`div`,{className:`shrink-0 h-safe-bottom`})]})]})})]}):(0,i.jsxs)(_.Popover,{open:D,onOpenChange:e=>{O(e),e||C.handleBlur()},children:[(0,i.jsx)(_.PopoverTrigger,{asChild:!0,children:H()}),(0,i.jsx)(_.PopoverContent,{align:`end`,side:`bottom`,className:`flex w-fit rounded p-0`,children:J(e=>{C.handleChange(e),O(!1),C.handleBlur()})})]}),P&&(0,i.jsx)(`button`,{type:`button`,"aria-label":`Xóa lựa chọn`,className:`absolute right-2 top-1/2 -translate-y-1/2 flex size-4 cursor-pointer items-center justify-center rounded-md text-text-positive-weak outline-none transition-[color,transform] hover:text-text-positive focus-visible:text-primary-strong focus-visible:[&>svg]:scale-125 [&>svg]:size-3.5 [&>svg]:transition-transform`,onClick:I,children:(0,i.jsx)(t.XIcon,{"aria-hidden":`true`})})]}),j&&x&&(0,i.jsx)(q,{id:S,className:`mt-1`,errors:C.state.meta.errors}),(0,i.jsx)(W,{isShow:!!d,children:d})]})})]}),(0,i.jsx)(K,{})]})});Y.displayName=`ComboboxField`;const X=(0,a.memo)(({label:e,description:r,placeholder:s,orientation:c=`responsive`,tooltip:l,helperText:d,showErrorMessage:f=!0,required:p=!1,disabled:m=!1,minDate:h,maxDate:g})=>{let v=(0,a.useId)(),y=Q(),[x,S]=(0,a.useState)(!1),w=(0,b.useSelector)(y.form.store,({isSubmitting:e})=>e),T=m||w,E=y.state.meta.isDirty||y.state.meta.isTouched,D=E&&!y.state.meta.isValid,O=p&&y.state.value===null,k=e=>{y.handleChange(e),S(!1)};return(0,i.jsxs)(L,{className:`px-4`,children:[(0,i.jsxs)(R,{orientation:c,"data-invalid":D,children:[(0,i.jsxs)(z,{children:[(0,i.jsxs)(V,{htmlFor:y.name,"aria-required":O,children:[e,l&&(0,i.jsx)(G,{tooltip:l})]}),(0,i.jsx)(U,{children:r})]}),(0,i.jsx)(B,{className:`flex flex-col space-y-1`,children:(0,i.jsxs)(`div`,{className:`flex w-full flex-col`,children:[(0,i.jsxs)(_.Popover,{open:x,onOpenChange:e=>{S(e),e||y.handleBlur()},children:[(0,i.jsx)(_.PopoverTrigger,{asChild:!0,children:(0,i.jsxs)(u.Button,{variant:`outline`,color:`muted`,size:`lg`,disabled:T,"aria-invalid":D?!0:void 0,"aria-describedby":v,className:(0,n.cn)(`flex items-center justify-between rounded font-normal outline-border`,`hover:bg-transparent`,`focus:outline-1 focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`data-[state=open]:outline-1 data-[state=open]:outline-primary-strong data-[state=open]:ring-4 data-[state=open]:ring-primary-weak`,y.state.value===null&&`text-text-positive-muted`,D&&`outline-danger bg-danger-bg-subtle ring-4 ring-danger-weak`),children:[(0,i.jsx)(`p`,{children:y.state.value===null?s??`Select date`:(0,o.format)(y.state.value,`PPPP`)}),(0,i.jsx)(t.CalendarDaysIcon,{strokeWidth:1})]})}),(0,i.jsxs)(_.PopoverContent,{align:`start`,side:`bottom`,className:`flex w-fit min-w-0 overflow-y-auto rounded p-0`,children:[(0,i.jsxs)(`div`,{className:`flex h-full flex-col space-y-2 border-r border-r-border p-2 [&>button]:justify-start [&>button]:text-sm`,children:[(0,i.jsx)(u.Button,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>k((0,o.endOfToday)()),children:`Hôm nay`}),(0,i.jsx)(u.Button,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>k((0,o.endOfTomorrow)()),children:`Ngày mai`}),(0,i.jsx)(u.Button,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>k((0,o.endOfYesterday)()),children:`Hôm qua`}),(0,i.jsx)(u.Button,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>k((0,o.subDays)((0,o.endOfToday)(),3)),children:`3 ngày qua`}),(0,i.jsx)(u.Button,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>k((0,o.subDays)((0,o.endOfToday)(),7)),children:`7 ngày qua`}),(0,i.jsx)(u.Button,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>k((0,o.subDays)((0,o.endOfToday)(),30)),children:`30 ngày qua`}),(0,i.jsx)(u.Button,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>k((0,o.startOfMonth)((0,o.endOfToday)())),children:`Tháng này`}),(0,i.jsx)(u.Button,{variant:`ghost`,color:`muted`,className:`w-32`,onClick:()=>k((0,o.lastDayOfMonth)((0,o.endOfToday)())),children:`Tháng trước`})]}),(0,i.jsx)(`div`,{className:`flex flex-1 flex-col`,children:(0,i.jsx)(`div`,{className:`min-w-73 border-b border-b-border p-2`,children:(0,i.jsx)(C.Calendar,{mode:`single`,selected:y.state.value??void 0,hidden:{before:h??new Date(1900,0,1),after:g??new Date(2100,11,31)},onSelect:e=>{e&&k(e)}})})})]})]}),E&&f&&(0,i.jsx)(q,{id:v,className:`mt-1`,errors:y.state.meta.errors}),(0,i.jsx)(W,{isShow:!!d,children:d})]})})]}),(0,i.jsx)(K,{})]})});X.displayName=`DateField`;const ue=({label:e,description:r,placeholder:o,tooltip:s,helperText:c,orientation:l=`responsive`,showErrorMessage:u=!0,required:d=!1,maxLength:f})=>{let{form:p,name:m,state:g,handleBlur:_,handleChange:v}=Q(),y=(0,b.useSelector)(p.store,({isSubmitting:e})=>e),x=g.meta.isDirty&&g.meta.isTouched&&!g.meta.isValid,S=d&&g.value===null,C=!y&&!!g.value,w=(0,a.useCallback)(({target:{value:e}})=>{y||f&&e.length>f||v(e||null)},[y,f,v]),T=(0,a.useCallback)(()=>{y||v(null)},[y,v]);return(0,i.jsxs)(L,{className:`gap-y-4 px-4`,children:[(0,i.jsxs)(R,{"data-invalid":x,orientation:l,children:[(0,i.jsxs)(z,{children:[(0,i.jsxs)(V,{htmlFor:m,"aria-required":S,children:[e,s&&(0,i.jsx)(G,{tooltip:s})]}),(0,i.jsx)(U,{children:r})]}),(0,i.jsxs)(B,{children:[(0,i.jsx)(h.Input,{id:m,name:m,value:g.value===null?``:g.value,"aria-invalid":x,autoComplete:`email`,placeholder:o,className:(0,n.cn)(`pl-9`,C&&`pr-9`,y&&`pointer-events-none bg-muted-muted opacity-60`),onBlur:_,onChange:w}),(0,i.jsx)(`div`,{className:`absolute top-0 left-0 flex size-9 items-center justify-center text-muted`,children:(0,i.jsx)(t.AtSignIcon,{size:14})}),C&&(0,i.jsx)(`button`,{type:`button`,"aria-label":`Xóa`,className:`absolute inset-e-0 inset-y-0 top-3 flex h-fit w-8 cursor-pointer items-center justify-center rounded-e-md text-text-positive-weak outline-none transition-[color,box-shadow] hover:text-text-positive focus:text-text-positive-strong`,onClick:T,children:(0,i.jsx)(t.XIcon,{size:14,"aria-hidden":`true`})}),(0,i.jsx)(`div`,{className:`mt-1 flex w-full items-start justify-start`,children:u&&g.meta.isDirty&&(0,i.jsx)(q,{errors:g.meta.errors})}),(0,i.jsx)(W,{isShow:!!c,children:c})]})]}),(0,i.jsx)(K,{})]})},Z=(0,a.memo)(({label:e,description:r,placeholder:o,tooltip:s,helperText:c,orientation:l=`responsive`,showErrorMessage:u=!0,rounding:d,decimalPlaces:f,precision:p,unit:m,required:h=!1,disabled:g=!1,allowNegative:_})=>{let v=(0,a.useId)(),y=(0,a.useId)(),x=Q(),S=(0,b.useSelector)(x.form.store,({isSubmitting:e})=>e),C=g||S,w=x.state.meta.isDirty||x.state.meta.isTouched,E=w&&!x.state.meta.isValid,D=h&&x.state.value===null,O=!!x.state.meta.errors.length,k=(0,a.useCallback)(e=>{C||x.handleChange(e)},[C,x.handleChange]);return(0,i.jsxs)(L,{className:`gap-y-4 px-4`,children:[(0,i.jsxs)(R,{orientation:l,"data-invalid":E,children:[(0,i.jsxs)(z,{children:[(0,i.jsxs)(V,{htmlFor:v,"aria-required":D,children:[e,s&&(0,i.jsx)(G,{tooltip:s})]}),(0,i.jsx)(U,{children:r})]}),(0,i.jsxs)(B,{children:[(0,i.jsxs)(`div`,{className:`relative w-full`,children:[(0,i.jsx)(T.NumberInput,{id:v,value:x.state.value,"aria-invalid":E,"aria-describedby":y,placeholder:o,disabled:C,roundingRule:d,numberAfterDecimalPoint:f,precision:p,unitText:m,allowNegative:_,className:(0,n.cn)(C&&`pointer-events-none opacity-60`),onBlur:x.handleBlur,onValueChange:k}),S&&(0,i.jsx)(`div`,{className:`pointer-events-none absolute inset-s-2 inset-y-0 top-2.5 [&>svg]:size-3.5`,children:(0,i.jsx)(t.Loader2Icon,{className:`animate-spin text-primary-strong`})}),!S&&w&&u&&O&&(0,i.jsx)(`div`,{className:`pointer-events-none absolute inset-s-2 inset-y-0 top-2.75 text-danger-strong [&>svg]:size-3.5`,children:(0,i.jsx)(t.BanIcon,{})}),(0,i.jsx)(`div`,{className:`mt-1 flex w-full items-start justify-between gap-x-2`,children:w&&u?(0,i.jsx)(q,{id:y,className:`flex-1`,errors:x.state.meta.errors}):(0,i.jsx)(`div`,{})})]}),(0,i.jsx)(W,{isShow:!!c,children:c})]})]}),(0,i.jsx)(K,{})]})});Z.displayName=`NumberField`;const de=({label:e,description:n,placeholder:r,orientation:o=`responsive`,tooltip:s,helperText:c,showErrorMessage:l=!0})=>{let u=(0,a.useId)(),{form:d,name:f,state:p,handleBlur:m,handleChange:g}=Q(),_=(0,b.useSelector)(d.store,({isSubmitting:e})=>e),[v,y]=(0,a.useState)(!1),x=p.meta.isDirty&&p.meta.isTouched&&!p.meta.isValid,S=(0,a.useCallback)(()=>y(e=>!e),[]),C=(0,a.useCallback)(({target:{value:e}})=>{_||g(e||null)},[_,g]);return(0,i.jsxs)(L,{className:`gap-y-4 px-4`,children:[(0,i.jsxs)(R,{"data-invalid":x,orientation:o,children:[(0,i.jsxs)(z,{children:[(0,i.jsxs)(V,{htmlFor:u,children:[e,s&&(0,i.jsx)(G,{tooltip:s})]}),(0,i.jsx)(U,{children:n})]}),(0,i.jsxs)(B,{children:[(0,i.jsx)(h.Input,{id:u,name:f,type:v?`text`:`password`,placeholder:r,value:p.value??``,"aria-invalid":x,autoComplete:`new-password`,onBlur:m,onChange:C}),(0,i.jsx)(`button`,{className:`absolute inset-e-0 inset-y-0 flex size-9 items-center justify-center rounded-e-md text-muted outline-none transition-[color,box-shadow] focus:z-10 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,type:`button`,onClick:S,"aria-label":v?`Ẩn mật khẩu`:`Hiện mật khẩu`,"aria-pressed":v,"aria-controls":u,children:v?(0,i.jsx)(t.EyeOffIcon,{size:16,"aria-hidden":`true`}):(0,i.jsx)(t.EyeIcon,{size:16,"aria-hidden":`true`})}),(0,i.jsx)(`div`,{className:`mt-1 flex w-full items-start justify-start`,children:l&&p.meta.isDirty&&(0,i.jsx)(q,{errors:p.meta.errors})}),(0,i.jsx)(W,{isShow:!!c,children:c})]})]}),(0,i.jsx)(K,{})]})},fe=({label:e,description:t,orientation:r,options:a,tooltip:o,helperText:s})=>{let c=Q(),l=(0,b.useSelector)(c.form.store,({isSubmitting:e})=>e);return(0,i.jsxs)(L,{className:`px-4`,children:[(0,i.jsxs)(R,{orientation:r,className:`flex-col gap-2`,children:[(0,i.jsxs)(z,{children:[(0,i.jsxs)(V,{children:[e,o&&(0,i.jsx)(G,{tooltip:o})]}),(0,i.jsx)(U,{children:t}),(0,i.jsx)(W,{isShow:!!s,children:s})]}),(0,i.jsx)(B,{children:(0,i.jsx)(w.RadioGroup,{value:c.state.value??``,className:`w-full`,onValueChange:c.handleChange,children:a.map(e=>(0,i.jsx)(V,{className:(0,n.cn)(`h-fit`,c.state.value===e.value&&`border-primary-weak! bg-primary-bg-subtle`,l&&`pointer-events-none bg-muted-muted opacity-60`,c.state.value===e.value&&l&&`border-border-strong!`),children:(0,i.jsxs)(R,{orientation:`horizontal`,className:`items-start gap-3 rounded p-2!`,children:[(0,i.jsx)(w.RadioGroupItem,{value:e.value,className:`mt-0.5 shrink-0`}),(0,i.jsxs)(z,{className:`gap-0.5!`,children:[(0,i.jsx)(H,{children:e.label}),(0,i.jsx)(U,{className:`text-xs`,children:e.description})]})]})},e.value))})})]}),(0,i.jsx)(K,{})]})},pe=(0,a.memo)(({label:e,description:r,placeholder:o,orientation:s=`responsive`,tooltip:u,options:d,helperText:p,clearable:m=!1,required:h=!1,disabled:g=!1,showErrorMessage:_=!0})=>{let y=(0,a.useId)(),x=Q(),S=(0,l.useIsMobile)(),[C,w]=(0,a.useState)(!1),T=(0,b.useSelector)(x.form.store,({isSubmitting:e})=>e),E=g||T,D=x.state.meta.isDirty||x.state.meta.isTouched,O=D&&!x.state.meta.isValid,k=h&&x.state.value===null,A=m&&!!x.state.value&&!E,j=d.find(e=>e.value===x.state.value)?.label,M=()=>{x.handleChange(null),x.handleBlur()};return(0,i.jsxs)(L,{className:`gap-y-4 px-4`,children:[(0,i.jsxs)(R,{orientation:s,"data-invalid":O,children:[(0,i.jsxs)(z,{children:[(0,i.jsxs)(V,{htmlFor:x.name,"aria-required":k,children:[e,u&&(0,i.jsx)(G,{tooltip:u})]}),(0,i.jsx)(U,{children:r})]}),(0,i.jsxs)(B,{className:`flex flex-col`,children:[S?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(`button`,{id:x.name,type:`button`,disabled:E,"aria-invalid":O?`true`:void 0,"aria-describedby":y,onBlur:x.handleBlur,onClick:()=>w(!0),className:(0,n.cn)(`flex w-full items-center justify-between`,`outline-1 outline-border -outline-offset-1`,`gap-2 rounded bg-transparent px-3 py-2`,`shadow-input transition-all cursor-pointer whitespace-nowrap text-sm`,`focus-visible:outline-primary-strong focus-visible:ring-4 focus-visible:ring-primary-weak`,`disabled:cursor-not-allowed disabled:opacity-50`,O&&`outline-danger bg-danger-bg-subtle ring-danger-weak`,!x.state.value&&`text-text-positive-muted`),children:[(0,i.jsx)(`span`,{className:`line-clamp-1`,children:j??o}),(0,i.jsx)(t.ChevronDownIcon,{size:16,className:`shrink-0 opacity-50`})]}),(0,i.jsx)(f.Dialog,{open:C,onOpenChange:e=>{w(e),e||x.handleBlur()},children:(0,i.jsxs)(f.DialogPortal,{children:[(0,i.jsx)(f.DialogOverlay,{}),(0,i.jsxs)(c.Dialog.Content,{onOpenAutoFocus:e=>e.preventDefault(),className:(0,n.cn)(`fixed inset-x-0 bottom-0 z-50`,`flex flex-col bg-background rounded-t-2xl outline-none`,`max-h-[80dvh] shadow-[0_-4px_24px_rgba(0,0,0,0.08)]`,`data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom data-[state=closed]:fade-out-0`,`duration-300`),children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-3 border-b border-border shrink-0`,children:[(0,i.jsx)(`span`,{className:`font-semibold text-sm text-text-positive`,children:e??o??`Chọn một tùy chọn`}),(0,i.jsx)(f.DialogClose,{asChild:!0,children:(0,i.jsx)(`button`,{type:`button`,"aria-label":`Đóng`,className:`flex size-7 items-center justify-center rounded-md text-text-positive-weak transition-colors hover:bg-muted-muted hover:text-text-positive`,children:(0,i.jsx)(t.XIcon,{size:16})})})]}),(0,i.jsxs)(`div`,{className:`flex flex-col overflow-y-auto`,children:[A&&(0,i.jsx)(f.DialogClose,{asChild:!0,children:(0,i.jsxs)(`button`,{type:`button`,className:`flex w-full items-center gap-x-2 px-4 py-3 text-left text-sm text-danger-strong transition-colors hover:bg-danger-bg-subtle`,onClick:M,children:[(0,i.jsx)(t.XIcon,{size:14}),`Xóa lựa chọn`]})}),d.length>0?d.map(e=>(0,i.jsx)(f.DialogClose,{asChild:!0,children:(0,i.jsx)(`button`,{type:`button`,className:(0,n.cn)(`flex w-full items-center px-4 py-3 text-left text-sm transition-colors`,`hover:bg-muted-muted active:bg-muted-muted`,x.state.value===e.value&&`bg-primary-bg-subtle font-medium text-primary`),onClick:()=>{x.handleChange(e.value),x.handleBlur()},children:e.label})},e.value)):(0,i.jsxs)(`div`,{className:`flex items-center justify-center gap-x-2 px-4 py-8 text-center text-sm text-text-positive-weak`,children:[(0,i.jsx)(t.PackagePlusIcon,{strokeWidth:1}),`Không có tùy chọn`]})]}),(0,i.jsx)(`div`,{className:`shrink-0 h-safe-bottom`})]})]})})]}):(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsxs)(v.Select,{value:x.state.value??``,disabled:E,onValueChange:x.handleChange,children:[(0,i.jsx)(v.SelectTrigger,{"aria-invalid":O?`true`:void 0,"aria-describedby":y,onBlur:x.handleBlur,children:(0,i.jsx)(v.SelectValue,{placeholder:o})}),(0,i.jsx)(v.SelectContent,{children:d.length>0?d.map(e=>(0,i.jsx)(v.SelectItem,{value:e.value,children:e.label},e.value)):(0,i.jsxs)(`div`,{className:`flex items-center justify-center gap-x-2 rounded border border-border bg-muted-muted px-4 py-6.5 text-center text-sm text-text-positive-weak`,children:[(0,i.jsx)(t.PackagePlusIcon,{strokeWidth:1}),`No options available`]})})]}),A&&(0,i.jsx)(`button`,{type:`button`,"aria-label":`Xóa lựa chọn`,className:`absolute right-7 top-1/2 -translate-y-1/2 flex size-4 cursor-pointer items-center justify-center rounded-md text-text-positive-weak outline-none transition-[color,transform] hover:text-text-positive focus-visible:text-primary-strong focus-visible:[&>svg]:scale-125 [&>svg]:size-3.5 [&>svg]:transition-transform`,onClick:M,children:(0,i.jsx)(t.XIcon,{"aria-hidden":`true`})})]}),D&&_&&(0,i.jsx)(q,{id:y,className:`mt-1`,errors:x.state.meta.errors}),(0,i.jsx)(W,{isShow:!!p,children:p})]})]}),(0,i.jsx)(K,{})]})});pe.displayName=`SelectField`;function me({className:e,...t}){return(0,i.jsx)(c.Switch.Root,{"data-slot":`switch`,className:(0,n.cn)(`peer`,`w-8 shrink-0 cursor-pointer items-center rounded-full shadow-xs transition-all`,`inline-flex h-5`,`focus-visible:border-primary-strong`,`focus-visible:ring-primary-weak`,`focus-visible:ring-4`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`-outline-offset-1 inset-shadow-2xs outline-1`,`data-[state=checked]:bg-primary`,`data-[state=checked]:outline-primary-strong`,`data-[state=unchecked]:bg-muted-weak`,`data-[state=unchecked]:outline-border`,`data-[state=unchecked]:[&_span]:size-4`,`data-[state=unchecked]:[&_span]:translate-x-0.5`,`data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5`,e),...t,children:(0,i.jsx)(c.Switch.Thumb,{"data-slot":`switch-thumb`,className:(0,n.cn)(`block size-4 bg-card shadow-xs`,`pointer-events-none rounded-full ring-0 transition-transform`,`data-[state=checked]:translate-x-[calc(100%-3px)]`,`data-[state=unchecked]:translate-x-0`)})})}const he=({label:e,description:t,helperText:n})=>{let r=Q();return(0,i.jsxs)(L,{className:`gap-y-4 px-4`,children:[(0,i.jsxs)(R,{orientation:`vertical`,className:`relative justify-between gap-y-1`,children:[(0,i.jsxs)(z,{children:[(0,i.jsx)(H,{className:`cursor-pointer`,children:(0,i.jsx)(`label`,{htmlFor:r.name,children:e})}),(0,i.jsx)(U,{children:t}),(0,i.jsx)(me,{id:r.name,checked:r.state.value??!1,className:`absolute top-1 right-1`,onBlur:r.handleBlur,onCheckedChange:r.handleChange})]}),(0,i.jsx)(W,{isShow:!!n,children:n})]}),(0,i.jsx)(K,{})]})},ge=.8,_e=14,ve=e=>{e.key===`Enter`&&e.preventDefault()},ye=(0,a.memo)(({label:e,description:r,placeholder:o,tooltip:s,helperText:c,counter:l=!1,orientation:u=`responsive`,showClearButton:d=!1,showErrorMessage:f=!0,required:p=!1,disabled:m=!1,maxLength:g})=>{let _=(0,a.useId)(),v=(0,a.useId)(),y=(0,a.useRef)(null),{form:x,name:S,state:C,handleBlur:w,handleChange:T}=Q(),E=(0,b.useSelector)(x.store,({isSubmitting:e})=>e),O=m||E,k=C.meta.isDirty||C.meta.isTouched,A=k&&!C.meta.isValid,j=p&&C.value===null,M=C.meta.errors.length>0,N=d&&!O&&!!C.value,P=l?C.value?.length??0:0,F=l&&!!g&&P>=g*.8,I=l&&!!g&&P>=g,L=l?g?`${P} / ${g} ký tự`:`${P} ký tự`:null,R=l||k&&f,z=(0,a.useCallback)(({target:{value:e}})=>{l&&g&&e.length>g||T(e||null)},[l,g,T]),B=(0,a.useCallback)(()=>{T(null),y.current?.focus()},[T]);return(0,i.jsxs)(D.FieldGroup,{className:`gap-y-4 px-4`,children:[(0,i.jsxs)(D.Field,{orientation:u,"data-invalid":A,children:[(0,i.jsxs)(D.FieldContent,{children:[(0,i.jsxs)(D.FieldLabel,{"aria-required":j,htmlFor:_,children:[e,s&&(0,i.jsx)(D.FieldTooltip,{tooltip:s})]}),r&&(0,i.jsx)(D.FieldDescription,{children:r})]}),(0,i.jsxs)(D.FieldContentMain,{children:[(0,i.jsx)(h.Input,{ref:y,id:_,name:S,value:C.value??``,"aria-invalid":A,"aria-describedby":v,autoComplete:`off`,placeholder:o,autoCapitalize:`none`,autoCorrect:`off`,disabled:O,className:(0,n.cn)(`pr-6`,O&&`pointer-events-none bg-muted-muted opacity-60`),onBlur:w,onChange:z,onKeyDown:ve}),N&&(0,i.jsx)(`button`,{type:`button`,"aria-label":`Xóa`,className:`absolute inset-e-1 top-2.5 flex size-4 cursor-pointer items-center justify-center rounded-md text-text-positive-weak outline-none transition-[color,transform] hover:text-text-positive focus-visible:text-primary-strong focus-visible:[&>svg]:scale-125 [&>svg]:size-3.5 [&>svg]:transition-transform`,onClick:B,children:(0,i.jsx)(t.XIcon,{"aria-hidden":`true`})}),E&&(0,i.jsx)(`div`,{className:`absolute inset-e-2 inset-y-0 top-2.5 text-muted-weak`,children:(0,i.jsx)(t.Loader2Icon,{size:14,className:`animate-spin text-primary-strong`})}),!N&&k&&f&&M&&(0,i.jsx)(`div`,{className:`absolute inset-e-2 inset-y-0 top-2.5 text-danger-strong`,children:(0,i.jsx)(t.BanIcon,{"aria-hidden":`true`,size:14})}),R&&(0,i.jsxs)(`div`,{className:`my-1 flex w-full items-start justify-between gap-x-2`,children:[k&&f?(0,i.jsx)(D.FieldError,{id:v,className:`flex-1`,errors:C.meta.errors}):(0,i.jsx)(`div`,{}),l&&(0,i.jsx)(`p`,{className:(0,n.cn)(`h-4 flex-0 text-nowrap text-end text-xs tabular-nums transition-colors`,I?`font-medium text-danger-strong`:F?`text-warning-strong`:`text-text-positive-weak`),children:L})]}),(0,i.jsx)(D.FieldNote,{isShow:!!c,children:c})]})]}),(0,i.jsx)(D.FieldSeparator,{})]})});ye.displayName=`TextField`;const be=(0,a.memo)(({label:e,description:r,placeholder:o,tooltip:s,helperText:c,counter:l=!1,orientation:u=`responsive`,showErrorMessage:d=!0,required:f=!1,disabled:p=!1,maxLength:m})=>{let h=(0,a.useId)(),g=(0,a.useId)(),[_,v]=(0,a.useState)(!1),y=(0,a.useRef)(null),{form:x,state:S,name:C,handleBlur:w,handleChange:T}=Q(),D=(0,b.useSelector)(x.store,({isSubmitting:e})=>e),O=p||D,k=S.value?.length??0,A=(0,a.useMemo)(()=>l?m?`${k} / ${m} ký tự`:`${k} ký tự`:``,[k,l,m]),j=!!m&&k>=m*.8,M=!!m&&k>=m,N=S.meta.isDirty||S.meta.isTouched,P=N&&!S.meta.isValid,F=f&&S.value===null,I=!!S.meta.errors.length,H=!!S.value&&!O,J=(0,a.useMemo)(()=>(0,n.cn)(`h-4 flex-0 text-nowrap text-end text-xs tabular-nums transition-colors`,M?`font-medium text-danger-strong`:j?`text-warning-strong`:`text-text-positive-weak`),[M,j]),ee=(0,a.useCallback)(({target:{value:e}})=>{O||l&&m&&e.length>m||T(e||null)},[O,l,m,T]),te=(0,a.useCallback)(async()=>{S.value&&(await navigator.clipboard.writeText(S.value),y.current!==null&&clearTimeout(y.current),v(!0),y.current=setTimeout(()=>v(!1),1500))},[S.value]);return(0,a.useEffect)(()=>()=>{y.current!==null&&clearTimeout(y.current)},[]),(0,i.jsxs)(L,{className:`gap-y-4 px-4`,children:[(0,i.jsxs)(R,{orientation:u,"data-invalid":P,children:[(0,i.jsxs)(z,{children:[(0,i.jsxs)(V,{"aria-required":F,htmlFor:h,children:[e,s&&(0,i.jsx)(G,{tooltip:s})]}),(0,i.jsx)(U,{children:r})]}),(0,i.jsxs)(B,{children:[(0,i.jsx)(E.Textarea,{id:h,name:C,value:S.value??``,"aria-invalid":P,"aria-describedby":g,autoCapitalize:`none`,autoComplete:`off`,autoCorrect:`off`,placeholder:o,disabled:O,className:(0,n.cn)(O&&`pointer-events-none bg-muted-muted opacity-60`),onChange:ee,onBlur:w}),H&&(0,i.jsx)(`button`,{type:`button`,"aria-label":`Sao chép`,className:`absolute inset-e-1 top-2 flex size-4 cursor-pointer items-center justify-center rounded-md outline-none transition-[color,transform] focus-visible:[&>svg]:scale-125 [&>svg]:size-3.5 [&>svg]:transition-transform`,onClick:te,children:_?(0,i.jsx)(t.CheckIcon,{"aria-hidden":`true`,className:`text-success-strong`}):(0,i.jsx)(t.CopyIcon,{"aria-hidden":`true`,className:`text-text-positive-weak transition-colors hover:text-text-positive focus-visible:text-primary-strong`})}),D&&(0,i.jsx)(`div`,{className:`absolute inset-e-2 inset-y-0 top-2.5 text-muted-weak`,children:(0,i.jsx)(t.Loader2Icon,{size:14,className:`animate-spin text-primary-strong`})}),!H&&N&&d&&I&&(0,i.jsx)(`div`,{className:`absolute inset-e-2 inset-y-0 top-2.5 text-danger-strong`,children:(0,i.jsx)(t.BanIcon,{size:14})}),(0,i.jsxs)(`div`,{className:`my-1 flex w-full items-start justify-between gap-x-2`,children:[N&&d?(0,i.jsx)(q,{id:g,className:`flex-1`,errors:S.meta.errors}):(0,i.jsx)(`div`,{}),!!l&&(0,i.jsx)(`p`,{className:J,children:A})]}),(0,i.jsx)(W,{isShow:!!c,children:c})]})]}),(0,i.jsx)(K,{})]})});be.displayName=`TextareaField`;const xe=(0,a.memo)(({label:e,description:t,placeholder:n,tooltip:r,helperText:o,showErrorMessage:s=!0,required:c=!1})=>{let{form:l,state:u,handleChange:d}=Q(),f=(0,b.useSelector)(l.store,({isSubmitting:e})=>e),p=u.meta.isDirty&&u.meta.isTouched&&!u.meta.isValid,m=c&&u.value===null,h=(0,a.useCallback)(e=>{f||d(e||null)},[f,d]);return(0,i.jsxs)(L,{className:`gap-y-4 px-4`,children:[(0,i.jsxs)(R,{orientation:`vertical`,"data-invalid":p,children:[(0,i.jsxs)(z,{children:[(0,i.jsxs)(V,{"aria-required":m,children:[e,r&&(0,i.jsx)(G,{tooltip:r})]}),(0,i.jsx)(U,{children:t})]}),(0,i.jsx)(O.TextEditor,{value:u.value??``,placeholder:n,readOnly:f,onChange:h}),u.meta.isDirty&&s&&!!u.meta.errors.length&&(0,i.jsx)(q,{errors:u.meta.errors}),(0,i.jsx)(W,{isShow:!!o,children:o})]}),(0,i.jsx)(K,{})]})});xe.displayName=`TextEditorField`;const Se=({label:e,className:t})=>{let r=$(),o=(0,a.useCallback)(async()=>{await r.handleSubmit({submitAction:`submit`}),r.state.isSubmitSuccessful&&r.reset()},[r]);return(0,i.jsx)(r.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:r,isSubmitting:a})=>(0,i.jsx)(u.Button,{type:`button`,size:`md`,disabled:r,isLoading:a,className:(0,n.cn)(`min-h-8 min-w-32`,t),onClick:o,children:e??`Xác nhận`})})},Ce=({type:e=`create`})=>{let n=$();return(0,i.jsxs)(`div`,{className:`flex h-8 items-center justify-between`,children:[(0,i.jsx)(n.Subscribe,{selector:e=>({disabled:e.isPristine||e.isSubmitting}),children:({disabled:e})=>(0,i.jsx)(u.Button,{color:`muted`,variant:`outline`,type:`button`,size:`md`,disabled:e,className:`h-full min-w-32`,onClick:()=>n.reset(),children:`Hủy bỏ`})}),e===`create`&&(0,i.jsx)(n.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:e,isSubmitting:r})=>(0,i.jsxs)(u.Button,{type:`submit`,size:`md`,disabled:e,isLoading:r,className:`h-full min-w-32`,onClick:async()=>{await n.handleSubmit({submitAction:`create`}),n.state.isSubmitSuccessful&&n.reset()},children:[(0,i.jsx)(t.PlusIcon,{}),`Thêm mới`]})}),e===`update`&&(0,i.jsx)(n.Subscribe,{selector:e=>({disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit||e.isDefaultValue,isSubmitting:e.isSubmitting}),children:({disabled:e,isSubmitting:r})=>(0,i.jsxs)(u.Button,{type:`submit`,size:`md`,disabled:e,isLoading:r,className:`h-full min-w-32`,onClick:async()=>{await n.handleSubmit({submitAction:`update`}),n.state.isSubmitSuccessful&&n.reset()},children:[(0,i.jsx)(t.ArrowDownToLine,{}),`Cập nhật`]})})]})};function we({className:e,orientation:t=`horizontal`,decorative:r=!0,...a}){return(0,i.jsx)(c.Separator.Root,{"data-slot":`separator`,decorative:r,orientation:t,className:(0,n.cn)(`shrink-0 bg-border-weak`,`data-[orientation=horizontal]:h-px`,`data-[orientation=horizontal]:w-full`,`data-[orientation=vertical]:h-full`,`data-[orientation=vertical]:w-px`,e),...a})}const Te=({title:e,description:n,onDelete:r,children:a})=>(0,i.jsxs)(`section`,{"data-slot":`card-form`,className:`relative flex flex-col rounded-md bg-card pb-4 shadow-card ring-1 ring-border`,children:[(0,i.jsxs)(`div`,{"data-slot":`card-form-header`,className:`flex flex-col space-y-0.5 px-4 py-3`,children:[(0,i.jsx)(`p`,{className:`font-semibold text-base tracking-tight`,children:e}),!!n&&(0,i.jsx)(`p`,{className:`text-text-positive-weak text-sm`,children:n})]}),(0,i.jsx)(we,{}),(0,i.jsx)(`div`,{"data-slot":`card-form-main`,className:`flex flex-col py-4`,children:a}),!!r&&(0,i.jsxs)(u.Button,{color:`danger`,variant:`ghost`,size:`sm`,className:`absolute top-2.5 right-3`,onClick:e=>{r?.(),e.preventDefault(),e.stopPropagation()},children:[(0,i.jsx)(t.Trash2Icon,{}),`Remove`]})]}),Ee=({children:e})=>(0,i.jsx)(`div`,{"data-slot":`section-form`,className:`flex flex-col space-y-4`,children:e}),De=({disabled:e,className:t,onClick:r,children:a})=>(0,i.jsx)(u.Button,{type:`button`,variant:`outline`,color:`muted`,disabled:e,className:(0,n.cn)(`min-w-40`,t),onClick:r,children:a??`Huỷ`}),Oe=({isSubmitting:e,submitText:t=`Xác nhận`,disabled:r,className:a,onClick:o})=>(0,i.jsx)(u.Button,{type:`button`,isLoading:e,disabled:r||e,className:(0,n.cn)(`min-w-40`,a),onClick:o,children:t}),ke=({title:e,submitText:t,width:r,maxWidth:o,className:s,open:c,onOpenChange:l,children:u})=>{let p=$(),m=(0,a.useCallback)(e=>{e||p.reset(),l?.(e)},[p.reset,l]);return(0,i.jsx)(f.Dialog,{open:c,onOpenChange:m,children:(0,i.jsxs)(f.DialogPortal,{"data-slot":`dialog-portal`,children:[(0,i.jsx)(f.DialogOverlay,{}),(0,i.jsxs)(f.DialogContent,{style:{"--width":r,"--max-width":o},className:(0,n.cn)(`flex size-full max-h-dvh max-w-dvw flex-col gap-0 overflow-y-auto rounded-none p-0 shadow-dialog sm:h-auto sm:max-h-[85dvh] sm:max-w-5xl sm:rounded-md`,r&&`sm:w-(--width)`,o&&`sm:max-w-(--max-width)`,s),onOpenAutoFocus:e=>{e.preventDefault()},children:[(0,i.jsx)(`div`,{"data-slot":`dialog-header`,className:`flex items-center justify-center gap-2 px-6 py-5 text-center sm:text-left`,children:(0,i.jsx)(f.DialogTitle,{"data-slot":`dialog-title`,className:`font-semibold text-lg tracking-tight`,children:e})}),(0,i.jsx)(d.Separator,{}),(0,i.jsx)(`div`,{"data-slot":`dialog-content`,className:`relative flex flex-col overflow-y-auto p-0 pt-4 max-sm:flex-1 sm:p-4`,children:u}),(0,i.jsx)(d.Separator,{}),(0,i.jsxs)(`div`,{"data-slot":`dialog-footer`,className:`flex flex-col-reverse items-center justify-end gap-2 px-6 py-4 sm:flex-row max-sm:[&>button]:w-full`,children:[(0,i.jsx)(p.Subscribe,{selector:e=>({disabled:e.isSubmitting}),children:({disabled:e})=>(0,i.jsx)(De,{disabled:e,onClick:()=>{p.reset(),m(!1)}})}),(0,i.jsx)(p.Subscribe,{selector:e=>({isSubmitting:e.isSubmitting,disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit}),children:({isSubmitting:e,disabled:n})=>(0,i.jsx)(Oe,{isSubmitting:e,disabled:n,submitText:t,onClick:()=>p.handleSubmit()})})]})]})]})})},Ae=({label:e,description:t,helperText:n,orientation:r=`responsive`,children:a})=>(0,i.jsxs)(D.FieldGroup,{className:`gap-y-4 px-4`,children:[(0,i.jsxs)(D.Field,{orientation:r,children:[(0,i.jsxs)(D.FieldContent,{children:[(0,i.jsx)(D.FieldLabel,{children:e}),(0,i.jsx)(D.FieldDescription,{children:t})]}),(0,i.jsxs)(D.FieldContentMain,{children:[a,(0,i.jsx)(D.FieldNote,{isShow:!!n,children:n})]})]}),(0,i.jsx)(D.FieldSeparator,{})]}),je=({title:e,open:t,contentClassName:r,onOpenChange:a,children:o})=>{let s=$();return(0,i.jsx)(c.Dialog.Root,{"data-slot":`dialog`,open:t,onOpenChange:a,children:(0,i.jsxs)(c.Dialog.Portal,{"data-slot":`dialog-portal`,children:[(0,i.jsx)(c.Dialog.Overlay,{"data-slot":`dialog-overlay`,className:(0,n.cn)(`fixed inset-0 z-40 bg-black/40 backdrop-blur-sm`,`data-[state=open]:animate-in data-[state=open]:fade-in`,`data-[state=closed]:animate-out data-[state=closed]:fade-out`)}),(0,i.jsx)(c.Dialog.Content,{"data-slot":`dialog-content`,className:(0,n.cn)(`fixed top-4 right-4 z-50 h-[calc(100dvh-2rem)] min-w-sm max-w-xl rounded-md bg-background shadow-lg ring-1 ring-border`,`duration-300`,`data-[state=open]:animate-in data-[state=open]:slide-in-from-right data-[state=open]:fade-in`,`data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right data-[state=closed]:fade-out`),children:(0,i.jsxs)(`section`,{className:`relative flex size-full flex-col`,children:[(0,i.jsx)(`header`,{className:`flex h-14 shrink-0 items-center border-b border-border px-5`,children:(0,i.jsx)(`h2`,{className:`font-semibold text-base tracking-tight text-text-positive`,children:e})}),(0,i.jsx)(`div`,{className:(0,n.cn)(`flex flex-1 flex-col overflow-y-auto py-4`,r),children:o}),(0,i.jsxs)(`div`,{className:`flex shrink-0 flex-col gap-2 border-t border-border px-4 py-3`,children:[(0,i.jsx)(s.Subscribe,{selector:e=>({isSubmitting:e.isSubmitting,disabled:e.isPristine||!e.isValid||e.isValidating||e.isSubmitting||!e.canSubmit}),children:({isSubmitting:e,disabled:t})=>(0,i.jsx)(Oe,{isSubmitting:e,disabled:t,className:`w-full`,onClick:()=>s.handleSubmit()})}),(0,i.jsx)(s.Subscribe,{selector:e=>({disabled:e.isPristine||e.isSubmitting}),children:({disabled:e})=>(0,i.jsx)(De,{disabled:e,className:`w-full`,onClick:()=>{s.reset(),a?.(!1)}})})]}),(0,i.jsx)(c.Dialog.Close,{asChild:!0,children:(0,i.jsx)(k.CloseButton,{className:`absolute top-2.5 right-3`})})]})})]})})},Me=({children:e})=>(0,i.jsx)(`header`,{"data-slot":`section-header`,className:`flex items-center px-4 py-3 font-semibold text-base text-text-positive tracking-tight`,children:e}),Ne=({children:e})=>(0,i.jsx)(`main`,{"data-slot":`section-main`,className:`relative flex flex-col py-4`,children:e}),Pe=({title:e,children:t})=>(0,i.jsxs)(`section`,{"data-slot":`section-form`,className:`flex flex-col rounded-md bg-background shadow-card ring-1 ring-border`,children:[(0,i.jsx)(Me,{children:e}),(0,i.jsx)(we,{}),(0,i.jsx)(Ne,{children:t})]}),Fe=({title:e,description:t,helperText:n})=>(0,i.jsxs)(L,{className:`gap-y-4 px-4`,children:[(0,i.jsxs)(R,{className:`gap-0`,children:[(0,i.jsxs)(z,{children:[(0,i.jsx)(I,{className:`mb-1`,children:e}),(0,i.jsx)(U,{children:t})]}),(0,i.jsx)(W,{isShow:!!n,children:n})]}),(0,i.jsx)(K,{})]}),{fieldContext:Ie,formContext:Le,useFieldContext:Q,useFormContext:$}=(0,y.createFormHookContexts)(),{useAppForm:Re,withForm:ze,withFieldGroup:Be}=(0,y.createFormHook)({fieldContext:Ie,formContext:Le,fieldComponents:{TextField:ye,TextareaField:be,TextEditorField:xe,NumberField:Z,EmailField:ue,PasswordField:de,SelectField:pe,ComboboxField:Y,DateField:X,SwitchField:he,RadioGroupField:fe,CheckboxField:le,SimpleTextField:ce,SimpleEmailField:re,SimplePasswordField:ae,SimpleTextareaField:se,SimpleNumberField:ie,SimpleSelectField:oe,SimpleArrayField:M,SimpleBooleanField:J,SimpleComboboxField:ee,SimpleDateField:te,SimpleRadioGroupField:ne,FieldGroup:L,Field:R,FieldContent:z,FieldLabel:V,FieldContentMain:B,FieldSeparator:K,FieldError:q},formComponents:{TanStackDialogForm:ke,TanStackPopoverForm:je,TanStackContainerForm:Ee,TanStackSectionForm:Pe,TanStackCardForm:Te,TanStackFieldGroup:Ae,TanStackTitleField:Fe,TanStackActionsForm:Ce,TanStackActionSubmit:Se,ArrayCol:A,ArrayHeaderRow:j}});Object.defineProperty(exports,`$`,{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,`A`,{enumerable:!0,get:function(){return se}}),Object.defineProperty(exports,`B`,{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,`C`,{enumerable:!0,get:function(){return de}}),Object.defineProperty(exports,`D`,{enumerable:!0,get:function(){return Y}}),Object.defineProperty(exports,`E`,{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,`F`,{enumerable:!0,get:function(){return ne}}),Object.defineProperty(exports,`G`,{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,`H`,{enumerable:!0,get:function(){return U}}),Object.defineProperty(exports,`I`,{enumerable:!0,get:function(){return te}}),Object.defineProperty(exports,`J`,{enumerable:!0,get:function(){return K}}),Object.defineProperty(exports,`K`,{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,`L`,{enumerable:!0,get:function(){return ee}}),Object.defineProperty(exports,`M`,{enumerable:!0,get:function(){return ae}}),Object.defineProperty(exports,`N`,{enumerable:!0,get:function(){return ie}}),Object.defineProperty(exports,`O`,{enumerable:!0,get:function(){return le}}),Object.defineProperty(exports,`P`,{enumerable:!0,get:function(){return re}}),Object.defineProperty(exports,`Q`,{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,`R`,{enumerable:!0,get:function(){return J}}),Object.defineProperty(exports,`S`,{enumerable:!0,get:function(){return fe}}),Object.defineProperty(exports,`T`,{enumerable:!0,get:function(){return ue}}),Object.defineProperty(exports,`U`,{enumerable:!0,get:function(){return q}}),Object.defineProperty(exports,`V`,{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,`W`,{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,`X`,{enumerable:!0,get:function(){return H}}),Object.defineProperty(exports,`Y`,{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,`Z`,{enumerable:!0,get:function(){return G}}),Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return xe}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return ze}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return he}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return je}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return Oe}}),Object.defineProperty(exports,`et`,{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return De}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return Se}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return Ce}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return Be}}),Object.defineProperty(exports,`j`,{enumerable:!0,get:function(){return oe}}),Object.defineProperty(exports,`k`,{enumerable:!0,get:function(){return ce}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return Ae}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return Te}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return Re}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return Fe}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return Ee}}),Object.defineProperty(exports,`q`,{enumerable:!0,get:function(){return W}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return Pe}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return ke}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return be}}),Object.defineProperty(exports,`w`,{enumerable:!0,get:function(){return Z}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return pe}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return ye}}),Object.defineProperty(exports,`z`,{enumerable:!0,get:function(){return R}});
+//# sourceMappingURL=tanstack-form-C3SGhsmN.cjs.map