@customafk/lunas-ui 0.0.112 → 0.0.113

package/dist/tanstack-form/index.d.cts

@@ -1,4 +1,4 @@
-import * as react1 from "react";
+import * as react0 from "react";
 import * as _tanstack_form_core0 from "@tanstack/form-core";
 import * as _tanstack_react_form0 from "@tanstack/react-form";
 
@@ -14,7 +14,7 @@ type CommonFieldProps = {
 //#endregion
 //#region packages/components/tanstack-form/index.d.ts
 declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChange extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends _tanstack_form_core0.FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends _tanstack_form_core0.FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: _tanstack_form_core0.FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => _tanstack_react_form0.AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
-  readonly TextField: react1.FC<{
+  readonly TextField: react0.FC<{
     isShowLabel?: boolean;
     isNested?: boolean;
     isShowClearButton?: boolean;
@@ -24,11 +24,11 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     description?: string;
     placeholder?: string;
   }>;
-  readonly TextareaField: react1.FC<CommonFieldProps & {
+  readonly TextareaField: react0.FC<CommonFieldProps & {
     rows?: number;
     maxLength?: number;
   }>;
-  readonly NumberField: react1.FC<{
+  readonly NumberField: react0.FC<{
     isShowLabel?: boolean;
     isNested?: boolean;
     isShowErrorMsg?: boolean;
@@ -37,14 +37,14 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     placeholder?: string;
     unitText?: string;
   }>;
-  readonly SelectField: react1.FC<CommonFieldProps & {
+  readonly SelectField: react0.FC<CommonFieldProps & {
     disabledValues?: string[];
     options: {
       label: string;
       value: string;
     }[];
   }>;
-  readonly ComboboxField: react1.FC<CommonFieldProps & {
+  readonly ComboboxField: react0.FC<CommonFieldProps & {
     options: {
       label: string;
       value: string;
@@ -52,48 +52,48 @@ declare const useTanStackForm: <TFormData, TOnMount extends _tanstack_form_core0
     disabledValues?: string[];
     onAddNewItem?: () => void;
   }>;
-  readonly SwitchField: react1.FC<react1.PropsWithChildren<CommonFieldProps>>;
-  readonly RadioGroupField: react1.FC<react1.PropsWithChildren<CommonFieldProps & {
+  readonly SwitchField: react0.FC<react0.PropsWithChildren<CommonFieldProps>>;
+  readonly RadioGroupField: react0.FC<react0.PropsWithChildren<CommonFieldProps & {
     options: {
       label: string;
       description?: string;
       value: string;
     }[];
   }>>;
-  readonly DateField: react1.FC<CommonFieldProps>;
-  readonly ArrayField: react1.FC<react1.PropsWithChildren<{
+  readonly DateField: react0.FC<CommonFieldProps>;
+  readonly ArrayField: react0.FC<react0.PropsWithChildren<{
     label: string;
     description?: string;
     onAddItem?: () => void;
   }>>;
-  readonly ArrayItemField: react1.FC<react1.PropsWithChildren<{
+  readonly ArrayItemField: react0.FC<react0.PropsWithChildren<{
     index: number;
     label: string;
     description?: string;
     onRemove?: (index: number) => void;
   }>>;
 }, {
-  readonly TanStackForm: react1.FC<react1.PropsWithChildren<{
+  readonly TanStackForm: react0.FC<react0.PropsWithChildren<{
     label?: string;
     description?: string;
     onSubmit?: () => void | Promise<void>;
   }>>;
-  readonly TanStackFormGroup: react1.FC<react1.PropsWithChildren<{
+  readonly TanStackFormGroup: react0.FC<react0.PropsWithChildren<{
     label?: string;
     description?: string;
   }>>;
-  readonly TanStackFormFooter: react1.FC<{
-    children?: react1.ReactNode | undefined;
+  readonly TanStackFormFooter: react0.FC<{
+    children?: react0.ReactNode | undefined;
   }>;
-  readonly TanStackSwitchGroup: react1.FC<react1.PropsWithChildren<{
+  readonly TanStackSwitchGroup: react0.FC<react0.PropsWithChildren<{
     label: string;
     description?: string;
   }>>;
-  readonly TanStackRadioGroup: react1.FC<react1.PropsWithChildren<{
+  readonly TanStackRadioGroup: react0.FC<react0.PropsWithChildren<{
     label: string;
     description?: string;
   }>>;
-  readonly SubscribeButton: react1.FC<{
+  readonly SubscribeButton: react0.FC<{
     label?: string;
   }>;
 }>;

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 v,s as ee,t as te}from"../command-D6cWtNo8.js";import{i as y,r as b,t as x}from"../popover-cPnAg-IR.js";import{t as S}from"../calendar-BuO7PEUW.js";import{t as C}from"../input-C2puAk5o.js";import{t as w}from"../number-input-DtqX-30b.js";import{i as T,l as E,n as D,t as ne,u as re}from"../select-DjTMDfuU.js";import{t as ie}from"../switch-CAoADrTz.js";import{t as ae}from"../textarea-BK5x2TXt.js";import{n as oe,t as se}from"../radio-group-wOobSXHt.js";import{CalendarIcon as O,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:S,onAddNewItem:C})=>{let{name:w,state:T,handleChange:E}=I(),D=T.meta.isTouched&&!T.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:w,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(x,{modal:!0,children:[P(y,{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`,D&&`outline-danger`,D&&`focus:ring-4!`,D&&`focus:ring-danger-weak!`,D&&`focus:outline-danger-strong!`,D&&`focus:outline-1!`,D&&`data-[state=open]:ring-4!`,D&&`data-[state=open]:ring-danger-weak!`,D&&`data-[state=open]:outline-danger-strong!`,D&&`data-[state=open]:outline-1!`),children:[P(j,{mode:T.value?`visible`:`hidden`,children:P(`p`,{className:`flex flex-1 min-w-0 text-start items-center gap-2`,children:S?.find(({value:e})=>e===T.value)?.label})}),P(j,{mode:T.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(b,{className:`w-(--radix-popover-trigger-width) p-0`,children:F(te,{className:`border-none`,children:[P(m,{placeholder:f??`Tìm kiếm`}),F(ee,{children:[P(g,{className:`max-h-40 overflow-y-auto`,children:P(j,{mode:S?`visible`:`hidden`,children:S.map(({value:e,label:t})=>P(_,{value:t,onSelect:()=>E(e),disabled:i.includes(e),children:t},e))})}),F(j,{mode:C?`visible`:`hidden`,children:[P(h,{}),P(g,{children:F(e,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,onClick:C,children:[P(k,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),P(v,{children:`Không có kết quả`})]})})]}),P(j,{mode:n?`visible`:`hidden`,children:P(s,{errors:T.meta.errors})})]})]}):F(N,{children:[F(p,{orientation:`responsive`,"data-invalid":T.meta.isTouched&&!T.meta.isValid,children:[F(l,{children:[P(j,{mode:a||c?`visible`:`hidden`,children:P(j,{mode:t?`visible`:`hidden`,children:P(u,{htmlFor:w,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(x,{modal:!0,children:[P(y,{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`,D&&`outline-danger`,D&&`focus:ring-4!`,D&&`focus:ring-danger-weak!`,D&&`focus:outline-danger-strong!`,D&&`focus:outline-1!`,D&&`data-[state=open]:ring-4!`,D&&`data-[state=open]:ring-danger-weak!`,D&&`data-[state=open]:outline-danger-strong!`,D&&`data-[state=open]:outline-1!`),children:[P(j,{mode:T.value?`visible`:`hidden`,children:P(`p`,{className:`flex flex-1 min-w-0 text-start items-center gap-2`,children:S?.find(({value:e})=>e===T.value)?.label})}),P(j,{mode:T.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(b,{className:`w-(--radix-popover-trigger-width) p-0`,children:F(te,{className:`border-none`,children:[P(m,{placeholder:f??`Tìm kiếm`}),F(ee,{children:[P(g,{className:`max-h-40 overflow-y-auto`,children:P(j,{mode:S?`visible`:`hidden`,children:S.map(({value:e,label:t})=>P(_,{value:t,onSelect:()=>E(e),disabled:i.includes(e),children:t},e))})}),F(j,{mode:C?`visible`:`hidden`,children:[P(h,{}),P(g,{children:F(e,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,onClick:C,children:[P(k,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),P(v,{children:`Không có kết quả`})]})})]}),P(j,{mode:n?`visible`:`hidden`,children:P(s,{errors:T.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=({isNested:t=!1,isShowLabel:n=!0,isShowErrorMsg:r=!0,label:i,description:c,placeholder:f})=>{let{name:m,state:h,handleChange:g,handleBlur:_}=I(),v=h.meta.isTouched&&!h.meta.isValid;return t?F(p,{orientation:`vertical`,className:`gap-1`,children:[P(j,{mode:i||c?`visible`:`hidden`,children:P(l,{children:P(u,{htmlFor:m,className:`text-xs`,children:i})})}),F(`div`,{className:`flex flex-col w-full md:max-w-62 justify-start`,children:[F(x,{modal:!0,children:[P(y,{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`,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:[P(j,{mode:h.value?`visible`:`hidden`,children:ut(h.value,`PPP`)}),P(j,{mode:h.value?`hidden`:`visible`,children:F(`span`,{children:[` `,f||`Pick a date`]})}),P(O,{className:`text-text-positive-weak ml-auto size-4`})]})}),P(b,{align:`end`,className:`w-fit p-0`,onBlur:_,children:P(S,{mode:`single`,selected:h.value,onSelect:e=>{e&&g(e)},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),P(j,{mode:r?`visible`:`hidden`,children:P(s,{errors:h.meta.errors})})]})]}):F(a,{children:[F(p,{orientation:`responsive`,"data-invalid":v,children:[F(l,{children:[P(j,{mode:i||c?`visible`:`hidden`,children:P(j,{mode:n?`visible`:`hidden`,children:P(u,{htmlFor:m,children:i})})}),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-62 flex flex-col space-y-0.5`,children:[F(x,{modal:!0,children:[P(y,{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`,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:[P(j,{mode:h.value?`visible`:`hidden`,children:ut(h.value,`PPP`)}),P(j,{mode:h.value?`hidden`:`visible`,children:F(`span`,{children:[` `,f||`Pick a date`]})}),P(O,{className:`text-text-positive-weak ml-auto size-4`})]})}),P(b,{align:`end`,className:`w-fit p-0`,onBlur:_,children:P(S,{mode:`single`,selected:h.value,onSelect:e=>{e&&g(e)},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),P(j,{mode:r?`visible`:`hidden`,children:P(s,{errors:h.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(w,{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(w,{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(se,{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(oe,{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(ne,{defaultValue:h.value,onValueChange:g,children:[P(E,{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(re,{placeholder:c})}),P(D,{children:f.map(({value:e,label:t})=>P(T,{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(ne,{defaultValue:h.value,onValueChange:g,children:[P(E,{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(re,{placeholder:c})}),P(D,{children:f.map(({value:e,label:t})=>P(T,{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(ie,{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(C,{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(C,{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(ae,{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(ae,{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-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 v,s as ee,t as te}from"../command-D6cWtNo8.js";import{i as y,r as b,t as x}from"../popover-cPnAg-IR.js";import{t as S}from"../calendar-BuO7PEUW.js";import{t as C}from"../input-C2puAk5o.js";import{t as w}from"../number-input-DtqX-30b.js";import{i as T,l as E,n as D,t as O,u as ne}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,PackagePlusIcon as le,PlusIcon as k,XIcon as ue}from"lucide-react";import{cn as A}from"@customafk/react-toolkit/utils";import{Activity as j,memo as de,useCallback as M}from"react";import{Fragment as N,jsx as P,jsxs as F}from"react/jsx-runtime";import{cva as fe}from"class-variance-authority";import{createFormHook as pe,createFormHookContexts as me}from"@tanstack/react-form";const he=({children:e})=>P(`div`,{"data-slot":`array-wrapper`,className:`flex flex-col space-y-4`,children:e}),ge=({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(he,{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,{})]}),_e=({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(ue,{})}),P(t,{children:F(a,{children:[F(c,{children:[P(f,{children:i}),P(d,{children:s}),P(o,{})]}),u]})})]}),{fieldContext:ve,formContext:ye,useFieldContext:I,useFormContext:be}=me(),xe=({isShowLabel:t=!0,isShowErrorMsg:n=!0,isNested:r=!1,disabledValues:i=[],label:a,description:c,placeholder:f,options:S,onAddNewItem:C})=>{let{name:w,state:T,handleChange:E}=I(),D=T.meta.isTouched&&!T.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:w,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(x,{modal:!0,children:[P(y,{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`,D&&`outline-danger`,D&&`focus:ring-4!`,D&&`focus:ring-danger-weak!`,D&&`focus:outline-danger-strong!`,D&&`focus:outline-1!`,D&&`data-[state=open]:ring-4!`,D&&`data-[state=open]:ring-danger-weak!`,D&&`data-[state=open]:outline-danger-strong!`,D&&`data-[state=open]:outline-1!`),children:[P(j,{mode:T.value?`visible`:`hidden`,children:P(`p`,{className:`flex flex-1 min-w-0 text-start items-center gap-2`,children:S?.find(({value:e})=>e===T.value)?.label})}),P(j,{mode:T.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(b,{className:`w-(--radix-popover-trigger-width) p-0`,children:F(te,{className:`border-none`,children:[P(m,{placeholder:f??`Tìm kiếm`}),F(ee,{children:[P(g,{className:`max-h-40 overflow-y-auto`,children:P(j,{mode:S?`visible`:`hidden`,children:S.map(({value:e,label:t})=>P(_,{value:t,onSelect:()=>E(e),disabled:i.includes(e),children:t},e))})}),F(j,{mode:C?`visible`:`hidden`,children:[P(h,{}),P(g,{children:F(e,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,onClick:C,children:[P(k,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),P(v,{children:`Không có kết quả`})]})})]}),P(j,{mode:n?`visible`:`hidden`,children:P(s,{errors:T.meta.errors})})]})]}):F(N,{children:[F(p,{orientation:`responsive`,"data-invalid":T.meta.isTouched&&!T.meta.isValid,children:[F(l,{children:[P(j,{mode:a||c?`visible`:`hidden`,children:P(j,{mode:t?`visible`:`hidden`,children:P(u,{htmlFor:w,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(x,{modal:!0,children:[P(y,{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`,D&&`outline-danger`,D&&`focus:ring-4!`,D&&`focus:ring-danger-weak!`,D&&`focus:outline-danger-strong!`,D&&`focus:outline-1!`,D&&`data-[state=open]:ring-4!`,D&&`data-[state=open]:ring-danger-weak!`,D&&`data-[state=open]:outline-danger-strong!`,D&&`data-[state=open]:outline-1!`),children:[P(j,{mode:T.value?`visible`:`hidden`,children:P(`p`,{className:`flex flex-1 min-w-0 text-start items-center gap-2`,children:S?.find(({value:e})=>e===T.value)?.label})}),P(j,{mode:T.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(b,{className:`w-(--radix-popover-trigger-width) p-0`,children:F(te,{className:`border-none`,children:[P(m,{placeholder:f??`Tìm kiếm`}),F(ee,{children:[P(g,{className:`max-h-40 overflow-y-auto`,children:P(j,{mode:S?`visible`:`hidden`,children:S.map(({value:e,label:t})=>P(_,{value:t,onSelect:()=>E(e),disabled:i.includes(e),children:t},e))})}),F(j,{mode:C?`visible`:`hidden`,children:[P(h,{}),P(g,{children:F(e,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,onClick:C,children:[P(k,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),P(v,{children:`Không có kết quả`})]})})]}),P(j,{mode:n?`visible`:`hidden`,children:P(s,{errors:T.meta.errors})})]})})]}),P(o,{})]})},Se=6048e5,Ce=3600*24;Ce*7,Ce*365.2425;const we=Symbol.for(`constructDateFrom`);function L(e,t){return typeof e==`function`?e(t):e&&typeof e==`object`&&we in e?e[we](t):e instanceof Date?new e.constructor(t):new Date(t)}function R(e,t){return L(t||e,e)}let Te={};function z(){return Te}function B(e,t){let n=z(),r=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,i=R(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 V(e,t){return B(e,{...t,weekStartsOn:1})}function H(e,t){let n=R(e,t?.in),r=n.getFullYear(),i=L(n,0);i.setFullYear(r+1,0,4),i.setHours(0,0,0,0);let a=V(i),o=L(n,0);o.setFullYear(r,0,4),o.setHours(0,0,0,0);let s=V(o);return n.getTime()>=a.getTime()?r+1:n.getTime()>=s.getTime()?r:r-1}function U(e){let t=R(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 Ee(e,...t){let n=L.bind(null,e||t.find(e=>typeof e==`object`));return t.map(n)}function De(e,t){let n=R(e,t?.in);return n.setHours(0,0,0,0),n}function Oe(e,t,n){let[r,i]=Ee(n?.in,e,t),a=De(r),o=De(i),s=+a-U(a),c=+o-U(o);return Math.round((s-c)/864e5)}function ke(e,t){let n=H(e,t),r=L(t?.in||e,0);return r.setFullYear(n,0,4),r.setHours(0,0,0,0),V(r)}function Ae(e){return e instanceof Date||typeof e==`object`&&Object.prototype.toString.call(e)===`[object Date]`}function je(e){return!(!Ae(e)&&typeof e!=`number`||isNaN(+R(e)))}function Me(e,t){let n=R(e,t?.in);return n.setFullYear(n.getFullYear(),0,1),n.setHours(0,0,0,0),n}const Ne={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`}},Pe=(e,t,n)=>{let r,i=Ne[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 Fe={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`})},Ie={lastWeek:`'last' eeee 'at' p`,yesterday:`'yesterday at' p`,today:`'today at' p`,tomorrow:`'tomorrow at' p`,nextWeek:`eeee 'at' p`,other:`P`},Le=(e,t,n,r)=>Ie[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 Re={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)?Be(s,e=>e.test(o)):ze(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 ze(e,t){for(let n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n}function Be(e,t){for(let n=0;n<e.length;n++)if(t(e[n]))return n}function Ve(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 He={code:`en-US`,formatDistance:Pe,formatLong:Fe,formatRelative:Le,localize:Re,match:{ordinalNumber:Ve({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 Ue(e,t){let n=R(e,t?.in);return Oe(n,Me(n))+1}function We(e,t){let n=R(e,t?.in),r=V(n)-+ke(n);return Math.round(r/Se)+1}function Ge(e,t){let n=R(e,t?.in),r=n.getFullYear(),i=z(),a=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,o=L(t?.in||e,0);o.setFullYear(r+1,0,a),o.setHours(0,0,0,0);let s=B(o,t),c=L(t?.in||e,0);c.setFullYear(r,0,a),c.setHours(0,0,0,0);let l=B(c,t);return+n>=+s?r+1:+n>=+l?r:r-1}function Ke(e,t){let n=z(),r=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,i=Ge(e,t),a=L(t?.in||e,0);return a.setFullYear(i,0,r),a.setHours(0,0,0,0),B(a,t)}function qe(e,t){let n=R(e,t?.in),r=B(n,t)-+Ke(n,t);return Math.round(r/Se)+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`},Je={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=Ge(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(H(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=qe(e,r);return t===`wo`?n.ordinalNumber(i,{unit:`week`}):q(i,t.length)},I:function(e,t,n){let r=We(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=Ue(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 Ye(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 Ye(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`+X(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`+X(r,`:`);case`zzzz`:default:return`GMT`+Z(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 X(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 Ye(e,t){return e%60==0?(e>0?`-`:`+`)+q(Math.abs(e)/60,2):Z(e,t)}function Z(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 Xe=(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`})}},Ze=(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`})}},Qe={p:Ze,P:(e,t)=>{let n=e.match(/(P+)(p+)?/)||[],r=n[1],i=n[2];if(!i)return Xe(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}}`,Xe(r,t)).replace(`{{time}}`,Ze(i,t))}},$e=/^D+$/,et=/^Y+$/,tt=[`D`,`DD`,`YY`,`YYYY`];function nt(e){return $e.test(e)}function rt(e){return et.test(e)}function it(e,t,n){let r=at(e,t,n);if(console.warn(r),tt.includes(e))throw RangeError(r)}function at(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 ot=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,st=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ct=/^'([^]*?)'?$/,lt=/''/g,ut=/[a-zA-Z]/;function dt(e,t,n){let r=z(),i=n?.locale??r.locale??He,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=R(e,n?.in);if(!je(s))throw RangeError(`Invalid time value`);let c=t.match(st).map(e=>{let t=e[0];if(t===`p`||t===`P`){let n=Qe[t];return n(e,i.formatLong)}return e}).join(``).match(ot).map(e=>{if(e===`''`)return{isToken:!1,value:`'`};let t=e[0];if(t===`'`)return{isToken:!1,value:ft(e)};if(Je[t])return{isToken:!0,value:e};if(t.match(ut))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&&rt(a)||!n?.useAdditionalDayOfYearTokens&&nt(a))&&it(a,t,String(e));let o=Je[a[0]];return o(s,a,i.localize,l)}).join(``)}function ft(e){let t=e.match(ct);return t?t[1].replace(lt,`'`):e}const pt=({isNested:t=!1,isShowLabel:n=!0,isShowErrorMsg:r=!0,label:i,description:c,placeholder:f})=>{let{name:m,state:h,handleChange:g,handleBlur:_}=I(),v=h.meta.isTouched&&!h.meta.isValid;return t?F(p,{orientation:`vertical`,className:`gap-1`,children:[P(j,{mode:i||c?`visible`:`hidden`,children:P(l,{children:P(u,{htmlFor:m,className:`text-xs`,children:i})})}),F(`div`,{className:`flex flex-col w-full justify-start`,children:[F(x,{modal:!0,children:[P(y,{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`,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:[P(j,{mode:h.value?`visible`:`hidden`,children:dt(h.value,`PPP`)}),P(j,{mode:h.value?`hidden`:`visible`,children:F(`span`,{children:[` `,f||`Pick a date`]})}),P(se,{className:`text-text-positive-weak ml-auto size-4`})]})}),P(b,{align:`end`,className:`w-fit p-0`,onBlur:_,children:P(S,{mode:`single`,selected:h.value,onSelect:e=>{e&&g(e)},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),P(j,{mode:r?`visible`:`hidden`,children:P(s,{errors:h.meta.errors})})]})]}):F(a,{children:[F(p,{orientation:`responsive`,"data-invalid":v,children:[F(l,{children:[P(j,{mode:i||c?`visible`:`hidden`,children:P(j,{mode:n?`visible`:`hidden`,children:P(u,{htmlFor:m,children:i})})}),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-62 flex flex-col space-y-0.5`,children:[F(x,{modal:!0,children:[P(y,{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`,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:[P(j,{mode:h.value?`visible`:`hidden`,children:dt(h.value,`PPP`)}),P(j,{mode:h.value?`hidden`:`visible`,children:F(`span`,{children:[` `,f||`Pick a date`]})}),P(se,{className:`text-text-positive-weak ml-auto size-4`})]})}),P(b,{align:`end`,className:`w-fit p-0`,onBlur:_,children:P(S,{mode:`single`,selected:h.value,onSelect:e=>{e&&g(e)},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),P(j,{mode:r?`visible`:`hidden`,children:P(s,{errors:h.meta.errors})})]})})]}),P(o,{})]})},mt=({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(w,{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(w,{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,{})]})},ht=({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,{})]}),gt=({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))})},_t=({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(O,{defaultValue:h.value,onValueChange:g,children:[P(E,{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(ne,{placeholder:c})}),P(D,{children:f.map(({value:e,label:t})=>P(T,{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(O,{defaultValue:h.value,onValueChange:g,children:[P(E,{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(ne,{placeholder:c})}),F(D,{children:[!!f.length&&f.map(({value:e,label:t})=>P(T,{disabled:r.includes(e),value:e,children:t},e)),!f.length&&F(`div`,{className:`px-4 py-6.5 text-center text-sm text-text-positive-weak flex items-center gap-x-2 justify-center`,children:[P(le,{strokeWidth:1}),`No options available`]})]})]}),P(j,{mode:t?`visible`:`hidden`,children:P(s,{errors:h.meta.errors})})]})})]}),P(o,{})]})},vt=({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,{})]}),yt=({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})]})},bt=fe([`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=de(({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:bt(),"aria-label":`Clear input`,onClick:l,children:P(ue,{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 xt=({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(C,{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(C,{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,{})]})},$=de(({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:St}=pe({fieldContext:ve,formContext:ye,fieldComponents:{TextField:xt,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:mt,SelectField:_t,ComboboxField:xe,SwitchField:yt,RadioGroupField:gt,DateField:pt,ArrayField:ge,ArrayItemField:_e},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:vt,TanStackRadioGroup:ht,SubscribeButton:({label:t=`Submit`})=>{let{Subscribe:n,handleSubmit:r}=be(),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{St as useTanStackForm};
 //# sourceMappingURL=index.js.map