tinacms 0.0.0-e5c0e91-20250421003142 → 0.0.0-e6ffde4-20251216055147

package/dist/toolkit/components/ui/date-time-picker.d.ts

@@ -0,0 +1,111 @@
+import 'moment-timezone';
+import * as React from 'react';
+import { DayPickerProps } from 'react-day-picker';
+type TimePickerType = 'minutes' | 'seconds' | 'hours' | '12hours';
+type Period = 'AM' | 'PM';
+declare const formatCurrentDate: ({ dateFormat, timeFormat, displayDate, }: {
+    dateFormat?: string;
+    timeFormat?: string;
+    displayDate: Date;
+}) => string;
+interface TimePickerInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    picker: TimePickerType;
+    date?: Date | null;
+    onDateChange?: (date: Date | undefined) => void;
+    period?: Period;
+    onRightFocus?: () => void;
+    onLeftFocus?: () => void;
+}
+declare const TimePickerInput: React.ForwardRefExoticComponent<TimePickerInputProps & React.RefAttributes<HTMLInputElement>>;
+interface TimePickerProps {
+    date?: Date | null;
+    onChange?: (date: Date | undefined) => void;
+    hourCycle?: 12 | 24;
+    /**
+     * Determines the smallest unit that is displayed in the datetime picker.
+     * Default is 'second'.
+     * */
+    granularity?: Granularity;
+}
+interface TimePickerRef {
+    minuteRef: HTMLInputElement | null;
+    hourRef: HTMLInputElement | null;
+    secondRef: HTMLInputElement | null;
+}
+declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<TimePickerRef>>;
+type Granularity = 'day' | 'hour' | 'minute' | 'second';
+type DateTimePickerProps = {
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    disabled?: boolean;
+    dateFormat?: string;
+    timeFormat?: string;
+    /** showing `AM/PM` or not. */
+    hourCycle?: 12 | 24;
+    placeholder?: string;
+    /**
+     * The year range will be: `This year + yearRange` and `this year - yearRange`.
+     * Default is 50.
+     * For example:
+     * This year is 2024, The year dropdown will be 1974 to 2024 which is generated by `2024 - 50 = 1974` and `2024 + 50 = 2074`.
+     * */
+    yearRange?: number;
+    /**
+     * The format is derived from the `date-fns` documentation.
+     * @reference https://date-fns.org/v3.6.0/docs/format
+     **/
+    displayFormat?: {
+        hour24?: string;
+        hour12?: string;
+    };
+    /**
+     * The granularity prop allows you to control the smallest unit that is displayed by DateTimePicker.
+     * By default, the value is `second` which shows all time inputs.
+     **/
+    granularity?: Granularity;
+    className?: string;
+    /**
+     * Show the default month and time when popup the calendar. Default is the current Date().
+     **/
+    defaultPopupValue?: Date;
+} & Pick<DayPickerProps, 'locale' | 'weekStartsOn' | 'showWeekNumber' | 'showOutsideDays'>;
+type DateTimePickerRef = {
+    value?: Date;
+} & Omit<HTMLInputElement, 'value'>;
+declare const DateTimePicker: React.ForwardRefExoticComponent<{
+    value?: Date;
+    onChange?: (date: Date | undefined) => void;
+    disabled?: boolean;
+    dateFormat?: string;
+    timeFormat?: string;
+    /** showing `AM/PM` or not. */
+    hourCycle?: 12 | 24;
+    placeholder?: string;
+    /**
+     * The year range will be: `This year + yearRange` and `this year - yearRange`.
+     * Default is 50.
+     * For example:
+     * This year is 2024, The year dropdown will be 1974 to 2024 which is generated by `2024 - 50 = 1974` and `2024 + 50 = 2074`.
+     * */
+    yearRange?: number;
+    /**
+     * The format is derived from the `date-fns` documentation.
+     * @reference https://date-fns.org/v3.6.0/docs/format
+     **/
+    displayFormat?: {
+        hour24?: string;
+        hour12?: string;
+    };
+    /**
+     * The granularity prop allows you to control the smallest unit that is displayed by DateTimePicker.
+     * By default, the value is `second` which shows all time inputs.
+     **/
+    granularity?: Granularity;
+    className?: string;
+    /**
+     * Show the default month and time when popup the calendar. Default is the current Date().
+     **/
+    defaultPopupValue?: Date;
+} & Pick<DayPickerProps, "showOutsideDays" | "showWeekNumber" | "locale" | "weekStartsOn"> & React.RefAttributes<Partial<DateTimePickerRef>>>;
+export { DateTimePicker, TimePickerInput, TimePicker, formatCurrentDate };
+export type { TimePickerType, DateTimePickerProps, DateTimePickerRef };

package/dist/toolkit/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,25 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as React from 'react';
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/toolkit/components/ui/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/toolkit/components/ui/popover.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/toolkit/components/ui/select.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/toolkit/fields/components/color-picker/block-widget.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { WidgetProps } from './color-input';
+export declare const BlockWidget: React.FC<WidgetProps>;

package/dist/toolkit/fields/components/color-picker/color-input.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+export interface WidgetProps {
+    presetColors: string[];
+    color: string;
+    onChange: (color: string | null) => void;
+    width: string;
+}
+export declare const useHexInput: (color: string, onChange: (color: string | null) => void) => {
+    inputValue: string;
+    handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    handleSwatchClick: (c: string) => void;
+};
+export declare const SwatchButton: React.FC<{
+    color: string;
+    isSelected: boolean;
+    onClick: () => void;
+}>;
+export declare const ColorPreview: React.FC<{
+    color: string;
+    size?: 'sm' | 'lg';
+}>;
+export declare const HexInput: React.FC<{
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus: () => void;
+    onBlur: () => void;
+    fullWidth?: boolean;
+}>;
+export declare const SwatchGrid: React.FC<{
+    colors: string[];
+    selectedColor: string;
+    onSelect: (color: string) => void;
+}>;

package/dist/toolkit/fields/components/color-picker/color-picker.d.ts

@@ -1,11 +1,15 @@
 import * as React from 'react';
 import { ColorFormat } from './color-formatter';
-type WrappedFieldProps = any;
+interface FieldInput {
+    value: string | null;
+    onChange: (value: string | null) => void;
+}
 interface Props {
     colorFormat: ColorFormat;
     userColors: string[];
     widget?: 'sketch' | 'block';
-    input: WrappedFieldProps['input'];
+    width?: string;
+    input: FieldInput;
 }
 export declare const ColorPicker: React.FC<Props>;
 export {};

package/dist/toolkit/fields/components/color-picker/color-utils.d.ts

@@ -0,0 +1,37 @@
+export declare const TRANSPARENT = "transparent";
+export declare const isValidHex: (value: string) => boolean;
+export declare const expandHex: (hex: string) => string;
+export declare const hexToRgb: (hex: string) => {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+/**
+ * Converts RGB color values to a hex color string (e.g., "#FF0000" for red).
+ *
+ * How it works:
+ * We need to convert three numbers (r, g, b) each ranging 0-255 into a 6-digit hex string.
+ * For example: rgb(255, 128, 0) should become "#FF8000"
+ *
+ * The bit-shifting approach combines all three values into one number:
+ * - (1 << 24) = 16777216 (0x1000000) - This adds a leading '1' to guarantee we always
+ *   get 7 hex digits, which we later remove. Without this, rgb(0, 0, 255) would give
+ *   us "FF" instead of "0000FF".
+ * - (r << 16) shifts red left by 16 bits, placing it in positions for the first two hex digits
+ * - (g << 8) shifts green left by 8 bits, placing it in positions for the middle two hex digits
+ * - b stays as-is, occupying the last two hex digits
+ *
+ * Example with rgb(255, 128, 0):
+ *   16777216 + (255 << 16) + (128 << 8) + 0
+ *   = 16777216 + 16711680 + 32768 + 0
+ *   = 33521664
+ *   = 0x1FF8000 (as hex string: "1FF8000")
+ *   After slice(1): "FF8000"
+ *   Final result: "#FF8000"
+ */
+export declare const rgbToHex: (r: number, g: number, b: number) => string;
+export declare const checkerboardStyle: (size?: number) => {
+    backgroundImage: string;
+    backgroundSize: string;
+    backgroundPosition: string;
+};

package/dist/toolkit/fields/components/color-picker/sketch-widget.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { WidgetProps } from './color-input';
+export declare const SketchWidget: React.FC<WidgetProps>;

package/dist/toolkit/fields/components/password-field.d.ts

@@ -4,6 +4,6 @@ export interface PasswordFieldProps extends a {
     error?: boolean;
     ref?: any;
 }
-export declare const passwordFieldClasses = "shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base placeholder:text-gray-300 px-3 py-2 text-gray-600 w-full bg-white border border-gray-200 transition-all ease-out duration-150 focus:text-gray-900 rounded-md";
+export declare const passwordFieldClasses = "shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base placeholder:text-gray-300 px-3 py-2 text-gray-600 w-full bg-white border border-gray-200 transition-all ease-out duration-150 focus:text-gray-900 rounded";
 export declare const BasePasswordField: React.ForwardRefExoticComponent<Omit<PasswordFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/toolkit/fields/components/reference/components/button.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
 declare const buttonVariants: (props?: {
     variant?: "outline";
     size?: "default" | "icon" | "sm" | "lg";
-} & import("class-variance-authority/dist/types").ClassProp) => string;
+} & import("class-variance-authority/types").ClassProp) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
 }

package/dist/toolkit/fields/components/reference/components/command.d.ts

@@ -1,67 +1,55 @@
 import * as React from 'react';
 declare const Command: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "ref"> & {
+    defaultValue?: string;
+    disablePointerSelection?: boolean;
     label?: string;
+    loop?: boolean;
     shouldFilter?: boolean;
-    filter?: (value: string, search: string, keywords?: string[]) => number;
-    defaultValue?: string;
     value?: string;
-    onValueChange?: (value: string) => void;
-    loop?: boolean;
-    disablePointerSelection?: boolean;
     vimBindings?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    onValueChange?: (value: string) => void;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
-    ref?: React.Ref<HTMLInputElement>;
-} & {
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & {
     asChild?: boolean;
-}, "key" | keyof React.InputHTMLAttributes<HTMLInputElement> | "asChild">, "value" | "type" | "onChange"> & {
+}, "ref">, "value" | "type" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 declare const CommandList: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "ref"> & {
     label?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+}, "ref">, "value" | "heading"> & {
+    forceMount?: boolean;
     heading?: React.ReactNode;
     value?: string;
-    forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     children?: React.ReactNode;
-} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: React.Ref<HTMLDivElement>;
-} & {
+} & Omit<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
+}, "ref">, "value" | "disabled" | "onSelect"> & {
     disabled?: boolean;
-    onSelect?: (value: string) => void;
-    value?: string;
-    keywords?: string[];
     forceMount?: boolean;
+    keywords?: string[];
+    value?: string;
+    onSelect?: (value: string) => void;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, };

package/dist/toolkit/fields/components/reference/components/popover.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as React from 'react';
 declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/toolkit/fields/components/reference/model/reference-link-props.d.ts

@@ -9,6 +9,8 @@ export type Document = {
             name: string;
         };
         breadcrumbs: string[];
+        filename: string;
+        relativePath: string;
     };
 };
 export interface Response {

package/dist/toolkit/fields/components/select.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import type { Field } from '../../forms';
+import * as React from 'react';
 type Option = {
     value: string;
     label: string;
@@ -18,6 +18,6 @@ export interface SelectProps {
     options?: (Option | string)[];
     className?: string;
 }
-export declare const selectFieldClasses = "shadow appearance-none bg-white block pl-3 pr-8 py-2 truncate w-full text-base cursor-pointer border border-gray-200 focus:outline-none focus:shadow-outline focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md";
+export declare const selectFieldClasses = "shadow appearance-none h-full bg-white block pl-3 pr-8 py-2 truncate w-full text-base cursor-pointer border border-gray-200 focus:outline-none focus:shadow-outline focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded";
 export declare const Select: React.FC<SelectProps>;
 export {};

package/dist/toolkit/fields/components/text-field.d.ts

@@ -4,6 +4,6 @@ export interface TextFieldProps extends a {
     error?: boolean;
     ref?: any;
 }
-export declare const textFieldClasses = "shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base placeholder:text-gray-300 px-3 py-2 text-gray-600 w-full bg-white border border-gray-200 transition-all ease-out duration-150 focus:text-gray-900 rounded-md";
+export declare const textFieldClasses = "shadow-inner focus:shadow-outline focus:border-blue-500 focus:outline-none block text-base placeholder:text-gray-300 px-3 py-2 text-gray-600 w-full bg-white border border-gray-200 transition-all ease-out duration-150 focus:text-gray-900 rounded";
 export declare const BaseTextField: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/toolkit/fields/plugins/button-toggle-field-plugin.d.ts

@@ -1,5 +1,5 @@
-export declare const ButtonToggleField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").ButtonToggleProps, {}>) => import("react").JSX.Element;
+export declare const ButtonToggleField: (props: import("./wrap-field-with-meta").InputFieldType<import("..").ButtonToggleProps, {}>) => import("react").JSX.Element;
 export declare const ButtonToggleFieldPlugin: {
     name: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").ButtonToggleProps, {}>) => import("react").JSX.Element;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("..").ButtonToggleProps, {}>) => import("react").JSX.Element;
 };

package/dist/toolkit/fields/plugins/checkbox-group-field-plugin.d.ts

@@ -1,6 +1,6 @@
-export declare const CheckboxGroupField: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").CheckboxGroupProps, {}>) => import("react").JSX.Element;
+export declare const CheckboxGroupField: (props: import("./wrap-field-with-meta").InputFieldType<import("..").CheckboxGroupProps, {}>) => import("react").JSX.Element;
 export declare const CheckboxGroupFieldPlugin: {
     name: string;
-    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("../components").CheckboxGroupProps, {}>) => import("react").JSX.Element;
+    Component: (props: import("./wrap-field-with-meta").InputFieldType<import("..").CheckboxGroupProps, {}>) => import("react").JSX.Element;
     validate(value: any, values: any, meta: any, field: any): string;
 };

package/dist/toolkit/fields/plugins/color-field-plugin.d.ts

@@ -4,6 +4,7 @@ export interface ColorFieldProps {
     colorFormat: string;
     colors: string[];
     widget?: 'sketch' | 'block';
+    width?: string;
 }
 export declare const ColorField: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, ColorFieldProps>) => React.JSX.Element;
 export declare const ColorFieldPlugin: {

package/dist/toolkit/fields/plugins/date-field-plugin.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 import { type InputProps } from '../components';
 import type { DatetimepickerProps } from 'react-datetime';
-import type { Field } from '../../forms';
 export declare const DateField: (props: import("./wrap-field-with-meta").InputFieldType<InputProps, DatetimepickerProps>) => React.JSX.Element;
-export declare const ReactDateTimeWithStyles: (props: DatetimepickerProps & Partial<Field>) => React.JSX.Element;
 export declare const DateFieldPlugin: {
     __type: string;
     name: string;

package/dist/toolkit/fields/plugins/dnd-kit-wrapper.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+export interface DropResult {
+    destination: {
+        index: number;
+    } | null;
+    source: {
+        index: number;
+    };
+    type: string;
+}
+export interface DragDropContextProps {
+    onDragEnd: (result: DropResult) => void;
+    children: React.ReactNode;
+}
+export interface DroppableProps {
+    droppableId: string;
+    type: string;
+    children: (provided: {
+        innerRef: React.RefObject<HTMLDivElement>;
+        placeholder: React.ReactNode;
+    }) => React.ReactNode;
+}
+export interface DraggableProps {
+    draggableId: string;
+    index: number;
+    children: (provided: {
+        innerRef: React.RefObject<HTMLElement>;
+        draggableProps: {
+            style?: React.CSSProperties;
+            ref?: any;
+            [key: string]: any;
+        };
+        dragHandleProps: {
+            style?: React.CSSProperties;
+            [key: string]: any;
+        };
+    }, snapshot: {
+        isDragging: boolean;
+    }) => React.ReactNode;
+}
+export declare const DragDropContext: React.FC<DragDropContextProps>;
+export declare const Droppable: React.FC<DroppableProps>;
+export declare const Draggable: React.FC<DraggableProps>;
+interface SortableProviderProps {
+    items: string[];
+    children: React.ReactNode;
+}
+export declare const SortableProvider: React.FC<SortableProviderProps>;
+export {};

package/dist/toolkit/fields/plugins/group-field-plugin.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Field, Form } from '../../forms';
+import * as React from 'react';
 export interface GroupFieldDefinititon extends Field {
     component: 'group';
     fields: Field[];

package/dist/toolkit/fields/plugins/group-list-field-plugin.d.ts

@@ -4,6 +4,7 @@ interface GroupFieldDefinititon extends Field {
     component: 'group';
     fields: Field[];
     defaultItem?: object | (() => object);
+    addItemBehavior?: 'append' | 'prepend';
     /**
      * An optional function which generates `props` for
      * this items's `li`.
@@ -50,8 +51,9 @@ export declare const ItemDeleteButton: ({ onClick, disabled }: {
     onClick: any;
     disabled?: boolean;
 }) => React.JSX.Element;
-export declare const DragHandle: ({ isDragging }: {
+export declare const DragHandle: ({ isDragging, dragHandleProps, }: {
     isDragging: boolean;
+    dragHandleProps?: any;
 }) => React.JSX.Element;
 export declare const GroupListField: ({ tinaForm, form, field, input, meta, index }: GroupProps) => React.JSX.Element;
 export declare const GroupListFieldPlugin: {

package/dist/toolkit/fields/plugins/list-field-meta.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import { Form } from '../../forms';
+import * as React from 'react';
 interface FieldMetaProps extends React.HTMLAttributes<HTMLElement> {
     name: string;
     children: any;

package/dist/toolkit/fields/plugins/list-field-plugin.d.ts

@@ -7,9 +7,12 @@ interface ListFieldDefinititon extends Field {
     field: {
         component: 'text' | 'textarea' | 'number' | 'select' | 'image';
     };
+    min?: number;
+    max?: number;
     type?: string;
     list?: boolean;
     parentTypename?: string;
+    addItemBehavior?: 'append' | 'prepend';
     /**
      * An optional function which generates `props` for
      * this items's `li`.

package/dist/toolkit/fields/plugins/mdx-field-plugin/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { type InputFieldType } from '../wrap-field-with-meta';
-import type { MdxTemplate } from './plate/types';
 import type { InputProps } from '../../../fields/components';
-import type { ToolbarOverrides, ToolbarOverrideType } from './plate/toolbar/toolbar-overrides';
+import type { ToolbarOverrideType, ToolbarOverrides } from './plate/toolbar/toolbar-overrides';
+import type { MdxTemplate } from './plate/types';
 export type RichTextType = React.PropsWithChildren<InputFieldType<InputProps, {
     templates: MdxTemplate[];
     toolbarOverride?: ToolbarOverrideType[];

package/dist/toolkit/fields/plugins/mdx-field-plugin/plate/components/editor.d.ts

@@ -1,25 +1,27 @@
-import React from 'react';
-import type { PlateContentProps } from '@udecode/plate-common';
+import * as React from 'react';
+import type { PlateContentProps } from '@udecode/plate/react';
 import type { VariantProps } from 'class-variance-authority';
+declare const editorContainerVariants: (props?: {
+    variant?: "default" | "select" | "comment" | "demo";
+} & import("class-variance-authority/types").ClassProp) => string;
+export declare const EditorContainer: {
+    ({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof editorContainerVariants>): React.JSX.Element;
+    displayName: string;
+};
 declare const editorVariants: (props?: {
     disabled?: boolean;
-    focusRing?: boolean;
     focused?: boolean;
-    size?: "sm" | "md";
-    variant?: "ghost" | "outline";
-} & import("class-variance-authority/dist/types").ClassProp) => string;
+    variant?: "default" | "select" | "none" | "fullWidth" | "comment" | "demo" | "ai" | "aiChat";
+} & import("class-variance-authority/types").ClassProp) => string;
 export type EditorProps = PlateContentProps & VariantProps<typeof editorVariants>;
-declare const Editor: React.ForwardRefExoticComponent<{
-    renderEditable?: (editable: React.ReactElement) => React.ReactNode;
-} & {
-    decorate?: (entry: import("@udecode/plate-common").TNodeEntry) => import("slate").Range[];
-    renderElement?: import("@udecode/plate-common").RenderElementFn;
-    renderLeaf?: import("@udecode/plate-common").RenderLeafFn;
-} & Omit<import("slate-react/dist/components/editable").EditableProps, "decorate" | "renderElement" | "renderLeaf"> & VariantProps<(props?: {
+export declare const Editor: React.ForwardRefExoticComponent<Omit<import("@udecode/plate").EditableProps, "decorate"> & {
+    autoFocusOnEditable?: boolean;
+    decorate?: import("@udecode/plate/react").PlateStoreState["decorate"];
+    disabled?: boolean;
+    renderEditable?: (editable: React.ReactElement<any>) => React.ReactNode;
+} & VariantProps<(props?: {
     disabled?: boolean;
-    focusRing?: boolean;
     focused?: boolean;
-    size?: "sm" | "md";
-    variant?: "ghost" | "outline";
-} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
-export { Editor };
+    variant?: "default" | "select" | "none" | "fullWidth" | "comment" | "demo" | "ai" | "aiChat";
+} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
+export {};