@k3-universe/react-kit 0.0.45 → 0.0.47

package/dist/index.js

@@ -6,7 +6,7 @@ import * as React from "react";
 import React__default, { createContext, useSyncExternalStore, useEffect, useMemo, useContext, forwardRef, createElement, Fragment as Fragment$1, memo as memo$1, useRef, useCallback, useLayoutEffect, useReducer, cloneElement, Component, useState, useImperativeHandle, use as use$7, isValidElement, PureComponent } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
-import { useLocation, Link as Link$1 } from "@tanstack/react-router";
+import { useRouter, useLocation, Link as Link$1 } from "@tanstack/react-router";
 const isBrowser = typeof window !== "undefined" && typeof window.localStorage !== "undefined";
 class SimpleEncryption {
   constructor(key) {
@@ -22528,10 +22528,22 @@ function RadioField({
 }
 function DateField({
   field,
+  control,
   value,
   onChange,
   className
 }) {
+  const formValues = useWatch({ control });
+  const minDate = React__default.useMemo(() => {
+    if (field.minDateFromField && formValues[field.minDateFromField])
+      return formValues[field.minDateFromField];
+    return field.minDate;
+  }, [field.minDate, field.minDateFromField, formValues]);
+  const maxDate = React__default.useMemo(() => {
+    if (field.maxDateFromField && formValues[field.maxDateFromField])
+      return formValues[field.maxDateFromField];
+    return field.maxDate;
+  }, [field.maxDate, field.maxDateFromField, formValues]);
   const parseDateValueForInput = (date2) => {
     if (date2 instanceof Date) {
       return date2.toISOString().split("T")[0];
@@ -22550,8 +22562,8 @@ function DateField({
       type: "date",
       value: parseDateValueForInput(value),
       defaultValue: parseDateValueForInput(value),
-      min: parseDateValueForInput(field.minDate),
-      max: parseDateValueForInput(field.maxDate),
+      min: parseDateValueForInput(minDate),
+      max: parseDateValueForInput(maxDate),
       onChange: (e2) => onChange(e2.target.value ? new Date(e2.target.value) : null)
     }
   );
@@ -26843,10 +26855,22 @@ function DatePicker({
 DatePicker.displayName = "DatePicker";
 function DatePickerField({
   field,
+  control,
   value,
   onChange,
   className
 }) {
+  const formValues = useWatch({ control });
+  const minDate = React.useMemo(() => {
+    if (field.minDateFromField && formValues[field.minDateFromField])
+      return formValues[field.minDateFromField];
+    return field.minDate;
+  }, [field.minDate, field.minDateFromField, formValues]);
+  const maxDate = React.useMemo(() => {
+    if (field.maxDateFromField && formValues[field.maxDateFromField])
+      return formValues[field.maxDateFromField];
+    return field.maxDate;
+  }, [field.maxDate, field.maxDateFromField, formValues]);
   const v = React.useMemo(() => {
     if (!value) return null;
     if (value instanceof Date) return value;
@@ -26859,8 +26883,8 @@ function DatePickerField({
       className,
       value: v,
       onChange: (d) => onChange(d),
-      minDate: field.minDate,
-      maxDate: field.maxDate,
+      minDate,
+      maxDate,
       disabledDates: field.disabledDates,
       format: field.dateFormat,
       placeholder: field.placeholder,
@@ -27276,10 +27300,22 @@ function coerceDate(input) {
 }
 function DateRangePickerField({
   field,
+  control,
   value,
   onChange,
   className
 }) {
+  const formValues = useWatch({ control });
+  const minDate = React.useMemo(() => {
+    if (field.minDateFromField && formValues[field.minDateFromField])
+      return formValues[field.minDateFromField];
+    return field.minDate;
+  }, [field.minDate, field.minDateFromField, formValues]);
+  const maxDate = React.useMemo(() => {
+    if (field.maxDateFromField && formValues[field.maxDateFromField])
+      return formValues[field.maxDateFromField];
+    return field.maxDate;
+  }, [field.maxDate, field.maxDateFromField, formValues]);
   const v = React.useMemo(() => {
     if (!value) return null;
     if (typeof value === "object" && value !== null) {
@@ -27304,8 +27340,8 @@ function DateRangePickerField({
       className,
       value: v,
       onChange: (r2) => onChange(r2),
-      minDate: field.minDate,
-      maxDate: field.maxDate,
+      minDate,
+      maxDate,
       disabledDates: field.disabledDates,
       format: field.dateFormat ? dateFormat : void 0,
       placeholder: field.placeholder,
@@ -28875,10 +28911,22 @@ function DateTimePicker({
 DateTimePicker.displayName = "DateTimePicker";
 function DateTimePickerField({
   field,
+  control,
   value,
   onChange,
   className
 }) {
+  const formValues = useWatch({ control });
+  const minDate = React.useMemo(() => {
+    if (field.minDateFromField && formValues[field.minDateFromField])
+      return formValues[field.minDateFromField];
+    return field.minDate;
+  }, [field.minDate, field.minDateFromField, formValues]);
+  const maxDate = React.useMemo(() => {
+    if (field.maxDateFromField && formValues[field.maxDateFromField])
+      return formValues[field.maxDateFromField];
+    return field.maxDate;
+  }, [field.maxDate, field.maxDateFromField, formValues]);
   const v = React.useMemo(() => {
     if (!value) return null;
     if (value instanceof Date) return value;
@@ -28892,8 +28940,8 @@ function DateTimePickerField({
       value: v,
       onChange: (d) => onChange(d),
       placeholder: field.placeholder,
-      minDate: field.minDate,
-      maxDate: field.maxDate,
+      minDate,
+      maxDate,
       disabledDates: field.disabledDates,
       timePrecision: field.timePrecision ?? "minute",
       hourCycle: field.hourCycle ?? 24,
@@ -29436,10 +29484,22 @@ function DateTimeRangePicker({
 DateTimeRangePicker.displayName = "DateTimeRangePicker";
 function DateTimeRangePickerField({
   field,
+  control,
   value,
   onChange,
   className
 }) {
+  const formValues = useWatch({ control });
+  const minDate = React.useMemo(() => {
+    if (field.minDateFromField && formValues[field.minDateFromField])
+      return formValues[field.minDateFromField];
+    return field.minDate;
+  }, [field.minDate, field.minDateFromField, formValues]);
+  const maxDate = React.useMemo(() => {
+    if (field.maxDateFromField && formValues[field.maxDateFromField])
+      return formValues[field.maxDateFromField];
+    return field.maxDate;
+  }, [field.maxDate, field.maxDateFromField, formValues]);
   const v = React.useMemo(() => {
     if (!value || typeof value !== "object")
       return null;
@@ -29461,8 +29521,8 @@ function DateTimeRangePickerField({
       value: v,
       onChange: (range) => onChange(range),
       placeholder: field.placeholder,
-      minDate: field.minDate,
-      maxDate: field.maxDate,
+      minDate,
+      maxDate,
       disabledDates: field.disabledDates,
       numberOfMonths: field.numberOfMonths ?? 2,
       popoverSide: field.popoverSide,
@@ -46451,6 +46511,33 @@ function DialogProvider({ children }) {
   ] });
 }
 const useDialog = useDialogController;
+function PageBackButton({
+  onBack
+}) {
+  const router = useRouter();
+  const handleClick = useCallback(() => {
+    if (onBack == null) {
+      router.history.back();
+      return;
+    }
+    onBack();
+  }, [onBack, router]);
+  return /* @__PURE__ */ jsx(Button$1, { variant: "ghost", className: "px-0! cursor-pointer", onClick: handleClick, children: /* @__PURE__ */ jsx(ChevronLeft, {}) });
+}
+function PageTitleWithBackButton({
+  show = false,
+  title = "",
+  subtitle = "",
+  onBack
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-x-2", children: [
+      show && /* @__PURE__ */ jsx(PageBackButton, { onBack }),
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold leading-none tracking-tight text-foreground", children: title })
+    ] }),
+    subtitle ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle }) : null
+  ] });
+}
 const widthToClass = {
   full: "max-w-none",
   sm: "max-w-screen-sm",
@@ -46534,6 +46621,8 @@ function Page({
   title,
   subtitle,
   actions,
+  backButton,
+  onBackButtonClicked,
   containerWidth = "lg",
   className,
   headerClassName,
@@ -46559,10 +46648,15 @@ function Page({
               headerClassName
             ),
             children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
-                /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold leading-none tracking-tight text-foreground", children: title }),
-                subtitle ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: subtitle }) : null
-              ] }),
+              /* @__PURE__ */ jsx(
+                PageTitleWithBackButton,
+                {
+                  show: backButton,
+                  onBack: onBackButtonClicked,
+                  title,
+                  subtitle
+                }
+              ),
               actions && actions.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 flex-wrap items-center justify-end gap-2", children: actions.map(renderAction) }) : null
             ]
           }

package/dist/kit/builder/form/components/FormBuilderContext.d.ts

@@ -9,8 +9,8 @@ export interface FormBuilderContextValue<TFieldValues extends FieldValues = Fiel
     getValues: UseFormGetValues<TFieldValues>;
     setValue: UseFormSetValue<TFieldValues>;
     onFieldChange?: (name: Path<TFieldValues> | string, value: unknown, allValues: TFieldValues) => void;
-    handleFieldDependencies: (field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>) => DependencyState;
-    handleFieldChange: (field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>, value: unknown, ...extras: unknown[]) => void;
+    handleFieldDependencies: (field: FormBuilderFieldConfig<TFieldValues>) => DependencyState;
+    handleFieldChange: (field: FormBuilderFieldConfig<TFieldValues>, value: unknown, ...extras: unknown[]) => void;
 }
 declare const FormBuilderContext: import('react').Context<FormBuilderContextValue<FieldValues> | null>;
 export declare function useFormBuilderContext<TFieldValues extends FieldValues = FieldValues>(): FormBuilderContextValue<TFieldValues>;

package/dist/kit/builder/form/components/FormBuilderContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormBuilderContext.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/FormBuilderContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,OAAO,EACP,WAAW,EACX,IAAI,EACJ,gBAAgB,EAChB,eAAe,EAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEvD,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB,CACtC,YAAY,SAAS,WAAW,GAAG,WAAW;IAE9C,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,SAAS,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC1C,QAAQ,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACxC,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,MAAM,EACjC,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,YAAY,KACpB,IAAI,CAAC;IACV,uBAAuB,EAAE,CACvB,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,KACrE,eAAe,CAAC;IACrB,iBAAiB,EAAE,CACjB,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,EACxE,KAAK,EAAE,OAAO,EACd,GAAG,MAAM,EAAE,OAAO,EAAE,KACjB,IAAI,CAAC;CACX;AAED,QAAA,MAAM,kBAAkB,sEAC0C,CAAC;AAEnE,wBAAgB,qBAAqB,CACnC,YAAY,SAAS,WAAW,GAAG,WAAW,2CAS/C;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"FormBuilderContext.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/FormBuilderContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,OAAO,EACP,WAAW,EACX,IAAI,EACJ,gBAAgB,EAChB,eAAe,EAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEvD,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB,CACtC,YAAY,SAAS,WAAW,GAAG,WAAW;IAE9C,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,SAAS,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC1C,QAAQ,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACxC,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,MAAM,EACjC,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,YAAY,KACpB,IAAI,CAAC;IACV,uBAAuB,EAAE,CACvB,KAAK,EAAE,sBAAsB,CAAC,YAAY,CAAC,KACxC,eAAe,CAAC;IACrB,iBAAiB,EAAE,CACjB,KAAK,EAAE,sBAAsB,CAAC,YAAY,CAAC,EAC3C,KAAK,EAAE,OAAO,EACd,GAAG,MAAM,EAAE,OAAO,EAAE,KACjB,IAAI,CAAC;CACX;AAED,QAAA,MAAM,kBAAkB,sEAC0C,CAAC;AAEnE,wBAAgB,qBAAqB,CACnC,YAAY,SAAS,WAAW,GAAG,WAAW,2CAS/C;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/kit/builder/form/components/FormBuilderField.d.ts

@@ -1,12 +1,12 @@
-import { Control, FieldValues, Path } from 'react-hook-form';
+import { Control, FieldValues } from 'react-hook-form';
 import { FormBuilderFieldConfig } from '../types';
-export interface FormBuilderFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends string | Path<TFieldValues> = Path<TFieldValues>> {
+export interface FormBuilderFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends string = string> {
     field: FormBuilderFieldConfig<TFieldValues, TName>;
     control: Control<TFieldValues>;
     onChange?: (value: unknown, ...extras: unknown[]) => void;
     onFieldChange?: (name: import('react-hook-form').Path<TFieldValues> | string, value: unknown, allValues: TFieldValues) => void;
     parentPath?: string;
 }
-export declare function FormBuilderField<TFieldValues extends FieldValues = FieldValues, TName extends string | Path<TFieldValues> = Path<TFieldValues>>({ field, control, onChange, parentPath, }: FormBuilderFieldProps<TFieldValues, TName>): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function FormBuilderField<TFieldValues extends FieldValues = FieldValues, TName extends string = string>({ field, control, onChange, parentPath, }: FormBuilderFieldProps<TFieldValues, TName>): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export default FormBuilderField;
 //# sourceMappingURL=FormBuilderField.d.ts.map

package/dist/kit/builder/form/components/FormBuilderField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormBuilderField.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/FormBuilderField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAIlE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAwBvD,MAAM,WAAW,qBAAqB,CACpC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC;IAE9D,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACnD,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC1D,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,OAAO,iBAAiB,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,MAAM,EAC3D,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,YAAY,KACpB,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAC9B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,EAC9D,EACA,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,GACX,EAAE,qBAAqB,CAAC,YAAY,EAAE,KAAK,CAAC,2WAiZ5C;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"FormBuilderField.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/FormBuilderField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAQ,MAAM,iBAAiB,CAAC;AAIlE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAwBvD,MAAM,WAAW,qBAAqB,CACpC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,MAAM,GAAG,MAAM;IAE7B,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACnD,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAC1D,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,OAAO,iBAAiB,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,MAAM,EAC3D,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,YAAY,KACpB,IAAI,CAAC;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAC9B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,EACA,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,GACX,EAAE,qBAAqB,CAAC,YAAY,EAAE,KAAK,CAAC,2WAiZ5C;AAED,eAAe,gBAAgB,CAAC"}

package/dist/kit/builder/form/components/fields/DateField.d.ts

@@ -1,3 +1,3 @@
 import { FieldRenderProps } from './types';
-export declare function DateField({ field, value, onChange, className, }: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateField({ field, control, value, onChange, className, }: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DateField.d.ts.map

package/dist/kit/builder/form/components/fields/DateField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/DateField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CA4BlB"}
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/DateField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CA0ClB"}

package/dist/kit/builder/form/components/fields/DatePickerField.d.ts

@@ -1,3 +1,3 @@
 import { FieldRenderProps } from './types';
-export declare function DatePickerField({ field, value, onChange, className, }: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePickerField({ field, control, value, onChange, className, }: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DatePickerField.d.ts.map

package/dist/kit/builder/form/components/fields/DatePickerField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/DatePickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAqBlB"}
+{"version":3,"file":"DatePickerField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/DatePickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAmClB"}

package/dist/kit/builder/form/components/fields/DateRangePickerField.d.ts

@@ -1,3 +1,3 @@
 import { FieldRenderProps } from './types';
-export declare function DateRangePickerField({ field, value, onChange, className, }: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangePickerField({ field, control, value, onChange, className, }: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DateRangePickerField.d.ts.map

package/dist/kit/builder/form/components/fields/DateRangePickerField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePickerField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/DateRangePickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAWhD,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAqClB"}
+{"version":3,"file":"DateRangePickerField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/DateRangePickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAYhD,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAmDlB"}

package/dist/kit/builder/form/components/fields/DateTimePickerField.d.ts

@@ -1,4 +1,4 @@
 import { FieldRenderProps } from './types';
-export declare function DateTimePickerField({ field, value, onChange, className, }: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimePickerField({ field, control, value, onChange, className, }: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
 export default DateTimePickerField;
 //# sourceMappingURL=DateTimePickerField.d.ts.map

package/dist/kit/builder/form/components/fields/DateTimePickerField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePickerField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/DateTimePickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CA0BlB;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"DateTimePickerField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/DateTimePickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAwClB;AAED,eAAe,mBAAmB,CAAC"}

package/dist/kit/builder/form/components/fields/DateTimeRangePickerField.d.ts

@@ -1,4 +1,4 @@
 import { FieldRenderProps } from './types';
-export declare function DateTimeRangePickerField({ field, value, onChange, className, }: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateTimeRangePickerField({ field, control, value, onChange, className, }: FieldRenderProps): import("react/jsx-runtime").JSX.Element;
 export default DateTimeRangePickerField;
 //# sourceMappingURL=DateTimeRangePickerField.d.ts.map

package/dist/kit/builder/form/components/fields/DateTimeRangePickerField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeRangePickerField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/DateTimeRangePickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAGhD,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAoClB;AAED,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"DateTimeRangePickerField.d.ts","sourceRoot":"","sources":["../../../../../../src/kit/builder/form/components/fields/DateTimeRangePickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAIhD,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAkDlB;AAED,eAAe,wBAAwB,CAAC"}

package/dist/kit/builder/form/components/sectionNodes.d.ts

@@ -4,12 +4,12 @@ import { FormBuilderFieldConfig, FormBuilderSectionConfig } from '../types';
 interface BuildSectionNodesOptions<TFieldValues extends FieldValues> {
     sections: Array<FormBuilderSectionConfig<TFieldValues>>;
     control: Control<TFieldValues>;
-    handleFieldDependencies: (field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>) => {
+    handleFieldDependencies: (field: FormBuilderFieldConfig<TFieldValues>) => {
         disabled?: boolean;
         hidden?: boolean;
         required?: boolean;
     } | Record<string, never>;
-    handleFieldChange: (field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>, value: unknown, ...extras: unknown[]) => void;
+    handleFieldChange: (field: FormBuilderFieldConfig<TFieldValues>, value: unknown, ...extras: unknown[]) => void;
     onFieldChange?: (name: Path<TFieldValues> | string, value: unknown, allValues: TFieldValues) => void;
     getValues: UseFormGetValues<TFieldValues>;
 }

package/dist/kit/builder/form/components/sectionNodes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sectionNodes.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/sectionNodes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,IAAI,EACJ,OAAO,EACP,gBAAgB,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EACV,sBAAsB,EACtB,wBAAwB,EACzB,MAAM,UAAU,CAAC;AAGlB,UAAU,wBAAwB,CAAC,YAAY,SAAS,WAAW;IACjE,QAAQ,EAAE,KAAK,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAC,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,uBAAuB,EAAE,CACvB,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,KACrE;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC1F,iBAAiB,EAAE,CACjB,KAAK,EAAE,sBAAsB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,EACxE,KAAK,EAAE,OAAO,EACd,GAAG,MAAM,EAAE,OAAO,EAAE,KACjB,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,MAAM,EACjC,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,YAAY,KACpB,IAAI,CAAC;IACV,SAAS,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;CAC3C;AAED,wBAAgB,iBAAiB,CAAC,YAAY,SAAS,WAAW,EAChE,OAAO,EAAE,wBAAwB,CAAC,YAAY,CAAC,GAC9C,WAAW,EAAE,CA+Gf"}
+{"version":3,"file":"sectionNodes.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/form/components/sectionNodes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,IAAI,EACJ,OAAO,EACP,gBAAgB,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EACV,sBAAsB,EACtB,wBAAwB,EACzB,MAAM,UAAU,CAAC;AAGlB,UAAU,wBAAwB,CAAC,YAAY,SAAS,WAAW;IACjE,QAAQ,EAAE,KAAK,CAAC,wBAAwB,CAAC,YAAY,CAAC,CAAC,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,uBAAuB,EAAE,CACvB,KAAK,EAAE,sBAAsB,CAAC,YAAY,CAAC,KACxC;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC1F,iBAAiB,EAAE,CACjB,KAAK,EAAE,sBAAsB,CAAC,YAAY,CAAC,EAC3C,KAAK,EAAE,OAAO,EACd,GAAG,MAAM,EAAE,OAAO,EAAE,KACjB,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,GAAG,MAAM,EACjC,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,YAAY,KACpB,IAAI,CAAC;IACV,SAAS,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;CAC3C;AAED,wBAAgB,iBAAiB,CAAC,YAAY,SAAS,WAAW,EAChE,OAAO,EAAE,wBAAwB,CAAC,YAAY,CAAC,GAC9C,WAAW,EAAE,CA6Gf"}

package/dist/kit/builder/form/types.d.ts

@@ -12,7 +12,7 @@ export interface Dependency<TFieldValues extends FieldValues> {
     action: 'show' | 'hide' | 'enable' | 'disable' | 'required' | 'optional' | 'setValue';
     value?: unknown;
 }
-export interface FormBuilderFieldConfig<TFieldValues extends FieldValues = FieldValues, TName extends Path<TFieldValues> | string = Path<TFieldValues>> {
+export interface FormBuilderFieldConfig<TFieldValues extends FieldValues = FieldValues, TName extends string = string> {
     id?: string;
     name: TName;
     label: string;
@@ -104,7 +104,9 @@ export interface FormBuilderFieldConfig<TFieldValues extends FieldValues = Field
     labelPlacement?: 'stacked' | 'inline' | 'hidden';
     wrapperClassName?: string;
     minDate?: Date;
+    minDateFromField?: string;
     maxDate?: Date;
+    maxDateFromField?: string;
     disabledDates?: Array<Date | {
         from: Date;
         to: Date;
@@ -142,7 +144,7 @@ export interface FormBuilderSectionConfig<TFieldValues extends FieldValues = Fie
     id?: string;
     title?: string;
     description?: string;
-    fields?: Array<FormBuilderFieldConfig<TFieldValues>>;
+    fields?: Array<FormBuilderFieldConfig<TFieldValues, string>>;
     variant?: 'card' | 'separator' | 'plain';
     className?: string;
     collapsible?: boolean;

package/dist/kit/builder/form/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/form/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/form/types.ts"],"names":[],"mappings":"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"}

package/dist/kit/builder/page/Page.d.ts

@@ -35,6 +35,8 @@ export type PageProps = {
     title: React.ReactNode;
     subtitle?: React.ReactNode;
     actions?: PageAction[];
+    backButton?: boolean;
+    onBackButtonClicked?: () => void;
     containerWidth?: PageContainerWidth;
     className?: string;
     headerClassName?: string;
@@ -43,6 +45,6 @@ export type PageProps = {
     footerRight?: React.ReactNode;
     children?: React.ReactNode;
 };
-export declare function Page({ title, subtitle, actions, containerWidth, className, headerClassName, contentClassName, footerLeft, footerRight, children, }: PageProps): import("react/jsx-runtime").JSX.Element;
+export declare function Page({ title, subtitle, actions, backButton, onBackButtonClicked, containerWidth, className, headerClassName, contentClassName, footerLeft, footerRight, children, }: PageProps): import("react/jsx-runtime").JSX.Element;
 export default Page;
 //# sourceMappingURL=Page.d.ts.map

package/dist/kit/builder/page/Page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAkB,MAAM,2BAA2B,CAAC;AAUnE,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,UAAU,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;IACxC,KAAK,EAAE,CAAC,sBAAsB,GAAG;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAC;CACzE,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG,kBAAkB,CAAC;AAE/D,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAqFF,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,cAAqB,EACrB,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,QAAQ,GACT,EAAE,SAAS,2CAgDX;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAkB,MAAM,2BAA2B,CAAC;AAWnE,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,UAAU,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;IACxC,KAAK,EAAE,CAAC,sBAAsB,GAAG;QAAE,IAAI,EAAE,WAAW,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAC;CACzE,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG,kBAAkB,CAAC;AAE/D,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAqFF,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,mBAAmB,EACnB,cAAqB,EACrB,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,QAAQ,GACT,EAAE,SAAS,2CA8CX;AAED,eAAe,IAAI,CAAC"}

package/dist/kit/builder/page/PageBackButton.d.ts

@@ -0,0 +1,10 @@
+export declare function PageBackButton({ onBack }: {
+    onBack?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PageTitleWithBackButton({ show, title, subtitle, onBack, }: {
+    show?: boolean;
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    onBack?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PageBackButton.d.ts.map

package/dist/kit/builder/page/PageBackButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageBackButton.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/page/PageBackButton.tsx"],"names":[],"mappings":"AAKA,wBAAgB,cAAc,CAAC,EAC3B,MAAM,EACT,EAAE;IACC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,2CAgBA;AAED,wBAAgB,uBAAuB,CAAC,EACpC,IAAY,EACZ,KAAU,EACV,QAAa,EACb,MAAM,GACT,EAAE;IACC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,2CAcA"}

package/dist/kit/themes/clean-slate.css

@@ -2260,6 +2260,10 @@
     padding-inline: calc(var(--spacing) * 0);
   }
 
+  .px-0\! {
+    padding-inline: calc(var(--spacing) * 0) !important;
+  }
+
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }

package/dist/kit/themes/default.css

@@ -2263,6 +2263,10 @@
     padding-inline: calc(var(--spacing) * 0);
   }
 
+  .px-0\! {
+    padding-inline: calc(var(--spacing) * 0) !important;
+  }
+
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }

package/dist/kit/themes/minimal-modern.css

@@ -2260,6 +2260,10 @@
     padding-inline: calc(var(--spacing) * 0);
   }
 
+  .px-0\! {
+    padding-inline: calc(var(--spacing) * 0) !important;
+  }
+
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }

package/dist/kit/themes/spotify.css

@@ -2260,6 +2260,10 @@
     padding-inline: calc(var(--spacing) * 0);
   }
 
+  .px-0\! {
+    padding-inline: calc(var(--spacing) * 0) !important;
+  }
+
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k3-universe/react-kit",
-  "version": "0.0.45",
+  "version": "0.0.47",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -12,7 +12,7 @@
     "./package.json": "./package.json",
     "./kit/themes/*": "./dist/kit/themes/*",
     ".": {
-      "development": "./src/index.ts",
+      "development": "./dist/index.js",
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "default": "./dist/index.js"

package/src/kit/builder/form/components/FormBuilder.tsx

@@ -91,7 +91,7 @@ export function FormBuilder<TFieldValues extends FieldValues = FieldValues>({
 
   const handleFieldDependencies = useCallback(
     (
-      field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>,
+      field: FormBuilderFieldConfig<TFieldValues>,
     ) => {
       if (!hasDependencies || !field.dependencies) return {};
 
@@ -167,7 +167,7 @@ export function FormBuilder<TFieldValues extends FieldValues = FieldValues>({
   // Handle field change with custom onChange
   const handleFieldChange = useCallback(
     (
-      field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>,
+      field: FormBuilderFieldConfig<TFieldValues>,
       value: unknown,
       ...extras: unknown[]
     ) => {

package/src/kit/builder/form/components/FormBuilderContext.tsx

@@ -25,10 +25,10 @@ export interface FormBuilderContextValue<
     allValues: TFieldValues,
   ) => void;
   handleFieldDependencies: (
-    field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>,
+    field: FormBuilderFieldConfig<TFieldValues>,
   ) => DependencyState;
   handleFieldChange: (
-    field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>,
+    field: FormBuilderFieldConfig<TFieldValues>,
     value: unknown,
     ...extras: unknown[]
   ) => void;

package/src/kit/builder/form/components/FormBuilderField.tsx

@@ -29,7 +29,7 @@ import {
 
 export interface FormBuilderFieldProps<
   TFieldValues extends FieldValues = FieldValues,
-  TName extends string | Path<TFieldValues> = Path<TFieldValues>,
+  TName extends string = string,
 > {
   field: FormBuilderFieldConfig<TFieldValues, TName>;
   control: Control<TFieldValues>;
@@ -44,7 +44,7 @@ export interface FormBuilderFieldProps<
 
 export function FormBuilderField<
   TFieldValues extends FieldValues = FieldValues,
-  TName extends string | Path<TFieldValues> = Path<TFieldValues>,
+  TName extends string = string,
 >({
   field,
   control,

package/src/kit/builder/form/components/fields/DateField.tsx

@@ -1,12 +1,29 @@
+import React from 'react';
 import { Input } from '../../../../../shadcn/ui/input';
 import type { FieldRenderProps } from './types';
+import { useWatch } from 'react-hook-form';
 
 export function DateField({
   field,
+  control,
   value,
   onChange,
   className,
 }: FieldRenderProps) {
+  const formValues = useWatch({ control });
+
+  const minDate = React.useMemo(() => {
+    if (field.minDateFromField && formValues[field.minDateFromField])
+      return formValues[field.minDateFromField];    
+    return field.minDate;
+  }, [field.minDate, field.minDateFromField, formValues]);
+
+  const maxDate = React.useMemo(() => {
+    if (field.maxDateFromField && formValues[field.maxDateFromField])
+      return formValues[field.maxDateFromField];
+    return field.maxDate;
+  }, [field.maxDate, field.maxDateFromField, formValues]);
+
   const parseDateValueForInput = (date: unknown) => {
     if (date instanceof Date) {
       return date.toISOString().split('T')[0];
@@ -27,8 +44,8 @@ export function DateField({
       type="date"
       value={parseDateValueForInput(value)}
       defaultValue={parseDateValueForInput(value)}
-      min={parseDateValueForInput(field.minDate)}
-      max={parseDateValueForInput(field.maxDate)}
+      min={parseDateValueForInput(minDate)}
+      max={parseDateValueForInput(maxDate)}
       onChange={(e) =>
         onChange(e.target.value ? new Date(e.target.value) : null)
       }

package/src/kit/builder/form/components/fields/DatePickerField.tsx

@@ -1,13 +1,29 @@
 import * as React from 'react';
 import type { FieldRenderProps } from './types';
 import { DatePicker } from '../../../../components/datepicker/DatePicker';
+import { useWatch } from 'react-hook-form';
 
 export function DatePickerField({
   field,
+  control,
   value,
   onChange,
   className,
 }: FieldRenderProps) {
+  const formValues = useWatch({ control });
+
+  const minDate = React.useMemo(() => {
+    if (field.minDateFromField && formValues[field.minDateFromField])
+      return formValues[field.minDateFromField];    
+    return field.minDate;
+  }, [field.minDate, field.minDateFromField, formValues]);
+
+  const maxDate = React.useMemo(() => {
+    if (field.maxDateFromField && formValues[field.maxDateFromField])
+      return formValues[field.maxDateFromField];
+    return field.maxDate;
+  }, [field.maxDate, field.maxDateFromField, formValues]);
+
   const v = React.useMemo(() => {
     if (!value) return null;
     if (value instanceof Date) return value;
@@ -20,8 +36,8 @@ export function DatePickerField({
       className={className}
       value={v}
       onChange={(d: Date | null) => onChange(d)}
-      minDate={field.minDate}
-      maxDate={field.maxDate}
+      minDate={minDate}
+      maxDate={maxDate}
       disabledDates={field.disabledDates}
       format={field.dateFormat}
       placeholder={field.placeholder}

package/src/kit/builder/form/components/fields/DateRangePickerField.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import type { FieldRenderProps } from './types';
 import { DateRangePicker } from '../../../../components/datepicker/DateRangePicker';
 import type { DateRange } from 'react-day-picker';
+import { useWatch } from 'react-hook-form';
 
 function coerceDate(input: unknown): Date | undefined {
   if (!input) return undefined;
@@ -12,10 +13,25 @@ function coerceDate(input: unknown): Date | undefined {
 
 export function DateRangePickerField({
   field,
+  control,
   value,
   onChange,
   className,
 }: FieldRenderProps) {
+  const formValues = useWatch({ control });
+
+  const minDate = React.useMemo(() => {
+    if (field.minDateFromField && formValues[field.minDateFromField])
+      return formValues[field.minDateFromField];    
+    return field.minDate;
+  }, [field.minDate, field.minDateFromField, formValues]);
+
+  const maxDate = React.useMemo(() => {
+    if (field.maxDateFromField && formValues[field.maxDateFromField])
+      return formValues[field.maxDateFromField];
+    return field.maxDate;
+  }, [field.maxDate, field.maxDateFromField, formValues]);
+
   const v = React.useMemo<DateRange | null>(() => {
     if (!value) return null;
     if (typeof value === 'object' && value !== null) {
@@ -40,8 +56,8 @@ export function DateRangePickerField({
       className={className}
       value={v}
       onChange={(r) => onChange(r)}
-      minDate={field.minDate}
-      maxDate={field.maxDate}
+      minDate={minDate}
+      maxDate={maxDate}
       disabledDates={field.disabledDates}
       format={field.dateFormat ? dateFormat : undefined}
       placeholder={field.placeholder}

package/src/kit/builder/form/components/fields/DateTimePickerField.tsx

@@ -1,13 +1,29 @@
 import * as React from 'react';
 import type { FieldRenderProps } from './types';
 import { DateTimePicker } from '../../../../components/datetimepicker/DateTimePicker';
+import { useWatch } from 'react-hook-form';
 
 export function DateTimePickerField({
   field,
+  control,
   value,
   onChange,
   className,
 }: FieldRenderProps) {
+  const formValues = useWatch({ control });
+
+  const minDate = React.useMemo(() => {
+    if (field.minDateFromField && formValues[field.minDateFromField])
+      return formValues[field.minDateFromField];    
+    return field.minDate;
+  }, [field.minDate, field.minDateFromField, formValues]);
+
+  const maxDate = React.useMemo(() => {
+    if (field.maxDateFromField && formValues[field.maxDateFromField])
+      return formValues[field.maxDateFromField];
+    return field.maxDate;
+  }, [field.maxDate, field.maxDateFromField, formValues]);
+
   const v = React.useMemo(() => {
     if (!value) return null;
     if (value instanceof Date) return value;
@@ -21,8 +37,8 @@ export function DateTimePickerField({
       value={v}
       onChange={(d: Date | null) => onChange(d)}
       placeholder={field.placeholder}
-      minDate={field.minDate}
-      maxDate={field.maxDate}
+      minDate={minDate}
+      maxDate={maxDate}
       disabledDates={field.disabledDates}
       timePrecision={field.timePrecision ?? 'minute'}
       hourCycle={field.hourCycle ?? 24}

package/src/kit/builder/form/components/fields/DateTimeRangePickerField.tsx

@@ -1,13 +1,29 @@
 import * as React from 'react';
 import type { FieldRenderProps } from './types';
 import { DateTimeRangePicker } from '../../../../components/datetimepicker/DateTimeRangePicker';
+import { useWatch } from 'react-hook-form';
 
 export function DateTimeRangePickerField({
   field,
+  control,
   value,
   onChange,
   className,
 }: FieldRenderProps) {
+  const formValues = useWatch({ control });
+
+  const minDate = React.useMemo(() => {
+    if (field.minDateFromField && formValues[field.minDateFromField])
+      return formValues[field.minDateFromField];    
+    return field.minDate;
+  }, [field.minDate, field.minDateFromField, formValues]);
+
+  const maxDate = React.useMemo(() => {
+    if (field.maxDateFromField && formValues[field.maxDateFromField])
+      return formValues[field.maxDateFromField];
+    return field.maxDate;
+  }, [field.maxDate, field.maxDateFromField, formValues]);
+
   const v = React.useMemo(() => {
     if (!value || typeof value !== 'object')
       return null as { from?: Date | null; to?: Date | null } | null;
@@ -29,8 +45,8 @@ export function DateTimeRangePickerField({
       value={v}
       onChange={(range) => onChange(range)}
       placeholder={field.placeholder}
-      minDate={field.minDate}
-      maxDate={field.maxDate}
+      minDate={minDate}
+      maxDate={maxDate}
       disabledDates={field.disabledDates}
       numberOfMonths={field.numberOfMonths ?? 2}
       popoverSide={field.popoverSide}

package/src/kit/builder/form/components/sectionNodes.tsx

@@ -16,10 +16,10 @@ interface BuildSectionNodesOptions<TFieldValues extends FieldValues> {
   sections: Array<FormBuilderSectionConfig<TFieldValues>>;
   control: Control<TFieldValues>;
   handleFieldDependencies: (
-    field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>,
+    field: FormBuilderFieldConfig<TFieldValues>,
   ) => { disabled?: boolean; hidden?: boolean, required?: boolean } | Record<string, never>;
   handleFieldChange: (
-    field: FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>,
+    field: FormBuilderFieldConfig<TFieldValues>,
     value: unknown,
     ...extras: unknown[]
   ) => void;
@@ -44,9 +44,7 @@ export function buildSectionNodes<TFieldValues extends FieldValues>(
   } = options;
 
   const buildLeavesFromFields = (
-    fields?: Array<
-      FormBuilderFieldConfig<TFieldValues, string | Path<TFieldValues>>
-    >,
+    fields?: Array<FormBuilderFieldConfig<TFieldValues>>,
   ): SectionNode['children'] =>
     (fields ?? [])
       .map((field) => {

package/src/kit/builder/form/types.ts

@@ -61,7 +61,7 @@ export interface Dependency<TFieldValues extends FieldValues> {
 
 export interface FormBuilderFieldConfig<
   TFieldValues extends FieldValues = FieldValues,
-  TName extends Path<TFieldValues> | string = Path<TFieldValues>,
+  TName extends string = string,
 > {
   id?: string;
   name: TName;
@@ -142,7 +142,9 @@ export interface FormBuilderFieldConfig<
   labelPlacement?: 'stacked' | 'inline' | 'hidden';
   wrapperClassName?: string;
   minDate?: Date;
+  minDateFromField?: string;
   maxDate?: Date;
+  maxDateFromField?: string;
   disabledDates?: Array<Date | { from: Date; to: Date }>;
   dateFormat?: (date: Date) => string;
   numberOfMonths?: number;
@@ -183,7 +185,7 @@ export interface FormBuilderSectionConfig<
   id?: string;
   title?: string;
   description?: string;
-  fields?: Array<FormBuilderFieldConfig<TFieldValues>>;
+  fields?: Array<FormBuilderFieldConfig<TFieldValues, string>>;
   variant?: 'card' | 'separator' | 'plain';
   className?: string;
   collapsible?: boolean;

package/src/kit/builder/page/Page.tsx

@@ -8,6 +8,7 @@ import {
   DropdownMenuSeparator,
 } from '../../../shadcn/ui/dropdown-menu';
 import { cn } from '../../../shadcn/lib/utils';
+import { PageTitleWithBackButton } from './PageBackButton';
 
 export type PageContainerWidth = 'full' | 'sm' | 'md' | 'lg' | 'xl';
 
@@ -46,6 +47,8 @@ export type PageProps = {
   title: React.ReactNode;
   subtitle?: React.ReactNode;
   actions?: PageAction[];
+  backButton?: boolean;
+  onBackButtonClicked?: () => void;
   containerWidth?: PageContainerWidth;
   className?: string;
   headerClassName?: string;
@@ -142,6 +145,8 @@ export function Page({
   title,
   subtitle,
   actions,
+  backButton,
+  onBackButtonClicked,
   containerWidth = 'lg',
   className,
   headerClassName,
@@ -165,14 +170,12 @@ export function Page({
             headerClassName,
           )}
         >
-          <div className="flex min-w-0 flex-col gap-1">
-            <h1 className="text-2xl font-semibold leading-none tracking-tight text-foreground">
-              {title}
-            </h1>
-            {subtitle ? (
-              <p className="text-sm text-muted-foreground">{subtitle}</p>
-            ) : null}
-          </div>
+          <PageTitleWithBackButton
+            show={backButton}
+            onBack={onBackButtonClicked}
+            title={title}
+            subtitle={subtitle}
+          />
           {actions && actions.length > 0 ? (
             <div className="flex shrink-0 flex-wrap items-center justify-end gap-2">
               {actions.map(renderAction)}

package/src/kit/builder/page/PageBackButton.tsx

@@ -0,0 +1,52 @@
+import { Button } from "../../../shadcn/ui/button";
+import { useRouter } from "@tanstack/react-router";
+import { ChevronLeftIcon } from "lucide-react";
+import { useCallback } from "react";
+
+export function PageBackButton({
+    onBack
+}: {
+    onBack?: () => void,
+}) {
+    const router = useRouter();
+
+    const handleClick = useCallback(() => {
+        if (onBack == null) {
+            router.history.back();
+            return;
+        }
+        onBack();
+    }, [onBack, router]);
+
+    return (
+        <Button variant="ghost" className="px-0! cursor-pointer" onClick={handleClick}>
+            <ChevronLeftIcon/>
+        </Button>
+    )
+}
+
+export function PageTitleWithBackButton({
+    show = false,
+    title = "",
+    subtitle = "",
+    onBack,
+}: {
+    show?: boolean,
+    title?: React.ReactNode,
+    subtitle?: React.ReactNode,
+    onBack?: () => void,
+}) {
+    return (
+        <div className="flex min-w-0 flex-col gap-1">
+            <div className="inline-flex items-center gap-x-2">
+                {show && (<PageBackButton onBack={onBack} />)}
+                <h1 className="text-2xl font-semibold leading-none tracking-tight text-foreground">
+                    {title}
+                </h1>
+            </div>
+            {subtitle ? (
+              <p className="text-sm text-muted-foreground">{subtitle}</p>
+            ) : null}
+          </div>
+    )
+}