@customafk/lunas-ui 0.1.0 → 0.1.2

package/dist/tanstack-form/index.js

@@ -1,2 +1,2 @@
-import"../dist-B3j6PslN.js";import"../button-variants-D1PJJEST.js";import{t as e}from"../button-dQ8MuLKP.js";import{r as t,t as n}from"../card-k3r3Jp5I.js";import{t as r}from"../flex-D5a9wval.js";import{t as i}from"../label-DeTp9ffC.js";import"../separator-aMl6UNM2.js";import{a,c as o,i as s,l as c,n as l,o as u,r as d,s as f,t as p}from"../field-QnC1I0hN.js";import"../dialog-CTvVeLHn.js";import{a as m,c as h,i as g,o as _,r as ee,s as te,t as ne}from"../command-D6cWtNo8.js";import{i as v,r as y,t as b}from"../popover-cPnAg-IR.js";import{t as x}from"../calendar-BuO7PEUW.js";import{t as S}from"../input-C2puAk5o.js";import{t as C}from"../number-input-DtqX-30b.js";import{i as w,l as T,n as E,t as D,u as O}from"../select-DjTMDfuU.js";import{t as re}from"../switch-CAoADrTz.js";import{t as ie}from"../textarea-BK5x2TXt.js";import{n as ae,t as oe}from"../radio-group-wOobSXHt.js";import{CalendarIcon as se,ChevronDownIcon as ce,PlusIcon as k,XIcon as le}from"lucide-react";import{cn as A}from"@customafk/react-toolkit/utils";import{Activity as j,memo as ue,useCallback as M}from"react";import{Fragment as N,jsx as P,jsxs as F}from"react/jsx-runtime";import{cva as de}from"class-variance-authority";import{createFormHook as fe,createFormHookContexts as pe}from"@tanstack/react-form";const me=({children:e})=>P(`div`,{"data-slot":`array-wrapper`,className:`flex flex-col space-y-4`,children:e}),he=({label:t,description:n,onAddItem:r,children:i})=>F(a,{children:[F(p,{children:[F(l,{children:[P(u,{children:t}),P(d,{children:n})]}),P(me,{children:i})]}),F(e,{size:`sm`,variant:`outline`,color:`muted`,className:`w-fit text-text-positive-weak`,onClick:r,children:[P(k,{size:12}),`Add Item`]}),P(o,{})]}),ge=({index:r,label:i,description:s,onRemove:l,children:u})=>F(n,{className:`relative shadow-none border border-border`,children:[P(e,{size:`icon`,variant:`outline`,color:`muted`,className:`absolute top-4 right-4 text-text-negative-weak`,onClick:M(()=>{l?.(r)},[r,l]),children:P(le,{})}),P(t,{children:F(a,{children:[F(c,{children:[P(f,{children:i}),P(d,{children:s}),P(o,{})]}),u]})})]}),{fieldContext:_e,formContext:ve,useFieldContext:I,useFormContext:ye}=pe(),be=({isShowLabel:t=!0,isShowErrorMsg:n=!0,isNested:r=!1,disabledValues:i=[],label:a,description:c,placeholder:f,options:x,onAddNewItem:S})=>{let{name:C,state:w,handleChange:T}=I(),E=w.meta.isTouched&&!w.meta.isValid;return r?F(p,{orientation:`vertical`,className:`gap-1`,children:[P(j,{mode:a||c?`visible`:`hidden`,children:F(l,{children:[P(u,{htmlFor:C,className:`text-xs`,children:a}),P(j,{mode:c?`visible`:`hidden`,children:P(d,{className:`text-xs`,children:c})})]})}),F(`div`,{className:`flex flex-col w-full justify-start`,children:[F(b,{modal:!0,children:[P(v,{asChild:!0,children:F(e,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:A(`w-full md:max-w-80`,`shadow-input flex justify-between rounded-md px-3`,`outline-border-weak font-normal`,E&&`outline-danger`,E&&`focus:ring-4!`,E&&`focus:ring-danger-weak!`,E&&`focus:outline-danger-strong!`,E&&`focus:outline-1!`,E&&`data-[state=open]:ring-4!`,E&&`data-[state=open]:ring-danger-weak!`,E&&`data-[state=open]:outline-danger-strong!`,E&&`data-[state=open]:outline-1!`),children:[P(j,{mode:w.value?`visible`:`hidden`,children:P(`p`,{className:`flex flex-1 min-w-0 text-start items-center gap-2`,children:x?.find(({value:e})=>e===w.value)?.label})}),P(j,{mode:w.value?`hidden`:`visible`,children:P(`p`,{className:`text-text-positive-muted text-start flex-1`,children:f})}),P(ce,{size:16,className:`text-text-positive-weak shrink-0`,"aria-hidden":`true`})]})}),P(y,{className:`w-(--radix-popover-trigger-width) p-0`,children:F(ne,{className:`border-none`,children:[P(m,{placeholder:f??`Tìm kiếm`}),F(te,{children:[P(g,{className:`max-h-40 overflow-y-auto`,children:P(j,{mode:x?`visible`:`hidden`,children:x.map(({value:e,label:t})=>P(_,{value:t,onSelect:()=>T(e),disabled:i.includes(e),children:t},e))})}),F(j,{mode:S?`visible`:`hidden`,children:[P(h,{}),P(g,{children:F(e,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,onClick:S,children:[P(k,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),P(ee,{children:`Không có kết quả`})]})})]}),P(j,{mode:n?`visible`:`hidden`,children:P(s,{errors:w.meta.errors})})]})]}):F(N,{children:[F(p,{orientation:`responsive`,"data-invalid":w.meta.isTouched&&!w.meta.isValid,children:[F(l,{children:[P(j,{mode:a||c?`visible`:`hidden`,children:P(j,{mode:t?`visible`:`hidden`,children:P(u,{htmlFor:C,children:a})})}),P(j,{mode:c?`visible`:`hidden`,children:P(j,{mode:c?`visible`:`hidden`,children:P(d,{children:c})})})]}),P(`div`,{className:`basis-3/5 flex flex-col items-end`,children:F(`div`,{className:`w-full md:max-w-80 flex flex-col space-y-0.5`,children:[F(b,{modal:!0,children:[P(v,{asChild:!0,children:F(e,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:A(`w-full md:max-w-80`,`shadow-input flex justify-between rounded-md px-3`,`outline-border-weak font-normal`,`[&_div]:w-full`,`[&_span]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:ring-4!`,`focus:ring-primary-weak!`,`focus:outline-1!`,`focus:outline-primary-strong!`,`focus:bg-background`,E&&`outline-danger`,E&&`focus:ring-4!`,E&&`focus:ring-danger-weak!`,E&&`focus:outline-danger-strong!`,E&&`focus:outline-1!`,E&&`data-[state=open]:ring-4!`,E&&`data-[state=open]:ring-danger-weak!`,E&&`data-[state=open]:outline-danger-strong!`,E&&`data-[state=open]:outline-1!`),children:[P(j,{mode:w.value?`visible`:`hidden`,children:P(`p`,{className:`flex flex-1 min-w-0 text-start items-center gap-2`,children:x?.find(({value:e})=>e===w.value)?.label})}),P(j,{mode:w.value?`hidden`:`visible`,children:P(`p`,{className:`text-text-positive-muted text-start flex-1`,children:f})}),P(ce,{size:16,className:`text-text-positive-weak shrink-0`,"aria-hidden":`true`})]})}),P(y,{className:`w-(--radix-popover-trigger-width) p-0`,children:F(ne,{className:`border-none`,children:[P(m,{placeholder:f??`Tìm kiếm`}),F(te,{children:[P(g,{className:`max-h-40 overflow-y-auto`,children:P(j,{mode:x?`visible`:`hidden`,children:x.map(({value:e,label:t})=>P(_,{value:t,onSelect:()=>T(e),disabled:i.includes(e),children:t},e))})}),F(j,{mode:S?`visible`:`hidden`,children:[P(h,{}),P(g,{children:F(e,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,onClick:S,children:[P(k,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),P(ee,{children:`Không có kết quả`})]})})]}),P(j,{mode:n?`visible`:`hidden`,children:P(s,{errors:w.meta.errors})})]})})]}),P(o,{})]})},L=6048e5,R=3600*24;R*7,R*365.2425;const z=Symbol.for(`constructDateFrom`);function B(e,t){return typeof e==`function`?e(t):e&&typeof e==`object`&&z in e?e[z](t):e instanceof Date?new e.constructor(t):new Date(t)}function V(e,t){return B(t||e,e)}let xe={};function H(){return xe}function U(e,t){let n=H(),r=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,i=V(e,t?.in),a=i.getDay(),o=(a<r?7:0)+a-r;return i.setDate(i.getDate()-o),i.setHours(0,0,0,0),i}function W(e,t){return U(e,{...t,weekStartsOn:1})}function Se(e,t){let n=V(e,t?.in),r=n.getFullYear(),i=B(n,0);i.setFullYear(r+1,0,4),i.setHours(0,0,0,0);let a=W(i),o=B(n,0);o.setFullYear(r,0,4),o.setHours(0,0,0,0);let s=W(o);return n.getTime()>=a.getTime()?r+1:n.getTime()>=s.getTime()?r:r-1}function Ce(e){let t=V(e),n=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return n.setUTCFullYear(t.getFullYear()),e-+n}function we(e,...t){let n=B.bind(null,e||t.find(e=>typeof e==`object`));return t.map(n)}function Te(e,t){let n=V(e,t?.in);return n.setHours(0,0,0,0),n}function Ee(e,t,n){let[r,i]=we(n?.in,e,t),a=Te(r),o=Te(i),s=+a-Ce(a),c=+o-Ce(o);return Math.round((s-c)/864e5)}function De(e,t){let n=Se(e,t),r=B(t?.in||e,0);return r.setFullYear(n,0,4),r.setHours(0,0,0,0),W(r)}function Oe(e){return e instanceof Date||typeof e==`object`&&Object.prototype.toString.call(e)===`[object Date]`}function ke(e){return!(!Oe(e)&&typeof e!=`number`||isNaN(+V(e)))}function Ae(e,t){let n=V(e,t?.in);return n.setFullYear(n.getFullYear(),0,1),n.setHours(0,0,0,0),n}const je={lessThanXSeconds:{one:`less than a second`,other:`less than {{count}} seconds`},xSeconds:{one:`1 second`,other:`{{count}} seconds`},halfAMinute:`half a minute`,lessThanXMinutes:{one:`less than a minute`,other:`less than {{count}} minutes`},xMinutes:{one:`1 minute`,other:`{{count}} minutes`},aboutXHours:{one:`about 1 hour`,other:`about {{count}} hours`},xHours:{one:`1 hour`,other:`{{count}} hours`},xDays:{one:`1 day`,other:`{{count}} days`},aboutXWeeks:{one:`about 1 week`,other:`about {{count}} weeks`},xWeeks:{one:`1 week`,other:`{{count}} weeks`},aboutXMonths:{one:`about 1 month`,other:`about {{count}} months`},xMonths:{one:`1 month`,other:`{{count}} months`},aboutXYears:{one:`about 1 year`,other:`about {{count}} years`},xYears:{one:`1 year`,other:`{{count}} years`},overXYears:{one:`over 1 year`,other:`over {{count}} years`},almostXYears:{one:`almost 1 year`,other:`almost {{count}} years`}},Me=(e,t,n)=>{let r,i=je[e];return r=typeof i==`string`?i:t===1?i.one:i.other.replace(`{{count}}`,t.toString()),n?.addSuffix?n.comparison&&n.comparison>0?`in `+r:r+` ago`:r};function G(e){return(t={})=>{let n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}const Ne={date:G({formats:{full:`EEEE, MMMM do, y`,long:`MMMM do, y`,medium:`MMM d, y`,short:`MM/dd/yyyy`},defaultWidth:`full`}),time:G({formats:{full:`h:mm:ss a zzzz`,long:`h:mm:ss a z`,medium:`h:mm:ss a`,short:`h:mm a`},defaultWidth:`full`}),dateTime:G({formats:{full:`{{date}} 'at' {{time}}`,long:`{{date}} 'at' {{time}}`,medium:`{{date}}, {{time}}`,short:`{{date}}, {{time}}`},defaultWidth:`full`})},Pe={lastWeek:`'last' eeee 'at' p`,yesterday:`'yesterday at' p`,today:`'today at' p`,tomorrow:`'tomorrow at' p`,nextWeek:`eeee 'at' p`,other:`P`},Fe=(e,t,n,r)=>Pe[e];function K(e){return(t,n)=>{let r=n?.context?String(n.context):`standalone`,i;if(r===`formatting`&&e.formattingValues){let t=e.defaultFormattingWidth||e.defaultWidth,r=n?.width?String(n.width):t;i=e.formattingValues[r]||e.formattingValues[t]}else{let t=e.defaultWidth,r=n?.width?String(n.width):e.defaultWidth;i=e.values[r]||e.values[t]}let a=e.argumentCallback?e.argumentCallback(t):t;return i[a]}}const Ie={ordinalNumber:(e,t)=>{let n=Number(e),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+`st`;case 2:return n+`nd`;case 3:return n+`rd`}return n+`th`},era:K({values:{narrow:[`B`,`A`],abbreviated:[`BC`,`AD`],wide:[`Before Christ`,`Anno Domini`]},defaultWidth:`wide`}),quarter:K({values:{narrow:[`1`,`2`,`3`,`4`],abbreviated:[`Q1`,`Q2`,`Q3`,`Q4`],wide:[`1st quarter`,`2nd quarter`,`3rd quarter`,`4th quarter`]},defaultWidth:`wide`,argumentCallback:e=>e-1}),month:K({values:{narrow:[`J`,`F`,`M`,`A`,`M`,`J`,`J`,`A`,`S`,`O`,`N`,`D`],abbreviated:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],wide:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`]},defaultWidth:`wide`}),day:K({values:{narrow:[`S`,`M`,`T`,`W`,`T`,`F`,`S`],short:[`Su`,`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`],abbreviated:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],wide:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`]},defaultWidth:`wide`}),dayPeriod:K({values:{narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`}},defaultWidth:`wide`,formattingValues:{narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`}},defaultFormattingWidth:`wide`})};function q(e){return(t,n={})=>{let r=n.width,i=r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth],a=t.match(i);if(!a)return null;let o=a[0],s=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],c=Array.isArray(s)?Re(s,e=>e.test(o)):Le(s,e=>e.test(o)),l;l=e.valueCallback?e.valueCallback(c):c,l=n.valueCallback?n.valueCallback(l):l;let u=t.slice(o.length);return{value:l,rest:u}}}function Le(e,t){for(let n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n}function Re(e,t){for(let n=0;n<e.length;n++)if(t(e[n]))return n}function ze(e){return(t,n={})=>{let r=t.match(e.matchPattern);if(!r)return null;let i=r[0],a=t.match(e.parsePattern);if(!a)return null;let o=e.valueCallback?e.valueCallback(a[0]):a[0];o=n.valueCallback?n.valueCallback(o):o;let s=t.slice(i.length);return{value:o,rest:s}}}const Be={code:`en-US`,formatDistance:Me,formatLong:Ne,formatRelative:Fe,localize:Ie,match:{ordinalNumber:ze({matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:q({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:`any`}),quarter:q({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:`any`,valueCallback:e=>e+1}),month:q({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:`wide`,parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:`any`}),day:q({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:`wide`,parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:`any`}),dayPeriod:q({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:`any`,parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:`any`})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function Ve(e,t){let n=V(e,t?.in);return Ee(n,Ae(n))+1}function He(e,t){let n=V(e,t?.in),r=W(n)-+De(n);return Math.round(r/L)+1}function Ue(e,t){let n=V(e,t?.in),r=n.getFullYear(),i=H(),a=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,o=B(t?.in||e,0);o.setFullYear(r+1,0,a),o.setHours(0,0,0,0);let s=U(o,t),c=B(t?.in||e,0);c.setFullYear(r,0,a),c.setHours(0,0,0,0);let l=U(c,t);return+n>=+s?r+1:+n>=+l?r:r-1}function We(e,t){let n=H(),r=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,i=Ue(e,t),a=B(t?.in||e,0);return a.setFullYear(i,0,r),a.setHours(0,0,0,0),U(a,t)}function Ge(e,t){let n=V(e,t?.in),r=U(n,t)-+We(n,t);return Math.round(r/L)+1}function J(e,t){return(e<0?`-`:``)+Math.abs(e).toString().padStart(t,`0`)}const Y={y(e,t){let n=e.getFullYear(),r=n>0?n:1-n;return J(t===`yy`?r%100:r,t.length)},M(e,t){let n=e.getMonth();return t===`M`?String(n+1):J(n+1,2)},d(e,t){return J(e.getDate(),t.length)},a(e,t){let n=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.toUpperCase();case`aaa`:return n;case`aaaaa`:return n[0];case`aaaa`:default:return n===`am`?`a.m.`:`p.m.`}},h(e,t){return J(e.getHours()%12||12,t.length)},H(e,t){return J(e.getHours(),t.length)},m(e,t){return J(e.getMinutes(),t.length)},s(e,t){return J(e.getSeconds(),t.length)},S(e,t){let n=t.length,r=e.getMilliseconds();return J(Math.trunc(r*10**(n-3)),t.length)}},X={am:`am`,pm:`pm`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},Ke={G:function(e,t,n){let r=e.getFullYear()>0?1:0;switch(t){case`G`:case`GG`:case`GGG`:return n.era(r,{width:`abbreviated`});case`GGGGG`:return n.era(r,{width:`narrow`});case`GGGG`:default:return n.era(r,{width:`wide`})}},y:function(e,t,n){if(t===`yo`){let t=e.getFullYear(),r=t>0?t:1-t;return n.ordinalNumber(r,{unit:`year`})}return Y.y(e,t)},Y:function(e,t,n,r){let i=Ue(e,r),a=i>0?i:1-i;return t===`YY`?J(a%100,2):t===`Yo`?n.ordinalNumber(a,{unit:`year`}):J(a,t.length)},R:function(e,t){return J(Se(e),t.length)},u:function(e,t){return J(e.getFullYear(),t.length)},Q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`Q`:return String(r);case`QQ`:return J(r,2);case`Qo`:return n.ordinalNumber(r,{unit:`quarter`});case`QQQ`:return n.quarter(r,{width:`abbreviated`,context:`formatting`});case`QQQQQ`:return n.quarter(r,{width:`narrow`,context:`formatting`});case`QQQQ`:default:return n.quarter(r,{width:`wide`,context:`formatting`})}},q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`q`:return String(r);case`qq`:return J(r,2);case`qo`:return n.ordinalNumber(r,{unit:`quarter`});case`qqq`:return n.quarter(r,{width:`abbreviated`,context:`standalone`});case`qqqqq`:return n.quarter(r,{width:`narrow`,context:`standalone`});case`qqqq`:default:return n.quarter(r,{width:`wide`,context:`standalone`})}},M:function(e,t,n){let r=e.getMonth();switch(t){case`M`:case`MM`:return Y.M(e,t);case`Mo`:return n.ordinalNumber(r+1,{unit:`month`});case`MMM`:return n.month(r,{width:`abbreviated`,context:`formatting`});case`MMMMM`:return n.month(r,{width:`narrow`,context:`formatting`});case`MMMM`:default:return n.month(r,{width:`wide`,context:`formatting`})}},L:function(e,t,n){let r=e.getMonth();switch(t){case`L`:return String(r+1);case`LL`:return J(r+1,2);case`Lo`:return n.ordinalNumber(r+1,{unit:`month`});case`LLL`:return n.month(r,{width:`abbreviated`,context:`standalone`});case`LLLLL`:return n.month(r,{width:`narrow`,context:`standalone`});case`LLLL`:default:return n.month(r,{width:`wide`,context:`standalone`})}},w:function(e,t,n,r){let i=Ge(e,r);return t===`wo`?n.ordinalNumber(i,{unit:`week`}):J(i,t.length)},I:function(e,t,n){let r=He(e);return t===`Io`?n.ordinalNumber(r,{unit:`week`}):J(r,t.length)},d:function(e,t,n){return t===`do`?n.ordinalNumber(e.getDate(),{unit:`date`}):Y.d(e,t)},D:function(e,t,n){let r=Ve(e);return t===`Do`?n.ordinalNumber(r,{unit:`dayOfYear`}):J(r,t.length)},E:function(e,t,n){let r=e.getDay();switch(t){case`E`:case`EE`:case`EEE`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`EEEEE`:return n.day(r,{width:`narrow`,context:`formatting`});case`EEEEEE`:return n.day(r,{width:`short`,context:`formatting`});case`EEEE`:default:return n.day(r,{width:`wide`,context:`formatting`})}},e:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`e`:return String(a);case`ee`:return J(a,2);case`eo`:return n.ordinalNumber(a,{unit:`day`});case`eee`:return n.day(i,{width:`abbreviated`,context:`formatting`});case`eeeee`:return n.day(i,{width:`narrow`,context:`formatting`});case`eeeeee`:return n.day(i,{width:`short`,context:`formatting`});case`eeee`:default:return n.day(i,{width:`wide`,context:`formatting`})}},c:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`c`:return String(a);case`cc`:return J(a,t.length);case`co`:return n.ordinalNumber(a,{unit:`day`});case`ccc`:return n.day(i,{width:`abbreviated`,context:`standalone`});case`ccccc`:return n.day(i,{width:`narrow`,context:`standalone`});case`cccccc`:return n.day(i,{width:`short`,context:`standalone`});case`cccc`:default:return n.day(i,{width:`wide`,context:`standalone`})}},i:function(e,t,n){let r=e.getDay(),i=r===0?7:r;switch(t){case`i`:return String(i);case`ii`:return J(i,t.length);case`io`:return n.ordinalNumber(i,{unit:`day`});case`iii`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`iiiii`:return n.day(r,{width:`narrow`,context:`formatting`});case`iiiiii`:return n.day(r,{width:`short`,context:`formatting`});case`iiii`:default:return n.day(r,{width:`wide`,context:`formatting`})}},a:function(e,t,n){let r=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`});case`aaa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`aaaaa`:return n.dayPeriod(r,{width:`narrow`,context:`formatting`});case`aaaa`:default:return n.dayPeriod(r,{width:`wide`,context:`formatting`})}},b:function(e,t,n){let r=e.getHours(),i;switch(i=r===12?X.noon:r===0?X.midnight:r/12>=1?`pm`:`am`,t){case`b`:case`bb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`bbb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`bbbbb`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});case`bbbb`:default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},B:function(e,t,n){let r=e.getHours(),i;switch(i=r>=17?X.evening:r>=12?X.afternoon:r>=4?X.morning:X.night,t){case`B`:case`BB`:case`BBB`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`BBBBB`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});case`BBBB`:default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},h:function(e,t,n){if(t===`ho`){let t=e.getHours()%12;return t===0&&(t=12),n.ordinalNumber(t,{unit:`hour`})}return Y.h(e,t)},H:function(e,t,n){return t===`Ho`?n.ordinalNumber(e.getHours(),{unit:`hour`}):Y.H(e,t)},K:function(e,t,n){let r=e.getHours()%12;return t===`Ko`?n.ordinalNumber(r,{unit:`hour`}):J(r,t.length)},k:function(e,t,n){let r=e.getHours();return r===0&&(r=24),t===`ko`?n.ordinalNumber(r,{unit:`hour`}):J(r,t.length)},m:function(e,t,n){return t===`mo`?n.ordinalNumber(e.getMinutes(),{unit:`minute`}):Y.m(e,t)},s:function(e,t,n){return t===`so`?n.ordinalNumber(e.getSeconds(),{unit:`second`}):Y.s(e,t)},S:function(e,t){return Y.S(e,t)},X:function(e,t,n){let r=e.getTimezoneOffset();if(r===0)return`Z`;switch(t){case`X`:return Je(r);case`XXXX`:case`XX`:return Z(r);case`XXXXX`:case`XXX`:default:return Z(r,`:`)}},x:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`x`:return Je(r);case`xxxx`:case`xx`:return Z(r);case`xxxxx`:case`xxx`:default:return Z(r,`:`)}},O:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`O`:case`OO`:case`OOO`:return`GMT`+qe(r,`:`);case`OOOO`:default:return`GMT`+Z(r,`:`)}},z:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`z`:case`zz`:case`zzz`:return`GMT`+qe(r,`:`);case`zzzz`:default:return`GMT`+Z(r,`:`)}},t:function(e,t,n){return J(Math.trunc(e/1e3),t.length)},T:function(e,t,n){return J(+e,t.length)}};function qe(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=Math.trunc(r/60),a=r%60;return a===0?n+String(i):n+String(i)+t+J(a,2)}function Je(e,t){return e%60==0?(e>0?`-`:`+`)+J(Math.abs(e)/60,2):Z(e,t)}function Z(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=J(Math.trunc(r/60),2),a=J(r%60,2);return n+i+t+a}const Ye=(e,t)=>{switch(e){case`P`:return t.date({width:`short`});case`PP`:return t.date({width:`medium`});case`PPP`:return t.date({width:`long`});case`PPPP`:default:return t.date({width:`full`})}},Xe=(e,t)=>{switch(e){case`p`:return t.time({width:`short`});case`pp`:return t.time({width:`medium`});case`ppp`:return t.time({width:`long`});case`pppp`:default:return t.time({width:`full`})}},Ze={p:Xe,P:(e,t)=>{let n=e.match(/(P+)(p+)?/)||[],r=n[1],i=n[2];if(!i)return Ye(e,t);let a;switch(r){case`P`:a=t.dateTime({width:`short`});break;case`PP`:a=t.dateTime({width:`medium`});break;case`PPP`:a=t.dateTime({width:`long`});break;case`PPPP`:default:a=t.dateTime({width:`full`});break}return a.replace(`{{date}}`,Ye(r,t)).replace(`{{time}}`,Xe(i,t))}},Qe=/^D+$/,$e=/^Y+$/,et=[`D`,`DD`,`YY`,`YYYY`];function tt(e){return Qe.test(e)}function nt(e){return $e.test(e)}function rt(e,t,n){let r=it(e,t,n);if(console.warn(r),et.includes(e))throw RangeError(r)}function it(e,t,n){let r=e[0]===`Y`?`years`:`days of the month`;return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const at=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,ot=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,st=/^'([^]*?)'?$/,ct=/''/g,lt=/[a-zA-Z]/;function ut(e,t,n){let r=H(),i=n?.locale??r.locale??Be,a=n?.firstWeekContainsDate??n?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,o=n?.weekStartsOn??n?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,s=V(e,n?.in);if(!ke(s))throw RangeError(`Invalid time value`);let c=t.match(ot).map(e=>{let t=e[0];if(t===`p`||t===`P`){let n=Ze[t];return n(e,i.formatLong)}return e}).join(``).match(at).map(e=>{if(e===`''`)return{isToken:!1,value:`'`};let t=e[0];if(t===`'`)return{isToken:!1,value:dt(e)};if(Ke[t])return{isToken:!0,value:e};if(t.match(lt))throw RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});i.localize.preprocessor&&(c=i.localize.preprocessor(s,c));let l={firstWeekContainsDate:a,weekStartsOn:o,locale:i};return c.map(r=>{if(!r.isToken)return r.value;let a=r.value;(!n?.useAdditionalWeekYearTokens&&nt(a)||!n?.useAdditionalDayOfYearTokens&&tt(a))&&rt(a,t,String(e));let o=Ke[a[0]];return o(s,a,i.localize,l)}).join(``)}function dt(e){let t=e.match(st);return t?t[1].replace(ct,`'`):e}const ft=({isShowLabel:t=!0,isShowErrorMsg:n=!0,label:r,description:i,placeholder:a})=>{let{name:c,state:f,handleChange:m,handleBlur:h}=I(),g=f.meta.isTouched&&!f.meta.isValid;return F(N,{children:[F(p,{orientation:`responsive`,"data-invalid":g,children:[F(l,{children:[P(j,{mode:r||i?`visible`:`hidden`,children:P(j,{mode:t?`visible`:`hidden`,children:P(u,{htmlFor:c,children:r})})}),P(j,{mode:i?`visible`:`hidden`,children:P(j,{mode:i?`visible`:`hidden`,children:P(d,{children:i})})})]}),P(`div`,{className:`basis-3/5 flex flex-col items-end`,children:F(`div`,{className:`w-full md:max-w-62 flex flex-col space-y-0.5`,children:[F(b,{modal:!0,children:[P(v,{asChild:!0,children:F(e,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:A(`w-full md:max-w-80`,`shadow-input flex justify-between rounded-md px-3`,`outline-border-weak font-normal`,`[&_div]:w-full`,`[&_span]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:ring-4!`,`focus:ring-primary-weak!`,`focus:outline-1!`,`focus:outline-primary-strong!`,`focus:bg-background`,g&&`outline-danger`,g&&`focus:ring-4!`,g&&`focus:ring-danger-weak!`,g&&`focus:outline-danger-strong!`,g&&`focus:outline-1!`,g&&`data-[state=open]:ring-4!`,g&&`data-[state=open]:ring-danger-weak!`,g&&`data-[state=open]:outline-danger-strong!`,g&&`data-[state=open]:outline-1!`),children:[P(j,{mode:f.value?`visible`:`hidden`,children:ut(f.value,`PPP`)}),P(j,{mode:f.value?`hidden`:`visible`,children:F(`span`,{children:[` `,a||`Pick a date`]})}),P(se,{className:`text-text-positive-weak ml-auto size-4`})]})}),P(y,{align:`end`,className:`w-fit p-0`,onBlur:h,children:P(x,{mode:`single`,selected:f.value,onSelect:e=>{e&&m(e)},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),P(j,{mode:n?`visible`:`hidden`,children:P(s,{errors:f.meta.errors})})]})})]}),P(o,{})]})},pt=({isShowLabel:e=!0,isNested:t=!1,isShowErrorMsg:n=!0,label:r,description:i,unitText:c,placeholder:f})=>{let{name:m,state:h,handleBlur:g,handleChange:_}=I();return t?F(p,{orientation:`vertical`,className:`gap-1`,children:[P(j,{mode:r||i?`visible`:`hidden`,children:P(l,{children:P(u,{htmlFor:m,className:`text-xs`,children:r})})}),F(`div`,{className:`flex flex-col w-full justify-start`,children:[P(C,{id:m,value:h.value,"aria-invalid":h.meta.isTouched&&!h.meta.isValid,className:`w-full`,placeholder:f,unitText:c,onBlur:g,onValueChange:e=>{e!==void 0&&_(e)}}),P(j,{mode:n?`visible`:`hidden`,children:P(s,{errors:h.meta.errors})})]})]}):F(a,{children:[F(p,{orientation:`responsive`,"data-invalid":h.meta.isTouched&&!h.meta.isValid,children:[F(l,{children:[P(j,{mode:r||i?`visible`:`hidden`,children:P(j,{mode:e?`visible`:`hidden`,children:P(u,{htmlFor:m,children:r})})}),P(j,{mode:i?`visible`:`hidden`,children:P(d,{children:i})})]}),F(`div`,{className:`relative basis-3/5 space-y-0.5`,children:[P(C,{id:m,value:h.value,"aria-invalid":h.meta.isTouched&&!h.meta.isValid,unitText:c,placeholder:f,className:`w-full`,onBlur:g,onValueChange:e=>{e!==void 0&&_(e)}}),P(j,{mode:n?`visible`:`hidden`,children:P(s,{errors:h.meta.errors})})]})]}),P(o,{})]})},mt=({label:e,description:t,children:n})=>F(a,{children:[F(p,{orientation:`responsive`,children:[F(l,{children:[P(u,{children:e}),P(j,{mode:t?`visible`:`hidden`,children:P(d,{children:t})})]}),P(`div`,{className:`relative basis-3/5 space-y-0.5`,children:P(`div`,{className:`flex flex-col space-y-1`,children:n})})]}),P(o,{})]}),ht=({options:e,children:t})=>{let{handleChange:n}=I();return P(oe,{className:`flex flex-col space-y-0.5 justify-end items-end`,onValueChange:n,children:e.map(e=>F(`label`,{className:`rounded-lg border border-border flex p-2 cursor-pointer max-w-90 w-full`,children:[F(`div`,{className:`flex flex-col grow`,children:[P(`p`,{className:`text-sm text-text-positive`,children:e.label}),P(`p`,{className:`text-sm text-text-positive-weak`,children:e.value})]}),P(ae,{value:e.value})]},e.value))})},gt=({isShowLabel:e=!0,isShowErrorMsg:t=!0,isNested:n=!1,disabledValues:r=[],label:i,description:a,placeholder:c,options:f})=>{let{name:m,state:h,handleChange:g}=I(),_=h.meta.isTouched&&!h.meta.isValid;return n?F(p,{orientation:`vertical`,className:`gap-1`,children:[P(j,{mode:i||a?`visible`:`hidden`,children:F(l,{children:[P(u,{htmlFor:m,className:`text-xs`,children:i}),P(j,{mode:a?`visible`:`hidden`,children:P(d,{className:`text-xs`,children:a})})]})}),F(`div`,{className:`flex flex-col w-full justify-start`,children:[F(D,{defaultValue:h.value,onValueChange:g,children:[P(T,{className:A(`w-full md:max-w-80`,_&&`border-danger`,_&&`data-[state=open]:ring-danger-weak`,_&&`data-[state=open]:border-danger-strong`,_&&`focus:ring-danger-weak`,_&&`focus:border-danger-strong`),children:P(O,{placeholder:c})}),P(E,{children:f.map(({value:e,label:t})=>P(w,{disabled:r.includes(e),value:e,children:t},e))})]}),P(j,{mode:t?`visible`:`hidden`,children:P(s,{errors:h.meta.errors})})]})]}):F(N,{children:[F(p,{orientation:`responsive`,"data-invalid":h.meta.isTouched&&!h.meta.isValid,children:[F(l,{children:[P(j,{mode:i||a?`visible`:`hidden`,children:P(j,{mode:e?`visible`:`hidden`,children:P(u,{htmlFor:m,children:i})})}),P(j,{mode:a?`visible`:`hidden`,children:P(j,{mode:a?`visible`:`hidden`,children:P(d,{children:a})})})]}),P(`div`,{className:`basis-3/5 flex flex-col items-end`,children:F(`div`,{className:`w-full md:max-w-80 flex flex-col space-y-0.5`,children:[F(D,{defaultValue:h.value,onValueChange:g,children:[P(T,{className:A(`w-full`,_&&`border-danger`,_&&`data-[state=open]:ring-danger-weak`,_&&`data-[state=open]:border-danger-strong`,_&&`focus:ring-danger-weak`,_&&`focus:border-danger-strong`),children:P(O,{placeholder:c})}),P(E,{children:f.map(({value:e,label:t})=>P(w,{disabled:r.includes(e),value:e,children:t},e))})]}),P(j,{mode:t?`visible`:`hidden`,children:P(s,{errors:h.meta.errors})})]})})]}),P(o,{})]})},_t=({label:e,description:t,children:n})=>F(a,{children:[F(p,{orientation:`responsive`,children:[F(l,{children:[P(u,{children:e}),P(j,{mode:t?`visible`:`hidden`,children:P(d,{children:t})})]}),P(`div`,{className:`relative basis-3/5 space-y-0.5`,children:P(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-4`,children:n})})]}),P(o,{})]}),vt=({label:e,description:t})=>{let{name:n,state:r,handleChange:a}=I();return F(i,{htmlFor:n,className:`rounded-md p-2 border border-border flex gap-x-2 items-start cursor-pointer`,children:[F(`div`,{className:`flex flex-col space-y-2 grow`,children:[P(`p`,{children:e}),P(`p`,{className:`text-xs text-text-positive-weak`,children:t})]}),P(re,{id:n,checked:r.value,className:`w-8`,onCheckedChange:a})]})},yt=de([`text-text-positive-weak hover:text-text-positive focus-visible:ring-border absolute inset-y-0 top-3 end-0 flex h-fit w-8 cursor-pointer items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:ring-2`]),Q=ue(({isShowClearButton:e,isShowCount:t,isShowErrorMsg:n,maxLength:i,counts:a,errors:o,onClear:c})=>{let l=M(()=>{c()},[c]);return F(N,{children:[P(j,{mode:e?`visible`:`hidden`,children:P(`button`,{type:`button`,className:yt(),"aria-label":`Clear input`,onClick:l,children:P(le,{size:14,"aria-hidden":`true`})})}),F(r,{vertical:!0,width:`full`,padding:`none`,align:`end`,justify:`end`,children:[P(j,{mode:t?`visible`:`hidden`,children:F(`p`,{className:A(`text-text-positive-weak text-end text-xs`,i!==void 0&&a!==void 0&&i>=5&&a>=i-5&&`text-warning`,i!==void 0&&a!==void 0&&a>=i&&`text-danger`),children:[a??0,` characters`]})}),P(j,{mode:n?`visible`:`hidden`,children:P(s,{errors:o})})]})]})});Q.displayName=`CountCharacters`;const bt=({isShowLabel:e=!0,isNested:t=!1,isShowClearButton:n=!1,isShowErrorMsg:r=!0,maxLength:i,label:s,description:c,placeholder:f})=>{let{name:m,state:h,handleBlur:g,handleChange:_}=I();return t?F(p,{orientation:`vertical`,className:`gap-1`,children:[P(j,{mode:s||c?`visible`:`hidden`,children:F(l,{children:[P(u,{htmlFor:m,className:`text-xs`,children:s}),P(j,{mode:c?`visible`:`hidden`,children:P(d,{className:`text-xs`,children:c})})]})}),F(`div`,{className:`flex flex-col w-full justify-start`,children:[P(S,{id:m,name:m,value:h.value,"aria-invalid":h.meta.isTouched&&!h.meta.isValid,autoComplete:`off`,placeholder:f,className:A(`w-full`,n&&`pr-9`),onBlur:g,onChange:e=>_(e.target.value)}),P(Q,{isShowClearButton:n,isShowCount:!0,isShowErrorMsg:r,maxLength:i,counts:h.value?.length,errors:h.meta.errors,onClear:()=>_(``)})]})]}):F(a,{children:[F(p,{orientation:`responsive`,"data-invalid":h.meta.isTouched&&!h.meta.isValid,children:[P(l,{children:F(j,{mode:s||c?`visible`:`hidden`,children:[P(j,{mode:e?`visible`:`hidden`,children:P(u,{htmlFor:m,children:s})}),P(j,{mode:c?`visible`:`hidden`,children:P(d,{children:c})})]})}),F(`div`,{className:`relative basis-3/5`,children:[P(S,{id:m,name:m,value:h.value,"aria-invalid":h.meta.isTouched&&!h.meta.isValid,autoComplete:`off`,placeholder:f,onBlur:g,onChange:e=>_(e.target.value)}),P(Q,{isShowClearButton:n,isShowCount:!0,isShowErrorMsg:r,maxLength:i,counts:h.value?.length,errors:h.meta.errors,onClear:()=>_(``)})]})]}),P(o,{})]})},$=ue(({isShowCount:e,isShowErrorMsg:t,maxLength:n,counts:i,errors:a})=>F(r,{vertical:!0,width:`full`,padding:`none`,align:`end`,justify:`end`,children:[P(j,{mode:e?`visible`:`hidden`,children:F(`p`,{className:A(`text-text-positive-weak text-end text-xs`,n!==void 0&&i!==void 0&&n>=5&&i>=n-5&&`text-warning`,n!==void 0&&i!==void 0&&i>=n&&`text-danger`),children:[i??0,` characters`]})}),P(j,{mode:t?`visible`:`hidden`,children:P(s,{errors:a})})]}));$.displayName=`CountCharacters`;const{useAppForm:xt}=fe({fieldContext:_e,formContext:ve,fieldComponents:{TextField:bt,TextareaField:({isShowLabel:e=!0,isShowErrorMsg:t=!0,isNested:n=!1,rows:r=5,maxLength:i,label:a,description:s,placeholder:c})=>{let{name:f,state:m,handleBlur:h,handleChange:g}=I();return n?F(p,{orientation:`vertical`,className:`gap-1`,children:[P(j,{mode:a||s?`visible`:`hidden`,children:F(l,{children:[P(u,{htmlFor:f,className:`text-xs`,children:a}),P(j,{mode:s?`visible`:`hidden`,children:P(d,{className:`text-xs`,children:s})})]})}),F(`div`,{className:`flex flex-col w-full justify-start`,children:[P(ie,{id:f,name:f,value:m.value,"aria-invalid":m.meta.isTouched&&!m.meta.isValid,autoComplete:`off`,placeholder:c,rows:r,className:`w-full`,onBlur:h,onChange:e=>g(e.target.value)}),P($,{isShowCount:!0,isShowErrorMsg:t,maxLength:i,counts:m.value?.length,errors:m.meta.errors})]})]}):F(N,{children:[F(p,{orientation:`responsive`,"data-invalid":m.meta.isTouched&&!m.meta.isValid,children:[P(l,{children:F(j,{mode:a||s?`visible`:`hidden`,children:[P(j,{mode:e?`visible`:`hidden`,children:P(u,{htmlFor:f,children:a})}),P(j,{mode:s?`visible`:`hidden`,children:P(d,{children:s})})]})}),F(`div`,{className:`relative basis-3/5`,children:[P(ie,{id:f,name:f,value:m.value,"aria-invalid":m.meta.isTouched&&!m.meta.isValid,autoComplete:`off`,placeholder:c,rows:r,onBlur:h,onChange:e=>g(e.target.value)}),P($,{isShowCount:!0,isShowErrorMsg:t,maxLength:i,counts:m.value?.length,errors:m.meta.errors})]})]}),P(o,{})]})},NumberField:pt,SelectField:gt,ComboboxField:be,SwitchField:vt,RadioGroupField:ht,DateField:ft,ArrayField:he,ArrayItemField:ge},formComponents:{TanStackForm:({label:e,description:t,onSubmit:n,children:r})=>P(`form`,{onSubmit:M(async e=>{e.preventDefault(),await n?.()},[n]),children:F(a,{children:[F(c,{children:[P(f,{children:e}),P(d,{children:t}),P(o,{})]}),r]})}),TanStackFormGroup:({label:e,description:t,children:n})=>F(N,{children:[F(a,{className:`@md/field-group:flex-row @md/field-group:items-start`,children:[F(l,{children:[P(u,{children:e}),P(d,{children:t})]}),P(`div`,{className:`basis-3/5 w-full flex flex-col items-end`,children:P(`div`,{className:`flex flex-col space-y-2 max-w-80 w-full`,children:n})})]}),P(o,{})]}),TanStackFormFooter:({children:e})=>P(`div`,{className:`mt-4 flex justify-end gap-2`,children:e}),TanStackSwitchGroup:_t,TanStackRadioGroup:mt,SubscribeButton:({label:t=`Submit`})=>{let{Subscribe:n,handleSubmit:r}=ye(),i=M(async()=>{await r()},[r]);return P(n,{selector:e=>({isSubmitting:e.isSubmitting,isDisabled:!e.isFormValid}),children:({isDisabled:n,isSubmitting:r})=>P(e,{type:`submit`,disabled:n,isLoading:r,className:`w-32`,onClick:i,children:r?`Submitting...`:t})})}}});export{xt as useTanStackForm};
+import"../dist--0WptDez.js";import"../button.variants-D-o2smvP.js";import{t as e}from"../button-ZBnX9IoC.js";import{r as t,t as n}from"../card-Ck4l6oKk.js";import{t as r}from"../flex-R1TY6P_u.js";import{t as i}from"../label-pQFhmWzJ.js";import"../separator-udZphpLE.js";import{a,c as o,i as s,l as c,n as l,o as u,r as d,s as f,t as p}from"../field-CBs15wFj.js";import"../dialog-BXrkkvSS.js";import{a as m,c as h,i as g,o as _,r as v,s as y,t as b}from"../command-BCjoeG8s.js";import{i as x,r as S,t as C}from"../popover-Bx80nsDv.js";import{t as w}from"../calendar-oeosoy2_.js";import{t as T}from"../input-C_Q32lFA.js";import{t as E}from"../number-input-DcqwSq0c.js";import{i as D,l as O,n as k,t as ee,u as te}from"../select-C3ZceYuJ.js";import{t as ne}from"../switch-DY634XAU.js";import{t as re}from"../textarea-CGM_TA39.js";import{n as ie,t as ae}from"../radio-group-CvZi9_lP.js";import{CalendarIcon as oe,ChevronDownIcon as se,Loader2Icon as ce,PackagePlusIcon as le,PlusIcon as A,XIcon as ue}from"lucide-react";import{Activity as j,memo as de,useCallback as M}from"react";import{cn as N}from"@customafk/react-toolkit/utils";import{Fragment as P,jsx as F,jsxs as I}from"react/jsx-runtime";import{cva as fe}from"class-variance-authority";import{createFormHook as pe,createFormHookContexts as me,useStore as he}from"@tanstack/react-form";const ge=({children:e})=>F(`div`,{"data-slot":`array-wrapper`,className:`flex flex-col space-y-4`,children:e}),_e=({label:t,description:n,onAddItem:r,children:i})=>I(a,{children:[I(p,{children:[I(l,{children:[F(u,{children:t}),F(d,{children:n})]}),F(ge,{children:i})]}),I(e,{size:`sm`,variant:`outline`,color:`muted`,className:`w-fit text-text-positive-weak [&>span]:gap-x-0.5`,onClick:r,children:[F(A,{size:12}),`Add Item`]}),F(o,{})]}),ve=({index:r,label:i,description:s,onRemove:l,children:u})=>I(n,{className:`relative shadow-none border border-border rounded-md`,children:[F(e,{size:`icon`,variant:`outline`,color:`muted`,className:`absolute top-4 right-4 text-text-negative-weak`,onClick:M(()=>{l?.(r)},[r,l]),children:F(ue,{})}),F(t,{children:I(a,{children:[I(c,{children:[F(f,{children:i}),F(d,{children:s}),F(o,{})]}),u]})})]}),{fieldContext:ye,formContext:be,useFieldContext:L,useFormContext:xe}=me(),Se=({label:t=`Cancel`})=>{let{Subscribe:n,reset:r}=xe(),i=M(()=>{r()},[r]);return F(n,{selector:e=>({isSubmitting:e.isSubmitting}),children:({isSubmitting:n})=>F(e,{type:`button`,disabled:n,variant:`outline`,color:`muted`,className:`w-32`,onClick:i,children:t})})},Ce=({isShowLabel:t=!0,isShowErrorMsg:n=!0,isNested:r=!1,disabledValues:i=[],label:a,description:c,placeholder:f,options:w,onAddNewItem:T})=>{let{name:E,state:D,handleChange:O}=L(),k=D.meta.isTouched&&!D.meta.isValid;return r?I(p,{orientation:`vertical`,className:`gap-1`,children:[F(j,{mode:a||c?`visible`:`hidden`,children:I(l,{children:[F(u,{htmlFor:E,className:`text-xs`,children:a}),F(j,{mode:c?`visible`:`hidden`,children:F(d,{className:`text-xs`,children:c})})]})}),I(`div`,{className:`flex w-full flex-col justify-start`,children:[I(C,{modal:!0,children:[F(x,{asChild:!0,children:I(e,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:N(`w-full md:max-w-80`,`flex justify-between rounded-md px-3 shadow-input`,`font-normal outline-border-weak`,k&&`outline-danger`,k&&`focus:ring-4!`,k&&`focus:ring-danger-weak!`,k&&`focus:outline-danger-strong!`,k&&`focus:outline-1!`,k&&`data-[state=open]:ring-4!`,k&&`data-[state=open]:ring-danger-weak!`,k&&`data-[state=open]:outline-danger-strong!`,k&&`data-[state=open]:outline-1!`),children:[F(j,{mode:D.value?`visible`:`hidden`,children:F(`p`,{className:`flex min-w-0 flex-1 items-center gap-2 text-start`,children:w?.find(({value:e})=>e===D.value)?.label})}),F(j,{mode:D.value?`hidden`:`visible`,children:F(`p`,{className:`flex-1 text-start text-text-positive-muted`,children:f})}),F(se,{size:16,className:`shrink-0 text-text-positive-weak`,"aria-hidden":`true`})]})}),F(S,{className:`w-(--radix-popover-trigger-width) p-0`,children:I(b,{className:`border-none`,children:[F(m,{placeholder:f??`Tìm kiếm`}),I(y,{children:[F(g,{className:`max-h-40 overflow-y-auto`,children:F(j,{mode:w?`visible`:`hidden`,children:w.map(({value:e,label:t})=>F(_,{value:t,onSelect:()=>O(e),disabled:i.includes(e),children:t},e))})}),I(j,{mode:T?`visible`:`hidden`,children:[F(h,{}),F(g,{children:I(e,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,onClick:T,children:[F(A,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),F(v,{children:`Không có kết quả`})]})})]}),F(j,{mode:n?`visible`:`hidden`,children:F(s,{errors:D.meta.errors})})]})]}):I(P,{children:[I(p,{orientation:`responsive`,"data-invalid":D.meta.isTouched&&!D.meta.isValid,children:[I(l,{children:[F(j,{mode:a||c?`visible`:`hidden`,children:F(j,{mode:t?`visible`:`hidden`,children:F(u,{htmlFor:E,children:a})})}),F(j,{mode:c?`visible`:`hidden`,children:F(j,{mode:c?`visible`:`hidden`,children:F(d,{children:c})})})]}),F(`div`,{className:`flex basis-3/5 flex-col items-end`,children:I(`div`,{className:`flex w-full flex-col space-y-0.5 md:max-w-80`,children:[I(C,{modal:!0,children:[F(x,{asChild:!0,children:I(e,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:N(`w-full md:max-w-80`,`flex justify-between rounded-md px-3 shadow-input`,`font-normal outline-border-weak`,`[&_div]:w-full`,`[&_span]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:ring-4!`,`focus:ring-primary-weak!`,`focus:outline-1!`,`focus:outline-primary-strong!`,`focus:bg-background`,k&&`outline-danger`,k&&`focus:ring-4!`,k&&`focus:ring-danger-weak!`,k&&`focus:outline-danger-strong!`,k&&`focus:outline-1!`,k&&`data-[state=open]:ring-4!`,k&&`data-[state=open]:ring-danger-weak!`,k&&`data-[state=open]:outline-danger-strong!`,k&&`data-[state=open]:outline-1!`),children:[F(j,{mode:D.value?`visible`:`hidden`,children:F(`p`,{className:`flex min-w-0 flex-1 items-center gap-2 text-start`,children:w?.find(({value:e})=>e===D.value)?.label})}),F(j,{mode:D.value?`hidden`:`visible`,children:F(`p`,{className:`flex-1 text-start text-text-positive-muted`,children:f})}),F(se,{size:16,className:`shrink-0 text-text-positive-weak`,"aria-hidden":`true`})]})}),F(S,{className:`w-(--radix-popover-trigger-width) p-0`,children:I(b,{className:`border-none`,children:[F(m,{placeholder:f??`Tìm kiếm`}),I(y,{children:[F(g,{className:`max-h-40 overflow-y-auto`,children:F(j,{mode:w?`visible`:`hidden`,children:w.map(({value:e,label:t})=>F(_,{value:t,onSelect:()=>O(e),disabled:i.includes(e),children:t},e))})}),I(j,{mode:T?`visible`:`hidden`,children:[F(h,{}),F(g,{children:I(e,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,onClick:T,children:[F(A,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),F(v,{children:`Không có kết quả`})]})})]}),F(j,{mode:n?`visible`:`hidden`,children:F(s,{errors:D.meta.errors})})]})})]}),F(o,{})]})},we=6048e5,Te=3600*24;Te*7,Te*365.2425;const R=Symbol.for(`constructDateFrom`);function z(e,t){return typeof e==`function`?e(t):e&&typeof e==`object`&&R in e?e[R](t):e instanceof Date?new e.constructor(t):new Date(t)}function B(e,t){return z(t||e,e)}let Ee={};function V(){return Ee}function H(e,t){let n=V(),r=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,i=B(e,t?.in),a=i.getDay(),o=(a<r?7:0)+a-r;return i.setDate(i.getDate()-o),i.setHours(0,0,0,0),i}function U(e,t){return H(e,{...t,weekStartsOn:1})}function De(e,t){let n=B(e,t?.in),r=n.getFullYear(),i=z(n,0);i.setFullYear(r+1,0,4),i.setHours(0,0,0,0);let a=U(i),o=z(n,0);o.setFullYear(r,0,4),o.setHours(0,0,0,0);let s=U(o);return n.getTime()>=a.getTime()?r+1:n.getTime()>=s.getTime()?r:r-1}function Oe(e){let t=B(e),n=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return n.setUTCFullYear(t.getFullYear()),e-+n}function ke(e,...t){let n=z.bind(null,e||t.find(e=>typeof e==`object`));return t.map(n)}function Ae(e,t){let n=B(e,t?.in);return n.setHours(0,0,0,0),n}function je(e,t,n){let[r,i]=ke(n?.in,e,t),a=Ae(r),o=Ae(i),s=+a-Oe(a),c=+o-Oe(o);return Math.round((s-c)/864e5)}function Me(e,t){let n=De(e,t),r=z(t?.in||e,0);return r.setFullYear(n,0,4),r.setHours(0,0,0,0),U(r)}function Ne(e){return e instanceof Date||typeof e==`object`&&Object.prototype.toString.call(e)===`[object Date]`}function Pe(e){return!(!Ne(e)&&typeof e!=`number`||isNaN(+B(e)))}function Fe(e,t){let n=B(e,t?.in);return n.setFullYear(n.getFullYear(),0,1),n.setHours(0,0,0,0),n}const Ie={lessThanXSeconds:{one:`less than a second`,other:`less than {{count}} seconds`},xSeconds:{one:`1 second`,other:`{{count}} seconds`},halfAMinute:`half a minute`,lessThanXMinutes:{one:`less than a minute`,other:`less than {{count}} minutes`},xMinutes:{one:`1 minute`,other:`{{count}} minutes`},aboutXHours:{one:`about 1 hour`,other:`about {{count}} hours`},xHours:{one:`1 hour`,other:`{{count}} hours`},xDays:{one:`1 day`,other:`{{count}} days`},aboutXWeeks:{one:`about 1 week`,other:`about {{count}} weeks`},xWeeks:{one:`1 week`,other:`{{count}} weeks`},aboutXMonths:{one:`about 1 month`,other:`about {{count}} months`},xMonths:{one:`1 month`,other:`{{count}} months`},aboutXYears:{one:`about 1 year`,other:`about {{count}} years`},xYears:{one:`1 year`,other:`{{count}} years`},overXYears:{one:`over 1 year`,other:`over {{count}} years`},almostXYears:{one:`almost 1 year`,other:`almost {{count}} years`}},Le=(e,t,n)=>{let r,i=Ie[e];return r=typeof i==`string`?i:t===1?i.one:i.other.replace(`{{count}}`,t.toString()),n?.addSuffix?n.comparison&&n.comparison>0?`in `+r:r+` ago`:r};function W(e){return(t={})=>{let n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}const Re={date:W({formats:{full:`EEEE, MMMM do, y`,long:`MMMM do, y`,medium:`MMM d, y`,short:`MM/dd/yyyy`},defaultWidth:`full`}),time:W({formats:{full:`h:mm:ss a zzzz`,long:`h:mm:ss a z`,medium:`h:mm:ss a`,short:`h:mm a`},defaultWidth:`full`}),dateTime:W({formats:{full:`{{date}} 'at' {{time}}`,long:`{{date}} 'at' {{time}}`,medium:`{{date}}, {{time}}`,short:`{{date}}, {{time}}`},defaultWidth:`full`})},ze={lastWeek:`'last' eeee 'at' p`,yesterday:`'yesterday at' p`,today:`'today at' p`,tomorrow:`'tomorrow at' p`,nextWeek:`eeee 'at' p`,other:`P`},Be=(e,t,n,r)=>ze[e];function G(e){return(t,n)=>{let r=n?.context?String(n.context):`standalone`,i;if(r===`formatting`&&e.formattingValues){let t=e.defaultFormattingWidth||e.defaultWidth,r=n?.width?String(n.width):t;i=e.formattingValues[r]||e.formattingValues[t]}else{let t=e.defaultWidth,r=n?.width?String(n.width):e.defaultWidth;i=e.values[r]||e.values[t]}let a=e.argumentCallback?e.argumentCallback(t):t;return i[a]}}const Ve={ordinalNumber:(e,t)=>{let n=Number(e),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+`st`;case 2:return n+`nd`;case 3:return n+`rd`}return n+`th`},era:G({values:{narrow:[`B`,`A`],abbreviated:[`BC`,`AD`],wide:[`Before Christ`,`Anno Domini`]},defaultWidth:`wide`}),quarter:G({values:{narrow:[`1`,`2`,`3`,`4`],abbreviated:[`Q1`,`Q2`,`Q3`,`Q4`],wide:[`1st quarter`,`2nd quarter`,`3rd quarter`,`4th quarter`]},defaultWidth:`wide`,argumentCallback:e=>e-1}),month:G({values:{narrow:[`J`,`F`,`M`,`A`,`M`,`J`,`J`,`A`,`S`,`O`,`N`,`D`],abbreviated:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],wide:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`]},defaultWidth:`wide`}),day:G({values:{narrow:[`S`,`M`,`T`,`W`,`T`,`F`,`S`],short:[`Su`,`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`],abbreviated:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],wide:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`]},defaultWidth:`wide`}),dayPeriod:G({values:{narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`}},defaultWidth:`wide`,formattingValues:{narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`}},defaultFormattingWidth:`wide`})};function K(e){return(t,n={})=>{let r=n.width,i=r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth],a=t.match(i);if(!a)return null;let o=a[0],s=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],c=Array.isArray(s)?Ue(s,e=>e.test(o)):He(s,e=>e.test(o)),l;l=e.valueCallback?e.valueCallback(c):c,l=n.valueCallback?n.valueCallback(l):l;let u=t.slice(o.length);return{value:l,rest:u}}}function He(e,t){for(let n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n}function Ue(e,t){for(let n=0;n<e.length;n++)if(t(e[n]))return n}function We(e){return(t,n={})=>{let r=t.match(e.matchPattern);if(!r)return null;let i=r[0],a=t.match(e.parsePattern);if(!a)return null;let o=e.valueCallback?e.valueCallback(a[0]):a[0];o=n.valueCallback?n.valueCallback(o):o;let s=t.slice(i.length);return{value:o,rest:s}}}const Ge={code:`en-US`,formatDistance:Le,formatLong:Re,formatRelative:Be,localize:Ve,match:{ordinalNumber:We({matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)}),era:K({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:`any`}),quarter:K({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:`wide`,parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:`any`,valueCallback:e=>e+1}),month:K({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:`wide`,parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:`any`}),day:K({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:`wide`,parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:`any`}),dayPeriod:K({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:`any`,parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:`any`})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function Ke(e,t){let n=B(e,t?.in);return je(n,Fe(n))+1}function qe(e,t){let n=B(e,t?.in),r=U(n)-+Me(n);return Math.round(r/we)+1}function Je(e,t){let n=B(e,t?.in),r=n.getFullYear(),i=V(),a=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,o=z(t?.in||e,0);o.setFullYear(r+1,0,a),o.setHours(0,0,0,0);let s=H(o,t),c=z(t?.in||e,0);c.setFullYear(r,0,a),c.setHours(0,0,0,0);let l=H(c,t);return+n>=+s?r+1:+n>=+l?r:r-1}function Ye(e,t){let n=V(),r=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,i=Je(e,t),a=z(t?.in||e,0);return a.setFullYear(i,0,r),a.setHours(0,0,0,0),H(a,t)}function Xe(e,t){let n=B(e,t?.in),r=H(n,t)-+Ye(n,t);return Math.round(r/we)+1}function q(e,t){return(e<0?`-`:``)+Math.abs(e).toString().padStart(t,`0`)}const J={y(e,t){let n=e.getFullYear(),r=n>0?n:1-n;return q(t===`yy`?r%100:r,t.length)},M(e,t){let n=e.getMonth();return t===`M`?String(n+1):q(n+1,2)},d(e,t){return q(e.getDate(),t.length)},a(e,t){let n=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.toUpperCase();case`aaa`:return n;case`aaaaa`:return n[0];case`aaaa`:default:return n===`am`?`a.m.`:`p.m.`}},h(e,t){return q(e.getHours()%12||12,t.length)},H(e,t){return q(e.getHours(),t.length)},m(e,t){return q(e.getMinutes(),t.length)},s(e,t){return q(e.getSeconds(),t.length)},S(e,t){let n=t.length,r=e.getMilliseconds();return q(Math.trunc(r*10**(n-3)),t.length)}},Y={am:`am`,pm:`pm`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},Ze={G:function(e,t,n){let r=e.getFullYear()>0?1:0;switch(t){case`G`:case`GG`:case`GGG`:return n.era(r,{width:`abbreviated`});case`GGGGG`:return n.era(r,{width:`narrow`});case`GGGG`:default:return n.era(r,{width:`wide`})}},y:function(e,t,n){if(t===`yo`){let t=e.getFullYear(),r=t>0?t:1-t;return n.ordinalNumber(r,{unit:`year`})}return J.y(e,t)},Y:function(e,t,n,r){let i=Je(e,r),a=i>0?i:1-i;return t===`YY`?q(a%100,2):t===`Yo`?n.ordinalNumber(a,{unit:`year`}):q(a,t.length)},R:function(e,t){return q(De(e),t.length)},u:function(e,t){return q(e.getFullYear(),t.length)},Q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`Q`:return String(r);case`QQ`:return q(r,2);case`Qo`:return n.ordinalNumber(r,{unit:`quarter`});case`QQQ`:return n.quarter(r,{width:`abbreviated`,context:`formatting`});case`QQQQQ`:return n.quarter(r,{width:`narrow`,context:`formatting`});case`QQQQ`:default:return n.quarter(r,{width:`wide`,context:`formatting`})}},q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`q`:return String(r);case`qq`:return q(r,2);case`qo`:return n.ordinalNumber(r,{unit:`quarter`});case`qqq`:return n.quarter(r,{width:`abbreviated`,context:`standalone`});case`qqqqq`:return n.quarter(r,{width:`narrow`,context:`standalone`});case`qqqq`:default:return n.quarter(r,{width:`wide`,context:`standalone`})}},M:function(e,t,n){let r=e.getMonth();switch(t){case`M`:case`MM`:return J.M(e,t);case`Mo`:return n.ordinalNumber(r+1,{unit:`month`});case`MMM`:return n.month(r,{width:`abbreviated`,context:`formatting`});case`MMMMM`:return n.month(r,{width:`narrow`,context:`formatting`});case`MMMM`:default:return n.month(r,{width:`wide`,context:`formatting`})}},L:function(e,t,n){let r=e.getMonth();switch(t){case`L`:return String(r+1);case`LL`:return q(r+1,2);case`Lo`:return n.ordinalNumber(r+1,{unit:`month`});case`LLL`:return n.month(r,{width:`abbreviated`,context:`standalone`});case`LLLLL`:return n.month(r,{width:`narrow`,context:`standalone`});case`LLLL`:default:return n.month(r,{width:`wide`,context:`standalone`})}},w:function(e,t,n,r){let i=Xe(e,r);return t===`wo`?n.ordinalNumber(i,{unit:`week`}):q(i,t.length)},I:function(e,t,n){let r=qe(e);return t===`Io`?n.ordinalNumber(r,{unit:`week`}):q(r,t.length)},d:function(e,t,n){return t===`do`?n.ordinalNumber(e.getDate(),{unit:`date`}):J.d(e,t)},D:function(e,t,n){let r=Ke(e);return t===`Do`?n.ordinalNumber(r,{unit:`dayOfYear`}):q(r,t.length)},E:function(e,t,n){let r=e.getDay();switch(t){case`E`:case`EE`:case`EEE`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`EEEEE`:return n.day(r,{width:`narrow`,context:`formatting`});case`EEEEEE`:return n.day(r,{width:`short`,context:`formatting`});case`EEEE`:default:return n.day(r,{width:`wide`,context:`formatting`})}},e:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`e`:return String(a);case`ee`:return q(a,2);case`eo`:return n.ordinalNumber(a,{unit:`day`});case`eee`:return n.day(i,{width:`abbreviated`,context:`formatting`});case`eeeee`:return n.day(i,{width:`narrow`,context:`formatting`});case`eeeeee`:return n.day(i,{width:`short`,context:`formatting`});case`eeee`:default:return n.day(i,{width:`wide`,context:`formatting`})}},c:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`c`:return String(a);case`cc`:return q(a,t.length);case`co`:return n.ordinalNumber(a,{unit:`day`});case`ccc`:return n.day(i,{width:`abbreviated`,context:`standalone`});case`ccccc`:return n.day(i,{width:`narrow`,context:`standalone`});case`cccccc`:return n.day(i,{width:`short`,context:`standalone`});case`cccc`:default:return n.day(i,{width:`wide`,context:`standalone`})}},i:function(e,t,n){let r=e.getDay(),i=r===0?7:r;switch(t){case`i`:return String(i);case`ii`:return q(i,t.length);case`io`:return n.ordinalNumber(i,{unit:`day`});case`iii`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`iiiii`:return n.day(r,{width:`narrow`,context:`formatting`});case`iiiiii`:return n.day(r,{width:`short`,context:`formatting`});case`iiii`:default:return n.day(r,{width:`wide`,context:`formatting`})}},a:function(e,t,n){let r=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`});case`aaa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`aaaaa`:return n.dayPeriod(r,{width:`narrow`,context:`formatting`});case`aaaa`:default:return n.dayPeriod(r,{width:`wide`,context:`formatting`})}},b:function(e,t,n){let r=e.getHours(),i;switch(i=r===12?Y.noon:r===0?Y.midnight:r/12>=1?`pm`:`am`,t){case`b`:case`bb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`bbb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`bbbbb`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});case`bbbb`:default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},B:function(e,t,n){let r=e.getHours(),i;switch(i=r>=17?Y.evening:r>=12?Y.afternoon:r>=4?Y.morning:Y.night,t){case`B`:case`BB`:case`BBB`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`BBBBB`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});case`BBBB`:default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},h:function(e,t,n){if(t===`ho`){let t=e.getHours()%12;return t===0&&(t=12),n.ordinalNumber(t,{unit:`hour`})}return J.h(e,t)},H:function(e,t,n){return t===`Ho`?n.ordinalNumber(e.getHours(),{unit:`hour`}):J.H(e,t)},K:function(e,t,n){let r=e.getHours()%12;return t===`Ko`?n.ordinalNumber(r,{unit:`hour`}):q(r,t.length)},k:function(e,t,n){let r=e.getHours();return r===0&&(r=24),t===`ko`?n.ordinalNumber(r,{unit:`hour`}):q(r,t.length)},m:function(e,t,n){return t===`mo`?n.ordinalNumber(e.getMinutes(),{unit:`minute`}):J.m(e,t)},s:function(e,t,n){return t===`so`?n.ordinalNumber(e.getSeconds(),{unit:`second`}):J.s(e,t)},S:function(e,t){return J.S(e,t)},X:function(e,t,n){let r=e.getTimezoneOffset();if(r===0)return`Z`;switch(t){case`X`:return $e(r);case`XXXX`:case`XX`:return X(r);case`XXXXX`:case`XXX`:default:return X(r,`:`)}},x:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`x`:return $e(r);case`xxxx`:case`xx`:return X(r);case`xxxxx`:case`xxx`:default:return X(r,`:`)}},O:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`O`:case`OO`:case`OOO`:return`GMT`+Qe(r,`:`);case`OOOO`:default:return`GMT`+X(r,`:`)}},z:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`z`:case`zz`:case`zzz`:return`GMT`+Qe(r,`:`);case`zzzz`:default:return`GMT`+X(r,`:`)}},t:function(e,t,n){return q(Math.trunc(e/1e3),t.length)},T:function(e,t,n){return q(+e,t.length)}};function Qe(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=Math.trunc(r/60),a=r%60;return a===0?n+String(i):n+String(i)+t+q(a,2)}function $e(e,t){return e%60==0?(e>0?`-`:`+`)+q(Math.abs(e)/60,2):X(e,t)}function X(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=q(Math.trunc(r/60),2),a=q(r%60,2);return n+i+t+a}const et=(e,t)=>{switch(e){case`P`:return t.date({width:`short`});case`PP`:return t.date({width:`medium`});case`PPP`:return t.date({width:`long`});case`PPPP`:default:return t.date({width:`full`})}},tt=(e,t)=>{switch(e){case`p`:return t.time({width:`short`});case`pp`:return t.time({width:`medium`});case`ppp`:return t.time({width:`long`});case`pppp`:default:return t.time({width:`full`})}},nt={p:tt,P:(e,t)=>{let n=e.match(/(P+)(p+)?/)||[],r=n[1],i=n[2];if(!i)return et(e,t);let a;switch(r){case`P`:a=t.dateTime({width:`short`});break;case`PP`:a=t.dateTime({width:`medium`});break;case`PPP`:a=t.dateTime({width:`long`});break;case`PPPP`:default:a=t.dateTime({width:`full`});break}return a.replace(`{{date}}`,et(r,t)).replace(`{{time}}`,tt(i,t))}},rt=/^D+$/,it=/^Y+$/,at=[`D`,`DD`,`YY`,`YYYY`];function ot(e){return rt.test(e)}function st(e){return it.test(e)}function ct(e,t,n){let r=lt(e,t,n);if(console.warn(r),at.includes(e))throw RangeError(r)}function lt(e,t,n){let r=e[0]===`Y`?`years`:`days of the month`;return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const ut=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,dt=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ft=/^'([^]*?)'?$/,pt=/''/g,mt=/[a-zA-Z]/;function Z(e,t,n){let r=V(),i=n?.locale??r.locale??Ge,a=n?.firstWeekContainsDate??n?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,o=n?.weekStartsOn??n?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,s=B(e,n?.in);if(!Pe(s))throw RangeError(`Invalid time value`);let c=t.match(dt).map(e=>{let t=e[0];if(t===`p`||t===`P`){let n=nt[t];return n(e,i.formatLong)}return e}).join(``).match(ut).map(e=>{if(e===`''`)return{isToken:!1,value:`'`};let t=e[0];if(t===`'`)return{isToken:!1,value:ht(e)};if(Ze[t])return{isToken:!0,value:e};if(t.match(mt))throw RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});i.localize.preprocessor&&(c=i.localize.preprocessor(s,c));let l={firstWeekContainsDate:a,weekStartsOn:o,locale:i};return c.map(r=>{if(!r.isToken)return r.value;let a=r.value;(!n?.useAdditionalWeekYearTokens&&st(a)||!n?.useAdditionalDayOfYearTokens&&ot(a))&&ct(a,t,String(e));let o=Ze[a[0]];return o(s,a,i.localize,l)}).join(``)}function ht(e){let t=e.match(ft);return t?t[1].replace(pt,`'`):e}const gt=({isNested:t=!1,isShowLabel:n=!0,isShowErrorMsg:r=!0,label:i,description:c,placeholder:f})=>{let{name:m,state:h,handleChange:g,handleBlur:_}=L(),v=h.meta.isTouched&&!h.meta.isValid;return t?I(p,{orientation:`vertical`,className:`gap-1`,children:[F(j,{mode:i||c?`visible`:`hidden`,children:F(l,{children:F(u,{htmlFor:m,className:`text-xs`,children:i})})}),I(`div`,{className:`flex w-full flex-col justify-start`,children:[I(C,{modal:!0,children:[F(x,{asChild:!0,children:I(e,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:N(`w-full md:max-w-80`,`flex justify-between rounded-md px-3 shadow-input`,`font-normal outline-border-weak`,`[&_div]:w-full`,`[&_span]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:ring-4!`,`focus:ring-primary-weak!`,`focus:outline-1!`,`focus:outline-primary-strong!`,`focus:bg-background`,v&&`outline-danger`,v&&`focus:ring-4!`,v&&`focus:ring-danger-weak!`,v&&`focus:outline-danger-strong!`,v&&`focus:outline-1!`,v&&`data-[state=open]:ring-4!`,v&&`data-[state=open]:ring-danger-weak!`,v&&`data-[state=open]:outline-danger-strong!`,v&&`data-[state=open]:outline-1!`),children:[F(j,{mode:h.value?`visible`:`hidden`,children:Z(h.value,`PPP`)}),F(j,{mode:h.value?`hidden`:`visible`,children:f||`Pick a date`}),F(oe,{className:`ml-auto size-4 text-text-positive-weak`})]})}),F(S,{align:`end`,className:`w-fit p-0`,onBlur:_,children:F(w,{mode:`single`,selected:h.value,onSelect:e=>{e&&g(e)},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),F(j,{mode:r?`visible`:`hidden`,children:F(s,{errors:h.meta.errors})})]})]}):I(a,{children:[I(p,{orientation:`responsive`,"data-invalid":v,children:[I(l,{children:[F(j,{mode:i||c?`visible`:`hidden`,children:F(j,{mode:n?`visible`:`hidden`,children:F(u,{htmlFor:m,children:i})})}),F(j,{mode:c?`visible`:`hidden`,children:F(j,{mode:c?`visible`:`hidden`,children:F(d,{children:c})})})]}),F(`div`,{className:`flex basis-3/5 flex-col items-end`,children:I(`div`,{className:`flex w-full flex-col space-y-0.5 md:max-w-62`,children:[I(C,{modal:!0,children:[F(x,{asChild:!0,children:I(e,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:N(`w-full md:max-w-80`,`flex justify-between rounded-md px-3 shadow-input`,`font-normal outline-border-weak`,`[&_div]:w-full`,`[&_span]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:ring-4!`,`focus:ring-primary-weak!`,`focus:outline-1!`,`focus:outline-primary-strong!`,`focus:bg-background`,v&&`outline-danger`,v&&`focus:ring-4!`,v&&`focus:ring-danger-weak!`,v&&`focus:outline-danger-strong!`,v&&`focus:outline-1!`,v&&`data-[state=open]:ring-4!`,v&&`data-[state=open]:ring-danger-weak!`,v&&`data-[state=open]:outline-danger-strong!`,v&&`data-[state=open]:outline-1!`),children:[F(j,{mode:h.value?`visible`:`hidden`,children:Z(h.value,`PPP`)}),F(j,{mode:h.value?`hidden`:`visible`,children:f||`Pick a date`}),F(oe,{className:`ml-auto size-4 text-text-positive-weak`})]})}),F(S,{align:`end`,className:`w-fit p-0`,onBlur:_,children:F(w,{mode:`single`,selected:h.value,onSelect:e=>{e&&g(e)},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),F(j,{mode:r?`visible`:`hidden`,children:F(s,{errors:h.meta.errors})})]})})]}),F(o,{})]})},_t=({isShowLabel:e=!0,isNested:t=!1,isShowErrorMsg:n=!0,label:r,description:i,unitText:c,placeholder:f})=>{let{name:m,state:h,handleBlur:g,handleChange:_}=L();return t?I(p,{orientation:`vertical`,className:`gap-1`,children:[F(j,{mode:r||i?`visible`:`hidden`,children:F(l,{children:F(u,{htmlFor:m,className:`text-xs`,children:r})})}),I(`div`,{className:`flex w-full flex-col justify-start`,children:[F(E,{id:m,value:h.value,"aria-invalid":h.meta.isTouched&&!h.meta.isValid,className:`w-full`,placeholder:f,unitText:c,onBlur:g,onValueChange:e=>{e!==void 0&&_(e)}}),F(j,{mode:n?`visible`:`hidden`,children:F(s,{errors:h.meta.errors})})]})]}):I(a,{children:[I(p,{orientation:`responsive`,"data-invalid":h.meta.isTouched&&!h.meta.isValid,children:[I(l,{children:[F(j,{mode:r||i?`visible`:`hidden`,children:F(j,{mode:e?`visible`:`hidden`,children:F(u,{htmlFor:m,children:r})})}),F(j,{mode:i?`visible`:`hidden`,children:F(d,{children:i})})]}),I(`div`,{className:`relative basis-3/5 space-y-0.5`,children:[F(E,{id:m,value:h.value,"aria-invalid":h.meta.isTouched&&!h.meta.isValid,unitText:c,placeholder:f,className:`w-full`,onBlur:g,onValueChange:e=>{e!==void 0&&_(e)}}),F(j,{mode:n?`visible`:`hidden`,children:F(s,{errors:h.meta.errors})})]})]}),F(o,{})]})},vt=({label:e,description:t,children:n})=>I(a,{children:[I(p,{orientation:`responsive`,children:[I(l,{children:[F(u,{children:e}),F(j,{mode:t?`visible`:`hidden`,children:F(d,{children:t})})]}),F(`div`,{className:`relative basis-3/5 space-y-0.5`,children:F(`div`,{className:`flex flex-col space-y-1`,children:n})})]}),F(o,{})]}),yt=({options:e})=>{let{handleChange:t}=L();return F(ae,{className:`flex flex-col items-end justify-end space-y-0.5`,onValueChange:t,children:e.map(e=>I(`label`,{className:`flex w-full max-w-90 cursor-pointer rounded-lg border border-border p-2`,children:[I(`div`,{className:`flex grow flex-col`,children:[F(`p`,{className:`font-semibold text-sm text-text-positive`,children:e.label}),F(`p`,{className:`text-text-positive-weak text-xs`,children:e.value})]}),F(ie,{value:e.value})]},e.value))})},bt=({isShowLabel:e=!0,isShowErrorMsg:t=!0,isNested:n=!1,disabledValues:r=[],label:i,description:a,placeholder:c,options:f})=>{let{name:m,state:h,handleChange:g}=L(),_=h.meta.isTouched&&!h.meta.isValid;return n?I(p,{orientation:`vertical`,className:`gap-1`,children:[F(j,{mode:i||a?`visible`:`hidden`,children:I(l,{children:[F(u,{htmlFor:m,className:`text-xs`,children:i}),F(j,{mode:a?`visible`:`hidden`,children:F(d,{className:`text-xs`,children:a})})]})}),I(`div`,{className:`flex w-full flex-col justify-start`,children:[I(ee,{defaultValue:h.value,onValueChange:g,children:[F(O,{className:N(`w-full md:max-w-80`,_&&`border-danger`,_&&`data-[state=open]:ring-danger-weak`,_&&`data-[state=open]:border-danger-strong`,_&&`focus:ring-danger-weak`,_&&`focus:border-danger-strong`),children:F(te,{placeholder:c})}),I(k,{children:[!!f.length&&f.map(({value:e,label:t})=>F(D,{disabled:r.includes(e),value:e,children:t},e)),!f.length&&I(`div`,{className:`flex items-center justify-center gap-x-2 px-4 py-6.5 text-center text-sm text-text-positive-weak`,children:[F(le,{strokeWidth:1}),`No options available`]})]})]}),F(j,{mode:t?`visible`:`hidden`,children:F(s,{errors:h.meta.errors})})]})]}):I(P,{children:[I(p,{orientation:`responsive`,"data-invalid":h.meta.isTouched&&!h.meta.isValid,children:[I(l,{children:[F(j,{mode:i||a?`visible`:`hidden`,children:F(j,{mode:e?`visible`:`hidden`,children:F(u,{htmlFor:m,children:i})})}),F(j,{mode:a?`visible`:`hidden`,children:F(j,{mode:a?`visible`:`hidden`,children:F(d,{children:a})})})]}),F(`div`,{className:`flex basis-3/5 flex-col items-end`,children:I(`div`,{className:`flex w-full flex-col space-y-0.5 md:max-w-80`,children:[I(ee,{defaultValue:h.value,onValueChange:g,children:[F(O,{className:N(`w-full`,_&&`border-danger`,_&&`data-[state=open]:ring-danger-weak`,_&&`data-[state=open]:border-danger-strong`,_&&`focus:ring-danger-weak`,_&&`focus:border-danger-strong`),children:F(te,{placeholder:c})}),I(k,{children:[!!f.length&&f.map(({value:e,label:t})=>F(D,{disabled:r.includes(e),value:e,children:t},e)),!f.length&&I(`div`,{className:`flex items-center justify-center gap-x-2 px-4 py-6.5 text-center text-sm text-text-positive-weak`,children:[F(le,{strokeWidth:1}),`No options available`]})]})]}),F(j,{mode:t?`visible`:`hidden`,children:F(s,{errors:h.meta.errors})})]})})]}),F(o,{})]})},xt=({label:e,description:t,children:n})=>I(a,{children:[I(p,{orientation:`responsive`,children:[I(l,{children:[F(u,{children:e}),F(j,{mode:t?`visible`:`hidden`,children:F(d,{children:t})})]}),F(`div`,{className:`relative basis-3/5 space-y-0.5`,children:F(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:n})})]}),F(o,{})]}),St=({label:e,description:t})=>{let{name:n,state:r,handleChange:a}=L();return I(i,{htmlFor:n,className:`flex cursor-pointer items-start gap-x-2 rounded-md border border-border p-2`,children:[I(`div`,{className:`flex grow flex-col space-y-2`,children:[F(`p`,{children:e}),F(`p`,{className:`text-text-positive-weak text-xs`,children:t})]}),F(ne,{id:n,checked:r.value,className:`w-8`,onCheckedChange:a})]})},Ct=fe([`text-text-positive-weak`,`absolute inset-y-0 end-0 top-3`,`flex h-fit w-8 cursor-pointer items-center justify-center rounded-e-md`,`outline-none transition-[color,box-shadow]`,`focus:z-10 focus-visible:ring-2`,`hover:text-text-positive`,`focus-visible:ring-border`]),Q=de(({isShowClearButton:e,isShowCount:t,isShowErrorMsg:n,isSubmiting:i,maxLength:a,counts:o,errors:c,onClear:l})=>{let u=M(()=>{l()},[l]);return I(P,{children:[F(j,{mode:e&&!i?`visible`:`hidden`,children:F(`button`,{type:`button`,className:Ct(),"aria-label":`Clear input`,onClick:u,children:F(ue,{size:14,"aria-hidden":`true`})})}),i&&F(`div`,{className:`absolute inset-y-0 end-2 top-2.5 text-muted-weak`,children:F(ce,{size:16,className:`animate-spin`})}),I(r,{vertical:!0,width:`full`,padding:`none`,align:`end`,justify:`end`,children:[F(j,{mode:t?`visible`:`hidden`,children:I(`p`,{className:N(`text-end text-text-positive-weak text-xs`,a!==void 0&&o!==void 0&&a>=5&&o>=a-5&&`text-warning`,a!==void 0&&o!==void 0&&o>=a&&`text-danger`),children:[o??0,` characters`]})}),F(j,{mode:n?`visible`:`hidden`,children:F(s,{errors:c})})]})]})});Q.displayName=`CountCharacters`;const wt=({isShowLabel:e=!0,isNested:t=!1,isShowClearButton:n=!1,isShowErrorMsg:r=!0,maxLength:i,label:s,description:c,placeholder:f})=>{let{name:m,state:h,form:g,handleBlur:_,handleChange:v}=L(),y=he(g.store,({isSubmitting:e})=>e),b=M(e=>{y||v(e.target.value)},[y,v]),x=M(()=>{y||v(``)},[y,v]);return t?I(p,{orientation:`vertical`,className:`gap-1`,children:[F(j,{mode:s||c?`visible`:`hidden`,children:I(l,{children:[F(u,{htmlFor:m,className:`text-xs`,children:s}),F(j,{mode:c?`visible`:`hidden`,children:F(d,{className:`text-xs`,children:c})})]})}),I(`div`,{className:`relative flex w-full flex-col justify-start`,children:[F(T,{id:m,name:m,value:h.value,"aria-invalid":h.meta.isTouched&&!h.meta.isValid,autoComplete:`off`,placeholder:f,className:N(`w-full`,n&&`pr-9`),onBlur:_,onChange:b}),F(Q,{isShowCount:!0,isShowClearButton:n,isShowErrorMsg:r,maxLength:i,counts:h.value?.length,errors:h.meta.errors,onClear:x})]})]}):I(a,{children:[I(p,{orientation:`responsive`,"data-invalid":h.meta.isTouched&&!h.meta.isValid,children:[F(l,{children:I(j,{mode:s||c?`visible`:`hidden`,children:[F(j,{mode:e?`visible`:`hidden`,children:F(u,{htmlFor:m,children:s})}),F(j,{mode:c?`visible`:`hidden`,children:F(d,{children:c})})]})}),I(`div`,{className:`relative basis-3/5`,children:[F(T,{id:m,name:m,value:h.value,"aria-invalid":h.meta.isTouched&&!h.meta.isValid,autoComplete:`off`,placeholder:f,onBlur:_,onChange:b}),F(Q,{isShowCount:!0,isShowClearButton:n,isShowErrorMsg:r,isSubmiting:y,maxLength:i,counts:h.value?.length,errors:h.meta.errors,onClear:x})]})]}),F(o,{})]})},$=de(({isShowCount:e,isShowErrorMsg:t,maxLength:n,counts:i,errors:a})=>I(r,{vertical:!0,width:`full`,padding:`none`,align:`end`,justify:`end`,children:[F(j,{mode:e?`visible`:`hidden`,children:I(`p`,{className:N(`text-text-positive-weak text-end text-xs`,n!==void 0&&i!==void 0&&n>=5&&i>=n-5&&`text-warning`,n!==void 0&&i!==void 0&&i>=n&&`text-danger`),children:[i??0,` characters`]})}),F(j,{mode:t?`visible`:`hidden`,children:F(s,{errors:a})})]}));$.displayName=`CountCharacters`;const{useAppForm:Tt}=pe({fieldContext:ye,formContext:be,fieldComponents:{TextField:wt,TextareaField:({isShowLabel:e=!0,isShowErrorMsg:t=!0,isNested:n=!1,rows:r=5,maxLength:i,label:a,description:s,placeholder:c})=>{let{name:f,state:m,handleBlur:h,handleChange:g}=L();return n?I(p,{orientation:`vertical`,className:`gap-1`,children:[F(j,{mode:a||s?`visible`:`hidden`,children:I(l,{children:[F(u,{htmlFor:f,className:`text-xs`,children:a}),F(j,{mode:s?`visible`:`hidden`,children:F(d,{className:`text-xs`,children:s})})]})}),I(`div`,{className:`flex flex-col w-full justify-start`,children:[F(re,{id:f,name:f,value:m.value,"aria-invalid":m.meta.isTouched&&!m.meta.isValid,autoComplete:`off`,placeholder:c,rows:r,className:`w-full`,onBlur:h,onChange:e=>g(e.target.value)}),F($,{isShowCount:!0,isShowErrorMsg:t,maxLength:i,counts:m.value?.length,errors:m.meta.errors})]})]}):I(P,{children:[I(p,{orientation:`responsive`,"data-invalid":m.meta.isTouched&&!m.meta.isValid,children:[F(l,{children:I(j,{mode:a||s?`visible`:`hidden`,children:[F(j,{mode:e?`visible`:`hidden`,children:F(u,{htmlFor:f,children:a})}),F(j,{mode:s?`visible`:`hidden`,children:F(d,{children:s})})]})}),I(`div`,{className:`relative basis-3/5`,children:[F(re,{id:f,name:f,value:m.value,"aria-invalid":m.meta.isTouched&&!m.meta.isValid,autoComplete:`off`,placeholder:c,rows:r,onBlur:h,onChange:e=>g(e.target.value)}),F($,{isShowCount:!0,isShowErrorMsg:t,maxLength:i,counts:m.value?.length,errors:m.meta.errors})]})]}),F(o,{})]})},NumberField:_t,SelectField:bt,ComboboxField:Ce,SwitchField:St,RadioGroupField:yt,DateField:gt,ArrayField:_e,ArrayItemField:ve},formComponents:{TanStackForm:({label:e,description:t,onSubmit:n,children:r})=>F(`form`,{onSubmit:M(async e=>{e.preventDefault(),await n?.()},[n]),children:I(a,{children:[I(c,{children:[F(f,{children:e}),F(d,{children:t}),F(o,{})]}),r]})}),TanStackFormGroup:({label:e,description:t,children:n})=>I(P,{children:[I(a,{className:`@md/field-group:flex-row @md/field-group:items-start`,children:[I(l,{children:[F(u,{children:e}),F(d,{children:t})]}),F(`div`,{className:`flex w-full basis-3/5 flex-col items-end`,children:F(`div`,{className:`flex w-full max-w-80 flex-col space-y-3`,children:n})})]}),F(o,{})]}),TanStackFormFooter:({children:e})=>F(`div`,{className:`mt-4 flex justify-end gap-2`,children:e}),TanStackSwitchGroup:xt,TanStackRadioGroup:vt,CancelButton:Se,SubscribeButton:({label:t=`Submit`})=>{let{Subscribe:n,handleSubmit:r}=xe(),i=M(async()=>{await r()},[r]);return F(n,{selector:e=>({isSubmitting:e.isSubmitting,isDisabled:!e.isFormValid}),children:({isDisabled:n,isSubmitting:r})=>F(e,{type:`submit`,disabled:n,isLoading:r,className:`w-32`,onClick:i,children:r?`Submitting...`:t})})}}});export{Tt as useTanStackForm};
 //# sourceMappingURL=index.js.map