@customafk/lunas-ui 0.1.2 → 0.1.4

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

@@ -0,0 +1,105 @@
+import * as react0 from "react";
+import * as _tanstack_form_core0 from "@tanstack/form-core";
+import * as _tanstack_react_form0 from "@tanstack/react-form";
+
+//#region packages/components/tanstack-form/types.d.ts
+type CommonFieldProps = {
+  isShowLabel?: boolean;
+  isShowErrorMsg?: boolean;
+  isNested?: boolean;
+  label: string;
+  description?: string;
+  placeholder?: string;
+};
+//#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: react0.FC<{
+    isShowLabel?: boolean;
+    isNested?: boolean;
+    isShowClearButton?: boolean;
+    isShowErrorMsg?: boolean;
+    maxLength?: number;
+    label: string;
+    description?: string;
+    placeholder?: string;
+  }>;
+  readonly TextareaField: react0.FC<CommonFieldProps & {
+    rows?: number;
+    maxLength?: number;
+  }>;
+  readonly NumberField: react0.FC<{
+    isShowLabel?: boolean;
+    isNested?: boolean;
+    isShowErrorMsg?: boolean;
+    label: string;
+    description?: string;
+    placeholder?: string;
+    unitText?: string;
+  }>;
+  readonly SelectField: react0.FC<CommonFieldProps & {
+    disabledValues?: string[];
+    options: {
+      label: string;
+      value: string;
+    }[];
+  }>;
+  readonly ComboboxField: react0.FC<CommonFieldProps & {
+    options: {
+      label: string;
+      value: string;
+    }[];
+    disabledValues?: string[];
+    onAddNewItem?: () => void;
+  }>;
+  readonly SwitchField: react0.FC<react0.PropsWithChildren<CommonFieldProps>>;
+  readonly RadioGroupField: react0.FC<CommonFieldProps & {
+    options: {
+      label: string;
+      description?: string;
+      value: string;
+    }[];
+  }>;
+  readonly DateField: react0.FC<CommonFieldProps>;
+  readonly ArrayField: react0.FC<react0.PropsWithChildren<{
+    label: string;
+    description?: string;
+    onAddItem?: () => void;
+  }>>;
+  readonly ArrayItemField: react0.FC<react0.PropsWithChildren<{
+    index: number;
+    label: string;
+    description?: string;
+    onRemove?: (index: number) => void;
+  }>>;
+}, {
+  readonly TanStackForm: react0.FC<react0.PropsWithChildren<{
+    label?: string;
+    description?: string;
+    onSubmit?: () => void | Promise<void>;
+  }>>;
+  readonly TanStackFormGroup: react0.FC<react0.PropsWithChildren<{
+    label?: string;
+    description?: string;
+  }>>;
+  readonly TanStackFormFooter: react0.FC<{
+    children?: react0.ReactNode | undefined;
+  }>;
+  readonly TanStackSwitchGroup: react0.FC<react0.PropsWithChildren<{
+    label: string;
+    description?: string;
+  }>>;
+  readonly TanStackRadioGroup: react0.FC<react0.PropsWithChildren<{
+    label: string;
+    description?: string;
+  }>>;
+  readonly CancelButton: react0.FC<{
+    label?: string;
+  }>;
+  readonly SubscribeButton: react0.FC<{
+    label?: string;
+  }>;
+}>;
+//#endregion
+export { useTanStackForm };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1,105 @@
+import * as react1 from "react";
+import * as _tanstack_react_form0 from "@tanstack/react-form";
+import * as _tanstack_form_core0 from "@tanstack/form-core";
+
+//#region packages/components/tanstack-form/types.d.ts
+type CommonFieldProps = {
+  isShowLabel?: boolean;
+  isShowErrorMsg?: boolean;
+  isNested?: boolean;
+  label: string;
+  description?: string;
+  placeholder?: string;
+};
+//#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<{
+    isShowLabel?: boolean;
+    isNested?: boolean;
+    isShowClearButton?: boolean;
+    isShowErrorMsg?: boolean;
+    maxLength?: number;
+    label: string;
+    description?: string;
+    placeholder?: string;
+  }>;
+  readonly TextareaField: react1.FC<CommonFieldProps & {
+    rows?: number;
+    maxLength?: number;
+  }>;
+  readonly NumberField: react1.FC<{
+    isShowLabel?: boolean;
+    isNested?: boolean;
+    isShowErrorMsg?: boolean;
+    label: string;
+    description?: string;
+    placeholder?: string;
+    unitText?: string;
+  }>;
+  readonly SelectField: react1.FC<CommonFieldProps & {
+    disabledValues?: string[];
+    options: {
+      label: string;
+      value: string;
+    }[];
+  }>;
+  readonly ComboboxField: react1.FC<CommonFieldProps & {
+    options: {
+      label: string;
+      value: string;
+    }[];
+    disabledValues?: string[];
+    onAddNewItem?: () => void;
+  }>;
+  readonly SwitchField: react1.FC<react1.PropsWithChildren<CommonFieldProps>>;
+  readonly RadioGroupField: react1.FC<CommonFieldProps & {
+    options: {
+      label: string;
+      description?: string;
+      value: string;
+    }[];
+  }>;
+  readonly DateField: react1.FC<CommonFieldProps>;
+  readonly ArrayField: react1.FC<react1.PropsWithChildren<{
+    label: string;
+    description?: string;
+    onAddItem?: () => void;
+  }>>;
+  readonly ArrayItemField: react1.FC<react1.PropsWithChildren<{
+    index: number;
+    label: string;
+    description?: string;
+    onRemove?: (index: number) => void;
+  }>>;
+}, {
+  readonly TanStackForm: react1.FC<react1.PropsWithChildren<{
+    label?: string;
+    description?: string;
+    onSubmit?: () => void | Promise<void>;
+  }>>;
+  readonly TanStackFormGroup: react1.FC<react1.PropsWithChildren<{
+    label?: string;
+    description?: string;
+  }>>;
+  readonly TanStackFormFooter: react1.FC<{
+    children?: react1.ReactNode | undefined;
+  }>;
+  readonly TanStackSwitchGroup: react1.FC<react1.PropsWithChildren<{
+    label: string;
+    description?: string;
+  }>>;
+  readonly TanStackRadioGroup: react1.FC<react1.PropsWithChildren<{
+    label: string;
+    description?: string;
+  }>>;
+  readonly CancelButton: react1.FC<{
+    label?: string;
+  }>;
+  readonly SubscribeButton: react1.FC<{
+    label?: string;
+  }>;
+}>;
+//#endregion
+export { useTanStackForm };
+//# sourceMappingURL=index.d.mts.map

package/dist/tanstack-form/index.mjs

@@ -0,0 +1,2 @@
+import{r as e,t}from"../card-CSbr6zdF.mjs";import"../button.variants-CBzlxtwI.mjs";import{t as n}from"../button-CRqVuIHJ.mjs";import{t as r}from"../flex-DVvvRStw.mjs";import"../dialog-BReokNfo.mjs";import{t as i}from"../input-DhoSwu7d.mjs";import"../separator-D1hK3QAo.mjs";import{t as a}from"../label-C6OaewtP.mjs";import{a as o,c as s,i as c,l,n as u,o as d,r as f,s as p,t as m}from"../field-COna_98h.mjs";import{a as h,c as g,i as _,o as v,r as y,s as b,t as x}from"../command-DjfS4EEz.mjs";import{i as S,r as C,t as w}from"../popover-BnPG7N8P.mjs";import{t as T}from"../calendar-D0BudwCq.mjs";import{t as E}from"../number-input-BV5WVNyt.mjs";import{i as D,l as O,n as k,t as ee,u as te}from"../select-CMLtCfqa.mjs";import{t as ne}from"../switch-CY25L6l0.mjs";import{t as re}from"../textarea-DJA6gndE.mjs";import{n as ie,t as ae}from"../radio-group-B8gcRmNv.mjs";import{cn as A}from"@customafk/react-toolkit/utils";import{Fragment as j,jsx as M,jsxs as N}from"react/jsx-runtime";import{CalendarIcon as oe,ChevronDownIcon as se,Loader2Icon as ce,PackagePlusIcon as le,PlusIcon as P,XIcon as ue}from"lucide-react";import{Activity as F,memo as de,useCallback as I}from"react";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})=>M(`div`,{"data-slot":`array-wrapper`,className:`flex flex-col space-y-4`,children:e}),_e=({label:e,description:t,onAddItem:r,children:i})=>N(o,{children:[N(m,{children:[N(u,{children:[M(d,{children:e}),M(f,{children:t})]}),M(ge,{children:i})]}),N(n,{size:`sm`,variant:`outline`,color:`muted`,className:`w-fit text-text-positive-weak [&>span]:gap-x-0.5`,onClick:r,children:[M(P,{size:12}),`Add Item`]}),M(s,{})]}),ve=({index:r,label:i,description:a,onRemove:c,children:u})=>N(t,{className:`relative shadow-none border border-border rounded-md`,children:[M(n,{size:`icon`,variant:`outline`,color:`muted`,className:`absolute top-4 right-4 text-text-negative-weak`,onClick:I(()=>{c?.(r)},[r,c]),children:M(ue,{})}),M(e,{children:N(o,{children:[N(l,{children:[M(p,{children:i}),M(f,{children:a}),M(s,{})]}),u]})})]}),{fieldContext:ye,formContext:be,useFieldContext:L,useFormContext:xe}=me(),Se=({label:e=`Cancel`})=>{let{Subscribe:t,reset:r}=xe(),i=I(()=>{r()},[r]);return M(t,{selector:e=>({isSubmitting:e.isSubmitting}),children:({isSubmitting:t})=>M(n,{type:`button`,disabled:t,variant:`outline`,color:`muted`,className:`w-32`,onClick:i,children:e})})},Ce=({isShowLabel:e=!0,isShowErrorMsg:t=!0,isNested:r=!1,disabledValues:i=[],label:a,description:o,placeholder:l,options:p,onAddNewItem:T})=>{let{name:E,state:D,handleChange:O}=L(),k=D.meta.isTouched&&!D.meta.isValid;return r?N(m,{orientation:`vertical`,className:`gap-1`,children:[M(F,{mode:a||o?`visible`:`hidden`,children:N(u,{children:[M(d,{htmlFor:E,className:`text-xs`,children:a}),M(F,{mode:o?`visible`:`hidden`,children:M(f,{className:`text-xs`,children:o})})]})}),N(`div`,{className:`flex w-full flex-col justify-start`,children:[N(w,{modal:!0,children:[M(S,{asChild:!0,children:N(n,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:A(`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:[M(F,{mode:D.value?`visible`:`hidden`,children:M(`p`,{className:`flex min-w-0 flex-1 items-center gap-2 text-start`,children:p?.find(({value:e})=>e===D.value)?.label})}),M(F,{mode:D.value?`hidden`:`visible`,children:M(`p`,{className:`flex-1 text-start text-text-positive-muted`,children:l})}),M(se,{size:16,className:`shrink-0 text-text-positive-weak`,"aria-hidden":`true`})]})}),M(C,{className:`w-(--radix-popover-trigger-width) p-0`,children:N(x,{className:`border-none`,children:[M(h,{placeholder:l??`Tìm kiếm`}),N(b,{children:[M(_,{className:`max-h-40 overflow-y-auto`,children:M(F,{mode:p?`visible`:`hidden`,children:p.map(({value:e,label:t})=>M(v,{value:t,onSelect:()=>O(e),disabled:i.includes(e),children:t},e))})}),N(F,{mode:T?`visible`:`hidden`,children:[M(g,{}),M(_,{children:N(n,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,onClick:T,children:[M(P,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),M(y,{children:`Không có kết quả`})]})})]}),M(F,{mode:t?`visible`:`hidden`,children:M(c,{errors:D.meta.errors})})]})]}):N(j,{children:[N(m,{orientation:`responsive`,"data-invalid":D.meta.isTouched&&!D.meta.isValid,children:[N(u,{children:[M(F,{mode:a||o?`visible`:`hidden`,children:M(F,{mode:e?`visible`:`hidden`,children:M(d,{htmlFor:E,children:a})})}),M(F,{mode:o?`visible`:`hidden`,children:M(F,{mode:o?`visible`:`hidden`,children:M(f,{children:o})})})]}),M(`div`,{className:`flex basis-3/5 flex-col items-end`,children:N(`div`,{className:`flex w-full flex-col space-y-0.5 md:max-w-80`,children:[N(w,{modal:!0,children:[M(S,{asChild:!0,children:N(n,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:A(`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:[M(F,{mode:D.value?`visible`:`hidden`,children:M(`p`,{className:`flex min-w-0 flex-1 items-center gap-2 text-start`,children:p?.find(({value:e})=>e===D.value)?.label})}),M(F,{mode:D.value?`hidden`:`visible`,children:M(`p`,{className:`flex-1 text-start text-text-positive-muted`,children:l})}),M(se,{size:16,className:`shrink-0 text-text-positive-weak`,"aria-hidden":`true`})]})}),M(C,{className:`w-(--radix-popover-trigger-width) p-0`,children:N(x,{className:`border-none`,children:[M(h,{placeholder:l??`Tìm kiếm`}),N(b,{children:[M(_,{className:`max-h-40 overflow-y-auto`,children:M(F,{mode:p?`visible`:`hidden`,children:p.map(({value:e,label:t})=>M(v,{value:t,onSelect:()=>O(e),disabled:i.includes(e),children:t},e))})}),N(F,{mode:T?`visible`:`hidden`,children:[M(g,{}),M(_,{children:N(n,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,onClick:T,children:[M(P,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),M(y,{children:`Không có kết quả`})]})})]}),M(F,{mode:t?`visible`:`hidden`,children:M(c,{errors:D.meta.errors})})]})})]}),M(s,{})]})},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:e=!1,isShowLabel:t=!0,isShowErrorMsg:r=!0,label:i,description:a,placeholder:l})=>{let{name:p,state:h,handleChange:g,handleBlur:_}=L(),v=h.meta.isTouched&&!h.meta.isValid;return e?N(m,{orientation:`vertical`,className:`gap-1`,children:[M(F,{mode:i||a?`visible`:`hidden`,children:M(u,{children:M(d,{htmlFor:p,className:`text-xs`,children:i})})}),N(`div`,{className:`flex w-full flex-col justify-start`,children:[N(w,{modal:!0,children:[M(S,{asChild:!0,children:N(n,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:A(`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:[M(F,{mode:h.value?`visible`:`hidden`,children:Z(h.value,`PPP`)}),M(F,{mode:h.value?`hidden`:`visible`,children:l||`Pick a date`}),M(oe,{className:`ml-auto size-4 text-text-positive-weak`})]})}),M(C,{align:`end`,className:`w-fit p-0`,onBlur:_,children:M(T,{mode:`single`,selected:h.value,onSelect:e=>{e&&g(e)},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),M(F,{mode:r?`visible`:`hidden`,children:M(c,{errors:h.meta.errors})})]})]}):N(o,{children:[N(m,{orientation:`responsive`,"data-invalid":v,children:[N(u,{children:[M(F,{mode:i||a?`visible`:`hidden`,children:M(F,{mode:t?`visible`:`hidden`,children:M(d,{htmlFor:p,children:i})})}),M(F,{mode:a?`visible`:`hidden`,children:M(F,{mode:a?`visible`:`hidden`,children:M(f,{children:a})})})]}),M(`div`,{className:`flex basis-3/5 flex-col items-end`,children:N(`div`,{className:`flex w-full flex-col space-y-0.5 md:max-w-62`,children:[N(w,{modal:!0,children:[M(S,{asChild:!0,children:N(n,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:A(`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:[M(F,{mode:h.value?`visible`:`hidden`,children:Z(h.value,`PPP`)}),M(F,{mode:h.value?`hidden`:`visible`,children:l||`Pick a date`}),M(oe,{className:`ml-auto size-4 text-text-positive-weak`})]})}),M(C,{align:`end`,className:`w-fit p-0`,onBlur:_,children:M(T,{mode:`single`,selected:h.value,onSelect:e=>{e&&g(e)},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),M(F,{mode:r?`visible`:`hidden`,children:M(c,{errors:h.meta.errors})})]})})]}),M(s,{})]})},_t=({isShowLabel:e=!0,isNested:t=!1,isShowErrorMsg:n=!0,label:r,description:i,unitText:a,placeholder:l})=>{let{name:p,state:h,handleBlur:g,handleChange:_}=L();return t?N(m,{orientation:`vertical`,className:`gap-1`,children:[M(F,{mode:r||i?`visible`:`hidden`,children:M(u,{children:M(d,{htmlFor:p,className:`text-xs`,children:r})})}),N(`div`,{className:`flex w-full flex-col justify-start`,children:[M(E,{id:p,value:h.value,"aria-invalid":h.meta.isTouched&&!h.meta.isValid,className:`w-full`,placeholder:l,unitText:a,onBlur:g,onValueChange:e=>{e!==void 0&&_(e)}}),M(F,{mode:n?`visible`:`hidden`,children:M(c,{errors:h.meta.errors})})]})]}):N(o,{children:[N(m,{orientation:`responsive`,"data-invalid":h.meta.isTouched&&!h.meta.isValid,children:[N(u,{children:[M(F,{mode:r||i?`visible`:`hidden`,children:M(F,{mode:e?`visible`:`hidden`,children:M(d,{htmlFor:p,children:r})})}),M(F,{mode:i?`visible`:`hidden`,children:M(f,{children:i})})]}),N(`div`,{className:`relative basis-3/5 space-y-0.5`,children:[M(E,{id:p,value:h.value,"aria-invalid":h.meta.isTouched&&!h.meta.isValid,unitText:a,placeholder:l,className:`w-full`,onBlur:g,onValueChange:e=>{e!==void 0&&_(e)}}),M(F,{mode:n?`visible`:`hidden`,children:M(c,{errors:h.meta.errors})})]})]}),M(s,{})]})},vt=({label:e,description:t,children:n})=>N(o,{children:[N(m,{orientation:`responsive`,children:[N(u,{children:[M(d,{children:e}),M(F,{mode:t?`visible`:`hidden`,children:M(f,{children:t})})]}),M(`div`,{className:`relative basis-3/5 space-y-0.5`,children:M(`div`,{className:`flex flex-col space-y-1`,children:n})})]}),M(s,{})]}),yt=({options:e})=>{let{handleChange:t}=L();return M(ae,{className:`flex flex-col items-end justify-end space-y-0.5`,onValueChange:t,children:e.map(e=>N(`label`,{className:`flex w-full max-w-90 cursor-pointer rounded-lg border border-border p-2`,children:[N(`div`,{className:`flex grow flex-col`,children:[M(`p`,{className:`font-semibold text-sm text-text-positive`,children:e.label}),M(`p`,{className:`text-text-positive-weak text-xs`,children:e.value})]}),M(ie,{value:e.value})]},e.value))})},bt=({isShowLabel:e=!0,isShowErrorMsg:t=!0,isNested:n=!1,disabledValues:r=[],label:i,description:a,placeholder:o,options:l})=>{let{name:p,state:h,handleChange:g}=L(),_=h.meta.isTouched&&!h.meta.isValid;return n?N(m,{orientation:`vertical`,className:`gap-1`,children:[M(F,{mode:i||a?`visible`:`hidden`,children:N(u,{children:[M(d,{htmlFor:p,className:`text-xs`,children:i}),M(F,{mode:a?`visible`:`hidden`,children:M(f,{className:`text-xs`,children:a})})]})}),N(`div`,{className:`flex w-full flex-col justify-start`,children:[N(ee,{defaultValue:h.value,onValueChange:g,children:[M(O,{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:M(te,{placeholder:o})}),N(k,{children:[!!l.length&&l.map(({value:e,label:t})=>M(D,{disabled:r.includes(e),value:e,children:t},e)),!l.length&&N(`div`,{className:`flex items-center justify-center gap-x-2 px-4 py-6.5 text-center text-sm text-text-positive-weak`,children:[M(le,{strokeWidth:1}),`No options available`]})]})]}),M(F,{mode:t?`visible`:`hidden`,children:M(c,{errors:h.meta.errors})})]})]}):N(j,{children:[N(m,{orientation:`responsive`,"data-invalid":h.meta.isTouched&&!h.meta.isValid,children:[N(u,{children:[M(F,{mode:i||a?`visible`:`hidden`,children:M(F,{mode:e?`visible`:`hidden`,children:M(d,{htmlFor:p,children:i})})}),M(F,{mode:a?`visible`:`hidden`,children:M(F,{mode:a?`visible`:`hidden`,children:M(f,{children:a})})})]}),M(`div`,{className:`flex basis-3/5 flex-col items-end`,children:N(`div`,{className:`flex w-full flex-col space-y-0.5 md:max-w-80`,children:[N(ee,{defaultValue:h.value,onValueChange:g,children:[M(O,{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:M(te,{placeholder:o})}),N(k,{children:[!!l.length&&l.map(({value:e,label:t})=>M(D,{disabled:r.includes(e),value:e,children:t},e)),!l.length&&N(`div`,{className:`flex items-center justify-center gap-x-2 px-4 py-6.5 text-center text-sm text-text-positive-weak`,children:[M(le,{strokeWidth:1}),`No options available`]})]})]}),M(F,{mode:t?`visible`:`hidden`,children:M(c,{errors:h.meta.errors})})]})})]}),M(s,{})]})},xt=({label:e,description:t,children:n})=>N(o,{children:[N(m,{orientation:`responsive`,children:[N(u,{children:[M(d,{children:e}),M(F,{mode:t?`visible`:`hidden`,children:M(f,{children:t})})]}),M(`div`,{className:`relative basis-3/5 space-y-0.5`,children:M(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:n})})]}),M(s,{})]}),St=({label:e,description:t})=>{let{name:n,state:r,handleChange:i}=L();return N(a,{htmlFor:n,className:`flex cursor-pointer items-start gap-x-2 rounded-md border border-border p-2`,children:[N(`div`,{className:`flex grow flex-col space-y-2`,children:[M(`p`,{children:e}),M(`p`,{className:`text-text-positive-weak text-xs`,children:t})]}),M(ne,{id:n,checked:r.value,className:`w-8`,onCheckedChange:i})]})},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:s,onClear:l})=>{let u=I(()=>{l()},[l]);return N(j,{children:[M(F,{mode:e&&!i?`visible`:`hidden`,children:M(`button`,{type:`button`,className:Ct(),"aria-label":`Clear input`,onClick:u,children:M(ue,{size:14,"aria-hidden":`true`})})}),i&&M(`div`,{className:`absolute inset-y-0 end-2 top-2.5 text-muted-weak`,children:M(ce,{size:16,className:`animate-spin`})}),N(r,{vertical:!0,width:`full`,padding:`none`,align:`end`,justify:`end`,children:[M(F,{mode:t?`visible`:`hidden`,children:N(`p`,{className:A(`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`]})}),M(F,{mode:n?`visible`:`hidden`,children:M(c,{errors:s})})]})]})});Q.displayName=`CountCharacters`;const wt=({isShowLabel:e=!0,isNested:t=!1,isShowClearButton:n=!1,isShowErrorMsg:r=!0,maxLength:a,label:c,description:l,placeholder:p})=>{let{name:h,state:g,form:_,handleBlur:v,handleChange:y}=L(),b=he(_.store,({isSubmitting:e})=>e),x=I(e=>{b||y(e.target.value)},[b,y]),S=I(()=>{b||y(``)},[b,y]);return t?N(m,{orientation:`vertical`,className:`gap-1`,children:[M(F,{mode:c||l?`visible`:`hidden`,children:N(u,{children:[M(d,{htmlFor:h,className:`text-xs`,children:c}),M(F,{mode:l?`visible`:`hidden`,children:M(f,{className:`text-xs`,children:l})})]})}),N(`div`,{className:`relative flex w-full flex-col justify-start`,children:[M(i,{id:h,name:h,value:g.value,"aria-invalid":g.meta.isTouched&&!g.meta.isValid,autoComplete:`off`,placeholder:p,className:A(`w-full`,n&&`pr-9`),onBlur:v,onChange:x}),M(Q,{isShowCount:!0,isShowClearButton:n,isShowErrorMsg:r,maxLength:a,counts:g.value?.length,errors:g.meta.errors,onClear:S})]})]}):N(o,{children:[N(m,{orientation:`responsive`,"data-invalid":g.meta.isTouched&&!g.meta.isValid,children:[M(u,{children:N(F,{mode:c||l?`visible`:`hidden`,children:[M(F,{mode:e?`visible`:`hidden`,children:M(d,{htmlFor:h,children:c})}),M(F,{mode:l?`visible`:`hidden`,children:M(f,{children:l})})]})}),N(`div`,{className:`relative basis-3/5`,children:[M(i,{id:h,name:h,value:g.value,"aria-invalid":g.meta.isTouched&&!g.meta.isValid,autoComplete:`off`,placeholder:p,onBlur:v,onChange:x}),M(Q,{isShowCount:!0,isShowClearButton:n,isShowErrorMsg:r,isSubmiting:b,maxLength:a,counts:g.value?.length,errors:g.meta.errors,onClear:S})]})]}),M(s,{})]})},$=de(({isShowCount:e,isShowErrorMsg:t,maxLength:n,counts:i,errors:a})=>N(r,{vertical:!0,width:`full`,padding:`none`,align:`end`,justify:`end`,children:[M(F,{mode:e?`visible`:`hidden`,children:N(`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`]})}),M(F,{mode:t?`visible`:`hidden`,children:M(c,{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:o,placeholder:c})=>{let{name:l,state:p,handleBlur:h,handleChange:g}=L();return n?N(m,{orientation:`vertical`,className:`gap-1`,children:[M(F,{mode:a||o?`visible`:`hidden`,children:N(u,{children:[M(d,{htmlFor:l,className:`text-xs`,children:a}),M(F,{mode:o?`visible`:`hidden`,children:M(f,{className:`text-xs`,children:o})})]})}),N(`div`,{className:`flex flex-col w-full justify-start`,children:[M(re,{id:l,name:l,value:p.value,"aria-invalid":p.meta.isTouched&&!p.meta.isValid,autoComplete:`off`,placeholder:c,rows:r,className:`w-full`,onBlur:h,onChange:e=>g(e.target.value)}),M($,{isShowCount:!0,isShowErrorMsg:t,maxLength:i,counts:p.value?.length,errors:p.meta.errors})]})]}):N(j,{children:[N(m,{orientation:`responsive`,"data-invalid":p.meta.isTouched&&!p.meta.isValid,children:[M(u,{children:N(F,{mode:a||o?`visible`:`hidden`,children:[M(F,{mode:e?`visible`:`hidden`,children:M(d,{htmlFor:l,children:a})}),M(F,{mode:o?`visible`:`hidden`,children:M(f,{children:o})})]})}),N(`div`,{className:`relative basis-3/5`,children:[M(re,{id:l,name:l,value:p.value,"aria-invalid":p.meta.isTouched&&!p.meta.isValid,autoComplete:`off`,placeholder:c,rows:r,onBlur:h,onChange:e=>g(e.target.value)}),M($,{isShowCount:!0,isShowErrorMsg:t,maxLength:i,counts:p.value?.length,errors:p.meta.errors})]})]}),M(s,{})]})},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})=>M(`form`,{onSubmit:I(async e=>{e.preventDefault(),await n?.()},[n]),children:N(o,{children:[N(l,{children:[M(p,{children:e}),M(f,{children:t}),M(s,{})]}),r]})}),TanStackFormGroup:({label:e,description:t,children:n})=>N(j,{children:[N(o,{className:`@md/field-group:flex-row @md/field-group:items-start`,children:[N(u,{children:[M(d,{children:e}),M(f,{children:t})]}),M(`div`,{className:`flex w-full basis-3/5 flex-col items-end`,children:M(`div`,{className:`flex w-full max-w-80 flex-col space-y-3`,children:n})})]}),M(s,{})]}),TanStackFormFooter:({children:e})=>M(`div`,{className:`mt-4 flex justify-end gap-2`,children:e}),TanStackSwitchGroup:xt,TanStackRadioGroup:vt,CancelButton:Se,SubscribeButton:({label:e=`Submit`})=>{let{Subscribe:t,handleSubmit:r}=xe(),i=I(async()=>{await r()},[r]);return M(t,{selector:e=>({isSubmitting:e.isSubmitting,isDisabled:!e.isFormValid}),children:({isDisabled:t,isSubmitting:r})=>M(n,{type:`submit`,disabled:t,isLoading:r,className:`w-32`,onClick:i,children:r?`Submitting...`:e})})}}});export{Tt as useTanStackForm};
+//# sourceMappingURL=index.mjs.map