@momentumworld/ui-react 0.17.0

package/dist/form.js

@@ -0,0 +1,356 @@
+import { Button, SpinnerOnDemand, Field, FieldLabel, FieldControl, NumberField, NumberFieldGroup, NumberFieldDecrement, NumberFieldInput, NumberFieldIncrement, FieldError, Popover, PopoverTrigger, cn, PopoverPopup, Calendar, Select, SelectTrigger, SelectValue, SelectPopup, SelectItem, CheckboxGroup, Checkbox, FieldDescription, InputGroup, InputGroupAddon, InputGroupInput, Input } from './chunk-2HQPCV2L.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { format } from 'date-fns';
+import { CalendarIcon } from 'lucide-react';
+import { useState } from 'react';
+import { createFormHookContexts, createFormHook, formOptions, revalidateLogic } from '@tanstack/react-form';
+
+function CheckboxGroupField({
+  field,
+  label,
+  options,
+  emptyMessage,
+  description
+}) {
+  const errors = field.state.meta.errors.map((err) => typeof err === "string" ? err : err?.message).filter(Boolean);
+  return /* @__PURE__ */ jsxs(Field, { name: field.name, children: [
+    /* @__PURE__ */ jsx(FieldLabel, { children: label }),
+    options.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: emptyMessage ?? "No options" }) : /* @__PURE__ */ jsx(
+      CheckboxGroup,
+      {
+        value: field.state.value,
+        onValueChange: (next) => field.handleChange(next),
+        className: "gap-2 w-full",
+        children: options.map((opt) => {
+          const isChecked = field.state.value.includes(opt.value);
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              disabled: opt.disabled,
+              className: "flex w-full items-center gap-3 rounded-lg border px-3 py-2 transition-colors text-left bg-transparent disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer hover:bg-accent/50",
+              onClick: () => {
+                if (opt.disabled) return;
+                const next = isChecked ? field.state.value.filter((v) => v !== opt.value) : [...field.state.value, opt.value];
+                field.handleChange(next);
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    value: opt.value,
+                    checked: isChecked,
+                    disabled: opt.disabled,
+                    readOnly: true
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: opt.label }),
+                  opt.description ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: opt.description }) : null
+                ] })
+              ]
+            },
+            opt.value
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(FieldError, { match: !!errors.length, children: errors.join(", ") }),
+    description && /* @__PURE__ */ jsx(FieldDescription, { children: description })
+  ] });
+}
+function DateField({
+  field,
+  label,
+  placeholder
+}) {
+  const value = field.state.value;
+  const errors = field.state.meta.errors.map((err) => typeof err === "string" ? err : err?.message).filter(Boolean);
+  const hasValue = Boolean(value);
+  return /* @__PURE__ */ jsxs(Field, { name: field.name, children: [
+    /* @__PURE__ */ jsx(FieldLabel, { children: label }),
+    /* @__PURE__ */ jsxs(Popover, { onOpenChangeComplete: (open) => !open && field.handleBlur(), children: [
+      /* @__PURE__ */ jsxs(
+        PopoverTrigger,
+        {
+          render: /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: cn("w-full justify-start", {
+                "text-muted-foreground": !hasValue
+              }),
+              variant: "outline"
+            }
+          ),
+          children: [
+            /* @__PURE__ */ jsx(CalendarIcon, { "aria-hidden": "true" }),
+            value ? format(value, "LLL dd, y") : /* @__PURE__ */ jsx("span", { children: placeholder ?? "Pick a date" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(PopoverPopup, { children: /* @__PURE__ */ jsx(
+        Calendar,
+        {
+          mode: "single",
+          defaultMonth: value,
+          selected: value,
+          numberOfMonths: 2,
+          onSelect: (next) => {
+            field.handleChange(next ?? void 0);
+          },
+          autoFocus: true
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(FieldError, { match: !!errors.length, children: errors.join(", ") })
+  ] });
+}
+function DateRangeField({
+  field,
+  label,
+  placeholder,
+  numberOfMonths = 2
+}) {
+  const value = field.state.value;
+  const errors = field.state.meta.errors.map((err) => typeof err === "string" ? err : err?.message).filter(Boolean);
+  const hasValue = Boolean(value.from);
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs(Field, { name: field.name, children: [
+    /* @__PURE__ */ jsx(FieldLabel, { children: label }),
+    /* @__PURE__ */ jsxs(
+      Popover,
+      {
+        open,
+        onOpenChange: setOpen,
+        onOpenChangeComplete: (open2) => !open2 && field.handleBlur(),
+        children: [
+          /* @__PURE__ */ jsxs(
+            PopoverTrigger,
+            {
+              render: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  className: cn("w-full justify-start", {
+                    "text-muted-foreground": !hasValue
+                  }),
+                  variant: "outline"
+                }
+              ),
+              children: [
+                /* @__PURE__ */ jsx(CalendarIcon, { "aria-hidden": "true" }),
+                value.from ? value.to ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  format(value.from, "LLL dd, y"),
+                  " -",
+                  " ",
+                  format(value.to, "LLL dd, y")
+                ] }) : format(value.from, "LLL dd, y") : /* @__PURE__ */ jsx("span", { children: placeholder ?? "Pick a date range" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(PopoverPopup, { children: /* @__PURE__ */ jsx(
+            Calendar,
+            {
+              mode: "range",
+              defaultMonth: value.from,
+              selected: value,
+              resetOnSelect: true,
+              numberOfMonths,
+              onSelect: (range) => {
+                field.handleChange({
+                  from: range?.from ?? void 0,
+                  to: range?.to ?? void 0
+                });
+                if (range?.from && range?.to) {
+                  setOpen(false);
+                }
+              },
+              autoFocus: true
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(FieldError, { match: !!errors.length, children: errors.join(", ") })
+  ] });
+}
+var {
+  fieldContext: appFieldContext,
+  formContext: appFormContext,
+  useFieldContext: useAppFieldContext,
+  useFormContext: useAppFormContext
+} = createFormHookContexts();
+function NumberField2({
+  field,
+  label,
+  min,
+  className
+}) {
+  const errors = field.state.meta.errors.map((err) => typeof err === "string" ? err : err?.message).filter(Boolean);
+  return /* @__PURE__ */ jsxs(Field, { className, name: field.name, children: [
+    /* @__PURE__ */ jsx(FieldLabel, { children: label }),
+    /* @__PURE__ */ jsx(
+      FieldControl,
+      {
+        render: /* @__PURE__ */ jsx(
+          NumberField,
+          {
+            value: field.state.value,
+            min,
+            onValueChange: (next) => {
+              if (typeof next === "number") field.handleChange(next);
+            },
+            onBlur: () => field.handleBlur(),
+            children: /* @__PURE__ */ jsxs(NumberFieldGroup, { children: [
+              /* @__PURE__ */ jsx(NumberFieldDecrement, {}),
+              /* @__PURE__ */ jsx(NumberFieldInput, {}),
+              /* @__PURE__ */ jsx(NumberFieldIncrement, {})
+            ] })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(FieldError, { match: !!errors.length, children: errors.join(", ") })
+  ] });
+}
+function SelectField({
+  field,
+  label,
+  placeholder,
+  options
+}) {
+  const errors = field.state.meta.errors.map((err) => typeof err === "string" ? err : err?.message).filter(Boolean);
+  return /* @__PURE__ */ jsxs(Field, { name: field.name, children: [
+    /* @__PURE__ */ jsx(FieldLabel, { children: label }),
+    /* @__PURE__ */ jsx(
+      FieldControl,
+      {
+        render: /* @__PURE__ */ jsxs(
+          Select,
+          {
+            items: options,
+            value: field.state.value ? field.state.value : null,
+            onValueChange: (next) => {
+              field.handleChange(next ?? "");
+            },
+            onOpenChangeComplete: (open) => {
+              if (!open) field.handleBlur();
+            },
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: placeholder ?? "Select" }) }),
+              /* @__PURE__ */ jsx(SelectPopup, { children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(FieldError, { match: !!errors.length, children: errors.join(", ") })
+  ] });
+}
+function SubmitButton({
+  children,
+  disabled,
+  icon,
+  ...props
+}) {
+  const form = useAppFormContext();
+  return /* @__PURE__ */ jsx(form.Subscribe, { selector: (state) => state.isSubmitting, children: (isSubmitting) => /* @__PURE__ */ jsxs(Button, { type: "submit", disabled: isSubmitting || disabled, ...props, children: [
+    /* @__PURE__ */ jsx(SpinnerOnDemand, { icon, isLoading: isSubmitting }),
+    children
+  ] }) });
+}
+function TextField({
+  field,
+  label,
+  placeholder,
+  type = "text",
+  inlineLabel,
+  leadingIcon,
+  trailingIcon
+}) {
+  const errors = field.state.meta.errors.map((err) => typeof err === "string" ? err : err?.message).filter(Boolean);
+  const useInputGroup = inlineLabel || leadingIcon || trailingIcon;
+  if (useInputGroup) {
+    return /* @__PURE__ */ jsxs(Field, { name: field.name, children: [
+      !inlineLabel && /* @__PURE__ */ jsx(FieldLabel, { children: label }),
+      /* @__PURE__ */ jsxs(InputGroup, { children: [
+        inlineLabel && /* @__PURE__ */ jsx(InputGroupAddon, { align: "block-start", children: /* @__PURE__ */ jsx(FieldLabel, { children: label }) }),
+        leadingIcon && /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-start", children: leadingIcon }),
+        /* @__PURE__ */ jsx(
+          FieldControl,
+          {
+            render: /* @__PURE__ */ jsx(
+              InputGroupInput,
+              {
+                value: field.state.value,
+                onChange: (e) => field.handleChange(e.target.value),
+                onBlur: field.handleBlur,
+                placeholder,
+                type
+              }
+            )
+          }
+        ),
+        trailingIcon && /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", children: trailingIcon })
+      ] }),
+      /* @__PURE__ */ jsx(FieldError, { match: !!errors.length, children: errors.join(", ") })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Field, { name: field.name, children: [
+    /* @__PURE__ */ jsx(FieldLabel, { children: label }),
+    /* @__PURE__ */ jsx(
+      FieldControl,
+      {
+        render: /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: field.state.value,
+            onChange: (e) => field.handleChange(e.target.value),
+            onBlur: field.handleBlur,
+            placeholder,
+            type
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(FieldError, { match: !!errors.length, children: errors.join(", ") })
+  ] });
+}
+
+// src/components/form/form.tsx
+var { useAppForm, withForm: withAppForm } = createFormHook({
+  fieldContext: appFieldContext,
+  formContext: appFormContext,
+  fieldComponents: {
+    TextField,
+    CheckboxGroupField,
+    SelectField,
+    DateField,
+    DateRangeField,
+    NumberField: NumberField2
+  },
+  formComponents: {
+    SubmitButton
+  }
+});
+var customFormOptions = formOptions({
+  validationLogic: revalidateLogic({
+    mode: "submit",
+    modeAfterSubmission: "blur"
+  })
+});
+var useCustomAppForm = (options) => {
+  return useAppForm({
+    ...customFormOptions,
+    ...options
+  });
+};
+var withCustomAppForm = (options) => {
+  return withAppForm({
+    ...customFormOptions,
+    ...options
+  });
+};
+
+export { CheckboxGroupField, DateField, DateRangeField, NumberField2 as NumberField, SelectField, SubmitButton, TextField, appFieldContext, appFormContext, useAppFieldContext, useCustomAppForm as useAppForm, useAppFormContext, withCustomAppForm as withAppForm };
+//# sourceMappingURL=form.js.map
+//# sourceMappingURL=form.js.map

package/dist/form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/checkbox-group-field.tsx","../src/components/form/date-field.tsx","../src/components/form/date-range-field.tsx","../src/components/form/form-context.ts","../src/components/form/number-field.tsx","../src/components/form/select-field.tsx","../src/components/form/submit-button.tsx","../src/components/form/text-field.tsx","../src/components/form/form.tsx"],"names":["jsxs","jsx","open","CalendarIcon","format","NumberField"],"mappings":"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","file":"form.js","sourcesContent":["\"use client\";\n\nimport type { StandardSchemaV1Issue } from \"@tanstack/react-form\";\nimport { Checkbox } from \"../ui/checkbox\";\nimport { CheckboxGroup } from \"../ui/checkbox-group\";\nimport {\n  Field,\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n} from \"../ui/field\";\n\nexport function CheckboxGroupField({\n  field,\n  label,\n  options,\n  emptyMessage,\n  description,\n}: {\n  field: {\n    name: string;\n    state: {\n      value: string[];\n      meta: {\n        readonly errors: ReadonlyArray<\n          string | StandardSchemaV1Issue | undefined\n        >;\n      };\n    };\n    handleChange: (nextValue: string[]) => void;\n  };\n  label: string;\n  options: Array<{\n    value: string;\n    label: string;\n    description?: string;\n    disabled?: boolean;\n  }>;\n  emptyMessage?: string;\n  description?: string;\n}) {\n  const errors = field.state.meta.errors\n    .map((err) => (typeof err === \"string\" ? err : err?.message))\n    .filter(Boolean);\n  return (\n    <Field name={field.name}>\n      <FieldLabel>{label}</FieldLabel>\n\n      {options.length === 0 ? (\n        <div className=\"text-sm text-muted-foreground\">\n          {emptyMessage ?? \"No options\"}\n        </div>\n      ) : (\n        <CheckboxGroup\n          value={field.state.value}\n          onValueChange={(next) => field.handleChange(next)}\n          className=\"gap-2 w-full\"\n        >\n          {options.map((opt) => {\n            const isChecked = field.state.value.includes(opt.value);\n            return (\n              <button\n                type=\"button\"\n                key={opt.value}\n                disabled={opt.disabled}\n                className=\"flex w-full items-center gap-3 rounded-lg border px-3 py-2 transition-colors text-left bg-transparent disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer hover:bg-accent/50\"\n                onClick={() => {\n                  if (opt.disabled) return;\n                  const next = isChecked\n                    ? field.state.value.filter((v) => v !== opt.value)\n                    : [...field.state.value, opt.value];\n                  field.handleChange(next);\n                }}\n              >\n                <Checkbox\n                  value={opt.value}\n                  checked={isChecked}\n                  disabled={opt.disabled}\n                  readOnly\n                />\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"text-sm font-medium text-foreground\">\n                    {opt.label}\n                  </p>\n                  {opt.description ? (\n                    <p className=\"text-xs text-muted-foreground\">\n                      {opt.description}\n                    </p>\n                  ) : null}\n                </div>\n              </button>\n            );\n          })}\n        </CheckboxGroup>\n      )}\n\n      <FieldError match={!!errors.length}>{errors.join(\", \")}</FieldError>\n      {description && <FieldDescription>{description}</FieldDescription>}\n    </Field>\n  );\n}\n","\"use client\";\n\nimport type { StandardSchemaV1Issue } from \"@tanstack/react-form\";\nimport { format } from \"date-fns\";\nimport { CalendarIcon } from \"lucide-react\";\n\nimport { Button } from \"../ui/button\";\nimport { Calendar } from \"../ui/calendar\";\nimport { Field, FieldError, FieldLabel } from \"../ui/field\";\nimport { Popover, PopoverPopup, PopoverTrigger } from \"../ui/popover\";\nimport { cn } from \"../../lib/utils/css\";\n\nexport function DateField({\n  field,\n  label,\n  placeholder,\n}: {\n  field: {\n    name: string;\n    state: {\n      value: Date | undefined;\n      meta: {\n        readonly errors: ReadonlyArray<\n          string | StandardSchemaV1Issue | undefined\n        >;\n      };\n    };\n    handleChange: (nextValue: Date | undefined) => void;\n    handleBlur: () => void;\n  };\n  label: string;\n  placeholder?: string;\n}) {\n  const value = field.state.value;\n\n  const errors = field.state.meta.errors\n    .map((err) => (typeof err === \"string\" ? err : err?.message))\n    .filter(Boolean);\n\n  const hasValue = Boolean(value);\n\n  return (\n    <Field name={field.name}>\n      <FieldLabel>{label}</FieldLabel>\n      <Popover onOpenChangeComplete={(open) => !open && field.handleBlur()}>\n        <PopoverTrigger\n          render={\n            <Button\n              className={cn(\"w-full justify-start\", {\n                \"text-muted-foreground\": !hasValue,\n              })}\n              variant=\"outline\"\n            />\n          }\n        >\n          <CalendarIcon aria-hidden=\"true\" />\n          {value ? (\n            format(value, \"LLL dd, y\")\n          ) : (\n            <span>{placeholder ?? \"Pick a date\"}</span>\n          )}\n        </PopoverTrigger>\n        <PopoverPopup>\n          <Calendar\n            mode=\"single\"\n            defaultMonth={value}\n            selected={value}\n            numberOfMonths={2}\n            onSelect={(next) => {\n              field.handleChange(next ?? undefined);\n            }}\n            autoFocus\n          />\n        </PopoverPopup>\n      </Popover>\n      <FieldError match={!!errors.length}>{errors.join(\", \")}</FieldError>\n    </Field>\n  );\n}\n","\"use client\";\n\nimport type { StandardSchemaV1Issue } from \"@tanstack/react-form\";\nimport { format } from \"date-fns\";\nimport { CalendarIcon } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { Button } from \"../ui/button\";\nimport { Calendar } from \"../ui/calendar\";\nimport { Field, FieldError, FieldLabel } from \"../ui/field\";\nimport { Popover, PopoverPopup, PopoverTrigger } from \"../ui/popover\";\nimport { cn } from \"../../lib/utils/css\";\n\nexport function DateRangeField({\n  field,\n  label,\n  placeholder,\n  numberOfMonths = 2,\n}: {\n  field: {\n    name: string;\n    state: {\n      value: {\n        from: Date | undefined;\n        to: Date | undefined;\n      };\n      meta: {\n        readonly errors: ReadonlyArray<\n          string | StandardSchemaV1Issue | undefined\n        >;\n      };\n    };\n    handleChange: (nextValue: {\n      from: Date | undefined;\n      to: Date | undefined;\n    }) => void;\n    handleBlur: () => void;\n  };\n  label: string;\n  placeholder?: string;\n  numberOfMonths?: number;\n}) {\n  const value = field.state.value;\n\n  const errors = field.state.meta.errors\n    .map((err) => (typeof err === \"string\" ? err : err?.message))\n    .filter(Boolean);\n\n  const hasValue = Boolean(value.from);\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Field name={field.name}>\n      <FieldLabel>{label}</FieldLabel>\n      <Popover\n        open={open}\n        onOpenChange={setOpen}\n        onOpenChangeComplete={(open) => !open && field.handleBlur()}\n      >\n        <PopoverTrigger\n          render={\n            <Button\n              className={cn(\"w-full justify-start\", {\n                \"text-muted-foreground\": !hasValue,\n              })}\n              variant=\"outline\"\n            />\n          }\n        >\n          <CalendarIcon aria-hidden=\"true\" />\n          {value.from ? (\n            value.to ? (\n              <>\n                {format(value.from, \"LLL dd, y\")} -{\" \"}\n                {format(value.to, \"LLL dd, y\")}\n              </>\n            ) : (\n              format(value.from, \"LLL dd, y\")\n            )\n          ) : (\n            <span>{placeholder ?? \"Pick a date range\"}</span>\n          )}\n        </PopoverTrigger>\n        <PopoverPopup>\n          <Calendar\n            mode=\"range\"\n            defaultMonth={value.from}\n            selected={value}\n            resetOnSelect\n            numberOfMonths={numberOfMonths}\n            onSelect={(range) => {\n              field.handleChange({\n                from: range?.from ?? undefined,\n                to: range?.to ?? undefined,\n              });\n              if (range?.from && range?.to) {\n                setOpen(false);\n              }\n            }}\n            autoFocus\n          />\n        </PopoverPopup>\n      </Popover>\n      <FieldError match={!!errors.length}>{errors.join(\", \")}</FieldError>\n    </Field>\n  );\n}\n","\"use client\";\n\nimport { createFormHookContexts } from \"@tanstack/react-form\";\n\nexport const {\n  fieldContext: appFieldContext,\n  formContext: appFormContext,\n  useFieldContext: useAppFieldContext,\n  useFormContext: useAppFormContext,\n} = createFormHookContexts();\n","\"use client\";\n\nimport type { StandardSchemaV1Issue } from \"@tanstack/react-form\";\nimport {\n  Field,\n  FieldControl,\n  FieldError,\n  FieldLabel,\n} from \"../ui/field\";\nimport {\n  NumberFieldDecrement,\n  NumberFieldGroup,\n  NumberFieldIncrement,\n  NumberFieldInput,\n  NumberField as NumberFieldPrimitive,\n} from \"../ui/number-field\";\n\nexport function NumberField({\n  field,\n  label,\n  min,\n  className,\n}: {\n  field: {\n    name: string;\n    state: {\n      value: number;\n      meta: {\n        readonly errors: ReadonlyArray<\n          string | StandardSchemaV1Issue | undefined\n        >;\n      };\n    };\n    handleChange: (nextValue: number) => void;\n    handleBlur: () => void;\n  };\n  label: string;\n  min?: number;\n  className?: string;\n}) {\n  const errors = field.state.meta.errors\n    .map((err) => (typeof err === \"string\" ? err : err?.message))\n    .filter(Boolean);\n\n  return (\n    <Field className={className} name={field.name}>\n      <FieldLabel>{label}</FieldLabel>\n      <FieldControl\n        render={\n          <NumberFieldPrimitive\n            value={field.state.value}\n            min={min}\n            onValueChange={(next) => {\n              if (typeof next === \"number\") field.handleChange(next);\n            }}\n            onBlur={() => field.handleBlur()}\n          >\n            <NumberFieldGroup>\n              <NumberFieldDecrement />\n              <NumberFieldInput />\n              <NumberFieldIncrement />\n            </NumberFieldGroup>\n          </NumberFieldPrimitive>\n        }\n      />\n      <FieldError match={!!errors.length}>{errors.join(\", \")}</FieldError>\n    </Field>\n  );\n}\n","\"use client\";\n\nimport type { StandardSchemaV1Issue } from \"@tanstack/react-form\";\nimport {\n  Field,\n  FieldControl,\n  FieldError,\n  FieldLabel,\n} from \"../ui/field\";\nimport {\n  Select,\n  SelectItem,\n  SelectPopup,\n  SelectTrigger,\n  SelectValue,\n} from \"../ui/select\";\n\nexport function SelectField({\n  field,\n  label,\n  placeholder,\n  options,\n}: {\n  field: {\n    name: string;\n    state: {\n      value: string;\n      meta: {\n        readonly errors: ReadonlyArray<\n          string | StandardSchemaV1Issue | undefined\n        >;\n      };\n    };\n    handleChange: (nextValue: string) => void;\n    handleBlur: () => void;\n  };\n  label: string;\n  placeholder?: string;\n  options: Array<{ value: string; label: string }>;\n}) {\n  const errors = field.state.meta.errors\n    .map((err) => (typeof err === \"string\" ? err : err?.message))\n    .filter(Boolean);\n\n  return (\n    <Field name={field.name}>\n      <FieldLabel>{label}</FieldLabel>\n      <FieldControl\n        render={\n          <Select\n            items={options}\n            value={field.state.value ? field.state.value : null}\n            onValueChange={(next) => {\n              field.handleChange(next ?? \"\");\n            }}\n            onOpenChangeComplete={(open) => {\n              if (!open) field.handleBlur();\n            }}\n          >\n            <SelectTrigger>\n              <SelectValue placeholder={placeholder ?? \"Select\"} />\n            </SelectTrigger>\n            <SelectPopup>\n              {options.map((opt) => (\n                <SelectItem key={opt.value} value={opt.value}>\n                  {opt.label}\n                </SelectItem>\n              ))}\n            </SelectPopup>\n          </Select>\n        }\n      />\n      <FieldError match={!!errors.length}>{errors.join(\", \")}</FieldError>\n    </Field>\n  );\n}\n","\"use client\";\n\nimport { Button } from \"../ui/button\";\nimport { SpinnerOnDemand } from \"../ui/spinner-on-demand\";\nimport { useAppFormContext } from \"./form-context\";\n\ninterface SubmitButtonProps extends React.ComponentProps<typeof Button> {\n  icon?: React.ReactNode;\n}\n\nexport function SubmitButton({\n  children,\n  disabled,\n  icon,\n  ...props\n}: SubmitButtonProps) {\n  const form = useAppFormContext();\n  return (\n    <form.Subscribe selector={(state) => state.isSubmitting}>\n      {(isSubmitting) => (\n        <Button type=\"submit\" disabled={isSubmitting || disabled} {...props}>\n          <SpinnerOnDemand icon={icon} isLoading={isSubmitting} />\n          {children}\n        </Button>\n      )}\n    </form.Subscribe>\n  );\n}\n","\"use client\";\n\nimport type { StandardSchemaV1Issue } from \"@tanstack/react-form\";\nimport {\n  Field,\n  FieldControl,\n  FieldError,\n  FieldLabel,\n} from \"../ui/field\";\nimport { Input } from \"../ui/input\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupInput,\n} from \"../ui/input-group\";\n\nexport function TextField({\n  field,\n  label,\n  placeholder,\n  type = \"text\",\n  inlineLabel,\n  leadingIcon,\n  trailingIcon,\n}: {\n  field: {\n    name: string;\n    state: {\n      value: string;\n      meta: {\n        readonly errors: ReadonlyArray<\n          string | StandardSchemaV1Issue | undefined\n        >;\n      };\n    };\n    handleChange: (nextValue: string) => void;\n    handleBlur: () => void;\n  };\n  label: string;\n  placeholder?: string;\n  type?: React.ComponentProps<typeof Input>[\"type\"];\n  /** Render label inside the input border as a block-start addon */\n  inlineLabel?: boolean;\n  /** Content rendered as an inline-start addon (e.g. an icon) */\n  leadingIcon?: React.ReactNode;\n  /** Content rendered as an inline-end addon (e.g. an icon) */\n  trailingIcon?: React.ReactNode;\n}) {\n  const errors = field.state.meta.errors\n    .map((err) => (typeof err === \"string\" ? err : err?.message))\n    .filter(Boolean);\n\n  const useInputGroup = inlineLabel || leadingIcon || trailingIcon;\n\n  if (useInputGroup) {\n    return (\n      <Field name={field.name}>\n        {!inlineLabel && <FieldLabel>{label}</FieldLabel>}\n        <InputGroup>\n          {inlineLabel && (\n            <InputGroupAddon align=\"block-start\">\n              <FieldLabel>{label}</FieldLabel>\n            </InputGroupAddon>\n          )}\n          {leadingIcon && (\n            <InputGroupAddon align=\"inline-start\">\n              {leadingIcon}\n            </InputGroupAddon>\n          )}\n          <FieldControl\n            render={\n              <InputGroupInput\n                value={field.state.value}\n                onChange={(e) => field.handleChange(e.target.value)}\n                onBlur={field.handleBlur}\n                placeholder={placeholder}\n                type={type}\n              />\n            }\n          />\n          {trailingIcon && (\n            <InputGroupAddon align=\"inline-end\">{trailingIcon}</InputGroupAddon>\n          )}\n        </InputGroup>\n        <FieldError match={!!errors.length}>{errors.join(\", \")}</FieldError>\n      </Field>\n    );\n  }\n\n  return (\n    <Field name={field.name}>\n      <FieldLabel>{label}</FieldLabel>\n      <FieldControl\n        render={\n          <Input\n            value={field.state.value}\n            onChange={(e) => field.handleChange(e.target.value)}\n            onBlur={field.handleBlur}\n            placeholder={placeholder}\n            type={type}\n          />\n        }\n      />\n      <FieldError match={!!errors.length}>{errors.join(\", \")}</FieldError>\n    </Field>\n  );\n}\n","\"use client\";\n\nimport {\n  createFormHook,\n  formOptions,\n  revalidateLogic,\n} from \"@tanstack/react-form\";\nimport { CheckboxGroupField } from \"./checkbox-group-field\";\nimport { DateField } from \"./date-field\";\nimport { DateRangeField } from \"./date-range-field\";\nimport { appFieldContext, appFormContext } from \"./form-context\";\nimport { NumberField } from \"./number-field\";\nimport { SelectField } from \"./select-field\";\nimport { SubmitButton } from \"./submit-button\";\nimport { TextField } from \"./text-field\";\n\nconst { useAppForm, withForm: withAppForm } = createFormHook({\n  fieldContext: appFieldContext,\n  formContext: appFormContext,\n  fieldComponents: {\n    TextField,\n    CheckboxGroupField,\n    SelectField,\n    DateField,\n    DateRangeField,\n    NumberField,\n  },\n  formComponents: {\n    SubmitButton,\n  },\n});\n\nconst customFormOptions = formOptions({\n  validationLogic: revalidateLogic({\n    mode: \"submit\",\n    modeAfterSubmission: \"blur\",\n  }),\n});\n\nconst useCustomAppForm: typeof useAppForm = (options) => {\n  return useAppForm({\n    ...customFormOptions,\n    ...options,\n  });\n};\n\nconst withCustomAppForm: typeof withAppForm = (options) => {\n  return withAppForm({\n    ...customFormOptions,\n    ...options,\n  });\n};\n\nexport { useCustomAppForm as useAppForm, withCustomAppForm as withAppForm };\n"]}