@k3-universe/react-kit 0.0.44 → 0.0.46

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) {
@@ -9195,7 +9195,7 @@ function TableHead({ className, ...props2 }) {
     {
       "data-slot": "table-head",
       className: cn$1(
-        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        "bg-primary text-white h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
       ...props2
@@ -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)
     }
   );
@@ -26783,7 +26795,7 @@ function DatePicker({
         disabled,
         variant: buttonVariant,
         className: cn$1(
-          "w-[240px] justify-start text-left font-normal",
+          "w-full justify-start text-left font-normal",
           !value && "text-muted-foreground"
         ),
         children: [
@@ -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,
@@ -27492,7 +27528,7 @@ function MonthInput({
         disabled,
         variant: buttonVariant,
         className: cn$1(
-          "w-[240px] justify-start text-left font-normal",
+          "w-full justify-start text-left font-normal",
           !value && "text-muted-foreground"
         ),
         children: [
@@ -28113,7 +28149,7 @@ function TimePicker({
         disabled,
         variant: buttonVariant,
         className: cn$1(
-          "w-[240px] justify-start text-left font-normal",
+          "w-full justify-start text-left font-normal",
           !value && "text-muted-foreground"
         ),
         children: [
@@ -28765,7 +28801,7 @@ function DateTimePicker({
         disabled,
         variant: buttonVariant,
         className: cn$1(
-          "w-[280px] justify-start text-left font-normal",
+          "w-full flex justify-start text-left font-normal",
           !value && "text-muted-foreground"
         ),
         children: [
@@ -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,
@@ -38387,12 +38447,12 @@ function DataTablePagination({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: table.getRowCount() > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
         "Page ",
         pagination.pageIndex + 1,
         " of ",
         table.getPageCount()
-      ] }),
+      ] }) : "Page 0 of 0" }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ jsxs(
           Button$1,
@@ -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/data-table/components/DataTablePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/data-table/components/DataTablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAgBnD,MAAM,WAAW,wBAAwB,CAAC,KAAK;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,KAAK,EACL,iBAA0B,GAC3B,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CAuFjC"}
+{"version":3,"file":"DataTablePagination.d.ts","sourceRoot":"","sources":["../../../../../src/kit/builder/data-table/components/DataTablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAgBnD,MAAM,WAAW,wBAAwB,CAAC,KAAK;IAC7C,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACxC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,KAAK,EACL,iBAA0B,GAC3B,EAAE,wBAAwB,CAAC,KAAK,CAAC,2CA2FjC"}

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/types.d.ts

@@ -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;

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.44",
+  "version": "0.0.46",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/kit/builder/data-table/components/DataTablePagination.tsx

@@ -58,7 +58,11 @@ export function DataTablePagination<TData>({
           </div>
         )}
         <div className="flex w-[100px] items-center justify-center text-sm font-medium">
-          Page {pagination.pageIndex + 1} of {table.getPageCount()}
+          {table.getRowCount() > 0
+            ? (
+              <>Page {pagination.pageIndex + 1} of {table.getPageCount()}</>
+            )
+            : "Page 0 of 0"}
         </div>
         <div className="flex items-center space-x-2">
           <Button

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/types.ts

@@ -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;

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>
+    )
+}

package/src/kit/components/datepicker/DatePicker.tsx

@@ -114,7 +114,7 @@ export function DatePicker({
             disabled={disabled}
             variant={buttonVariant}
             className={cn(
-              'w-[240px] justify-start text-left font-normal',
+              'w-full justify-start text-left font-normal',
               !value && 'text-muted-foreground',
             )}
           >

package/src/kit/components/datetimepicker/DateTimePicker.tsx

@@ -312,7 +312,7 @@ export function DateTimePicker({
             disabled={disabled}
             variant={buttonVariant}
             className={cn(
-              'w-[280px] justify-start text-left font-normal',
+              'w-full flex justify-start text-left font-normal',
               !value && 'text-muted-foreground',
             )}
           >

package/src/kit/components/monthpicker/MonthInput.tsx

@@ -73,7 +73,7 @@ export function MonthInput({
             disabled={disabled}
             variant={buttonVariant}
             className={cn(
-              'w-[240px] justify-start text-left font-normal',
+              'w-full justify-start text-left font-normal',
               !value && 'text-muted-foreground',
             )}
           >

package/src/kit/components/timepicker/TimePicker.tsx

@@ -169,7 +169,7 @@ export function TimePicker({
             disabled={disabled}
             variant={buttonVariant}
             className={cn(
-              'w-[240px] justify-start text-left font-normal',
+              'w-full justify-start text-left font-normal',
               !value && 'text-muted-foreground',
             )}
           >

package/src/shadcn/ui/table.tsx

@@ -70,7 +70,7 @@ function TableHead({ className, ...props }: React.ComponentProps<'th'>) {
     <th
       data-slot="table-head"
       className={cn(
-        'text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
+        'bg-primary text-white h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
         className,
       )}
       {...props}