@pimcore/studio-ui-bundle 0.14.19 → 0.15.17

package/dist/build/types/src/core/app/api/pimcore/tags.d.ts

@@ -71,6 +71,18 @@ export declare const tagNames: {
     CUSTOM_LAYOUT: string;
     CUSTOM_LAYOUT_DETAIL: string;
     CUSTOM_LAYOUT_COLLECTION: string;
+    FIELD_COLLECTION: string;
+    FIELD_COLLECTION_DETAIL: string;
+    FIELD_COLLECTION_COLLECTION: string;
+    OBJECT_BRICK: string;
+    OBJECT_BRICK_DETAIL: string;
+    OBJECT_BRICK_COLLECTION: string;
+    OBJECT_BRICK_CUSTOM_LAYOUT: string;
+    OBJECT_BRICK_CUSTOM_LAYOUT_DETAIL: string;
+    OBJECT_BRICK_CUSTOM_LAYOUT_COLLECTION: string;
+    SELECT_OPTION_DETAIL: string;
+    SELECT_OPTION_COLLECTION: string;
+    QUANTITY_VALUE_UNITS: string;
 };
 export declare const providingTags: {
     ELEMENT: () => string[];
@@ -221,6 +233,33 @@ export declare const providingTags: {
         type: string;
         id: string;
     })[];
+    FIELD_COLLECTION: () => string[];
+    FIELD_COLLECTION_COLLECTION: () => string[];
+    FIELD_COLLECTION_DETAIL: (key: string) => (string | {
+        type: string;
+        id: string;
+    })[];
+    OBJECT_BRICK: () => string[];
+    OBJECT_BRICK_COLLECTION: () => string[];
+    OBJECT_BRICK_DETAIL: (key: string) => (string | {
+        type: string;
+        id: string;
+    })[];
+    OBJECT_BRICK_CUSTOM_LAYOUT: () => string[];
+    OBJECT_BRICK_CUSTOM_LAYOUT_COLLECTION: (key: string) => (string | {
+        type: string;
+        id: string;
+    })[];
+    OBJECT_BRICK_CUSTOM_LAYOUT_DETAIL: (key: string, id: string) => (string | {
+        type: string;
+        id: string;
+    })[];
+    SELECT_OPTION_COLLECTION: () => string[];
+    SELECT_OPTION_DETAIL: (id: string) => {
+        type: string;
+        id: string;
+    }[];
+    QUANTITY_VALUE_UNITS: () => string[];
 };
 export declare const invalidatingTags: {
     ELEMENT: () => string[];
@@ -357,4 +396,30 @@ export declare const invalidatingTags: {
         type: string;
         id: string;
     }[];
+    FIELD_COLLECTION: () => string[];
+    FIELD_COLLECTION_COLLECTION: () => string[];
+    FIELD_COLLECTION_DETAIL: (key: string) => {
+        type: string;
+        id: string;
+    }[];
+    OBJECT_BRICK: () => string[];
+    OBJECT_BRICK_COLLECTION: () => string[];
+    OBJECT_BRICK_DETAIL: (key: string) => {
+        type: string;
+        id: string;
+    }[];
+    OBJECT_BRICK_CUSTOM_LAYOUT: () => string[];
+    OBJECT_BRICK_CUSTOM_LAYOUT_COLLECTION: (key: string) => {
+        type: string;
+        id: string;
+    }[];
+    OBJECT_BRICK_CUSTOM_LAYOUT_DETAIL: (key: string, id: string) => {
+        type: string;
+        id: string;
+    }[];
+    SELECT_OPTION_COLLECTION: () => string[];
+    SELECT_OPTION_DETAIL: (id: string) => {
+        type: string;
+        id: string;
+    }[];
 };

package/dist/build/types/src/core/app/config/services/service-ids.d.ts

@@ -31,6 +31,40 @@ export declare const dynamicTypeRegistriesServiceIds: {
     'DynamicTypes/WidgetEditor/WidgetTypeRegistry': string;
     'DynamicTypes/FieldDefinitionRegistry': string;
     'DynamicTypes/GDPRProviderRegistry': string;
+    'DynamicTypes/TransformationDynamicTypeRegistry': string;
+    'DynamicTypes/TransformationFieldCollectionRegistry': string;
+    'DynamicTypes/Transformation/Cover': string;
+    'DynamicTypes/Transformation/Resize': string;
+    'DynamicTypes/Transformation/ScaleByWidth': string;
+    'DynamicTypes/Transformation/ScaleByHeight': string;
+    'DynamicTypes/Transformation/Trim': string;
+    'DynamicTypes/Transformation/Sepia': string;
+    'DynamicTypes/Transformation/Grayscale': string;
+    'DynamicTypes/Transformation/Sharpen': string;
+    'DynamicTypes/Transformation/Contain': string;
+    'DynamicTypes/Transformation/Crop': string;
+    'DynamicTypes/Transformation/Frame': string;
+    'DynamicTypes/Transformation/Rotate': string;
+    'DynamicTypes/Transformation/Mirror': string;
+    'DynamicTypes/Transformation/GaussianBlur': string;
+    'DynamicTypes/Transformation/BrightnessSaturation': string;
+    'DynamicTypes/Transformation/SetBackgroundColor': string;
+    'DynamicTypes/Transformation/SetBackgroundImage': string;
+    'DynamicTypes/Transformation/RoundCorners': string;
+    'DynamicTypes/Transformation/AddOverlay': string;
+    'DynamicTypes/Transformation/AddOverlayFit': string;
+    'DynamicTypes/Transformation/ApplyMask': string;
+    'DynamicTypes/Transformation/TiffOriginal': string;
+    'DynamicTypes/Transformation/OnePixel': string;
+    'DynamicTypes/VideoTransformationDynamicTypeRegistry': string;
+    'DynamicTypes/VideoTransformationFieldCollectionRegistry': string;
+    'DynamicTypes/VideoTransformation/Resize': string;
+    'DynamicTypes/VideoTransformation/ScaleByWidth': string;
+    'DynamicTypes/VideoTransformation/ScaleByHeight': string;
+    'DynamicTypes/VideoTransformation/Cut': string;
+    'DynamicTypes/VideoTransformation/SetFramerate': string;
+    'DynamicTypes/VideoTransformation/ColorChannelMixer': string;
+    'DynamicTypes/VideoTransformation/Mute': string;
 };
 export declare const serviceIds: {
     'DynamicTypes/FieldFilter/DataObjectAdapter': string;
@@ -249,7 +283,14 @@ export declare const serviceIds: {
     'AppLoader/Registry': string;
     'DynamicTypes/FieldDefinition/Block': string;
     'DynamicTypes/FieldDefinition/Input': string;
+    'DynamicTypes/FieldDefinition/Accordion': string;
+    'DynamicTypes/FieldDefinition/FieldContainer': string;
+    'DynamicTypes/FieldDefinition/Fieldset': string;
+    'DynamicTypes/FieldDefinition/Iframe': string;
     'DynamicTypes/FieldDefinition/Panel': string;
+    'DynamicTypes/FieldDefinition/Region': string;
+    'DynamicTypes/FieldDefinition/Tabpanel': string;
+    'DynamicTypes/FieldDefinition/Text': string;
     'DynamicTypes/FieldDefinition/Textarea': string;
     'DynamicTypes/FieldDefinition/Wysiwyg': string;
     'DynamicTypes/FieldDefinition/Password': string;
@@ -286,6 +327,23 @@ export declare const serviceIds: {
     'DynamicTypes/FieldDefinition/Checkbox': string;
     'DynamicTypes/FieldDefinition/Link': string;
     'DynamicTypes/FieldDefinition/CalculatedValue': string;
+    'DynamicTypes/FieldDefinition/ManyToOne': string;
+    'DynamicTypes/FieldDefinition/ManyToMany': string;
+    'DynamicTypes/FieldDefinition/ManyToManyObject': string;
+    'DynamicTypes/FieldDefinition/AdvancedManyToMany': string;
+    'DynamicTypes/FieldDefinition/AdvancedManyToManyObject': string;
+    'DynamicTypes/FieldDefinition/ReverseObject': string;
+    'DynamicTypes/FieldDefinition/Table': string;
+    'DynamicTypes/FieldDefinition/StructuredTable': string;
+    'DynamicTypes/FieldDefinition/Fieldcollections': string;
+    'DynamicTypes/FieldDefinition/Objectbricks': string;
+    'DynamicTypes/FieldDefinition/Classificationstore': string;
+    'DynamicTypes/FieldDefinition/Localizedfields': string;
+    'DynamicTypes/FieldDefinition/Firstname': string;
+    'DynamicTypes/FieldDefinition/Lastname': string;
+    'DynamicTypes/FieldDefinition/Email': string;
+    'DynamicTypes/FieldDefinition/Gender': string;
+    'DynamicTypes/FieldDefinition/Consent': string;
     'DynamicTypes/GDPRProvider/DataObjects': string;
     'DynamicTypes/GDPRProvider/Assets': string;
     'DynamicTypes/GDPRProvider/Users': string;
@@ -313,6 +371,40 @@ export declare const serviceIds: {
     'DynamicTypes/WidgetEditor/WidgetTypeRegistry': string;
     'DynamicTypes/FieldDefinitionRegistry': string;
     'DynamicTypes/GDPRProviderRegistry': string;
+    'DynamicTypes/TransformationDynamicTypeRegistry': string;
+    'DynamicTypes/TransformationFieldCollectionRegistry': string;
+    'DynamicTypes/Transformation/Cover': string;
+    'DynamicTypes/Transformation/Resize': string;
+    'DynamicTypes/Transformation/ScaleByWidth': string;
+    'DynamicTypes/Transformation/ScaleByHeight': string;
+    'DynamicTypes/Transformation/Trim': string;
+    'DynamicTypes/Transformation/Sepia': string;
+    'DynamicTypes/Transformation/Grayscale': string;
+    'DynamicTypes/Transformation/Sharpen': string;
+    'DynamicTypes/Transformation/Contain': string;
+    'DynamicTypes/Transformation/Crop': string;
+    'DynamicTypes/Transformation/Frame': string;
+    'DynamicTypes/Transformation/Rotate': string;
+    'DynamicTypes/Transformation/Mirror': string;
+    'DynamicTypes/Transformation/GaussianBlur': string;
+    'DynamicTypes/Transformation/BrightnessSaturation': string;
+    'DynamicTypes/Transformation/SetBackgroundColor': string;
+    'DynamicTypes/Transformation/SetBackgroundImage': string;
+    'DynamicTypes/Transformation/RoundCorners': string;
+    'DynamicTypes/Transformation/AddOverlay': string;
+    'DynamicTypes/Transformation/AddOverlayFit': string;
+    'DynamicTypes/Transformation/ApplyMask': string;
+    'DynamicTypes/Transformation/TiffOriginal': string;
+    'DynamicTypes/Transformation/OnePixel': string;
+    'DynamicTypes/VideoTransformationDynamicTypeRegistry': string;
+    'DynamicTypes/VideoTransformationFieldCollectionRegistry': string;
+    'DynamicTypes/VideoTransformation/Resize': string;
+    'DynamicTypes/VideoTransformation/ScaleByWidth': string;
+    'DynamicTypes/VideoTransformation/ScaleByHeight': string;
+    'DynamicTypes/VideoTransformation/Cut': string;
+    'DynamicTypes/VideoTransformation/SetFramerate': string;
+    'DynamicTypes/VideoTransformation/ColorChannelMixer': string;
+    'DynamicTypes/VideoTransformation/Mute': string;
     mainNavRegistry: string;
     perspectivePermissionProviderRegistry: string;
     widgetManager: string;

package/dist/build/types/src/core/app/public-api/document/document-api.d.ts

@@ -22,6 +22,7 @@ export interface DocumentApi {
     triggerSaveAndReload: (documentId: number) => void;
     notifyIframeReady: (documentId: number) => void;
     notifyAreablockTypes: (documentId: number, editableTypeId: string, areablockTypes: AreablockGroupedTypes) => void;
+    mergeAreablockTypes: (documentId: number, editableTypeId: string, areablockTypes: AreablockGroupedTypes) => void;
     notifyTimeSliderVisible: (documentId: number, visible: boolean) => void;
     isIframeReady: (documentId: number) => boolean;
     onReady: (documentId: number, callback: () => void) => void;
@@ -39,6 +40,7 @@ declare class DocumentApiImpl implements DocumentApi {
     triggerSaveAndReload(documentId: number): void;
     notifyIframeReady(documentId: number): void;
     notifyAreablockTypes(documentId: number, editableTypeId: string, areablockTypes: AreablockGroupedTypes): void;
+    mergeAreablockTypes(documentId: number, editableTypeId: string, areablockTypes: AreablockGroupedTypes): void;
     notifyTimeSliderVisible(documentId: number, visible: boolean): void;
     isIframeReady(documentId: number): boolean;
     onReady(documentId: number, callback: () => void): void;

package/dist/build/types/src/core/bootstrap.d.ts

@@ -42,11 +42,18 @@ import './modules/website-settings';
 import './modules/translations';
 import './modules/appearance-branding';
 import './modules/image-thumbnails';
+import './modules/video-thumbnails';
 import './modules/reports';
 import './modules/application-logger';
 import './modules/user';
 import './components/icon-selector';
 import './modules/about';
 import './modules/class-definition';
+import './modules/bulk-export';
+import './modules/field-collection';
+import './modules/object-brick';
+import './modules/select-option';
+import './modules/quantity-value';
 import './modules/field-definitions';
 import './modules/gdpr-data-extractor';
+import './modules/system-settings';

package/dist/build/types/src/core/components/badge/badge.d.ts

@@ -8,5 +8,8 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import React from 'react';
-import { type BadgeProps } from 'antd';
-export declare const Badge: ({ color, ...props }: BadgeProps) => React.JSX.Element;
+import { type BadgeProps as AntBadgeProps } from 'antd';
+export type BadgeProps = Omit<AntBadgeProps, 'size'> & {
+    size?: 'default' | 'small' | 'large';
+};
+export declare const Badge: ({ color, size, ...props }: BadgeProps) => React.JSX.Element;

package/dist/build/types/src/core/components/base-view/base-view.d.ts

@@ -9,12 +9,15 @@
  */
 import React from 'react';
 import { type BoxProps } from '../../components/box/box';
+import { type CollapseProps } from 'antd';
 export interface BaseViewProps {
     title?: React.ReactNode;
     children?: React.ReactNode;
     bordered?: boolean;
     border?: boolean;
     collapsed?: boolean;
+    active?: boolean;
+    onChange?: CollapseProps['onChange'];
     collapsible?: boolean;
     theme?: 'fieldset' | 'card-with-highlight' | 'default' | 'border-highlight';
     contentPadding?: BoxProps['padding'];

package/dist/build/types/src/core/components/code-editor/code-editor.d.ts

@@ -15,5 +15,6 @@ export interface CodeEditorProps extends Omit<ReactCodeMirrorProps, 'extensions'
     extensions?: ReactCodeMirrorProps['extensions'];
     value?: string;
     onChange?: (value: string) => void;
+    lineWrapping?: boolean;
 }
-export declare const CodeEditor: ({ preset, extensions, value, onChange, ...props }: CodeEditorProps) => React.JSX.Element;
+export declare const CodeEditor: ({ preset, extensions, value, onChange, lineWrapping, ...props }: CodeEditorProps) => React.JSX.Element;

package/dist/build/types/src/core/components/collapse/collapse.d.ts

@@ -14,6 +14,7 @@ export { CollapseItem, type CollapseItemProps, type CollapseStyleProps };
 export { CollapseHeader, type CollapseHeaderProps } from './item/header/collapse-header';
 export interface ICollapseItem extends Omit<CollapseItemProps, 'active'> {
     key: string;
+    [dataAttr: `data-${string}`]: string | undefined;
 }
 export interface CollapseProps extends CollapseStyleProps {
     defaultActiveKeys?: string[];

package/dist/build/types/src/core/components/form/controls/field-collection/field-collection-add-control.d.ts

@@ -13,5 +13,6 @@ export interface FieldCollectionAddControlProps {
     size?: SelectProps['size'];
     field?: number;
     disabled?: boolean;
+    addLabel?: string;
 }
 export declare const FieldCollectionAddControl: (props: FieldCollectionAddControlProps) => React.JSX.Element;

package/dist/build/types/src/core/components/form/controls/field-collection/field-collection-item-toolstrip.d.ts

@@ -11,4 +11,4 @@ import React from 'react';
 export interface FieldCollectionItemToolStripProps {
     field: number;
 }
-export declare const FieldCollectionItemToolStrip: (props: FieldCollectionItemToolStripProps) => React.JSX.Element;
+export declare const FieldCollectionItemToolStrip: React.MemoExoticComponent<(props: FieldCollectionItemToolStripProps) => React.JSX.Element>;

package/dist/build/types/src/core/components/form/controls/field-collection/field-collection-item.d.ts

@@ -11,4 +11,4 @@ import React from 'react';
 export interface FieldCollectionItemProps {
     field: number;
 }
-export declare const FieldCollectionItem: (props: FieldCollectionItemProps) => React.JSX.Element;
+export declare const FieldCollectionItem: React.MemoExoticComponent<(props: FieldCollectionItemProps) => React.JSX.Element>;

package/dist/build/types/src/core/components/form/controls/field-collection/field-collection.d.ts

@@ -18,5 +18,6 @@ export interface FieldCollectionProps {
     maxItems?: number;
     title?: string;
     collapsed?: boolean;
+    addLabel?: string;
 }
 export declare const FieldCollection: (props: FieldCollectionProps) => React.JSX.Element;

package/dist/build/types/src/core/components/form/controls/field-collection/field-collection.stories.d.ts

@@ -20,4 +20,5 @@ export declare const WithMaxItems: Story;
 export declare const FullyRestricted: Story;
 export declare const AllFieldTypes: Story;
 export declare const ComplexFieldTypes: Story;
+export declare const WithValidation: Story;
 export declare const MixedComplexity: Story;

package/dist/build/types/src/core/components/form/controls/keyed-list/keyed-list.stories.d.ts

@@ -16,3 +16,4 @@ export declare const BasicExample: Story;
 export declare const AdvancedExample: Story;
 export declare const FieldChangeHandling: Story;
 export declare const SimpleOperations: Story;
+export declare const WithValidation: Story;

package/dist/build/types/src/core/components/form/form-kit.d.ts

@@ -12,14 +12,21 @@ import { type FormProps } from './form';
 import { Panel } from '../panel';
 import { Tabpanel } from '../tabpanel/tabpanel';
 import { Region } from '../region/region';
+import { ItemSpacer } from './layouts/item-spacer/item-spacer';
 export interface FormKitProps {
     formProps?: Omit<FormProps, 'children'>;
     children?: React.ReactNode;
+    /**
+     * When false, children are rendered directly inside the Form without
+     * a Panel wrapper. Use this when the child already owns its own layout.
+     */
+    wrapInPanel?: boolean;
 }
 declare const FormKit: (props: FormKitProps) => React.JSX.Element;
 declare const TypedFormKit: typeof FormKit & {
     Panel: typeof Panel;
     TabPanel: typeof Tabpanel;
     Region: typeof Region;
+    ItemSpacer: typeof ItemSpacer;
 };
 export { TypedFormKit as FormKit };

package/dist/build/types/src/core/components/form/form.stories.d.ts

@@ -17,3 +17,4 @@ export declare const UseWatchExample: Story;
 export declare const InlineForm: Story;
 export declare const HorizontalForm: Story;
 export declare const AllControlsShowcase: Story;
+export declare const WithMixedValidation: Story;

package/dist/build/types/src/core/components/form/item/hooks/use-virtual-validation.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 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)
+ */
+import { type FormItemProps } from 'antd';
+import { type formInstanceType } from '../../../../components/form/use-form';
+export type ValidateStatus = '' | 'success' | 'warning' | 'error' | 'validating';
+export interface VirtualValidationState {
+    validateStatus: ValidateStatus;
+    errors: string[];
+    warnings: string[];
+}
+export interface UseVirtualValidationReturn {
+    validationState: VirtualValidationState;
+    validate: (value: unknown) => Promise<VirtualValidationState>;
+}
+export declare function useVirtualValidation(rules: FormItemProps['rules'], validateTrigger: FormItemProps['validateTrigger'], fieldName: string, formInstance: formInstanceType | null): UseVirtualValidationReturn;

package/dist/build/types/src/core/components/form/item/hooks/use-virtual-validator-registry.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 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)
+ */
+import { type VirtualValidationState } from './use-virtual-validation';
+/**
+ * A zero-argument function that runs all validation rules for one virtual field
+ * against its current value and returns the resulting state.
+ */
+export type VirtualValidatorFn = () => Promise<VirtualValidationState>;
+/** Shape of one entry in the errorFields array — matches AntD's ValidateErrorEntity.errorFields item. */
+export interface VirtualErrorField {
+    name: Array<string | number>;
+    errors: string[];
+    warnings: string[];
+}
+export interface VirtualValidateAllResult {
+    hasErrors: boolean;
+    hasWarnings: boolean;
+    /** Structured per-field errors, compatible with AntD's errorFields shape. */
+    errorFields: VirtualErrorField[];
+}
+export interface VirtualValidatorRegistry {
+    register: (key: string, namePath: Array<string | number>, fn: VirtualValidatorFn) => void;
+    unregister: (key: string) => void;
+    /** Run every registered validator and return the merged result. */
+    validateAll: () => Promise<VirtualValidateAllResult>;
+}
+export declare const VirtualValidatorRegistryContext: import("react").Context<VirtualValidatorRegistry | null>;
+/**
+ * Creates a stable registry object backed by a Map stored in a plain object ref.
+ * Call this once per Form instance (not inside a render cycle).
+ */
+export declare function createVirtualValidatorRegistry(): VirtualValidatorRegistry;
+export declare const useVirtualValidatorRegistry: () => VirtualValidatorRegistry | null;

package/dist/build/types/src/core/components/form/item/provider/item/item-provider.d.ts

@@ -9,7 +9,12 @@
  */
 import { type FormItemProps } from 'antd';
 import React from 'react';
+import { type VirtualValidationState } from '../../hooks/use-virtual-validation';
 export interface ItemData extends FormItemProps {
+    validationState?: VirtualValidationState;
+    onValidate?: (value: unknown) => Promise<VirtualValidationState>;
+    /** Called by child controls so VirtualItem can keep track of the current value for submit-time validation. */
+    onUpdateCurrentValue?: (value: unknown) => void;
 }
 export type ItemContextProps = ItemData | undefined;
 export declare const ItemContext: React.Context<ItemContextProps>;

package/dist/build/types/src/core/components/form/layouts/item-spacer/item-spacer.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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)
+ */
+import React from 'react';
+export type ItemSpacerSize = 'none' | 'mini' | 'extra-small' | 'small' | 'normal' | 'medium' | 'large' | 'extra-large' | 'maxi';
+export interface ItemSpacerProps {
+    children: React.ReactNode;
+    direction?: 'vertical' | 'horizontal';
+    size?: ItemSpacerSize;
+    className?: string;
+}
+export declare const ItemSpacer: ({ children, direction, size, className }: ItemSpacerProps) => React.JSX.Element;

package/dist/build/types/src/core/components/form/layouts/item-spacer/item-spacer.stories.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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)
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+import { ItemSpacer } from './item-spacer';
+declare const meta: Meta<typeof ItemSpacer>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Standalone: Story;
+export declare const MultipleGroups: Story;
+export declare const Horizontal: Story;

package/dist/build/types/src/core/components/form/use-form.d.ts

@@ -10,12 +10,15 @@
 import { type FormInstance, type FormProps } from 'antd';
 import { type NamePath } from 'antd/es/form/interface';
 import React from 'react';
+import type { VirtualValidatorRegistry } from './item/hooks/use-virtual-validator-registry';
 export interface CustomSetFieldValueOptions {
     triggerChange?: boolean;
 }
 export type formInstanceType<Values = any> = Omit<FormInstance<Values>, 'setFieldValue' | 'setFieldsValue'> & {
     setOnValuesChangeHandler: (handler: FormProps<Values>['onValuesChange']) => void;
     _onValuesChangeHandler?: FormProps<Values>['onValuesChange'];
+    /** Attached by <Form> so validateFields() can reach virtual validators. */
+    _virtualValidatorRegistry?: VirtualValidatorRegistry;
     setFieldValue: (name: NamePath<Values>, value: any, options?: CustomSetFieldValueOptions) => void;
     setFieldsValue: (values: Partial<Values>, options?: CustomSetFieldValueOptions) => void;
 };

package/dist/build/types/src/core/components/header/header.d.ts

@@ -8,11 +8,9 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import React from 'react';
-export interface HeaderProps {
+export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     icon?: React.JSX.Element;
-    className?: string;
     fullWidth?: boolean;
     title: string;
-    children?: React.ReactNode;
 }
 export declare const Header: (props: HeaderProps) => React.JSX.Element;

package/dist/build/types/src/core/components/panel/panel.d.ts

@@ -9,12 +9,15 @@
  */
 import React, { type ReactNode } from 'react';
 import { type BoxProps } from '../../components/box/box';
+import { type CollapseProps } from 'antd';
 export interface PanelProps {
-    title?: string;
+    title?: ReactNode;
     tooltip?: ReactNode;
     border?: boolean;
     collapsible?: boolean;
     collapsed?: boolean;
+    active?: boolean;
+    onChange?: CollapseProps['onChange'];
     children: React.ReactNode;
     theme?: 'default' | 'fieldset' | 'card-with-highlight' | 'border-highlight';
     name?: string;
@@ -22,4 +25,4 @@ export interface PanelProps {
     extraPosition?: 'start' | 'end';
     contentPadding?: BoxProps['padding'];
 }
-export declare const Panel: ({ children, name, border, collapsed, collapsible, title, tooltip, theme, extra, extraPosition, contentPadding }: PanelProps) => React.JSX.Element;
+export declare const Panel: ({ children, name, border, collapsed, active, onChange, collapsible, title, tooltip, theme, extra, extraPosition, contentPadding }: PanelProps) => React.JSX.Element;

package/dist/build/types/src/core/components/select/select.d.ts

@@ -17,6 +17,7 @@ export type SelectTheme = 'default' | 'primary';
 export interface SelectProps extends AntdSelectProps {
     customArrowIcon?: string;
     customIcon?: string;
+    dataTestId?: string;
     inherited?: boolean;
     width?: number | keyof typeof sizeOptions;
     minWidth?: number | keyof typeof sizeOptions;

package/dist/build/types/src/core/components/select/select.styles.d.ts

@@ -11,6 +11,9 @@ import { type SelectTheme } from './select';
 interface StylesProps {
     width?: number;
     theme?: SelectTheme;
+    skeletonWidth?: number | string;
+    skeletonMaxWidth?: number | string;
+    skeletonMinWidth?: number | string;
 }
 export declare const useStyles: (props?: StylesProps | undefined) => import("antd-style").ReturnStyles<{
     selectContainer: import("antd-style").SerializedStyles;
@@ -25,5 +28,6 @@ export declare const useStyles: (props?: StylesProps | undefined) => import("ant
     customIconActive: import("antd-style").SerializedStyles;
     customIconWarning: import("antd-style").SerializedStyles;
     customIconError: import("antd-style").SerializedStyles;
+    skeletonLoading: import("antd-style").SerializedStyles;
 }>;
 export {};

package/dist/build/types/src/core/components/steps/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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 { Steps } from './steps';
+export type { StepsProps, StepItem } from './steps';

package/dist/build/types/src/core/components/steps/steps.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 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)
+ */
+import React from 'react';
+export interface StepItem {
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    status?: 'wait' | 'process' | 'finish' | 'error';
+}
+export interface StepsProps {
+    current: number;
+    onChange?: (current: number) => void;
+    items: StepItem[];
+    direction?: 'horizontal' | 'vertical';
+    size?: 'default' | 'small';
+    type?: 'default' | 'navigation' | 'inline';
+    status?: 'wait' | 'process' | 'finish' | 'error';
+    className?: string;
+}
+export declare const Steps: ({ current, onChange, items, direction, size, type, status, className }: StepsProps) => React.JSX.Element;

package/dist/build/types/src/core/components/steps/steps.stories.d.ts

@@ -0,0 +1,43 @@
+/**
+ * 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)
+ */
+import React from 'react';
+import { type Meta } from '@storybook/react';
+declare const config: Meta;
+export default config;
+export declare const _default: {
+    args: {
+        current: number;
+        items: {
+            title: string;
+            description: string;
+        }[];
+    };
+};
+export declare const Interactive: () => React.JSX.Element;
+export declare const Vertical: {
+    args: {
+        current: number;
+        direction: "vertical";
+        items: {
+            title: string;
+            description: string;
+        }[];
+    };
+};
+export declare const Small: {
+    args: {
+        current: number;
+        size: "small";
+        items: {
+            title: string;
+        }[];
+    };
+};
+export declare const NavigationSmall: () => React.JSX.Element;