@strapi/content-manager 0.0.0-experimental.e60ec1829240dae21c1e1d29076681c322288813 → 0.0.0-experimental.eba25ec571b091c6bde1104eb6c753debdf15462

package/dist/admin/src/hooks/useDocumentLayout.d.ts

@@ -93,7 +93,7 @@ declare const DEFAULT_SETTINGS: {
  * const { model } = useParams<{ model: string }>();
  * const { edit: { schema: layout } } = useDocumentLayout(model);
  *
- * return layout.map(panel => panel.map(row => row.map(field => <Field {...field} />)))
+ * return layout.map(panel => panel.map(row => row.map(field => <Field.Root {...field} />)))
  * ```
  *
  */
@@ -103,7 +103,7 @@ declare const useDocumentLayout: UseDocumentLayout;
  * content-manager because it won't work as intended.
  */
 declare const useDocLayout: () => {
-    error?: BaseQueryError | SerializedError | undefined;
+    error?: SerializedError | BaseQueryError | undefined;
     isLoading: boolean;
     /**
      * This is the layout for the edit view,

package/dist/admin/src/hooks/useDragAndDrop.d.ts

@@ -23,15 +23,15 @@ interface UseDragAndDropOptions<TIndex extends number | Array<number> = number,
     dropSensitivity?: (typeof DROP_SENSITIVITY)[keyof typeof DROP_SENSITIVITY];
 }
 type Identifier = ReturnType<HandlerManager['getHandlerId']>;
-type UseDragAndDropReturn<Element extends HTMLElement = HTMLElement> = [
+type UseDragAndDropReturn<E extends Element = HTMLElement> = [
     props: {
         handlerId: Identifier;
         isDragging: boolean;
-        handleKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+        handleKeyDown: <E extends Element>(event: React.KeyboardEvent<E>) => void;
         isOverDropTarget: boolean;
         direction: (typeof DIRECTIONS)[keyof typeof DIRECTIONS] | null;
     },
-    objectRef: React.RefObject<Element>,
+    objectRef: React.RefObject<E>,
     dropRef: ConnectDropTarget,
     dragRef: ConnectDragSource,
     dragPreviewRef: ConnectDragPreview
@@ -47,5 +47,5 @@ declare const useDragAndDrop: <TIndex extends number | number[], TItem extends {
 } = {
     [key: string]: unknown;
     index: TIndex;
-}, Element extends HTMLElement = HTMLElement>(active: boolean, { type, index, item, onStart, onEnd, onGrabItem, onDropItem, onCancel, onMoveItem, dropSensitivity, }: UseDragAndDropOptions<TIndex, TItem>) => UseDragAndDropReturn<Element>;
+}, E extends Element = HTMLElement>(active: boolean, { type, index, item, onStart, onEnd, onGrabItem, onDropItem, onCancel, onMoveItem, dropSensitivity, }: UseDragAndDropOptions<TIndex, TItem>) => UseDragAndDropReturn<E>;
 export { useDragAndDrop, UseDragAndDropReturn, UseDragAndDropOptions, DIRECTIONS, DROP_SENSITIVITY, };

package/dist/admin/src/hooks/useKeyboardDragAndDrop.d.ts

@@ -11,4 +11,4 @@ export type UseKeyboardDragAndDropCallbacks<TIndex extends number | Array<number
  *
  * @internal - You should use `useDragAndDrop` instead.
  */
-export declare const useKeyboardDragAndDrop: <TIndex extends number | number[] = number>(active: boolean, index: TIndex, { onCancel, onDropItem, onGrabItem, onMoveItem }: UseKeyboardDragAndDropCallbacks<TIndex>) => React.KeyboardEventHandler<HTMLButtonElement>;
+export declare const useKeyboardDragAndDrop: <TIndex extends number | number[] = number>(active: boolean, index: TIndex, { onCancel, onDropItem, onGrabItem, onMoveItem }: UseKeyboardDragAndDropCallbacks<TIndex>) => <E extends Element>(e: React.KeyboardEvent<E>) => void;

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

@@ -1,5 +1,6 @@
 declare const _default: {
     register(app: any): void;
+    bootstrap(app: any): void;
     registerTrads({ locales }: {
         locales: string[];
     }): Promise<({

package/dist/admin/src/pages/EditView/EditViewPage.d.ts

@@ -1,3 +1,11 @@
+import { type UseDocument } from '../../hooks/useDocument';
 declare const EditViewPage: () => import("react/jsx-runtime").JSX.Element;
+/**
+ * @internal
+ * @description Returns the status of the document where its latest state takes priority,
+ * this typically will be "published" unless a user has edited their draft in which we should
+ * display "modified".
+ */
+declare const getDocumentStatus: (document: ReturnType<UseDocument>['document'], meta: ReturnType<UseDocument>['meta']) => 'draft' | 'published' | 'modified';
 declare const ProtectedEditViewPage: () => import("react/jsx-runtime").JSX.Element;
-export { EditViewPage, ProtectedEditViewPage };
+export { EditViewPage, ProtectedEditViewPage, getDocumentStatus };

package/dist/admin/src/pages/EditView/components/DocumentActions.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { NotificationConfig } from '@strapi/admin/strapi-admin';
+import { ButtonProps } from '@strapi/design-system';
 import type { DocumentActionComponent } from '../../../content-manager';
 type DocumentActionPosition = 'panel' | 'header' | 'table-row';
 interface DocumentActionDescription {
@@ -19,12 +20,13 @@ interface DocumentActionDescription {
     /**
      * @default 'secondary'
      */
-    variant?: 'default' | 'secondary' | 'danger' | 'success';
+    variant?: ButtonProps['variant'];
 }
 interface DialogOptions {
     type: 'dialog';
     title: string;
     content?: React.ReactNode;
+    variant?: ButtonProps['variant'];
     onConfirm?: () => void | Promise<void>;
     onCancel?: () => void | Promise<void>;
 }
@@ -44,8 +46,10 @@ interface NotificationOptions {
 interface ModalOptions {
     type: 'modal';
     title: string;
-    content: React.ReactNode;
-    footer: React.ComponentType<{
+    content: React.ComponentType<{
+        onClose: () => void;
+    }> | React.ReactNode;
+    footer?: React.ComponentType<{
         onClose: () => void;
     }> | React.ReactNode;
     onClose?: () => void;
@@ -57,6 +61,9 @@ interface DocumentActionsProps {
     actions: Action[];
 }
 declare const DocumentActions: ({ actions }: DocumentActionsProps) => import("react/jsx-runtime").JSX.Element | null;
+interface DocumentActionButtonProps extends Action {
+}
+declare const DocumentActionButton: (action: DocumentActionButtonProps) => import("react/jsx-runtime").JSX.Element;
 interface DocumentActionsMenuProps {
     actions: Action[];
     children?: React.ReactNode;
@@ -65,5 +72,5 @@ interface DocumentActionsMenuProps {
 }
 declare const DocumentActionsMenu: ({ actions, children, label, variant, }: DocumentActionsMenuProps) => import("react/jsx-runtime").JSX.Element;
 declare const DEFAULT_ACTIONS: DocumentActionComponent[];
-export { DocumentActions, DocumentActionsMenu, DEFAULT_ACTIONS };
+export { DocumentActions, DocumentActionsMenu, DocumentActionButton, DEFAULT_ACTIONS };
 export type { DocumentActionDescription, DialogOptions, NotificationOptions, ModalOptions };

package/dist/admin/src/pages/EditView/components/DocumentStatus.d.ts

@@ -1,5 +1,5 @@
 import { StatusProps } from '@strapi/design-system';
-interface DocumentStatusProps extends Omit<StatusProps, 'children' | 'showBullet' | 'size' | 'variant'> {
+interface DocumentStatusProps extends Omit<StatusProps, 'children' | 'variant'> {
     /**
      * The status of the document (draft, published, etc.)
      * @default 'draft'
@@ -11,6 +11,6 @@ interface DocumentStatusProps extends Omit<StatusProps, 'children' | 'showBullet
  * @description Displays the status of a document (draft, published, etc.)
  * and automatically calculates the appropriate variant for the status.
  */
-declare const DocumentStatus: ({ status, ...restProps }: DocumentStatusProps) => import("react/jsx-runtime").JSX.Element;
+declare const DocumentStatus: ({ status, size, ...restProps }: DocumentStatusProps) => import("react/jsx-runtime").JSX.Element;
 export { DocumentStatus };
 export type { DocumentStatusProps };

package/dist/admin/src/pages/EditView/components/FormInputs/BlocksInput/BlocksInput.d.ts

@@ -5,7 +5,7 @@ interface BlocksInputProps extends Omit<InputProps, 'type'> {
     labelAction?: React.ReactNode;
     type: Schema.Attribute.Blocks['type'];
 }
-declare const BlocksInput: React.ForwardRefExoticComponent<BlocksInputProps & React.RefAttributes<{
+declare const MemoizedBlocksInput: React.MemoExoticComponent<React.ForwardRefExoticComponent<BlocksInputProps & React.RefAttributes<{
     focus: () => void;
-}>>;
-export { BlocksInput };
+}>>>;
+export { MemoizedBlocksInput as BlocksInput };

package/dist/admin/src/pages/EditView/components/FormInputs/BlocksInput/utils/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const codeLanguages: {
+    value: string;
+    label: string;
+}[];

package/dist/admin/src/pages/EditView/components/FormInputs/Component/Input.d.ts

@@ -13,6 +13,6 @@ interface ComponentInputProps extends Omit<Extract<EditFieldLayout, {
      */
     layout: EditFieldLayout[][];
 }
-declare const ComponentInput: ({ label, required, name, attribute, disabled, labelAction, ...props }: ComponentInputProps) => import("react/jsx-runtime").JSX.Element;
-export { ComponentInput };
+declare const MemoizedComponentInput: React.MemoExoticComponent<({ label, required, name, attribute, disabled, labelAction, ...props }: ComponentInputProps) => import("react/jsx-runtime").JSX.Element>;
+export { MemoizedComponentInput as ComponentInput };
 export type { ComponentInputProps };

package/dist/admin/src/pages/EditView/components/FormInputs/DynamicZone/ComponentCategory.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AccordionVariant } from '@strapi/design-system';
+import { Accordion } from '@strapi/design-system';
 interface ComponentCategoryProps {
     category: string;
     components?: Array<{
@@ -7,11 +7,9 @@ interface ComponentCategoryProps {
         displayName: string;
         icon?: string;
     }>;
-    isOpen?: boolean;
     onAddComponent: (componentUid: string) => React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLDivElement>;
-    onToggle: (category: string) => void;
-    variant?: AccordionVariant;
+    variant?: Accordion.Variant;
 }
-declare const ComponentCategory: ({ category, components, variant, isOpen, onAddComponent, onToggle, }: ComponentCategoryProps) => import("react/jsx-runtime").JSX.Element;
+declare const ComponentCategory: ({ category, components, variant, onAddComponent, }: ComponentCategoryProps) => import("react/jsx-runtime").JSX.Element;
 export { ComponentCategory };
 export type { ComponentCategoryProps };

package/dist/admin/src/pages/EditView/components/FormInputs/DynamicZone/Field.d.ts

@@ -9,6 +9,6 @@ interface DynamicZoneProps extends Omit<Extract<EditFieldLayout, {
     type: 'dynamiczone';
 }>, 'size' | 'hint'>, Pick<InputProps, 'hint'>, Pick<DynamicZoneLabelProps, 'labelAction'> {
 }
-declare const DynamicZone: ({ attribute, disabled, hint, label, labelAction, name, required, }: DynamicZoneProps) => import("react/jsx-runtime").JSX.Element;
+declare const DynamicZone: ({ attribute, disabled: disabledProp, hint, label, labelAction, name, required, }: DynamicZoneProps) => import("react/jsx-runtime").JSX.Element;
 export { DynamicZone, useDynamicZone };
 export type { DynamicZoneProps };

package/dist/admin/src/pages/EditView/components/FormInputs/Relations.d.ts

@@ -1,26 +1,38 @@
 import * as React from 'react';
 import { type InputProps } from '@strapi/admin/strapi-admin';
+import { FlexComponent } from '@strapi/design-system';
 import { type EditFieldLayout } from '../../../../hooks/useDocumentLayout';
+import { RelationResult } from '../../../../services/relations';
+type RelationPosition = (Pick<RelationResult, 'status' | 'locale'> & {
+    before: string;
+    end?: never;
+}) | {
+    end: boolean;
+    before?: never;
+    status?: never;
+    locale?: never;
+};
+interface Relation extends Pick<RelationResult, 'documentId' | 'id' | 'locale' | 'status'> {
+    href: string;
+    label: string;
+    position?: RelationPosition;
+    __temp_key__: string;
+}
 interface RelationsFieldProps extends Omit<Extract<EditFieldLayout, {
     type: 'relation';
 }>, 'size' | 'hint'>, Pick<InputProps, 'hint'> {
 }
-/**
- * TODO: we get a rather ugly flash when we remove a single relation from the list leaving
- * no other relations when we press save. The initial relation re-renders, probably because
- * of the lag in the Form cleaning it's "disconnect" array, whilst our data has not been invalidated.
- *
- * Could we invalidate relation data on the document actions? Should we?
- */
-/**
- * @internal
- * @description The relations field holds a lot of domain logic for handling relations which is rather complicated
- * At present we do not expose this to plugin developers, however, they are able to overwrite it themselves should
- * they wish to do so.
- */
-declare const RelationsField: React.ForwardRefExoticComponent<RelationsFieldProps & React.RefAttributes<HTMLDivElement>>;
-declare const FlexWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("@strapi/design-system").FlexProps<"div">, never>;
-declare const DisconnectButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
-declare const LinkEllipsis: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@strapi/design-system").LinkProps & React.RefAttributes<HTMLAnchorElement>>, import("styled-components").DefaultTheme, {}, never>;
-export { RelationsField as RelationsInput, FlexWrapper, DisconnectButton, LinkEllipsis };
+export interface RelationsFormValue {
+    connect?: Relation[];
+    disconnect?: Pick<Relation, 'id'>[];
+}
+declare const FlexWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<Omit<import("@strapi/design-system").FlexProps<"div">, "ref"> & React.RefAttributes<unknown>, "ref"> & {
+    ref?: ((instance: unknown) => void) | React.RefObject<unknown> | null | undefined;
+}, never>> & Omit<FlexComponent, keyof React.Component<any, {}, any>>;
+declare const DisconnectButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
+declare const LinkEllipsis: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<Omit<import("@strapi/design-system").LinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>, "ref"> & {
+    ref?: ((instance: unknown) => void) | React.RefObject<unknown> | null | undefined;
+}, never>> & Omit<(<C extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "a">(props: React.PropsWithoutRef<import("@strapi/design-system").LinkProps<C>> & React.RefAttributes<unknown>) => React.ReactNode), keyof React.Component<any, {}, any>>;
+declare const MemoizedRelationsField: React.MemoExoticComponent<React.ForwardRefExoticComponent<RelationsFieldProps & React.RefAttributes<HTMLDivElement>>>;
+export { MemoizedRelationsField as RelationsInput, FlexWrapper, DisconnectButton, LinkEllipsis };
 export type { RelationsFieldProps };

package/dist/admin/src/pages/EditView/components/FormInputs/UID.d.ts

@@ -4,6 +4,6 @@ import type { Schema } from '@strapi/types';
 interface UIDInputProps extends Omit<InputProps, 'type'> {
     type: Schema.Attribute.TypeOf<Schema.Attribute.UID>;
 }
-declare const UIDInput: React.ForwardRefExoticComponent<UIDInputProps & React.RefAttributes<any>>;
-export { UIDInput };
+declare const MemoizedUIDInput: React.MemoExoticComponent<React.ForwardRefExoticComponent<UIDInputProps & React.RefAttributes<any>>>;
+export { MemoizedUIDInput as UIDInput };
 export type { UIDInputProps };

package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/EditorLayout.d.ts

@@ -7,54 +7,8 @@ interface EditorLayoutProps {
     onCollapse: () => void;
 }
 declare const EditorLayout: ({ children, isExpandMode, error, previewContent, onCollapse, }: EditorLayoutProps) => import("react/jsx-runtime").JSX.Element;
-declare const ExpandButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Pick<import("styled-components").CSSProperties, "position" | "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "zIndex" | "transition" | "animation" | "textAlign" | "textTransform"> & {
-    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
-    background?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"colors", "background">;
-    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-    borderColor?: keyof import("@strapi/design-system/dist/themes/colors").Colors | undefined;
-    color?: keyof import("@strapi/design-system/dist/themes/colors").Colors | undefined;
-    flex?: import("csstype").Property.Flex<string | number> | undefined;
-    fontSize?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
-    grow?: import("csstype").Property.FlexGrow | undefined;
-    hasRadius?: boolean | undefined;
-    hiddenS?: boolean | undefined;
-    hiddenXS?: boolean | undefined;
-    padding?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"padding">;
-    paddingBottom?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
-    paddingLeft?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
-    paddingRight?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
-    paddingTop?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
-    margin?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"margin">;
-    marginLeft?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
-    marginBottom?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
-    marginRight?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
-    marginTop?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
-    shadow?: keyof import("@strapi/design-system/dist/themes/colors").Shadows | undefined;
-    shrink?: import("csstype").Property.FlexShrink | undefined;
-    lineHeight?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
-    width?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "width">;
-    minWidth?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
-    maxWidth?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
-    height?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "height">;
-    minHeight?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
-    maxHeight?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
-    top?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "top">;
-    left?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "left">;
-    bottom?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "bottom">;
-    right?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "right">;
-    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-    borderStyle?: import("csstype").Property.BorderStyle | undefined;
-    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
-    children?: React.ReactNode;
-    as?: string | React.ComponentType<any> | undefined;
-    forwardedAs?: string | React.ComponentType<any> | undefined;
-} & {
-    alignItems?: import("csstype").Property.AlignItems | undefined;
-    direction?: import("csstype").Property.FlexDirection | undefined;
-    gap?: any;
-    inline?: boolean | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | undefined;
-    wrap?: import("csstype").Property.FlexWrap | undefined;
-} & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+declare const ExpandButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<Omit<import("@strapi/design-system").ButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>, "ref"> & {
+    ref?: ((instance: unknown) => void) | React.RefObject<unknown> | null | undefined;
+}, never>> & Omit<(<C extends React.ElementType<any, keyof React.JSX.IntrinsicElements> = "button">(props: React.PropsWithoutRef<import("@strapi/design-system").ButtonProps<C>> & React.RefAttributes<unknown>) => React.ReactNode), keyof React.Component<any, {}, any>>;
 export { EditorLayout, ExpandButton };
 export type { EditorLayoutProps };

package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/Field.d.ts

@@ -6,6 +6,6 @@ interface WysiwygProps extends Omit<InputProps, 'type'> {
     labelAction?: React.ReactNode;
     type: Schema.Attribute.RichText['type'];
 }
-declare const Wysiwyg: React.ForwardRefExoticComponent<WysiwygProps & React.RefAttributes<EditorApi>>;
-export { Wysiwyg };
+declare const MemoizedWysiwyg: React.MemoExoticComponent<React.ForwardRefExoticComponent<WysiwygProps & React.RefAttributes<EditorApi>>>;
+export { MemoizedWysiwyg as Wysiwyg };
 export type { WysiwygProps };

package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/WysiwygFooter.d.ts

@@ -1,6 +1,6 @@
-import { BaseButtonProps } from '@strapi/design-system';
+import { ButtonProps } from '@strapi/design-system';
 interface WysiwygFooterProps {
-    onToggleExpand: BaseButtonProps['onClick'];
+    onToggleExpand: ButtonProps['onClick'];
 }
 declare const WysiwygFooter: ({ onToggleExpand }: WysiwygFooterProps) => import("react/jsx-runtime").JSX.Element;
 export { WysiwygFooter };

package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/WysiwygStyles.d.ts

@@ -1,55 +1,18 @@
 /// <reference types="react" />
-export declare const CustomIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@strapi/design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const CustomLinkIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@strapi/design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const MainButtons: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("@strapi/design-system").FlexProps<"div">, never>;
-export declare const MoreButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@strapi/design-system").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const IconButtonGroupMargin: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("@strapi/design-system").FlexProps<"div">, never>;
-export declare const ExpandButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & Pick<import("styled-components").CSSProperties, "position" | "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "zIndex" | "transition" | "animation" | "textAlign" | "textTransform"> & {
-    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
-    background?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"colors", "background">;
-    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
-    borderColor?: keyof import("@strapi/design-system/dist/themes/colors").Colors | undefined;
-    color?: keyof import("@strapi/design-system/dist/themes/colors").Colors | undefined;
-    flex?: import("csstype").Property.Flex<string | number> | undefined;
-    fontSize?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
-    grow?: import("csstype").Property.FlexGrow | undefined;
-    hasRadius?: boolean | undefined;
-    hiddenS?: boolean | undefined;
-    hiddenXS?: boolean | undefined;
-    padding?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"padding">;
-    paddingBottom?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
-    paddingLeft?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
-    paddingRight?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
-    paddingTop?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
-    margin?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"margin">;
-    marginLeft?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
-    marginBottom?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
-    marginRight?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
-    marginTop?: import("@strapi/design-system/dist/helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
-    shadow?: keyof import("@strapi/design-system/dist/themes/colors").Shadows | undefined;
-    shrink?: import("csstype").Property.FlexShrink | undefined;
-    lineHeight?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
-    width?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "width">;
-    minWidth?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
-    maxWidth?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
-    height?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "height">;
-    minHeight?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
-    maxHeight?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
-    top?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "top">;
-    left?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "left">;
-    bottom?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "bottom">;
-    right?: import("@strapi/design-system/dist/types").DefaultThemeOrCSSProp<"spaces", "right">;
-    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
-    borderStyle?: import("csstype").Property.BorderStyle | undefined;
-    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+import { IconButtonComponent } from '@strapi/design-system';
+export declare const MainButtons: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<any, never>> | (import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<any, never>> & Omit<any, keyof import("react").Component<any, {}, any>>);
+export declare const MoreButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("@strapi/design-system").TransientBoxProps & {
     children?: import("react").ReactNode;
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
-} & {
-    alignItems?: import("csstype").Property.AlignItems | undefined;
-    direction?: import("csstype").Property.FlexDirection | undefined;
-    gap?: any;
-    inline?: boolean | undefined;
-    justifyContent?: import("csstype").Property.JustifyContent | undefined;
-    wrap?: import("csstype").Property.FlexWrap | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+} & import("@strapi/design-system/dist/types").AsProp<"button"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | keyof import("@strapi/design-system/dist/types").AsProp<C> | keyof import("@strapi/design-system").TransientBoxProps> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("@strapi/design-system").TransientFlexProps & Pick<import("@strapi/design-system").ButtonProps, "size" | "variant"> & {
+    children: import("react").ReactNode;
+    disabled?: boolean | undefined;
+    label: string;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    withTooltip?: boolean | undefined;
+}, never>> & Omit<IconButtonComponent, keyof import("react").Component<any, {}, any>>;
+export declare const IconButtonGroupMargin: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<any, never>> | (import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<any, never>> & Omit<any, keyof import("react").Component<any, {}, any>>);
+export declare const ExpandButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<Omit<import("@strapi/design-system").ButtonProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>>, "ref"> & import("react").RefAttributes<unknown>, "ref"> & {
+    ref?: ((instance: unknown) => void) | import("react").RefObject<unknown> | null | undefined;
+}, never>> & Omit<(<C extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "button">(props: import("react").PropsWithoutRef<import("@strapi/design-system").ButtonProps<C>> & import("react").RefAttributes<unknown>) => import("react").ReactNode), keyof import("react").Component<any, {}, any>>;

package/dist/admin/src/pages/EditView/components/Header.d.ts

@@ -6,20 +6,20 @@ interface HeaderProps {
     title?: string;
 }
 declare const Header: ({ isCreating, status, title: documentTitle }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-interface HeaderButtonAction {
+interface DialogOptions {
+    type: 'dialog';
+    title: string;
+    content?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+interface HeaderActionDescription {
     disabled?: boolean;
     label: string;
     icon?: React.ReactNode;
-    /**
-     * @default 'default'
-     */
     type?: 'icon' | 'default';
-    onClick?: (event: React.SyntheticEvent) => void;
-}
-interface HeaderSelectAction {
-    disabled?: boolean;
-    label: string;
-    options: Array<{
+    onClick?: (event: React.SyntheticEvent) => Promise<boolean | void> | boolean | void;
+    dialog?: DialogOptions;
+    options?: Array<{
         disabled?: boolean;
         label: string;
         startIcon?: React.ReactNode;
@@ -28,8 +28,8 @@ interface HeaderSelectAction {
     }>;
     onSelect?: (value: string) => void;
     value?: string;
+    customizeContent?: (value: string) => React.ReactNode;
 }
-type HeaderActionDescription = HeaderButtonAction | HeaderSelectAction;
 declare const DEFAULT_HEADER_ACTIONS: DocumentActionComponent[];
 export { Header, DEFAULT_HEADER_ACTIONS };
 export type { HeaderProps, HeaderActionDescription };

package/dist/admin/src/pages/EditView/components/InputRenderer.d.ts

@@ -3,15 +3,7 @@ import type { EditFieldLayout } from '../../../hooks/useDocumentLayout';
 import type { Schema } from '@strapi/types';
 import type { DistributiveOmit } from 'react-redux';
 type InputRendererProps = DistributiveOmit<EditFieldLayout, 'size'>;
-/**
- * @internal
- *
- * @description An abstraction around the regular form input renderer designed
- * specifically to be used in the EditView of the content-manager this understands
- * the complete EditFieldLayout and will handle RBAC conditions and rendering CM specific
- * components such as Blocks / Relations.
- */
-declare const InputRenderer: ({ visible, hint: providedHint, ...props }: InputRendererProps) => import("react/jsx-runtime").JSX.Element | null;
 declare const useFieldHint: (hint: ReactNode, attribute: Schema.Attribute.AnyAttribute) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | (string | import("react/jsx-runtime").JSX.Element | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal)[] | null | undefined;
+declare const MemoizedInputRenderer: import("react").MemoExoticComponent<({ visible, hint: providedHint, ...props }: InputRendererProps) => import("react/jsx-runtime").JSX.Element | null>;
 export type { InputRendererProps };
-export { InputRenderer, useFieldHint };
+export { MemoizedInputRenderer as InputRenderer, useFieldHint };

package/dist/admin/src/pages/ListView/components/BulkActions/Actions.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { NotificationConfig } from '@strapi/admin/strapi-admin';
+import { ButtonProps } from '@strapi/design-system';
+import { DialogOptions, ModalOptions, NotificationOptions } from '../../../EditView/components/DocumentActions';
 import type { BulkActionComponent } from '../../../../content-manager';
 interface BulkActionDescription {
     dialog?: DialogOptions | NotificationOptions | ModalOptions;
@@ -14,35 +15,7 @@ interface BulkActionDescription {
     /**
      * @default 'secondary'
      */
-    variant?: 'default' | 'secondary' | 'tertiary' | 'danger-light' | 'success';
-}
-interface DialogOptions {
-    type: 'dialog';
-    title: string;
-    content?: React.ReactNode;
-    onConfirm?: () => void | Promise<void>;
-    onCancel?: () => void | Promise<void>;
-}
-interface NotificationOptions {
-    type: 'notification';
-    title: string;
-    link?: {
-        label: string;
-        url: string;
-        target?: string;
-    };
-    content?: string;
-    onClose?: () => void;
-    status?: NotificationConfig['type'];
-    timeout?: number;
-}
-interface ModalOptions {
-    type: 'modal';
-    title: string;
-    content: React.ComponentType<{
-        onClose: () => void;
-    }>;
-    onClose?: () => void;
+    variant?: ButtonProps['variant'];
 }
 declare const BulkActionsRenderer: () => import("react/jsx-runtime").JSX.Element;
 declare const Emphasis: (chunks: React.ReactNode) => import("react/jsx-runtime").JSX.Element;

package/dist/admin/src/pages/ListView/components/BulkActions/ConfirmBulkActionDialog.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { DialogFooterProps } from '@strapi/design-system';
-interface ConfirmBulkActionDialogProps extends Pick<DialogFooterProps, 'endAction'> {
+interface ConfirmBulkActionDialogProps {
+    endAction: React.ReactNode;
     onToggleDialog: () => void;
     isOpen?: boolean;
     dialogBody: React.ReactNode;

package/dist/admin/src/pages/ListView/components/BulkActions/PublishAction.d.ts

@@ -1,31 +1,14 @@
-import * as React from 'react';
-import { MessageDescriptor } from 'react-intl';
-import { Document } from '../../../../hooks/useDocument';
+import { ConfirmDialogPublishAllProps } from './ConfirmBulkActionDialog';
 import type { BulkActionComponent } from '../../../../content-manager';
-import type { Data } from '@strapi/types';
-interface EntryValidationTextProps {
-    validationErrors?: Record<string, MessageDescriptor>;
-    isPublished?: boolean;
+import type { Document } from '../../../../hooks/useDocument';
+interface TableRow extends Document {
 }
-interface SelectedEntriesTableContentProps {
-    isPublishing?: boolean;
-    rowsToDisplay?: TableRow[];
-    entriesToPublish?: Data.ID[];
-    validationErrors: Record<string, EntryValidationTextProps['validationErrors']>;
+interface SelectedEntriesModalContentProps {
+    listViewSelectedEntries: TableRow[];
+    toggleModal: ConfirmDialogPublishAllProps['onToggleDialog'];
+    setListViewSelectedDocuments: (documents: TableRow[]) => void;
+    model: string;
 }
-interface SelectedEntriesModalContentProps extends Pick<SelectedEntriesTableContentProps, 'validationErrors'> {
-    isDialogOpen: boolean;
-    setIsDialogOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    refetchList: () => void;
-    setSelectedListViewEntries: React.Dispatch<React.SetStateAction<Document['id'][]>>;
-    setEntriesToFetch: React.Dispatch<React.SetStateAction<Document['id'][]>>;
-    validationErrors: Record<string, EntryValidationTextProps['validationErrors']>;
-    setIsPublishModalBtnDisabled: React.Dispatch<React.SetStateAction<boolean>>;
-}
-interface TableRow {
-    id: Data.ID;
-    publishedAt: string | null;
-}
-declare const SelectedEntriesModalContent: ({ validationErrors, }: SelectedEntriesModalContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectedEntriesModalContent: ({ listViewSelectedEntries, toggleModal, setListViewSelectedDocuments, model, }: SelectedEntriesModalContentProps) => import("react/jsx-runtime").JSX.Element;
 declare const PublishAction: BulkActionComponent;
 export { PublishAction, SelectedEntriesModalContent };

package/dist/admin/src/preview/components/PreviewContent.d.ts

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

package/dist/admin/src/preview/components/PreviewHeader.d.ts

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

package/dist/admin/src/preview/components/PreviewSidePanel.d.ts

@@ -0,0 +1,3 @@
+import type { PanelComponent } from '@strapi/content-manager/strapi-admin';
+declare const PreviewSidePanel: PanelComponent;
+export { PreviewSidePanel };

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

@@ -0,0 +1 @@
+export declare const FEATURE_ID = "preview";