@strapi/admin 0.0.0-experimental.62ce06180fe9a772eaeb3d43d238b26644f39f7c → 0.0.0-experimental.6340da17068c3bed7fb006e7bcc554c71129e282

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

@@ -1,21 +1,18 @@
 import * as React from 'react';
-import { DefaultTheme } from 'styled-components';
 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 { Widgets } from './core/apis/Widgets';
 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';
+import type { DefaultTheme } from 'styled-components';
 interface StrapiAppConstructorArgs extends Partial<Pick<StrapiApp, 'appPlugins'>> {
     config?: {
         auth?: {
             logo: string;
         };
-        head?: {
-            favicon: string;
-        };
         locales?: string[];
         menu?: {
             logo: string;
@@ -31,42 +28,23 @@ 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;
-    position?: number;
-}
-interface StrapiAppSettingLink extends Omit<MenuItem, 'icon' | 'notificationCount'> {
-    id: string;
-}
+type Translation = {
+    data: Record<string, string>;
+    locale: string;
+};
+type Translations = Array<Translation>;
 interface StrapiAppPlugin {
-    bootstrap: (args: Pick<StrapiApp, 'addSettingsLink' | 'addSettingsLinks' | 'getPlugin' | 'registerHook'>) => void;
+    bootstrap?: (args: Pick<StrapiApp, 'addSettingsLink' | 'addSettingsLinks' | 'getPlugin' | 'registerHook'>) => void;
     register: (app: StrapiApp) => void;
-    registerTrads: (args: {
+    registerTrads?: (args: {
         locales: string[];
-    }) => Promise<{
-        data: Record<string, string>;
-        locale: string;
-    }[]>;
+    }) => Promise<Translations>;
 }
 interface InjectionZoneComponent {
     Component: React.ComponentType;
     name: string;
     slug: string;
 }
-interface UnloadedSettingsLink extends Omit<StrapiAppSettingLink, 'Component'> {
-    Component: () => Promise<{
-        default: React.ComponentType;
-    }>;
-}
 interface Component {
     name: string;
     Component: React.ComponentType;
@@ -79,31 +57,17 @@ 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>>;
+    private warnedLegacyLocalePairs;
     admin: {
         injectionZones: {};
     };
     translations: StrapiApp['configurations']['translations'];
-    /**
-     * MENU API
-     */
-    menu: MenuItem[];
-    settings: Record<string, StrapiAppSetting>;
     configurations: {
         authLogo: string;
-        head: {
-            favicon: string;
-        };
         locales: string[];
         menuLogo: string;
         notifications: {
@@ -120,30 +84,44 @@ declare class StrapiApp {
      * APIs
      */
     rbac: RBAC;
+    router: Router;
     library: Library;
     middlewares: Array<() => Middleware<object, RootState>>;
     reducers: ReducersMapObject;
+    store: Store | null;
     customFields: CustomFields;
+    widgets: Widgets;
     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;
+    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;
+    /**
+     * Register one or more settings links under an existing or new section.
+     *
+     * @param sectionId - Section id string, or section metadata to create a new section
+     * @param link - A single link or an array of links to register
+     */
+    addSettingsLink: (sectionId: string | Pick<StrapiAppSetting, "id" | "intlLabel">, link: UnloadedSettingsLink | UnloadedSettingsLink[]) => void;
     bootstrap(customBootstrap?: unknown): Promise<void>;
-    createCustomConfigurations: (customConfig: NonNullable<StrapiAppConstructorArgs['config']>) => void;
+    createCustomConfigurations: (customConfig: NonNullable<StrapiAppConstructorArgs["config"]>) => void;
     createHook: (name: string) => void;
-    createSettingSection: (section: StrapiAppSetting, links: UnloadedSettingsLink[]) => void;
     getAdminInjectedComponents: (moduleName: string, containerName: string, blockName: string) => InjectionZoneComponent[];
-    getPlugin: (pluginId: PluginConfig['id']) => Plugin;
-    register(): Promise<void>;
+    getPlugin: (pluginId: PluginConfig["id"]) => Plugin;
+    register(customRegister?: unknown): Promise<void>;
+    private mergePluginTranslationsByCanonical;
     loadAdminTrads(): Promise<{
         [locale: string]: Record<string, string>;
     }>;
@@ -160,4 +138,4 @@ declare class StrapiApp {
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export { StrapiApp };
-export type { StrapiAppPlugin, StrapiAppSettingLink, StrapiAppSetting, MenuItem, StrapiAppConstructorArgs, InjectionZoneComponent, };
+export type { StrapiAppPlugin, StrapiAppConstructorArgs, InjectionZoneComponent };

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

@@ -1,7 +1,8 @@
 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;
+    onConfirm?: (e?: React.MouseEvent<HTMLButtonElement>) => Promise<void> | void;
+    onCancel?: (e?: React.MouseEvent<HTMLButtonElement>) => Promise<void> | void;
     children?: React.ReactNode;
     endAction?: React.ReactNode;
     startAction?: React.ReactNode;
@@ -39,6 +40,6 @@ interface ConfirmDialogProps extends Pick<ButtonProps, 'variant'>, Pick<Dialog.B
  * }
  * ```
  */
-declare const ConfirmDialog: ({ children, icon, onConfirm, variant, startAction, endAction, title, }: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const ConfirmDialog: ({ children, icon, onConfirm, onCancel, variant, startAction, endAction, title, }: ConfirmDialogProps) => import("react/jsx-runtime").JSX.Element;
 export { ConfirmDialog };
 export type { ConfirmDialogProps };

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

@@ -10,5 +10,5 @@ declare function createContext<ContextValueType extends object | null>(rootCompo
         children: React.ReactNode;
     }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
-}, <Selected>(consumerName: string, selector: (value: ContextValueType) => Selected) => Selected];
+}, <Selected, ShouldThrow extends boolean = true>(consumerName: string, selector: (value: ContextValueType) => Selected, shouldThrowOnMissingContext?: ShouldThrow) => ShouldThrow extends true ? Selected : Selected | undefined];
 export { createContext };

package/dist/admin/src/components/DefaultDocument.js

@@ -0,0 +1,65 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var NoJavascript = require('./NoJavascript.js');
+
+const globalStyles = `
+  html,
+  body,
+  #strapi {
+    height: 100%;
+  }
+  body {
+    margin: 0;
+    -webkit-font-smoothing: antialiased;
+  }
+`;
+/**
+ * @internal
+ */ const DefaultDocument = ({ entryPath })=>{
+    return /*#__PURE__*/ jsxRuntime.jsxs("html", {
+        lang: "en",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs("head", {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("meta", {
+                        charSet: "utf-8"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("meta", {
+                        name: "viewport",
+                        content: "width=device-width, initial-scale=1, viewport-fit=cover"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("meta", {
+                        name: "robots",
+                        content: "noindex"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("meta", {
+                        name: "referrer",
+                        content: "same-origin"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("title", {
+                        children: "Strapi Admin"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx("style", {
+                        children: globalStyles
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs("body", {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx("div", {
+                        id: "strapi"
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(NoJavascript.NoJavascript, {}),
+                    entryPath ? /*#__PURE__*/ jsxRuntime.jsx("script", {
+                        type: "module",
+                        src: entryPath
+                    }) : null
+                ]
+            })
+        ]
+    });
+};
+
+exports.DefaultDocument = DefaultDocument;
+//# sourceMappingURL=DefaultDocument.js.map

package/dist/admin/src/components/DefaultDocument.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDocument.js","sources":["../../../../admin/src/components/DefaultDocument.tsx"],"sourcesContent":["import { NoJavascript } from './NoJavascript';\n\nconst globalStyles = `\n  html,\n  body,\n  #strapi {\n    height: 100%;\n  }\n  body {\n    margin: 0;\n    -webkit-font-smoothing: antialiased;\n  }\n`;\n\ninterface DefaultDocumentProps {\n  entryPath?: string;\n}\n\n/**\n * @internal\n */\nconst DefaultDocument = ({ entryPath }: DefaultDocumentProps) => {\n  return (\n    <html lang=\"en\">\n      <head>\n        <meta charSet=\"utf-8\" />\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\" />\n        <meta name=\"robots\" content=\"noindex\" />\n        <meta name=\"referrer\" content=\"same-origin\" />\n\n        <title>Strapi Admin</title>\n        <style>{globalStyles}</style>\n      </head>\n      <body>\n        <div id=\"strapi\" />\n        <NoJavascript />\n        {entryPath ? <script type=\"module\" src={entryPath} /> : null}\n      </body>\n    </html>\n  );\n};\n\nexport { DefaultDocument };\n"],"names":["globalStyles","DefaultDocument","entryPath","_jsxs","html","lang","head","_jsx","meta","charSet","name","content","title","style","body","div","id","NoJavascript","script","type","src"],"mappings":";;;;;AAEA,MAAMA,eAAe;;;;;;;;;;AAUrB,CAAC;AAMD;;AAEC,IACD,MAAMC,eAAAA,GAAkB,CAAC,EAAEC,SAAS,EAAwB,GAAA;AAC1D,IAAA,qBACEC,eAAA,CAACC,MAAAA,EAAAA;QAAKC,IAAAA,EAAK,IAAA;;0BACTF,eAAA,CAACG,MAAAA,EAAAA;;kCACCC,cAAA,CAACC,MAAAA,EAAAA;wBAAKC,OAAAA,EAAQ;;kCACdF,cAAA,CAACC,MAAAA,EAAAA;wBAAKE,IAAAA,EAAK,UAAA;wBAAWC,OAAAA,EAAQ;;kCAC9BJ,cAAA,CAACC,MAAAA,EAAAA;wBAAKE,IAAAA,EAAK,QAAA;wBAASC,OAAAA,EAAQ;;kCAC5BJ,cAAA,CAACC,MAAAA,EAAAA;wBAAKE,IAAAA,EAAK,UAAA;wBAAWC,OAAAA,EAAQ;;kCAE9BJ,cAAA,CAACK,OAAAA,EAAAA;AAAM,wBAAA,QAAA,EAAA;;kCACPL,cAAA,CAACM,OAAAA,EAAAA;AAAOb,wBAAAA,QAAAA,EAAAA;;;;0BAEVG,eAAA,CAACW,MAAAA,EAAAA;;kCACCP,cAAA,CAACQ,KAAAA,EAAAA;wBAAIC,EAAAA,EAAG;;kCACRT,cAAA,CAACU,yBAAAA,EAAAA,EAAAA,CAAAA;AACAf,oBAAAA,SAAAA,iBAAYK,cAAA,CAACW,QAAAA,EAAAA;wBAAOC,IAAAA,EAAK,QAAA;wBAASC,GAAAA,EAAKlB;AAAgB,qBAAA,CAAA,GAAA;;;;;AAIhE;;;;"}

package/dist/admin/src/components/DefaultDocument.mjs

@@ -0,0 +1,63 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { NoJavascript } from './NoJavascript.mjs';
+
+const globalStyles = `
+  html,
+  body,
+  #strapi {
+    height: 100%;
+  }
+  body {
+    margin: 0;
+    -webkit-font-smoothing: antialiased;
+  }
+`;
+/**
+ * @internal
+ */ const DefaultDocument = ({ entryPath })=>{
+    return /*#__PURE__*/ jsxs("html", {
+        lang: "en",
+        children: [
+            /*#__PURE__*/ jsxs("head", {
+                children: [
+                    /*#__PURE__*/ jsx("meta", {
+                        charSet: "utf-8"
+                    }),
+                    /*#__PURE__*/ jsx("meta", {
+                        name: "viewport",
+                        content: "width=device-width, initial-scale=1, viewport-fit=cover"
+                    }),
+                    /*#__PURE__*/ jsx("meta", {
+                        name: "robots",
+                        content: "noindex"
+                    }),
+                    /*#__PURE__*/ jsx("meta", {
+                        name: "referrer",
+                        content: "same-origin"
+                    }),
+                    /*#__PURE__*/ jsx("title", {
+                        children: "Strapi Admin"
+                    }),
+                    /*#__PURE__*/ jsx("style", {
+                        children: globalStyles
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("body", {
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        id: "strapi"
+                    }),
+                    /*#__PURE__*/ jsx(NoJavascript, {}),
+                    entryPath ? /*#__PURE__*/ jsx("script", {
+                        type: "module",
+                        src: entryPath
+                    }) : null
+                ]
+            })
+        ]
+    });
+};
+
+export { DefaultDocument };
+//# sourceMappingURL=DefaultDocument.mjs.map

package/dist/admin/src/components/DefaultDocument.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDocument.mjs","sources":["../../../../admin/src/components/DefaultDocument.tsx"],"sourcesContent":["import { NoJavascript } from './NoJavascript';\n\nconst globalStyles = `\n  html,\n  body,\n  #strapi {\n    height: 100%;\n  }\n  body {\n    margin: 0;\n    -webkit-font-smoothing: antialiased;\n  }\n`;\n\ninterface DefaultDocumentProps {\n  entryPath?: string;\n}\n\n/**\n * @internal\n */\nconst DefaultDocument = ({ entryPath }: DefaultDocumentProps) => {\n  return (\n    <html lang=\"en\">\n      <head>\n        <meta charSet=\"utf-8\" />\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, viewport-fit=cover\" />\n        <meta name=\"robots\" content=\"noindex\" />\n        <meta name=\"referrer\" content=\"same-origin\" />\n\n        <title>Strapi Admin</title>\n        <style>{globalStyles}</style>\n      </head>\n      <body>\n        <div id=\"strapi\" />\n        <NoJavascript />\n        {entryPath ? <script type=\"module\" src={entryPath} /> : null}\n      </body>\n    </html>\n  );\n};\n\nexport { DefaultDocument };\n"],"names":["globalStyles","DefaultDocument","entryPath","_jsxs","html","lang","head","_jsx","meta","charSet","name","content","title","style","body","div","id","NoJavascript","script","type","src"],"mappings":";;;AAEA,MAAMA,eAAe;;;;;;;;;;AAUrB,CAAC;AAMD;;AAEC,IACD,MAAMC,eAAAA,GAAkB,CAAC,EAAEC,SAAS,EAAwB,GAAA;AAC1D,IAAA,qBACEC,IAAA,CAACC,MAAAA,EAAAA;QAAKC,IAAAA,EAAK,IAAA;;0BACTF,IAAA,CAACG,MAAAA,EAAAA;;kCACCC,GAAA,CAACC,MAAAA,EAAAA;wBAAKC,OAAAA,EAAQ;;kCACdF,GAAA,CAACC,MAAAA,EAAAA;wBAAKE,IAAAA,EAAK,UAAA;wBAAWC,OAAAA,EAAQ;;kCAC9BJ,GAAA,CAACC,MAAAA,EAAAA;wBAAKE,IAAAA,EAAK,QAAA;wBAASC,OAAAA,EAAQ;;kCAC5BJ,GAAA,CAACC,MAAAA,EAAAA;wBAAKE,IAAAA,EAAK,UAAA;wBAAWC,OAAAA,EAAQ;;kCAE9BJ,GAAA,CAACK,OAAAA,EAAAA;AAAM,wBAAA,QAAA,EAAA;;kCACPL,GAAA,CAACM,OAAAA,EAAAA;AAAOb,wBAAAA,QAAAA,EAAAA;;;;0BAEVG,IAAA,CAACW,MAAAA,EAAAA;;kCACCP,GAAA,CAACQ,KAAAA,EAAAA;wBAAIC,EAAAA,EAAG;;kCACRT,GAAA,CAACU,YAAAA,EAAAA,EAAAA,CAAAA;AACAf,oBAAAA,SAAAA,iBAAYK,GAAA,CAACW,QAAAA,EAAAA;wBAAOC,IAAAA,EAAK,QAAA;wBAASC,GAAAA,EAAKlB;AAAgB,qBAAA,CAAA,GAAA;;;;;AAIhE;;;;"}

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

@@ -1,11 +1,15 @@
 import * as React from 'react';
 import { DragLayerMonitor } from 'react-dnd';
+import type { WidgetArgs } from '../core/apis/Widgets';
+export interface WidgetDragItem extends Pick<WidgetArgs, 'title' | 'icon' | 'link' | 'component'> {
+    type: 'widget';
+    id: string;
+    originalIndex: number;
+}
+export declare function isWidgetDragItem(item: unknown): item is WidgetDragItem;
 export interface DragLayerProps {
     renderItem: (item: {
-        /**
-         * TODO: it'd be great if we could make this a union where the type infers the item.
-         */
-        item: any;
+        item: unknown;
         type: ReturnType<DragLayerMonitor['getItemType']>;
     }) => React.ReactNode;
 }

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Popover } from '@strapi/design-system';
-import { Schema } from '@strapi/types';
 import { InputProps } from './Form';
+import type { Schema } from '@strapi/types';
 interface FilterFormData {
     name: string;
     filter: string;
@@ -12,13 +12,17 @@ interface FitlersContextValue {
     onChange: (data: FilterFormData) => void;
     options: Filters.Filter[];
     setOpen: (open: boolean) => void;
+    editingFilter: FilterFormData | null;
+    setEditingFilter: (filter: FilterFormData | null) => void;
 }
-interface RootProps extends Partial<FitlersContextValue>, Popover.Props {
+interface RootProps extends Partial<Pick<FitlersContextValue, 'disabled' | 'onChange' | 'options'>>, Popover.Props {
     children: React.ReactNode;
 }
 declare const Filters: {
     List: () => import("react/jsx-runtime").JSX.Element | null;
-    Popover: () => import("react/jsx-runtime").JSX.Element | null;
+    Popover: ({ zIndex }: {
+        zIndex?: number;
+    }) => import("react/jsx-runtime").JSX.Element | null;
     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>>;
 };

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

@@ -1,12 +1,18 @@
 import * as React from 'react';
+import { type BoxProps } from '@strapi/design-system';
+import { type MessageDescriptor, type PrimitiveType } from 'react-intl';
 import type { InputProps as InputPropsImpl, StringProps, EnumerationProps } from './FormInputs/types';
 import type * as Yup from 'yup';
 type InputProps = InputPropsImpl | StringProps | EnumerationProps;
+interface TranslationMessage extends MessageDescriptor {
+    values?: Record<string, PrimitiveType>;
+}
 interface FormValues {
     [field: string]: any;
 }
 interface FormContextValue<TFormValues extends FormValues = FormValues> extends FormState<TFormValues> {
     disabled: boolean;
+    getValues: () => TFormValues;
     initialValues: TFormValues;
     modified: boolean;
     /**
@@ -17,11 +23,11 @@ interface FormContextValue<TFormValues extends FormValues = FormValues> extends
     moveFieldRow: (field: string, fromIndex: number, toIndex: number) => void;
     onChange: (eventOrPath: React.ChangeEvent<any> | string, value?: any) => void;
     removeFieldRow: (field: string, removeAtIndex?: number) => void;
-    resetForm: () => void;
+    resetForm: (newInitialValues?: TFormValues) => void;
     setErrors: (errors: FormErrors<TFormValues>) => void;
     setSubmitting: (isSubmitting: boolean) => void;
     setValues: (values: TFormValues) => void;
-    validate: () => Promise<{
+    validate: (shouldSetErrors?: boolean, options?: Record<string, string>) => Promise<{
         data: TFormValues;
         errors?: never;
     } | {
@@ -29,14 +35,16 @@ interface FormContextValue<TFormValues extends FormValues = FormValues> extends
         errors: FormErrors<TFormValues>;
     }>;
 }
-declare const useForm: <Selected>(consumerName: string, selector: (value: FormContextValue<FormValues>) => Selected) => Selected;
+declare const useForm: <Selected, ShouldThrow extends boolean = true>(consumerName: string, selector: (value: FormContextValue<FormValues>) => Selected, shouldThrowOnMissingContext?: ShouldThrow | undefined) => ShouldThrow extends true ? Selected : Selected | undefined;
 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'>> {
+interface FormProps<TFormValues extends FormValues = FormValues> extends Partial<Pick<FormContextValue<TFormValues>, 'disabled' | 'initialValues'>>, Pick<BoxProps, 'width' | 'height'> {
     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;
+    initialErrors?: FormErrors<TFormValues>;
+    validate?: (values: TFormValues, options: Record<string, string>) => Promise<any>;
 }
 /**
  * @alpha
@@ -45,7 +53,7 @@ interface FormProps<TFormValues extends FormValues = FormValues> extends Partial
  * use the generic useForm hook or the useField hook when providing the name of your field.
  */
 declare const Form: <TFormValues extends FormValues>(p: FormProps<TFormValues> & {
-    ref?: React.Ref<HTMLFormElement> | undefined;
+    ref?: React.Ref<HTMLFormElement>;
 }) => React.ReactElement;
 /**
  * @description handy utility to convert a yup validation error into a form
@@ -53,7 +61,7 @@ declare const Form: <TFormValues extends FormValues>(p: FormProps<TFormValues> &
  */
 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;
+    [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 | TranslationMessage;
 };
 interface FormState<TFormValues extends FormValues = FormValues> {
     /**
@@ -69,8 +77,9 @@ interface FieldValue<TValue = any> {
     initialValue: TValue;
     onChange: (eventOrPath: React.ChangeEvent<any> | string, value?: TValue) => void;
     value: TValue;
+    rawError?: any;
 }
-declare const useField: <TValue = any>(path: string) => FieldValue<TValue | undefined>;
+declare function useField<TValue = any>(path: string): FieldValue<TValue | undefined>;
 /**
  * Props for the Blocker component.
  * @param onProceed Function to be called when the user confirms the action that triggered the blocker.

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from './types';
 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,4 +1,3 @@
-/// <reference types="react" />
 import type { StringProps } from './types';
 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,4 +1,3 @@
-/// <reference types="react" />
 import { EnumerationProps } from './types';
 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,5 +1,5 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { JSONInputRef } from '@strapi/design-system';
 import { InputProps } from './types';
-declare const MemoizedJsonInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<JSONInputRef>>>;
+declare const MemoizedJsonInput: React.MemoExoticComponent<React.ForwardRefExoticComponent<InputProps & React.RefAttributes<JSONInputRef>>>;
 export { MemoizedJsonInput as JsonInput };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputProps } from './types';
 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,4 +1,3 @@
-/// <reference types="react" />
 import type { StringProps } from './types';
 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,4 +1,3 @@
-/// <reference types="react" />
 import type { InputProps } from '../Form';
 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,4 +1,3 @@
-/// <reference types="react" />
 import { type InputProps } from '../Form';
 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,4 +1,3 @@
-/// <reference types="react" />
 import type { StringProps } from './types';
 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,3 @@
-/// <reference types="react" />
 import { InputProps } from './types';
 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

@@ -28,6 +28,6 @@ interface InputProps {
     placeholder?: string;
     required?: boolean;
     options?: never;
-    type: Exclude<Schema.Attribute.Kind, 'enumeration' | 'media' | 'blocks' | 'richtext' | 'uid' | 'dynamiczone' | 'component' | 'relation' | 'text' | 'string' | 'password' | 'email'> | 'checkbox';
+    type: Exclude<Schema.Attribute.Kind, 'enumeration' | 'media' | 'blocks' | 'richtext' | 'dynamiczone' | 'component' | 'relation' | 'text' | 'string' | 'password' | 'email'> | 'checkbox';
 }
 export type { EnumerationProps, InputProps, StringProps };

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

@@ -0,0 +1,36 @@
+import { type WidgetRow } from '../utils/widgetLayout';
+import type { WidgetWithUID } from '../core/apis/Widgets';
+export declare const DROP_ZONE_SIZE = 20;
+export interface GapDropZonePosition {
+    insertIndex: number;
+    position: {
+        left: number;
+        top: number;
+        height: number;
+        width: number;
+    };
+    isVisible: boolean;
+    type: 'vertical' | 'horizontal';
+    isHorizontalDrop?: boolean;
+    targetRowIndex?: number;
+}
+interface GapDropZoneManagerProps {
+    filteredWidgets: WidgetWithUID[];
+    columnWidths: Record<string, number>;
+    draggedWidgetId?: string;
+    moveWidget: (id: string, to: number, targetRowIndex?: number, isHorizontalDrop?: boolean) => void;
+}
+declare const getRowInfo: (row: WidgetRow) => {
+    firstWidgetElement: HTMLElement;
+    lastWidgetElement: HTMLElement;
+    containerElement: HTMLElement;
+    firstRect: DOMRect;
+    lastRect: DOMRect;
+    containerRect: DOMRect;
+    rowHeight: number;
+    rowTop: number;
+} | null;
+export declare const addVerticalDropZones: (row: WidgetRow, rowInfo: ReturnType<typeof getRowInfo>, rowIndex: number) => GapDropZonePosition[];
+export declare const addHorizontalDropZones: (row: WidgetRow, rowIndex: number, rowInfo: ReturnType<typeof getRowInfo>, widgetRows: WidgetRow[], filteredWidgets: WidgetWithUID[]) => GapDropZonePosition[];
+export declare const GapDropZoneManager: ({ filteredWidgets, columnWidths, draggedWidgetId, moveWidget, }: GapDropZoneManagerProps) => import("react/jsx-runtime").JSX.Element[];
+export {};

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

@@ -0,0 +1,4 @@
+declare const GradientBadgeWithIcon: ({ label }: {
+    label: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export { GradientBadgeWithIcon as GradientBadge };