@strapi/admin 5.0.0-beta.1 → 5.0.0-beta.11

package/dist/admin/src/StrapiApp.d.ts

@@ -1,13 +1,12 @@
 import * as React from 'react';
 import { DefaultTheme } from 'styled-components';
-import { InjectionZoneBlock, InjectionZoneComponent, InjectionZoneContainer, InjectionZoneModule, InjectionZones } from './components/InjectionZone';
 import { CustomFields } from './core/apis/CustomFields';
 import { Plugin, PluginConfig } from './core/apis/Plugin';
+import { RBAC, RBACMiddleware } from './core/apis/rbac';
+import { Router, StrapiAppSetting, UnloadedSettingsLink } from './core/apis/router';
 import { RootState, Store } from './core/store/configure';
 import { Handler, createHook } from './core/utils/createHook';
-import type { Permission } from './features/Auth';
 import type { ReducersMapObject, Middleware } from '@reduxjs/toolkit';
-import type { MessageDescriptor, PrimitiveType } from 'react-intl';
 interface StrapiAppConstructorArgs extends Partial<Pick<StrapiApp, 'appPlugins'>> {
     config?: {
         auth?: {
@@ -31,23 +30,8 @@ interface StrapiAppConstructorArgs extends Partial<Pick<StrapiApp, 'appPlugins'>
         tutorials?: boolean;
     };
 }
-interface MenuItem {
-    to: string;
-    icon: React.ElementType;
-    intlLabel: MessageDescriptor & {
-        values?: Record<string, PrimitiveType>;
-    };
-    permissions: Permission[];
-    notificationsCount?: number;
-    Component: React.LazyExoticComponent<React.ComponentType>;
-    exact?: boolean;
-    lockIcon?: boolean;
-}
-interface StrapiAppSettingLink extends Omit<MenuItem, 'icon' | 'notificationCount'> {
-    id: string;
-}
 interface StrapiAppPlugin {
-    bootstrap: (args: Pick<StrapiApp, 'addSettingsLink' | 'addSettingsLinks' | 'getPlugin' | 'injectContentManagerComponent' | 'injectAdminComponent' | 'registerHook'>) => void;
+    bootstrap: (args: Pick<StrapiApp, 'addSettingsLink' | 'addSettingsLinks' | 'getPlugin' | 'registerHook'>) => void;
     register: (app: StrapiApp) => void;
     registerTrads: (args: {
         locales: string[];
@@ -56,10 +40,10 @@ interface StrapiAppPlugin {
         locale: string;
     }[]>;
 }
-interface UnloadedSettingsLink extends Omit<StrapiAppSettingLink, 'Component'> {
-    Component: () => Promise<{
-        default: React.ComponentType;
-    }>;
+interface InjectionZoneComponent {
+    Component: React.ComponentType;
+    name: string;
+    slug: string;
 }
 interface Component {
     name: string;
@@ -73,44 +57,14 @@ interface Library {
     fields: Record<Field['type'], Field['Component']>;
     components: Record<Component['name'], Component['Component']>;
 }
-interface StrapiAppSetting {
-    id: string;
-    intlLabel: MessageDescriptor & {
-        values?: Record<string, PrimitiveType>;
-    };
-    links: StrapiAppSettingLink[];
-}
 declare class StrapiApp {
     appPlugins: Record<string, StrapiAppPlugin>;
     plugins: Record<string, Plugin>;
     hooksDict: Record<string, ReturnType<typeof createHook>>;
     admin: {
-        injectionZones: {
-            admin: {
-                tutorials: {
-                    links: never[];
-                };
-            };
-            contentManager: {
-                editView: {
-                    informations: never[];
-                    'right-links': never[];
-                };
-                listView: {
-                    actions: never[];
-                    deleteModalAdditionalInfos: never[];
-                    publishModalAdditionalInfos: never[];
-                    unpublishModalAdditionalInfos: never[];
-                };
-            };
-        };
+        injectionZones: {};
     };
     translations: StrapiApp['configurations']['translations'];
-    /**
-     * MENU API
-     */
-    menu: MenuItem[];
-    settings: Record<string, StrapiAppSetting>;
     configurations: {
         authLogo: string;
         head: {
@@ -131,47 +85,37 @@ declare class StrapiApp {
     /**
      * APIs
      */
-    private contentManager;
+    rbac: RBAC;
+    router: Router;
     library: Library;
     middlewares: Array<() => Middleware<object, RootState>>;
     reducers: ReducersMapObject;
+    store: Store | null;
     customFields: CustomFields;
     constructor({ config, appPlugins }?: StrapiAppConstructorArgs);
     addComponents: (components: Component | Component[]) => void;
     addFields: (fields: Field | Field[]) => void;
-    addMenuLink: (link: Omit<MenuItem, 'Component'> & {
-        Component: () => Promise<{
-            default: React.ComponentType;
-        }>;
-    }) => void;
     addMiddlewares: (middlewares: StrapiApp['middlewares']) => void;
+    addRBACMiddleware: (m: RBACMiddleware | RBACMiddleware[]) => void;
     addReducers: (reducers: ReducersMapObject) => void;
-    addSettingsLink: (sectionId: keyof StrapiApp['settings'], link: UnloadedSettingsLink) => void;
-    addSettingsLinks: (sectionId: Parameters<typeof this.addSettingsLink>[0], links: UnloadedSettingsLink[]) => void;
+    addMenuLink: (link: Parameters<typeof this.router.addMenuLink>[0]) => void;
+    /**
+     * @deprecated use `addSettingsLink` instead, it internally supports
+     * adding multiple links at once.
+     */
+    addSettingsLinks: (sectionId: string, links: UnloadedSettingsLink[]) => void;
+    /**
+     * @deprecated use `addSettingsLink` instead, you can pass a section object to
+     * create the section and links at the same time.
+     */
+    createSettingSection: (section: Pick<StrapiAppSetting, 'id' | 'intlLabel'>, links: UnloadedSettingsLink[]) => void;
+    addSettingsLink: (sectionId: string | Pick<StrapiAppSetting, 'id' | 'intlLabel'>, link: UnloadedSettingsLink) => void;
     bootstrap(customBootstrap?: unknown): Promise<void>;
     createCustomConfigurations: (customConfig: NonNullable<StrapiAppConstructorArgs['config']>) => void;
     createHook: (name: string) => void;
-    createSettingSection: (section: StrapiAppSetting, links: UnloadedSettingsLink[]) => void;
-    getAdminInjectedComponents: (moduleName: InjectionZoneModule, containerName: InjectionZoneContainer, blockName: InjectionZoneBlock) => InjectionZoneComponent[];
+    getAdminInjectedComponents: (moduleName: string, containerName: string, blockName: string) => InjectionZoneComponent[];
     getPlugin: (pluginId: PluginConfig['id']) => Plugin;
-    register(): Promise<void>;
-    injectContentManagerComponent: <TContainerName extends "listView" | "editView">(containerName: TContainerName, blockName: keyof {
-        editView: {
-            informations: InjectionZoneComponent[];
-            'right-links': InjectionZoneComponent[];
-        };
-        listView: {
-            actions: InjectionZoneComponent[];
-            deleteModalAdditionalInfos: InjectionZoneComponent[];
-            publishModalAdditionalInfos: InjectionZoneComponent[];
-            unpublishModalAdditionalInfos: InjectionZoneComponent[];
-        };
-    }[TContainerName], component: InjectionZoneComponent) => void;
-    injectAdminComponent: <TContainerName extends "tutorials">(containerName: TContainerName, blockName: keyof {
-        tutorials: {
-            links: InjectionZoneComponent[];
-        };
-    }[TContainerName], component: InjectionZoneComponent) => void;
+    register(customRegister?: unknown): Promise<void>;
     loadAdminTrads(): Promise<{
         [locale: string]: Record<string, string>;
     }>;
@@ -188,4 +132,4 @@ declare class StrapiApp {
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export { StrapiApp };
-export type { StrapiAppPlugin, StrapiAppSettingLink, StrapiAppSetting, MenuItem, StrapiAppConstructorArgs, };
+export type { StrapiAppPlugin, StrapiAppConstructorArgs, InjectionZoneComponent };

package/dist/admin/src/components/ConfirmDialog.d.ts

@@ -1,6 +1,11 @@
-import { ButtonProps, DialogBodyProps, DialogProps, DialogFooterProps } from '@strapi/design-system';
-interface ConfirmDialogProps extends Omit<DialogProps, 'title'>, Partial<Pick<DialogProps, 'title'>>, Pick<ButtonProps, 'variant'>, Partial<DialogFooterProps>, Pick<DialogBodyProps, 'icon'> {
+import * as React from 'react';
+import { ButtonProps, Dialog } from '@strapi/design-system';
+interface ConfirmDialogProps extends Pick<ButtonProps, 'variant'>, Pick<Dialog.BodyProps, 'icon'> {
     onConfirm?: () => Promise<void> | void;
+    children?: React.ReactNode;
+    endAction?: React.ReactNode;
+    startAction?: React.ReactNode;
+    title?: React.ReactNode;
 }
 /**
  * @beta
@@ -12,23 +17,28 @@ interface ConfirmDialogProps extends Omit<DialogProps, 'title'>, Partial<Pick<Di
  * custom component as the children prop.
  * @example
  * ```tsx
+ * import { Dialog } from '@strapi/design-system';
+ *
  * const DeleteAction = ({ id }) => {
  *  const [isOpen, setIsOpen] = React.useState(false);
  *
  *  const [delete] = useDeleteMutation()
  *  const handleConfirm = async () => {
  *    await delete(id)
+ *    setIsOpen(false)
  *  }
  *
  *  return (
- *    <>
- *      <Button onClick={() => setIsOpen(true)}>Delete</Button>
- *      <ConfirmDialog onConfirm={handleConfirm} onClose={() => setIsOpen(false)} isOpen={isOpen} />
- *    </>
+ *    <Dialog.Root open={isOpen} onOpenChange={setIsOpen}>
+ *      <Dialog.Trigger>
+ *        <Button>Delete</Button>
+ *      </Dialog.Trigger>
+ *      <ConfirmDialog onConfirm={handleConfirm} />
+ *    </Dialog.Root>
  *  )
  * }
  * ```
  */
-declare const ConfirmDialog: ({ children, icon, onClose, onConfirm, variant, startAction, endAction, ...props }: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConfirmDialog: ({ children, icon, onConfirm, variant, startAction, endAction, title, }: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;
 export { ConfirmDialog };
 export type { ConfirmDialogProps };

package/dist/admin/src/components/Context.d.ts

@@ -1,4 +1,10 @@
 import * as React from 'react';
+/**
+ * @experimental
+ * @description Create a context provider and a hook to consume the context.
+ *
+ * @warning this may be removed to the design-system instead of becoming stable.
+ */
 declare function createContext<ContextValueType extends object | null>(rootComponentName: string, defaultContext?: ContextValueType): readonly [{
     (props: ContextValueType & {
         children: React.ReactNode;

package/dist/admin/src/components/Filters.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { MainField } from '../content-manager/utils/attributes';
+import { Popover } from '@strapi/design-system';
+import { Schema } from '@strapi/types';
 import { InputProps } from './Form';
 interface FilterFormData {
     name: string;
@@ -9,23 +10,22 @@ interface FilterFormData {
 interface FitlersContextValue {
     disabled: boolean;
     onChange: (data: FilterFormData) => void;
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    setTriggerNode: (node: HTMLButtonElement | null) => void;
-    triggerNode: HTMLButtonElement | null;
     options: Filters.Filter[];
+    setOpen: (open: boolean) => void;
 }
-interface RootProps extends Partial<Pick<FitlersContextValue, 'disabled' | 'onChange' | 'options' | 'open'>> {
+interface RootProps extends Partial<FitlersContextValue>, Popover.Props {
     children: React.ReactNode;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
 }
 declare const Filters: {
     List: () => import("react/jsx-runtime").JSX.Element | null;
     Popover: () => import("react/jsx-runtime").JSX.Element | null;
-    Root: ({ children, disabled, onChange, onOpenChange, open: openProp, defaultOpen, options, }: RootProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ children, disabled, onChange, options, onOpenChange, open: openProp, defaultOpen, ...restProps }: RootProps) => import("react/jsx-runtime").JSX.Element;
     Trigger: React.ForwardRefExoticComponent<Filters.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
 };
+interface MainField {
+    name: string;
+    type: Schema.Attribute.Kind | 'custom';
+}
 declare namespace Filters {
     interface Filter {
         input?: React.ComponentType<ValueInputProps>;
@@ -74,6 +74,7 @@ declare namespace Filters {
              *    }
              *  }
              * }
+             * ```
              */
             $and?: Array<Record<string, Record<string, string | Record<string, string>>>>;
         };

package/dist/admin/src/components/Form.d.ts

@@ -33,7 +33,7 @@ declare const useForm: <Selected>(consumerName: string, selector: (value: FormCo
 interface FormHelpers<TFormValues extends FormValues = FormValues> extends Pick<FormContextValue<TFormValues>, 'setErrors' | 'setValues' | 'resetForm'> {
 }
 interface FormProps<TFormValues extends FormValues = FormValues> extends Partial<Pick<FormContextValue<TFormValues>, 'disabled' | 'initialValues'>> {
-    children: React.ReactNode | ((props: Pick<FormContextValue<TFormValues>, 'disabled' | 'errors' | 'isSubmitting' | 'modified' | 'values' | 'resetForm' | 'onChange'>) => React.ReactNode);
+    children: React.ReactNode | ((props: Pick<FormContextValue<TFormValues>, 'disabled' | 'errors' | 'isSubmitting' | 'modified' | 'values' | 'resetForm' | 'onChange' | 'setErrors'>) => React.ReactNode);
     method: 'POST' | 'PUT';
     onSubmit?: (values: TFormValues, helpers: FormHelpers<TFormValues>) => Promise<void> | void;
     validationSchema?: Yup.AnySchema;
@@ -47,6 +47,11 @@ interface FormProps<TFormValues extends FormValues = FormValues> extends Partial
 declare const Form: <TFormValues extends FormValues>(p: FormProps<TFormValues> & {
     ref?: React.Ref<HTMLFormElement> | undefined;
 }) => React.ReactElement;
+/**
+ * @description handy utility to convert a yup validation error into a form
+ * error object. To be used elsewhere.
+ */
+declare const getYupValidationErrors: (err: Yup.ValidationError) => FormErrors;
 type FormErrors<TFormValues extends FormValues = FormValues> = {
     [Key in keyof TFormValues]?: TFormValues[Key] extends any[] ? TFormValues[Key][number] extends object ? FormErrors<TFormValues[Key][number]>[] | string | string[] : string : TFormValues[Key] extends object ? FormErrors<TFormValues[Key]> : string;
 };
@@ -66,6 +71,15 @@ interface FieldValue<TValue = any> {
     value: TValue;
 }
 declare const useField: <TValue = any>(path: string) => FieldValue<TValue | undefined>;
-declare const Blocker: () => import("react/jsx-runtime").JSX.Element | null;
-export { Form, Blocker, useField, useForm };
-export type { FormHelpers, FormProps, FormValues, FormContextValue, FormState, FieldValue, InputProps, };
+/**
+ * Props for the Blocker component.
+ * @param onProceed Function to be called when the user confirms the action that triggered the blocker.
+ * @param onCancel Function to be called when the user cancels the action that triggered the blocker.
+ */
+interface BlockerProps {
+    onProceed?: () => void;
+    onCancel?: () => void;
+}
+declare const Blocker: ({ onProceed, onCancel }: BlockerProps) => import("react/jsx-runtime").JSX.Element | null;
+export { Form, Blocker, useField, useForm, getYupValidationErrors };
+export type { FormErrors, FormHelpers, FormProps, FormValues, FormContextValue, FormState, FieldValue, InputProps, };

package/dist/admin/src/components/FormInputs/Boolean.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputProps } from './types';
-declare const BooleanInput: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
-export { BooleanInput };
+declare const MemoizedBooleanInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>>;
+export { MemoizedBooleanInput as BooleanInput };

package/dist/admin/src/components/FormInputs/Checkbox.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputProps } from './types';
-declare const CheckboxInput: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
-export { CheckboxInput };
+declare const MemoizedCheckboxInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLButtonElement>>>;
+export { MemoizedCheckboxInput as CheckboxInput };

package/dist/admin/src/components/FormInputs/Date.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputProps } from './types';
-declare const DateInput: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
-export { DateInput };
+declare const MemoizedDateInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>>;
+export { MemoizedDateInput as DateInput };

package/dist/admin/src/components/FormInputs/DateTime.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputProps } from './types';
-declare const DateTimeInput: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
-export { DateTimeInput };
+declare const MemoizedDateTimeInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>>;
+export { MemoizedDateTimeInput as DateTimeInput };

package/dist/admin/src/components/FormInputs/Email.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import type { StringProps } from './types';
-export declare const EmailInput: import("react").ForwardRefExoticComponent<StringProps & import("react").RefAttributes<any>>;
+declare const MemoizedEmailInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<StringProps & import("react").RefAttributes<HTMLInputElement>>>;
+export { MemoizedEmailInput as EmailInput };

package/dist/admin/src/components/FormInputs/Enumeration.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import { EnumerationProps } from './types';
-export declare const EnumerationInput: import("react").ForwardRefExoticComponent<EnumerationProps & import("react").RefAttributes<any>>;
+declare const MemoizedEnumerationInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<EnumerationProps & import("react").RefAttributes<HTMLDivElement>>>;
+export { MemoizedEnumerationInput as EnumerationInput };

package/dist/admin/src/components/FormInputs/Json.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
+import { JSONInputRef } from '@strapi/design-system';
 import { InputProps } from './types';
-/**
- * TODO: fix the ref type when the design system is fixed.
- */
-export declare const JsonInput: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<any>>;
+declare const MemoizedJsonInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<JSONInputRef>>>;
+export { MemoizedJsonInput as JsonInput };

package/dist/admin/src/components/FormInputs/Number.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputProps } from './types';
-declare const NumberInputImpl: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
-export { NumberInputImpl as NumberInput };
+declare const MemoizedNumberInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>>;
+export { MemoizedNumberInput as NumberInput };

package/dist/admin/src/components/FormInputs/Password.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import type { StringProps } from './types';
-export declare const PasswordInput: import("react").ForwardRefExoticComponent<StringProps & import("react").RefAttributes<any>>;
+declare const MemoizedPasswordInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<StringProps & import("react").RefAttributes<HTMLInputElement>>>;
+export { MemoizedPasswordInput as PasswordInput };

package/dist/admin/src/components/FormInputs/Renderer.d.ts

@@ -1,10 +1,4 @@
 /// <reference types="react" />
 import type { InputProps } from '../Form';
-/**
- * @internal This needs to be tested before being exposed as a public API.
- * @experimental
- * @description A generic form renderer for Strapi forms. Similar to GenericInputs but with a different API.
- * The entire component is memoized to avoid re-renders in large forms.
- */
-declare const InputRenderer: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<any>>>;
-export { InputRenderer };
+declare const MemoizedInputRenderer: import("react").MemoExoticComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<any>>>>;
+export { MemoizedInputRenderer as InputRenderer };

package/dist/admin/src/components/FormInputs/String.d.ts

@@ -1,6 +1,4 @@
 /// <reference types="react" />
 import { type InputProps } from '../Form';
-/**
- * TODO: fix the ref type when the design system is fixed.
- */
-export declare const StringInput: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<any>>;
+declare const MemoizedStringInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>>;
+export { MemoizedStringInput as StringInput };

package/dist/admin/src/components/FormInputs/Textarea.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import type { StringProps } from './types';
-export declare const TextareaInput: import("react").ForwardRefExoticComponent<StringProps & import("react").RefAttributes<any>>;
+declare const MemoizedTextareaInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<StringProps & import("react").RefAttributes<HTMLTextAreaElement>>>;
+export { MemoizedTextareaInput as TextareaInput };

package/dist/admin/src/components/FormInputs/Time.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { InputProps } from './types';
-declare const TimeInput: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
-export { TimeInput };
+declare const MemoizedTimeInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>>;
+export { MemoizedTimeInput as TimeInput };

package/dist/admin/src/components/FormInputs/types.d.ts

@@ -23,6 +23,7 @@ interface InputProps {
     disabled?: boolean;
     hint?: ReactNode;
     label?: ReactNode;
+    labelAction?: ReactNode;
     name: string;
     placeholder?: string;
     required?: boolean;

package/dist/admin/src/components/Layouts/ActionLayout.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface ActionLayoutProps {
+    endActions?: React.ReactNode;
+    startActions?: React.ReactNode;
+}
+declare const ActionLayout: ({ startActions, endActions }: ActionLayoutProps) => import("react/jsx-runtime").JSX.Element | null;
+export { ActionLayout, type ActionLayoutProps };

package/dist/admin/src/components/Layouts/ContentLayout.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface ContentLayoutProps {
+    children: React.ReactNode;
+}
+declare const ContentLayout: ({ children }: ContentLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export { ContentLayout, type ContentLayoutProps };

package/dist/admin/src/components/Layouts/GridLayout.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+interface GridColSize {
+    S: number;
+    M: number;
+}
+declare const GridColSize: {
+    S: number;
+    M: number;
+};
+type Size = keyof GridColSize;
+interface GridLayoutProps {
+    size: Size;
+    children: React.ReactNode;
+}
+declare const GridLayout: ({ size, children }: GridLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export { GridLayout };
+export type { GridLayoutProps, GridColSize };

package/dist/admin/src/components/Layouts/HeaderLayout.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { TypographyProps } from '@strapi/design-system';
+interface BaseHeaderLayoutProps extends Omit<TypographyProps<'div'>, 'tag'> {
+    navigationAction?: React.ReactNode;
+    primaryAction?: React.ReactNode;
+    secondaryAction?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    sticky?: boolean;
+    width?: number;
+}
+declare const BaseHeaderLayout: React.ForwardRefExoticComponent<BaseHeaderLayoutProps & React.RefAttributes<HTMLDivElement>>;
+interface HeaderLayoutProps extends BaseHeaderLayoutProps {
+}
+declare const HeaderLayout: {
+    (props: HeaderLayoutProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type { HeaderLayoutProps, BaseHeaderLayoutProps };
+export { HeaderLayout, BaseHeaderLayout };

package/dist/admin/src/components/Layouts/Layout.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { GridLayoutProps } from './GridLayout';
+interface LayoutProps {
+    children: React.ReactNode;
+    sideNav?: React.ReactNode;
+}
+declare const Layouts: {
+    Root: ({ sideNav, children }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+    Header: {
+        (props: import("./HeaderLayout").HeaderLayoutProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    BaseHeader: React.ForwardRefExoticComponent<import("./HeaderLayout").BaseHeaderLayoutProps & React.RefAttributes<HTMLDivElement>>;
+    Grid: ({ size, children }: GridLayoutProps) => import("react/jsx-runtime").JSX.Element;
+    Action: ({ startActions, endActions }: import("./ActionLayout").ActionLayoutProps) => import("react/jsx-runtime").JSX.Element | null;
+    Content: ({ children }: import("./ContentLayout").ContentLayoutProps) => import("react/jsx-runtime").JSX.Element;
+};
+export { Layouts, type LayoutProps, type GridLayoutProps };

package/dist/admin/src/components/MainNav/MainNav.d.ts

@@ -0,0 +1,3 @@
+import { FlexProps } from '@strapi/design-system';
+declare const MainNav: (props: FlexProps<'nav'>) => import("react/jsx-runtime").JSX.Element;
+export { MainNav };

package/dist/admin/src/components/MainNav/NavBrand.d.ts

@@ -0,0 +1 @@
+export declare const NavBrand: () => import("react/jsx-runtime").JSX.Element;

package/dist/admin/src/components/MainNav/NavLink.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { TooltipProps as DSTooltipProps, BadgeProps } from '@strapi/design-system';
+import { LinkProps } from 'react-router-dom';
+declare const NavLink: {
+    Link: ({ children, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+    Tooltip: ({ children, label, position }: NavLink.TooltipProps) => import("react/jsx-runtime").JSX.Element;
+    Icon: ({ label, children }: {
+        label: string;
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    Badge: ({ children, label, ...props }: NavLink.NavBadgeProps) => import("react/jsx-runtime").JSX.Element | null;
+};
+declare namespace NavLink {
+    interface NavBadgeProps extends BadgeProps {
+        children: React.ReactNode;
+        label: string;
+    }
+    interface TooltipProps {
+        children: React.ReactNode;
+        label?: string;
+        position?: DSTooltipProps['side'];
+    }
+}
+export { NavLink };

package/dist/admin/src/components/MainNav/NavUser.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ButtonProps } from '@strapi/design-system';
+export interface NavUserProps extends ButtonProps {
+    initials: string;
+    children?: React.ReactNode;
+}
+export declare const NavUser: ({ children, initials, ...props }: NavUserProps) => import("react/jsx-runtime").JSX.Element;

package/dist/admin/src/components/PageHelpers.d.ts

@@ -30,13 +30,17 @@ export interface ProtectProps {
      */
     permissions?: Array<Omit<Partial<Permission>, 'action'> & Pick<Permission, 'action'>>;
 }
+export interface TitleProps {
+    children: string;
+}
 declare const Page: {
     Error: (props: ErrorProps) => import("react/jsx-runtime").JSX.Element;
     Loading: ({ children }: LoadingProps) => import("react/jsx-runtime").JSX.Element;
     NoPermissions: (props: NoPermissionsProps) => import("react/jsx-runtime").JSX.Element;
-    Protect: ({ permissions, children }: ProtectProps) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    Protect: ({ permissions, children }: ProtectProps) => import("react/jsx-runtime").JSX.Element;
     NoData: (props: NoDataProps) => import("react/jsx-runtime").JSX.Element;
     Main: ({ children, ...restProps }: PageMainProps) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ children: title }: TitleProps) => null;
 };
 export { Page };
 export type { ErrorProps, LoadingProps, NoPermissionsProps, PageMainProps as MainProps };

package/dist/admin/src/components/Table.d.ts

@@ -100,7 +100,7 @@ declare const Table: {
     HeaderCheckboxCell: () => import("react/jsx-runtime").JSX.Element;
     Body: ({ children }: Table.BodyProps) => import("react/jsx-runtime").JSX.Element | null;
     CheckboxCell: ({ id, ...props }: Table.CheckboxCellProps) => import("react/jsx-runtime").JSX.Element;
-    Cell: ({ children, ...props }: RawTdProps) => import("react/jsx-runtime").JSX.Element;
+    Cell: (props: Table.CellProps) => import("react/jsx-runtime").JSX.Element;
     Row: (props: Table.RowProps) => import("react/jsx-runtime").JSX.Element;
     Loading: ({ children }: Table.LoadingProps) => import("react/jsx-runtime").JSX.Element | null;
     Empty: (props: Table.EmptyProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/admin/src/constants.d.ts

@@ -1,4 +1,4 @@
-import type { StrapiAppSettingLink } from './StrapiApp';
+import type { StrapiAppSettingLink } from './core/apis/router';
 export declare const ADMIN_PERMISSIONS_CE: {
     contentManager: {
         main: never[];
@@ -182,8 +182,8 @@ export declare const HOOKS: {
      */
     MUTATE_SINGLE_TYPES_LINKS: string;
 };
-export interface SettingsMenuLink extends Omit<StrapiAppSettingLink, 'Component' | 'permissions' | 'lockIcon'> {
-    lockIcon?: boolean;
+export interface SettingsMenuLink extends Omit<StrapiAppSettingLink, 'Component' | 'permissions' | 'licenseOnly'> {
+    licenseOnly?: boolean;
 }
 export type SettingsMenu = {
     admin: SettingsMenuLink[];