@pimcore/studio-ui-bundle 2025.4.3 → 2025.4.5

package/dist/build/types/src/core/modules/document/editor/sidebar/tabs/areablock-types/components/areablock-types-list/areablock-types-list.styles.d.ts

@@ -7,7 +7,11 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    collapsibleContainer: import("antd-style").SerializedStyles;
-    gridContainer: import("antd-style").SerializedStyles;
-}>;
+export declare const useStyles: (props?: unknown) => {
+    styles: {
+        collapsibleContainer: string;
+        gridContainer: string;
+    };
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/document/editor/sidebar/tabs/areablock-types/components/draggable-areablock-type/draggable-areablock-type.d.ts

@@ -11,7 +11,6 @@ import React from 'react';
 import { type AreablockTypeEntry } from '../../../../../../../../modules/document/document-editor-slice';
 interface DraggableAreablockTypeProps {
     type: AreablockTypeEntry;
-    globalIndex: number;
 }
-export declare const DraggableAreablockType: ({ type, globalIndex }: DraggableAreablockTypeProps) => React.JSX.Element;
+export declare const DraggableAreablockType: ({ type }: DraggableAreablockTypeProps) => React.JSX.Element;
 export {};

package/dist/build/types/src/core/modules/document/editor/sidebar/tabs/areablock-types/utils/icon-fallback.d.ts

@@ -7,8 +7,5 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-import { type ElementIcon } from '../../../../../../../modules/asset/asset-api-slice.gen';
-/**
- * Gets the icon for an areablock type, applying fallback icon if no icon is provided
- */
-export declare const getAreablockTypeIcon: (icon: string | undefined, index: number) => ElementIcon;
+import { type ElementIcon } from '../../../../../../../components/icon/icon';
+export declare const getAreablockTypeIcon: (icon: string | undefined) => ElementIcon;

package/dist/build/types/src/core/modules/document/editor/sidebar/tabs/document-configuration/document-configuration-form.d.ts

@@ -33,7 +33,10 @@ interface DocumentConfigurationFormProps {
             template?: string | null;
         }>;
     };
+    isLoadingControllers?: boolean;
+    isLoadingTemplates?: boolean;
+    isLoadingDocTypes?: boolean;
     hasSavePermission?: boolean;
 }
-export declare const DocumentConfigurationForm: ({ documentId, documentType, initialValues, apiData, hasSavePermission }: DocumentConfigurationFormProps) => React.JSX.Element;
+export declare const DocumentConfigurationForm: ({ documentId, documentType, initialValues, apiData, isLoadingControllers, isLoadingTemplates, isLoadingDocTypes, hasSavePermission }: DocumentConfigurationFormProps) => React.JSX.Element;
 export {};

package/dist/build/types/src/core/modules/element/actions/delete/use-delete.styles.d.ts

@@ -0,0 +1,14 @@
+/**
+ * This source file is available under the terms of the
+ * Pimcore Open Core License (POCL)
+ * Full copyright and license information is available in
+ * LICENSE.md which is distributed with this source code.
+ *
+ *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
+ *  @license    Pimcore Open Core License (POCL)
+ */
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    warningText: {
+        color: string;
+    };
+}>;

package/dist/build/types/src/core/modules/element/components/element-toolbar/element-toolbar.skeleton.styles.d.ts

@@ -7,6 +7,10 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyle: (props?: unknown) => import("antd-style").ReturnStyles<{
-    skeleton: import("antd-style").SerializedStyles;
-}>;
+export declare const useStyle: (props?: unknown) => {
+    styles: {
+        skeleton: string;
+    };
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/components/element-toolbar/element-toolbar.styles.d.ts

@@ -7,8 +7,12 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyle: (props?: unknown) => import("antd-style").ReturnStyles<{
-    toolbar: import("antd-style").SerializedStyles;
-    dropdownInfoWrapper: import("antd-style").SerializedStyles;
-    dropdownInfo: import("antd-style").SerializedStyles;
-}>;
+export declare const useStyle: (props?: unknown) => {
+    styles: {
+        toolbar: string;
+        dropdownInfoWrapper: string;
+        dropdownInfo: string;
+    };
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/components/language-selection/permission-based-language-selection-control.d.ts

@@ -13,5 +13,6 @@ export interface PermissionBasedLanguageSelectionControlProps {
     onChange: (value: string | null) => void;
     isNullable?: boolean;
     customKeys?: string[];
+    excludeLocales?: string[];
 }
 export declare const PermissionBasedLanguageSelectionControl: (props: PermissionBasedLanguageSelectionControlProps) => React.JSX.Element;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/area-editable/area-editable.styles.d.ts

@@ -7,6 +7,10 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    editButtonContainer: import("antd-style").SerializedStyles;
-}>;
+export declare const useStyles: (props?: unknown) => {
+    styles: {
+        editButtonContainer: string;
+    };
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/areablock-editable/areablock-editable.styles.d.ts

@@ -7,17 +7,11 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    areablockToolstrip: {
-        display: "inline-block";
-        width: string;
-        marginTop: number;
-        marginBottom: number;
+export declare const useStyles: (props?: unknown) => {
+    styles: {
+        areablockToolstrip: string;
+        areaEntry: string;
     };
-    areaEntry: {
-        '&[data-hidden="true"] .pimcore_area_content': {
-            filter: "blur(1px)";
-            opacity: number;
-        };
-    };
-}>;
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/areablock-editable/components/sortable-areablock-toolbar/sortable-areablock-toolbar.d.ts

@@ -8,16 +8,18 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import React from 'react';
-import { type AreablockManager } from '../../utils/areablock-manager';
 import { type AreaType, type AreablockEditableConfig } from '../../areablock-editable';
 export interface SortableAreablockToolbarProps {
     id: string;
-    buttonsContainer: HTMLElement;
     element: HTMLElement;
     limitReached: boolean;
     areaTypes: AreaType[];
     config?: AreablockEditableConfig;
-    areablockManager: AreablockManager;
+    isFirst: boolean;
+    isLast: boolean;
+    isHidden: boolean;
+    toolbarTitle?: string;
+    hasDialogBox: boolean;
     onAddArea: (element: HTMLElement | null, areaType?: string) => void;
     onRemoveArea: (element: HTMLElement) => void;
     onMoveAreaUp: (element: HTMLElement) => void;
@@ -27,4 +29,4 @@ export interface SortableAreablockToolbarProps {
     isInherited?: boolean;
     onOverwrite?: () => void;
 }
-export declare const SortableAreablockToolbar: ({ id, buttonsContainer, element, limitReached, areaTypes, config, areablockManager, onAddArea, onRemoveArea, onMoveAreaUp, onMoveAreaDown, onOpenDialog, onToggleHidden, isInherited, onOverwrite }: SortableAreablockToolbarProps) => React.JSX.Element;
+export declare const SortableAreablockToolbar: (props: SortableAreablockToolbarProps) => React.JSX.Element;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/block-editable/block-editable.styles.d.ts

@@ -7,14 +7,11 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useBlockEditableStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    blockContainer: {
-        position: "relative";
+export declare const useBlockEditableStyles: (props?: unknown) => {
+    styles: {
+        blockContainer: string;
+        blockToolstrip: string;
     };
-    blockToolstrip: {
-        display: "inline-block";
-        width: string;
-        marginTop: number;
-        marginBottom: number;
-    };
-}>;
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/block-editable/components/sortable-block-toolbar/sortable-block-toolbar.d.ts

@@ -8,13 +8,16 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import React from 'react';
-import { type BlockManager } from '../../utils/block-manager';
 export interface SortableBlockToolbarProps {
     id: string;
-    buttonsContainer: HTMLElement;
     element: HTMLElement;
     limitReached: boolean;
-    blockManager: BlockManager;
+    isFirst: boolean;
+    isLast: boolean;
+    hasPlus: boolean;
+    hasMinus: boolean;
+    hasUp: boolean;
+    hasDown: boolean;
     onAddBlock: (element: HTMLElement | null, amount?: number) => void;
     onRemoveBlock: (element: HTMLElement) => void;
     onMoveBlockUp: (element: HTMLElement) => void;
@@ -22,4 +25,4 @@ export interface SortableBlockToolbarProps {
     isInherited?: boolean;
     onOverwrite?: () => void;
 }
-export declare const SortableBlockToolbar: ({ id, buttonsContainer, element, limitReached, blockManager, onAddBlock, onRemoveBlock, onMoveBlockUp, onMoveBlockDown, isInherited, onOverwrite }: SortableBlockToolbarProps) => React.JSX.Element;
+export declare const SortableBlockToolbar: (props: SortableBlockToolbarProps) => React.JSX.Element;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/content-editable/content-editable.styles.d.ts

@@ -7,25 +7,10 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    contentEditable: {
-        outline: string;
-        overflowY: "visible";
-        '&[data-empty=true]': {
-            outline: string;
-        };
-        '&:hover': {
-            outline: string;
-            outlineOffset: string;
-        };
-        '&:focus': {
-            outline: string;
-        };
-        '&[contenteditable=true][data-placeholder][data-empty=true]:before': {
-            cursor: "text";
-            content: "attr(data-placeholder)";
-            display: "block";
-            color: string;
-        };
+export declare const useStyles: (props?: unknown) => {
+    styles: {
+        contentEditable: string;
     };
-}>;
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/embed-editable/embed-editable.styles.d.ts

@@ -7,7 +7,11 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    wrapper: import("antd-style").SerializedStyles;
-    editButton: import("antd-style").SerializedStyles;
-}>;
+export declare const useStyles: (props?: unknown) => {
+    styles: {
+        wrapper: string;
+        editButton: string;
+    };
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/image-editable/hotspot-image-preview.styles.d.ts

@@ -7,45 +7,11 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    root: {
-        position: "relative";
-        display: "inline-block";
-        width: string;
-        lineHeight: number;
+export declare const useStyles: (props?: unknown) => {
+    styles: {
+        root: string;
+        altTextOverlay: string;
     };
-    altTextOverlay: {
-        position: "absolute";
-        bottom: number;
-        left: number;
-        right: number;
-        width: string;
-        padding: string;
-        margin: number;
-        border: string;
-        borderRadius: number;
-        backgroundColor: "rgba(0, 0, 0, 0.5)";
-        color: "white";
-        fontSize: number;
-        fontFamily: string;
-        lineHeight: number;
-        outline: string;
-        zIndex: number;
-        boxSizing: "border-box";
-        '&::placeholder': {
-            color: "rgba(255, 255, 255, 0.7)";
-        };
-        '&:hover': {
-            backgroundColor: "rgba(0, 0, 0, 0.6)";
-        };
-        '&:focus': {
-            backgroundColor: "rgba(0, 0, 0, 0.7)";
-            boxShadow: "none";
-        };
-        '&:disabled': {
-            backgroundColor: "rgba(0, 0, 0, 0.3)";
-            color: "rgba(255, 255, 255, 0.5)";
-            cursor: "not-allowed";
-        };
-    };
-}>;
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/image-editable/image-editable-preview.styles.d.ts

@@ -7,10 +7,14 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyle: (props?: unknown) => import("antd-style").ReturnStyles<{
-    imageEditablePreviewContainer: import("antd-style").SerializedStyles;
-    imageEditablePreviewContainerMinSize: import("antd-style").SerializedStyles;
-    imageComponent: import("antd-style").SerializedStyles;
-    loadingContainer: import("antd-style").SerializedStyles;
-    loadingSpinner: import("antd-style").SerializedStyles;
-}>;
+export declare const useStyle: (props?: unknown) => {
+    styles: {
+        imageEditablePreviewContainer: string;
+        imageEditablePreviewContainerMinSize: string;
+        imageComponent: string;
+        loadingContainer: string;
+        loadingSpinner: string;
+    };
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/inheritance-overlay/inheritance-overlay.styles.d.ts

@@ -13,8 +13,12 @@ export declare const useStyles: (props?: {
     hideButtons?: boolean;
     noPadding?: boolean;
     shape?: "round" | "angular";
-} | undefined) => import("antd-style").ReturnStyles<{
-    container: import("antd-style").SerializedStyles;
-    inheritanceBackground: import("antd-style").SerializedStyles;
-    inheritanceIcon: import("antd-style").SerializedStyles;
-}>;
+} | undefined) => {
+    styles: {
+        container: string;
+        inheritanceBackground: string;
+        inheritanceIcon: string;
+    };
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/inheritance-wrapper/inheritance-wrapper.styles.d.ts

@@ -7,9 +7,10 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    inheritanceWrapper: {
-        cursor: "pointer";
-        display: "inline-block";
+export declare const useStyles: (props?: unknown) => {
+    styles: {
+        inheritanceWrapper: string;
     };
-}>;
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/link-editable/link-editable.styles.d.ts

@@ -7,10 +7,14 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    documentLink: import("antd-style").SerializedStyles;
-    documentLinkPreview: import("antd-style").SerializedStyles;
-    documentLinkActionsBase: import("antd-style").SerializedStyles;
-    documentLinkActions: import("antd-style").SerializedStyles;
-    documentLinkActionsSingle: import("antd-style").SerializedStyles;
-}>;
+export declare const useStyles: (props?: unknown) => {
+    styles: {
+        documentLink: string;
+        documentLinkPreview: string;
+        documentLinkActionsBase: string;
+        documentLinkActions: string;
+        documentLinkActionsSingle: string;
+    };
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/scheduledblock-editable/components/timeline/timeline.styles.d.ts

@@ -7,7 +7,11 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    sliderContainer: import("antd-style").SerializedStyles;
-    sliderWrapper: import("antd-style").SerializedStyles;
-}>;
+export declare const useStyles: (props?: unknown) => {
+    styles: {
+        sliderContainer: string;
+        sliderWrapper: string;
+    };
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/scheduledblock-editable/components/timeline-marker/timeline-marker.styles.d.ts

@@ -7,10 +7,14 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    markerOverlay: import("antd-style").SerializedStyles;
-    markerCircleBase: import("antd-style").SerializedStyles;
-    markerCircle: import("antd-style").SerializedStyles;
-    markerCircleActive: import("antd-style").SerializedStyles;
-    markerTime: import("antd-style").SerializedStyles;
-}>;
+export declare const useStyles: (props?: unknown) => {
+    styles: {
+        markerOverlay: string;
+        markerCircleBase: string;
+        markerCircle: string;
+        markerCircleActive: string;
+        markerTime: string;
+    };
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/scheduledblock-editable/scheduledblock-editable.styles.d.ts

@@ -7,9 +7,13 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    scheduledblockContainer: import("antd-style").SerializedStyles;
-    controlsContainer: import("antd-style").SerializedStyles;
-    datePickerContainer: import("antd-style").SerializedStyles;
-    buttonsContainer: import("antd-style").SerializedStyles;
-}>;
+export declare const useStyles: (props?: unknown) => {
+    styles: {
+        scheduledblockContainer: string;
+        controlsContainer: string;
+        datePickerContainer: string;
+        buttonsContainer: string;
+    };
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/components/video-editable/video-editable.styles.d.ts

@@ -7,7 +7,11 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    wrapper: import("antd-style").SerializedStyles;
-    editButton: import("antd-style").SerializedStyles;
-}>;
+export declare const useStyles: (props?: unknown) => {
+    styles: {
+        wrapper: string;
+        editButton: string;
+    };
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/helpers/editable-dropzone-sorting/components/editable-dropzone/dropzone-content.d.ts

@@ -13,4 +13,4 @@ export interface EditableDropzoneContentProps {
     index?: number;
     setNodeRef?: (element: HTMLElement | null) => void;
 }
-export declare const EditableDropzoneContent: ({ id, index, setNodeRef }: EditableDropzoneContentProps) => React.JSX.Element;
+export declare const EditableDropzoneContent: React.MemoExoticComponent<({ id, index, setNodeRef }: EditableDropzoneContentProps) => React.JSX.Element>;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/helpers/editable-dropzone-sorting/components/editable-dropzone/editable-dropzone.d.ts

@@ -14,4 +14,4 @@ export interface EditableDropzoneProps {
     onDropItem?: (info: any, index: number) => Promise<void>;
     isValidDrop?: (info: any) => boolean;
 }
-export declare const EditableDropzone: ({ id, index, onDropItem, isValidDrop }: EditableDropzoneProps) => React.JSX.Element;
+export declare const EditableDropzone: React.MemoExoticComponent<({ id, index, onDropItem, isValidDrop }: EditableDropzoneProps) => React.JSX.Element>;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/helpers/editable-dropzone-sorting/components/editable-dropzone/editable-dropzone.styles.d.ts

@@ -7,34 +7,14 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useEditableDropzoneStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    dropzone: {
-        height: "16px";
-        borderRadius: number;
-        backgroundColor: string;
-        opacity: number;
-        '&[data-pimcore-drag-state="dragging"]': {
-            opacity: number;
-        };
-        '&[data-pimcore-drag-state="active"]': {
-            opacity: number;
-        };
+export declare const useEditableDropzoneStyles: (props?: unknown) => {
+    styles: {
+        dropzone: string;
+        dropzoneDragActive: string;
+        dropzoneHover: string;
+        dropzoneRejected: string;
+        dragActive: string;
     };
-    dropzoneDragActive: {
-        opacity: number;
-    };
-    dropzoneHover: {
-        opacity: number;
-    };
-    dropzoneRejected: {
-        opacity: number;
-        backgroundColor: string;
-    };
-    dragActive: {
-        opacity: "0.3 !important";
-        backgroundColor: `${string} !important`;
-        '& [data-pimcore-editable-dropzone]': {
-            visibility: "hidden";
-        };
-    };
-}>;
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/helpers/editable-dropzone-sorting/components/toolstrip-drag-overlay/toolstrip-drag-overlay.d.ts

@@ -12,4 +12,4 @@ export interface ToolstripDragOverlayProps {
     activeId: string | null;
     title?: string;
 }
-export declare const ToolstripDragOverlay: ({ activeId, title }: ToolstripDragOverlayProps) => React.JSX.Element;
+export declare const ToolstripDragOverlay: React.MemoExoticComponent<({ activeId, title }: ToolstripDragOverlayProps) => React.JSX.Element>;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/helpers/editable-dropzone-sorting/components/toolstrip-drag-overlay/toolstrip-drag-overlay.styles.d.ts

@@ -7,12 +7,10 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    dragOverlay: {
-        display: "inline-flex";
-        alignItems: "center";
-        cursor: "grabbing";
-        boxShadow: string;
-        maxWidth: string;
+export declare const useStyles: (props?: unknown) => {
+    styles: {
+        dragOverlay: string;
     };
-}>;
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/helpers/editable-dropzone-sorting/editable-sort-context.d.ts

@@ -18,4 +18,4 @@ export interface EditableSortContextProps {
     onDragOver: (event: DragOverEvent) => void;
     onDragStart: (event: DragStartEvent) => void;
 }
-export declare const EditableSortContext: ({ children, items, activeId, dragOverlayTitle, onDragEnd, onDragOver, onDragStart }: EditableSortContextProps) => React.JSX.Element;
+export declare const EditableSortContext: ({ children, activeId, dragOverlayTitle, onDragEnd, onDragOver, onDragStart }: EditableSortContextProps) => React.JSX.Element;

package/dist/build/types/src/core/modules/element/dynamic-types/definitions/document/editable/helpers/editable-dropzone-sorting/hooks/use-sortable-element.d.ts

@@ -7,16 +7,17 @@
  *  @copyright  Copyright (c) Pimcore GmbH (https://www.pimcore.com)
  *  @license    Pimcore Open Core License (POCL)
  */
-import { useSortable } from '@dnd-kit/sortable';
+import { useDraggable } from '@dnd-kit/core';
 export interface UseSortableElementProps {
     id: string;
     element: HTMLElement;
 }
 export interface UseSortableElementReturn {
-    listeners: ReturnType<typeof useSortable>['listeners'];
+    listeners: ReturnType<typeof useDraggable>['listeners'];
 }
 /**
- * Custom hook to handle sortable element setup for both block and areablock toolbars.
- * Manages the connection between dnd-kit's useSortable and DOM elements.
+ * Sets up the toolbar element as a drag source. Uses `useDraggable` rather than
+ * `useSortable` because the toolbars don't move during a drag (they're portaled
+ * into static pimcore HTML) and the user only drops on dropzones.
  */
 export declare const useSortableElement: ({ id, element }: UseSortableElementProps) => UseSortableElementReturn;