@vef-framework/starter 2.0.11 → 2.1.0

package/dist/types/components/crud/components/selection-indicator.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, MemoExoticComponent } from 'react';
 interface SelectionIndicatorProps {
-    selectionSummary?: (selectedRows: any[]) => ReactNode;
+    selectionSummary?: (selectedRows: unknown[]) => ReactNode;
 }
-export declare const SelectionIndicator: MemoExoticComponent<({ selectionSummary }: SelectionIndicatorProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export declare const SelectionIndicator: MemoExoticComponent<({ selectionSummary }: SelectionIndicatorProps) => import("@emotion/react/jsx-runtime").JSX.Element | null>;
 export {};

package/dist/types/components/crud/helpers.d.ts

@@ -4,15 +4,17 @@ import { ReactNode } from 'react';
 import { ActionButtonGroupProps, OperationButtonGroupProps } from './components';
 import { CrudState } from './store';
 /**
- * Create a type-safe kit containing hooks and components for Crud with specific generic types
- * This helper function eliminates the need to repeatedly specify generic parameters when using Crud-related utilities
- *
- * @returns An object containing type-safe hooks and components for the Crud
+ * Type representing the return value of createCrudKit
  */
-export declare function createCrudKit<TRow extends AnyObject, TSearchValues extends AnyObject, TSceneFormValues extends AnyObject>(): {
+export interface CrudKit<TRow extends AnyObject, TSearchValues extends AnyObject, TSceneFormValues extends AnyObject> {
     useCrudStore: UseStore<CrudState<TRow, TSearchValues, TSceneFormValues>>;
     useSearchValues: () => TSearchValues;
     useSelectedRows: () => TRow[];
     OperationButtonGroup: <TSelected = NoInfer<CrudState<TRow, TSearchValues, TSceneFormValues>>>(props: OperationButtonGroupProps<TSearchValues, TSceneFormValues, TSelected>) => ReactNode;
     ActionButtonGroup: <TSelected = NoInfer<CrudState<TRow, TSearchValues, TSceneFormValues>>>(props: ActionButtonGroupProps<TSearchValues, TSceneFormValues, TSelected>) => ReactNode;
-};
+}
+/**
+ * Create a type-safe kit containing hooks and components for Crud with specific generic types.
+ * This helper function eliminates the need to repeatedly specify generic parameters when using Crud-related utilities.
+ */
+export declare function createCrudKit<TRow extends AnyObject, TSearchValues extends AnyObject, TSceneFormValues extends AnyObject>(): CrudKit<TRow, TSearchValues, TSceneFormValues>;

package/dist/types/components/crud/hooks/use-query-observer.d.ts

@@ -1,11 +1,6 @@
 import { ProTableRef } from '../../pro-table';
 import { RefObject } from 'react';
 /**
- * The hook to use the query observer.
- *
- * @param queryFn - The query function.
- * @param queryParams - The query parameters.
- * @param enabled - Whether the query is enabled.
- * @returns The query observer.
+ * Hook to observe and sync ProTable query state with Crud store.
  */
 export declare function useQueryObserver(): RefObject<ProTableRef | null>;

package/dist/types/components/crud/index.d.ts

@@ -1,7 +1,8 @@
 import { AnyObject } from '@vef-framework/shared';
 import { CrudProps } from './props';
-export declare function Crud<TRow extends AnyObject, TSearchValues extends AnyObject, TSceneFormValues extends AnyObject, TParams extends AnyObject = never>({ defaultSearchValues, advancedSearch, sceneDefaultFormValues, renderForm, formMutationFns, beforeFormSubmit, afterFormSubmit, deleteMutationFn, deleteManyMutationFn, mutationMeta, rowSelection, ...bodyProps }: CrudProps<TRow, TSearchValues, TSceneFormValues, TParams>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Crud<TRow extends AnyObject, TSearchValues extends AnyObject, TSceneFormValues extends AnyObject, TParams extends AnyObject = never>({ defaultSearchValues, advancedSearch, sceneDefaultFormValues, renderForm, formMutationFns, formActionsRenderers, beforeFormSubmit, afterFormSubmit, deleteMutationFn, deleteManyMutationFn, mutationMeta, rowSelection, ...bodyProps }: CrudProps<TRow, TSearchValues, TSceneFormValues, TParams>): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { ActionButtonGroupProps as CrudActionButtonGroupProps, OperationButtonGroupProps as CrudOperationButtonGroupProps } from './components';
 export { createCrudKit } from './helpers';
-export { type CrudProps } from './props';
+export type { CrudKit } from './helpers';
+export type { CrudProps } from './props';
 export type * from './types';

package/dist/types/components/crud/props.d.ts

@@ -3,7 +3,7 @@ import { ApiResult, MutationFunction, MutationMeta, PaginationResult, QueryFunct
 import { AnyObject, Awaitable, DeepKeys, EmptyObject, If, IsNever, Key, MaybeUndefined, PartialDeep } from '@vef-framework/shared';
 import { ReactNode } from 'react';
 import { ColumnSettingsProp, OperationColumnConfig, ProTableProps, RowSelectionConfig } from '../pro-table';
-import { CrudFormMutationFns, CrudFormScene, PaginatedQueryParams, QueryParams } from './types';
+import { CrudFormActionsRenderers, CrudFormMutationFns, CrudFormScene, PaginatedQueryParams, QueryParams } from './types';
 /**
  * Base props for the Crud component.
  *
@@ -25,6 +25,7 @@ export interface BaseCrudProps<TRow extends AnyObject, TSearchValues extends Any
      * Column settings configuration.
      * - `false`: Disable column settings feature
      * - `{ storageKey?: string }`: Enable with optional localStorage persistence
+     *
      * @default {}
      */
     columnSettings?: ColumnSettingsProp;
@@ -42,6 +43,7 @@ export interface BaseCrudProps<TRow extends AnyObject, TSearchValues extends Any
     rowKey?: DeepKeys<NoInfer<TRow>> | ((row: NoInfer<TRow>) => Key);
     /**
      * Enable virtual scrolling for the table to improve performance with large datasets
+     *
      * @default false
      */
     virtual?: boolean;
@@ -92,6 +94,11 @@ export interface BaseCrudProps<TRow extends AnyObject, TSearchValues extends Any
      * Mutation functions for submitting different scenes
      */
     formMutationFns?: CrudFormMutationFns<TSceneFormValues>;
+    /**
+     * Custom render functions for form actions in different scenes
+     * Allows customization of footer action buttons for each form scene
+     */
+    formActionsRenderers?: CrudFormActionsRenderers<NoInfer<TSceneFormValues>>;
     /**
      * Mutation function to delete a single row
      */

package/dist/types/components/crud/store.d.ts

@@ -29,6 +29,7 @@ export interface OpenFormOptions<TScene extends CrudFormScene<TSceneFormValues>,
     width?: Length | Partial<Record<Breakpoint, Length>>;
     /**
      * Form display mode.
+     *
      * @default "modal"
      */
     mode?: CrudFormMode;

package/dist/types/components/crud/styles.d.ts

@@ -1,4 +1,3 @@
 import { SerializedStyles } from '@emotion/serialize';
-export declare const header: SerializedStyles;
 export declare const main: SerializedStyles;
 export declare const toolbar: SerializedStyles;

package/dist/types/components/crud/types.d.ts

@@ -1,15 +1,20 @@
-import { DrawerProps } from '@vef-framework/components';
+import { DrawerProps, FormApi } from '@vef-framework/components';
 import { ApiResult, MutationFunction } from '@vef-framework/core';
 import { AnyObject, EmptyObject, If, IsNever } from '@vef-framework/shared';
+import { ReactNode } from 'react';
 import { ParamsWithPagination, ParamsWithSort } from '../pro-table';
 export type CrudBasicFormScene = "create" | "update";
-export type CrudBasicSceneFormValues<TCreateFormValues extends AnyObject, TUpdateFormValues extends AnyObject> = {
-    [Scene in CrudBasicFormScene]: Scene extends "create" ? TCreateFormValues : Scene extends "update" ? TUpdateFormValues : never;
-};
+export interface CrudBasicSceneFormValues<TCreateFormValues extends AnyObject, TUpdateFormValues extends AnyObject> {
+    create: TCreateFormValues;
+    update: TUpdateFormValues;
+}
 export type CrudFormScene<TSceneFormValues extends AnyObject> = keyof TSceneFormValues & string;
 export type CrudFormMutationFns<TSceneFormValues extends AnyObject> = {
     [Scene in CrudFormScene<TSceneFormValues>]: MutationFunction<ApiResult<unknown>, TSceneFormValues[Scene]>;
 };
+export type CrudFormActionsRenderers<TSceneFormValues extends AnyObject> = {
+    [Scene in CrudFormScene<TSceneFormValues>]?: (formApi: FormApi<TSceneFormValues[Scene]>) => ReactNode;
+};
 /**
  * Query parameters wrapper type for non-paginated queries.
  *
@@ -42,6 +47,7 @@ export type CrudFormMode = "modal" | "drawer";
 export interface CrudFormDrawerConfig {
     /**
      * Placement of the drawer.
+     *
      * @default "right"
      */
     placement?: DrawerProps["placement"];

package/dist/types/components/crud-page/index.d.ts

@@ -1,3 +1,3 @@
 import { CrudPageProps } from './props';
-export declare function CrudPage<TRow extends object, TSearchValues extends object, TSceneFormValues extends Record<string, object>, TParams extends object = never>({ aside, asideWidth, ...crudProps }: CrudPageProps<TRow, TSearchValues, TSceneFormValues, TParams>): import("@emotion/react/jsx-runtime").JSX.Element;
-export { type CrudPageProps } from './props';
+export declare function CrudPage<TRow extends object, TSearchValues extends object, TSceneFormValues extends Record<string, object>, TParams extends object = never>({ leftAside, leftAsideWidth, rightAside, rightAsideWidth, header, headerClassName, headerPosition, footer, footerClassName, footerPosition, ...crudProps }: CrudPageProps<TRow, TSearchValues, TSceneFormValues, TParams>): import("@emotion/react/jsx-runtime").JSX.Element;
+export type { CrudPageProps } from './props';

package/dist/types/components/crud-page/props.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { CrudProps } from '../crud';
+import { AsideWidth, Position } from '../page';
 /**
  * Props for the CrudPage component, supporting both paginated and non-paginated modes.
  *
@@ -10,11 +11,47 @@ import { CrudProps } from '../crud';
  */
 export type CrudPageProps<TRow extends object, TSearchValues extends object, TSceneFormValues extends Record<string, object>, TParams extends object = never> = CrudProps<TRow, TSearchValues, TSceneFormValues, TParams> & {
     /**
-     * The aside content of the page
+     * The left aside content of the page
      */
-    aside?: ReactNode;
+    leftAside?: ReactNode;
     /**
-     * The width of the aside
+     * The width of the left aside
      */
-    asideWidth?: number | string;
+    leftAsideWidth?: AsideWidth;
+    /**
+     * The right aside content of the page
+     */
+    rightAside?: ReactNode;
+    /**
+     * The width of the right aside
+     */
+    rightAsideWidth?: AsideWidth;
+    /**
+     * The header of the page
+     */
+    header?: ReactNode;
+    /**
+     * The class name of the header
+     */
+    headerClassName?: string;
+    /**
+     * The position of the header
+     *
+     * @default "inside"
+     */
+    headerPosition?: Position;
+    /**
+     * The footer of the page
+     */
+    footer?: ReactNode;
+    /**
+     * The class name of the footer
+     */
+    footerClassName?: string;
+    /**
+     * The position of the footer
+     *
+     * @default "inside"
+     */
+    footerPosition?: Position;
 };

package/dist/types/components/error/index.d.ts

@@ -1,2 +1,2 @@
 import { ErrorProps } from './props';
-export declare function Error({ error, info, reset }: ErrorProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Error({ error, info, reset }: ErrorProps): React.ReactNode;

package/dist/types/components/flex-card/index.d.ts

@@ -1,3 +1,3 @@
-import { FlexCardProps } from './props';
-export declare function FlexCard({ variant, ...props }: FlexCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export { type FlexCardProps } from './props';
+import { FlexCardProps } from './props.js';
+export declare function FlexCard({ variant, ...props }: FlexCardProps): React.ReactElement;
+export type { FlexCardProps } from './props.js';

package/dist/types/components/flex-card/props.d.ts

@@ -1,3 +1,2 @@
 import { CardProps } from '@vef-framework/components';
-export interface FlexCardProps extends CardProps {
-}
+export type FlexCardProps = CardProps;

package/dist/types/components/form-drawer/components/form-actions.d.ts

@@ -1,5 +1,5 @@
+import { ReactNode, MemoExoticComponent } from 'react';
 import { FormDrawerProps } from '../props';
-import { MemoExoticComponent } from 'react';
 interface FormActionsProps {
     /**
      * Submit button props
@@ -14,5 +14,6 @@ interface FormActionsProps {
      */
     onReset?: () => void;
 }
-export declare const FormActions: MemoExoticComponent<({ submitButtonProps, resetButtonProps, onReset }: FormActionsProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+declare function FormActionsBase({ submitButtonProps, resetButtonProps, onReset }: FormActionsProps): ReactNode;
+export declare const FormActions: MemoExoticComponent<typeof FormActionsBase>;
 export {};

package/dist/types/components/form-drawer/props.d.ts

@@ -11,6 +11,7 @@ import { ReactNode } from 'react';
 export interface FormDrawerProps<TValues extends object, TData = unknown> extends Pick<DrawerProps, "title" | "placement" | "resizable"> {
     /**
      * Whether the form drawer is visible
+     *
      * @default false
      */
     open?: boolean;
@@ -24,15 +25,22 @@ export interface FormDrawerProps<TValues extends object, TData = unknown> extend
     defaultValues?: TValues;
     /**
      * Whether to disable the form
+     *
      * @default false
      */
     disabled?: boolean;
     /**
-     * Submit button props
+     * Custom render function for footer actions
+     * Return null to hide the footer entirely
+     * If not provided, will render default submit and reset buttons
+     */
+    renderActions?: (formApi: FormApi<TValues>) => ReactNode;
+    /**
+     * Submit button props (only used when renderActions is not provided)
      */
     submitButtonProps?: Except<SubmitButtonProps, "onSubmit" | "disabled" | "loading">;
     /**
-     * Reset button props, or false to hide the reset button
+     * Reset button props, or false to hide the reset button (only used when renderActions is not provided)
      */
     resetButtonProps?: Except<ResetButtonProps, "onReset" | "disabled" | "loading"> | false;
     /**
@@ -57,11 +65,11 @@ export interface FormDrawerProps<TValues extends object, TData = unknown> extend
     afterSubmit?: (values: TValues, data: TData) => Awaitable<void>;
     /**
      * Callback on form submit
-    */
+     */
     onSubmit?: (values: TValues) => Awaitable<void>;
     /**
-      * Callback on form reset
-    */
+     * Callback on form reset
+     */
     onReset?: (defaultValues?: TValues) => void;
     /**
      * Callback when drawer is closed

package/dist/types/components/form-modal/components/draggable-wrapper.d.ts

@@ -0,0 +1,9 @@
+import { ModalProps } from '@vef-framework/components';
+import { ReactElement, ReactNode, MemoExoticComponent } from 'react';
+interface DraggableWrapperProps {
+    title: ReactNode;
+    children: ReactElement<ModalProps>;
+}
+declare function DraggableWrapperBase({ title, children }: DraggableWrapperProps): ReactElement;
+export declare const DraggableWrapper: MemoExoticComponent<typeof DraggableWrapperBase>;
+export {};

package/dist/types/components/form-modal/components/form-actions.d.ts

@@ -1,5 +1,5 @@
+import { ReactNode, MemoExoticComponent } from 'react';
 import { FormModalProps } from '../props';
-import { MemoExoticComponent } from 'react';
 interface FormActionsProps {
     /**
      * Submit button props
@@ -14,5 +14,6 @@ interface FormActionsProps {
      */
     onReset?: () => void;
 }
-export declare const FormActions: MemoExoticComponent<({ submitButtonProps, resetButtonProps, onReset }: FormActionsProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+declare function FormActionsBase({ submitButtonProps, resetButtonProps, onReset }: FormActionsProps): ReactNode;
+export declare const FormActions: MemoExoticComponent<typeof FormActionsBase>;
 export {};

package/dist/types/components/form-modal/components/index.d.ts

@@ -1 +1,2 @@
+export { DraggableWrapper } from './draggable-wrapper';
 export { FormActions } from './form-actions';

package/dist/types/components/form-modal/props.d.ts

@@ -11,24 +11,38 @@ import { ReactNode } from 'react';
 export interface FormModalProps<TValues extends object, TData = unknown> extends Pick<ModalProps, "title" | "width"> {
     /**
      * Whether the form modal is visible
+     *
      * @default false
      */
     open?: boolean;
+    /**
+     * Whether the modal can be dragged by its header
+     *
+     * @default true
+     */
+    draggable?: boolean;
     /**
      * Default form values
      */
     defaultValues?: TValues;
     /**
      * Whether to disable the form
+     *
      * @default false
      */
     disabled?: boolean;
     /**
-     * Submit button props
+     * Custom render function for footer actions
+     * Return null to hide the footer entirely
+     * If not provided, will render default submit and reset buttons
+     */
+    renderActions?: (formApi: FormApi<TValues>) => ReactNode;
+    /**
+     * Submit button props (only used when renderActions is not provided)
      */
     submitButtonProps?: Except<SubmitButtonProps, "onSubmit" | "disabled" | "loading">;
     /**
-     * Reset button props, or false to hide the reset button
+     * Reset button props, or false to hide the reset button (only used when renderActions is not provided)
      */
     resetButtonProps?: Except<ResetButtonProps, "onReset" | "disabled" | "loading"> | false;
     /**
@@ -53,11 +67,11 @@ export interface FormModalProps<TValues extends object, TData = unknown> extends
     afterSubmit?: (values: TValues, data: TData) => Awaitable<void>;
     /**
      * Callback on form submit
-    */
+     */
     onSubmit?: (values: TValues) => Awaitable<void>;
     /**
-      * Callback on form reset
-    */
+     * Callback on form reset
+     */
     onReset?: (defaultValues?: TValues) => void;
     /**
      * Callback when modal is closed

package/dist/types/components/index.d.ts

@@ -1,8 +1,7 @@
 export { AccessDenied } from './access-denied';
 export { App, type AppProps } from './app';
-export { ApprovalFlowEditor } from './approval-flow-editor';
 export { BaseLayout, type BaseLayoutProps } from './base-layout';
-export { createCrudKit, Crud, type CrudActionButtonGroupProps, type CrudBasicFormScene, type CrudBasicSceneFormValues, type CrudFormMutationFns, type CrudFormScene, type CrudOperationButtonGroupProps, type CrudProps, type PaginatedQueryParams, type QueryParams } from './crud';
+export { createCrudKit, Crud, type CrudActionButtonGroupProps, type CrudBasicFormScene, type CrudBasicSceneFormValues, type CrudFormMutationFns, type CrudFormScene, type CrudKit, type CrudOperationButtonGroupProps, type CrudProps, type PaginatedQueryParams, type QueryParams } from './crud';
 export { CrudPage, type CrudPageProps } from './crud-page';
 export { Error } from './error';
 export { FlexCard, type FlexCardProps } from './flex-card';

package/dist/types/components/layout/components/footer.d.ts

@@ -1 +1 @@
-export declare function Footer(): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Footer(): React.JSX.Element;

package/dist/types/components/layout/components/header/color-scheme.d.ts

@@ -1,5 +1,5 @@
 interface ColorSchemeProps {
     className?: string;
 }
-export declare function ColorScheme({ className }: ColorSchemeProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function ColorScheme({ className }: ColorSchemeProps): React.JSX.Element;
 export {};

package/dist/types/components/layout/components/header/fullscreen.d.ts

@@ -1,5 +1,5 @@
 interface FullscreenProps {
     className?: string;
 }
-export declare function Fullscreen({ className }: FullscreenProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Fullscreen({ className }: FullscreenProps): React.JSX.Element;
 export {};

package/dist/types/components/layout/components/header/menu-burger.d.ts

@@ -1,5 +1,5 @@
 interface MenuBurgerProps {
     className?: string;
 }
-export declare function MenuBurger({ className }: MenuBurgerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function MenuBurger({ className }: MenuBurgerProps): React.JSX.Element;
 export {};

package/dist/types/components/layout/components/header/search.d.ts

@@ -1,5 +1,5 @@
 interface SearchProps {
     className?: string;
 }
-export declare function Search({ className }: SearchProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Search({ className }: SearchProps): React.JSX.Element;
 export {};

package/dist/types/components/layout/components/header/theme-config.d.ts

@@ -1,5 +1,5 @@
 interface ThemeConfigProps {
     className?: string;
 }
-export declare function ThemeConfig({ className }: ThemeConfigProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function ThemeConfig({ className }: ThemeConfigProps): React.JSX.Element;
 export {};

package/dist/types/components/layout/components/honeycomb-pattern.d.ts

@@ -1 +1 @@
-export declare function HoneycombPattern(): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function HoneycombPattern(): React.JSX.Element;

package/dist/types/components/layout/components/logo.d.ts

@@ -4,5 +4,5 @@ import { LayoutProps } from '../props';
 interface LogoProps extends Except<LinkComponentProps, "to" | "title">, Pick<LayoutProps, "title" | "logo"> {
     isTitleVisible?: boolean;
 }
-export declare function Logo({ isTitleVisible, title, logo, ...props }: LogoProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Logo({ isTitleVisible, title, logo, ...props }: LogoProps): React.JSX.Element;
 export {};

package/dist/types/components/layout/components/search/keyboard.d.ts

@@ -1,6 +1,6 @@
-import { PropsWithChildren, ReactNode } from 'react';
+import { PropsWithChildren, ReactNode, default as React } from 'react';
 interface KeyboardProps extends PropsWithChildren {
     icon: ReactNode;
 }
-export declare function Keyboard({ icon, children }: KeyboardProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Keyboard({ icon, children }: KeyboardProps): React.JSX.Element;
 export {};

package/dist/types/components/layout/components/sidebar.d.ts

@@ -2,5 +2,5 @@ import { LayoutProps } from '../props';
 interface SidebarProps extends Pick<LayoutProps, "logo" | "title"> {
     isSidebarCollapsed?: boolean;
 }
-export declare function Sidebar({ isSidebarCollapsed, logo, title }: SidebarProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Sidebar({ isSidebarCollapsed, logo, title }: SidebarProps): React.JSX.Element;
 export {};

package/dist/types/components/layout/components/tabs/index.d.ts

@@ -1 +1 @@
-export declare function Tabs(): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Tabs(): React.JSX.Element;

package/dist/types/components/layout/components/tabs/main-content-maximum.d.ts

@@ -1,5 +1,5 @@
 interface MainContentMaximumProps {
     className?: string;
 }
-export declare function MainContentMaximum({ className }: MainContentMaximumProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function MainContentMaximum({ className }: MainContentMaximumProps): React.JSX.Element;
 export {};

package/dist/types/components/layout/components/tabs/reload.d.ts

@@ -1,5 +1,5 @@
 interface ReloadProps {
     className?: string;
 }
-export declare function Reload({ className }: ReloadProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Reload({ className }: ReloadProps): React.JSX.Element;
 export {};

package/dist/types/components/layout/components/tabs/tabs-container.d.ts

@@ -1 +1 @@
-export declare function TabsContainer(): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function TabsContainer(): React.JSX.Element;

package/dist/types/components/layout/components/theme-config/color-scheme-switcher.d.ts

@@ -1 +1 @@
-export declare function ColorSchemeSwitcher(): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function ColorSchemeSwitcher(): React.JSX.Element;

package/dist/types/components/layout/components/theme-config/color-scheme.d.ts

@@ -1 +1 @@
-export declare function ColorScheme(): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function ColorScheme(): React.JSX.Element;

package/dist/types/components/layout/components/theme-config/config-item.d.ts

@@ -3,5 +3,5 @@ interface ConfigItemProps extends PropsWithChildren {
     className?: string;
     label: ReactNode;
 }
-export declare function ConfigItem({ className, label, children }: ConfigItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function ConfigItem({ className, label, children }: ConfigItemProps): React.JSX.Element;
 export {};

package/dist/types/components/layout/components/theme-config/index.d.ts

@@ -1 +1 @@
-export declare function ThemeConfig(): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function ThemeConfig(): React.JSX.Element;

package/dist/types/components/layout/components/theme-config/menu-layout-card.d.ts

@@ -3,5 +3,5 @@ import { ComponentProps } from 'react';
 interface MenuLayoutCardProps extends ComponentProps<"div"> {
     mode: Orientation;
 }
-export declare function MenuLayoutCard({ mode, ...props }: MenuLayoutCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function MenuLayoutCard({ mode, ...props }: MenuLayoutCardProps): React.JSX.Element;
 export {};

package/dist/types/components/layout/components/theme-config/menu-layout.d.ts

@@ -1 +1 @@
-export declare function MenuLayout(): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function MenuLayout(): React.JSX.Element;

package/dist/types/components/layout/components/theme-config/operations.d.ts

@@ -1 +1 @@
-export declare function Operations(): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Operations(): React.JSX.Element;

package/dist/types/components/layout/components/theme-config/theme-color-picker.d.ts

@@ -2,5 +2,5 @@ import { SemanticColor } from '@vef-framework/components';
 interface ThemeColorPickerProps {
     color: SemanticColor;
 }
-export declare function ThemeColorPicker({ color }: ThemeColorPickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function ThemeColorPicker({ color }: ThemeColorPickerProps): React.JSX.Element;
 export {};

package/dist/types/components/layout/components/theme-config/theme-colors.d.ts

@@ -1 +1 @@
-export declare function ThemeColors(): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function ThemeColors(): React.JSX.Element;

package/dist/types/components/layout/hooks/use-color-scheme-updater.d.ts

@@ -1,6 +1,6 @@
 import { Position } from '@vef-framework/components';
 import { ColorScheme } from '../../../stores';
-declare function getNextColorScheme(colorScheme: ColorScheme): "dark" | "light" | "system";
+declare function getNextColorScheme(colorScheme: ColorScheme): ColorScheme;
 /**
  * A hook to update the color scheme of the application.
  *

package/dist/types/components/login/index.d.ts

@@ -1,4 +1,4 @@
 import { LoginProps } from './props';
-export declare function Login({ logo, title, description, publicKey, onLogin }: LoginProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Login({ logo, title, description, publicKey, onLogin }: LoginProps): React.ReactNode;
 export { type LoginParams, type LoginResult } from './payload';
 export { type LoginProps } from './props';

package/dist/types/components/login/payload.d.ts

@@ -8,9 +8,9 @@ export type LoginParams = PasswordLoginParams;
  */
 interface BaseLoginParams<T = unknown> {
     /**
-     * The authentication type
+     * The authentication kind
      */
-    type: string;
+    kind: string;
     /**
      * The user identifier (username, email, phone, etc.)
      */
@@ -25,9 +25,9 @@ interface BaseLoginParams<T = unknown> {
  */
 export interface PasswordLoginParams extends BaseLoginParams<string> {
     /**
-     * The authentication type
+     * The authentication kind
      */
-    type: "password";
+    kind: "password";
 }
 /**
  * The result of a login operation

package/dist/types/components/login/styles.d.ts

@@ -1,10 +1,21 @@
 import { SerializedStyles } from '@emotion/serialize';
 export declare const login: SerializedStyles;
+export declare const backgroundOrbs: SerializedStyles;
+export declare const orb: SerializedStyles;
+export declare const orbPrimary: SerializedStyles;
+export declare const orbSecondary: SerializedStyles;
+export declare const orbAccent: SerializedStyles;
 export declare const logo: SerializedStyles;
 export declare const title: SerializedStyles;
 export declare const icon: SerializedStyles;
 export declare const leftContent: SerializedStyles;
 export declare const rightContent: SerializedStyles;
+export declare const formHeader: SerializedStyles;
 export declare const formControl: SerializedStyles;
+export declare const submitButton: SerializedStyles;
 export declare const date: SerializedStyles;
 export declare const copyright: SerializedStyles;
+export declare const description: SerializedStyles;
+export declare const formSubtitle: SerializedStyles;
+export declare const dateHighlight: SerializedStyles;
+export declare const formIcon: SerializedStyles;

package/dist/types/components/logo-icon/index.d.ts

@@ -1,3 +1,3 @@
-import { LogoIconProps } from './props';
-export declare function LogoIcon({ primaryColor, ...props }: LogoIconProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export { type LogoIconProps } from './props';
+import { LogoIconProps } from './props.js';
+export declare function LogoIcon({ primaryColor, ...props }: LogoIconProps): React.ReactElement;
+export type { LogoIconProps } from './props.js';