@pimcore/studio-ui-bundle 2026.1.7 → 2026.2.0

package/dist/build/types/src/core/components/avatar/avatar.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)
+ */
+import React from 'react';
+import { type AvatarProps as AntAvatarProps } from 'antd';
+export interface AvatarProps extends AntAvatarProps {
+}
+export declare const Avatar: ({ icon, size, ...props }: AvatarProps) => React.JSX.Element;

package/dist/build/types/src/core/components/avatar/avatar.stories.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 { type Meta } from '@storybook/react';
+declare const config: Meta;
+export default config;
+export declare const _default: {};
+export declare const Small: {
+    args: {
+        size: string;
+    };
+};
+export declare const Large: {
+    args: {
+        size: string;
+    };
+};
+export declare const Square: {
+    args: {
+        shape: string;
+    };
+};

package/dist/build/types/src/core/components/image-picker/image-picker.stories.d.ts

@@ -0,0 +1,38 @@
+/**
+ * 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 } from '@storybook/react';
+declare const config: Meta;
+export default config;
+export declare const _default: {
+    args: {
+        type: string;
+        value: null;
+        onChange: (value: unknown) => void;
+    };
+};
+export declare const WithValue: {
+    args: {
+        value: {
+            type: string;
+            id: number;
+            fullPath: string;
+        };
+        type: string;
+        onChange: (value: unknown) => void;
+    };
+};
+export declare const Disabled: {
+    args: {
+        disabled: boolean;
+        type: string;
+        value: null;
+        onChange: (value: unknown) => void;
+    };
+};

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

@@ -11,6 +11,7 @@ import React, { type ReactNode } from 'react';
 export interface PipelineItem {
     id: string;
     component: ReactNode;
+    noDivider?: boolean;
 }
 export interface PipelineProps {
     items: PipelineItem[];

package/dist/build/types/src/core/modules/app/component-registry/component-config.d.ts

@@ -332,6 +332,12 @@ declare const defaultComponentConfig: {
             name: string;
         };
     };
+    user: {
+        appearanceBranding: {
+            type: ComponentType;
+            name: string;
+        };
+    };
     wysiwyg: {
         editor: {
             type: ComponentType;

package/dist/build/types/src/core/modules/app/theme/constants/theme-algorithms.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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 MappingAlgorithm } from 'antd';
+/**
+ * Ant Design's dark mapping algorithm, exposed through the SDK surface.
+ * Bundles must never import from antd directly — use this export when
+ * building a dark theme dynamic type (see `PimcoreThemeConfig.algorithm`).
+ */
+export declare const darkThemeAlgorithm: MappingAlgorithm;
+export type { MappingAlgorithm };

package/dist/build/types/src/core/modules/app/theme/constants/theme-ids.d.ts

@@ -8,7 +8,8 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 /**
- * Standard theme IDs for Pimcore Studio
+ * Standard theme IDs for Pimcore Studio.
+ * The dark theme ships with the Backend Power Tools bundle.
  */
 export declare const studioThemeIds: {
     readonly light: "studio-default-light";

package/dist/build/types/src/core/modules/app/theme/dynamic-theme-provider.d.ts

@@ -12,4 +12,16 @@ export interface DynamicThemeProviderProps {
     children: React.ReactNode;
     id?: string;
 }
+/**
+ * Resolves the theme chain for the given id from the theme registry, deep-merges
+ * it into a single config, and applies it via one antd-style theme provider. The
+ * deep merge lets a child theme override individual values inside a nested token
+ * group without dropping the group's other keys.
+ *
+ * Note: theme resolution is memoized on [themeRegistry, id] and is NOT
+ * reactive to later registry changes. Theme dynamic types must therefore be
+ * registered during the module init / app-loader phase, before first render —
+ * a theme registered after a failed resolution is only retried once the
+ * theme id changes.
+ */
 export declare const DynamicThemeProvider: ({ children, id }: DynamicThemeProviderProps) => React.JSX.Element;

package/dist/build/types/src/core/modules/app/theme/dynamic-types/registry/dynamic-type-theme-registry.d.ts

@@ -18,7 +18,17 @@ export interface ThemeChain {
 }
 export declare class DynamicTypeThemeRegistry extends DynamicTypeRegistryAbstract<DynamicTypeThemeAbstract> {
     /**
-     * Resolve a theme and its inheritance chain
+     * Resolve a theme and its inheritance chain into an ordered list of configs,
+     * from the root ancestor down to the requested leaf theme.
+     *
+     * A theme reached via more than one path (diamond inheritance) is emitted only
+     * once, at its first occurrence; a theme that (transitively) extends itself
+     * throws, since that chain can never be resolved.
      */
     resolveThemeChain(themeId: string): ThemeChain;
+    /**
+     * Resolve a theme's inheritance chain and deep-merge it into a single config,
+     * with the leaf theme's values taking precedence over its ancestors'.
+     */
+    resolveMergedTheme(themeId: string): PimcoreThemeConfig;
 }

package/dist/build/types/src/core/modules/app/theme/dynamic-types/registry/dynamic-type-theme-registry.test.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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 'reflect-metadata';

package/dist/build/types/src/core/modules/app/theme/theme-provider.d.ts

@@ -8,9 +8,19 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 import React from 'react';
-interface ThemeProviderProps {
+export interface ThemeProviderProps {
     children: React.ReactNode;
+    /**
+     * Explicit theme id override. When omitted, the theme id from the
+     * store applies (settable via setThemeId, defaults to the light theme).
+     */
     id?: string;
 }
+/**
+ * Applies the currently active studio theme.
+ *
+ * Note: this component unconditionally reads the theme id from the redux
+ * store (useAppSelector) and therefore requires a react-redux Provider
+ * ancestor (e.g. the studio GlobalProvider) to be rendered.
+ */
 export declare const ThemeProvider: ({ children, id }: ThemeProviderProps) => React.JSX.Element;
-export {};

package/dist/build/types/src/core/modules/app/theme/theme-slice.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 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 RootState } from '../../../../sdk/app';
+export interface ThemeState {
+    themeId: string;
+}
+export declare const setThemeId: import("@reduxjs/toolkit").ActionCreatorWithPayload<string, "theme/setThemeId">;
+export declare const selectThemeId: (state: RootState) => string;

package/dist/build/types/src/core/modules/app/theme/theme-slice.test.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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 {};

package/dist/build/types/src/core/modules/auth/user/user-api-slice.gen.d.ts

@@ -282,6 +282,8 @@ export type UserInformation = {
     activePerspective: string | null;
     /** Allowed studio perspectives */
     perspectives: PerspectiveConfig[];
+    /** Theme of the User */
+    theme: string;
 };
 export type UserWorkspace = {
     /** ID of the element */
@@ -404,6 +406,8 @@ export type User = {
     objectDependencies: UserObjectDependencies;
     /** Allowed studio perspectives */
     perspectives: PerspectiveConfig[];
+    /** Theme of the User */
+    theme: string;
 };
 export type User2 = {
     /** Email of the User */
@@ -456,6 +460,8 @@ export type User2 = {
     documentWorkspaces: UserWorkspace[];
     /** Allowed studio perspectives */
     perspectives: string[];
+    /** Theme of the User */
+    theme?: string;
 };
 export type UserPermission = {
     /** AdditionalAttributes */
@@ -506,6 +512,8 @@ export type UserProfile = {
     contentLanguages: object;
     /** Key Bindings */
     keyBindings: KeyBindingForAUser[];
+    /** Theme of the User */
+    theme?: string;
 };
 export declare const useUserCloneByIdMutation: <R extends Record<string, any> = ({
     requestId?: undefined;

package/dist/build/types/src/core/modules/data-object/listing/decorator/column-configuration/view-layer/components/grid/hooks/use-grid-options/tabs/grid-config/forms/advanced-column-form/preview/preview-loader.styles.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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) => {
+    styles: {
+        descriptionText: string;
+    };
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/data-object/listing/decorator/column-configuration/view-layer/components/grid/hooks/use-grid-options/tabs/grid-config/forms/advanced-column-form/preview/preview.styles.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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) => {
+    styles: {
+        noPreviewText: string;
+    };
+    cx: import("antd-style/es/types").ClassNamesUtil;
+    theme: import("antd-style/lib/types/theme").FullToken;
+};

package/dist/build/types/src/core/modules/element/listing/decorators/utils/column-configuration/view-layer/components/fields-to-add-panel/fields-to-add-panel.styles.d.ts

@@ -10,6 +10,7 @@
 export declare const useStyles: (props?: unknown) => {
     styles: {
         panel: string;
+        panelHeader: string;
         panelFill: string;
     };
     cx: import("antd-style/es/types").ClassNamesUtil;

package/dist/build/types/src/core/modules/user/management/detail/tabs/settings/components/form/appearance-branding-accordion.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 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 AppearanceBrandingUser {
+    id?: number;
+    theme?: string;
+}
+interface AppearanceBrandingAccordionProps {
+    /** The user the appearance fields edit — the current user on the profile
+     *  form, the opened user in admin user management. Forwarded to the slot. */
+    user?: AppearanceBrandingUser | null;
+}
+/**
+ * "Appearance & Branding" area shown after the user avatar in both the
+ * self-service profile and the admin user-management settings forms. Renders
+ * the `user.appearanceBranding` extension slot; bundles such as the theme
+ * manager contribute per-user appearance fields here.
+ *
+ * Renders nothing when no bundle has contributed to the slot, so a core-only
+ * installation does not show an empty panel.
+ */
+export declare const AppearanceBrandingAccordion: ({ user }: AppearanceBrandingAccordionProps) => React.JSX.Element | null;
+export {};

package/dist/build/types/src/core/modules/user/user-management-slice.d.ts

@@ -137,6 +137,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<import("@reduxjs/to
                     };
                     isWriteable: boolean;
                 }[];
+                theme: string;
                 changes: {
                     [x: string]: boolean;
                 };
@@ -271,6 +272,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<import("@reduxjs/to
                     };
                     isWriteable: boolean;
                 }[];
+                theme: string;
                 changes: {
                     [x: string]: boolean;
                 };
@@ -408,6 +410,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<import("@reduxjs/to
                     };
                     isWriteable: boolean;
                 }[];
+                theme: string;
                 changes: {
                     [x: string]: boolean;
                 };
@@ -542,6 +545,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<import("@reduxjs/to
                     };
                     isWriteable: boolean;
                 }[];
+                theme: string;
                 changes: {
                     [x: string]: boolean;
                 };
@@ -676,6 +680,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<import("@reduxjs/to
                     };
                     isWriteable: boolean;
                 }[];
+                theme: string;
                 changes: {
                     [x: string]: boolean;
                 };
@@ -813,6 +818,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<import("@reduxjs/to
                     };
                     isWriteable: boolean;
                 }[];
+                theme: string;
                 changes: {
                     [x: string]: boolean;
                 };
@@ -950,6 +956,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<import("@reduxjs/to
                     };
                     isWriteable: boolean;
                 }[];
+                theme: string;
                 changes: {
                     [x: string]: boolean;
                 };
@@ -1084,6 +1091,7 @@ export declare const slice: import("@reduxjs/toolkit").Slice<import("@reduxjs/to
                     };
                     isWriteable: boolean;
                 }[];
+                theme: string;
                 changes: {
                     [x: string]: boolean;
                 };
@@ -1159,6 +1167,7 @@ export declare const selectUserById: (state: Record<string, any>, id: number) =>
     documentWorkspaces: import("../../modules/auth/user/user-api-slice.gen").UserDocumentWorkspace2[];
     objectDependencies: import("../../modules/auth/user/user-api-slice.gen").UserObjectDependencies;
     perspectives: import("../../modules/auth/user/user-api-slice.gen").PerspectiveConfig[];
+    theme: string;
     changes: Record<string, boolean>;
     modifiedCells: Record<string, import("../../modules/user/hooks/use-user-management-trackable-changes").ModifiedCell[]>;
 };

package/dist/build/types/src/core/modules/widget-manager/services/widget-registry.d.ts

@@ -29,5 +29,15 @@ export interface Widget {
 export declare class WidgetRegistry {
     private readonly widgets;
     registerWidget(widget: Widget): void;
+    /**
+     * Replaces an already registered widget, e.g. to let a bundle take over
+     * a core view. When no widget with the given name is registered, the
+     * registry stays untouched (the core widget keeps working), the problem
+     * is reported via the central error handler and `false` is returned —
+     * a stale override must never break the app boot.
+     *
+     * @returns whether the widget was overridden
+     */
+    overrideWidget(widget: Widget): boolean;
     getWidget(name: string): Widget | undefined;
 }

package/dist/build/types/src/core/modules/widget-manager/services/widget-registry.test.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 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 {};

package/dist/build/types/src/sdk/components/index.d.ts

@@ -106,6 +106,7 @@ export * from '../../core/components/icon-selector/icon-selector';
 export * from '../../core/components/iframe/iframe';
 export * from '../../core/components/iframe-content/iframe-content';
 export * from '../../core/components/image/image';
+export * from '../../core/components/image-picker/image-picker';
 export * from '../../core/components/image-preview/image-preview';
 export * from '../../core/components/image-zoom/image-zoom';
 export * from '../../core/components/import-modal/import-modal';

package/dist/build/types/src/sdk/modules/app/index.d.ts

@@ -8,6 +8,8 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 export * from '../../../core/modules/app/component-registry/component-registry';
+export { componentConfig } from '../../../core/modules/app/component-registry/component-config';
+export { SlotRenderer } from '../../../core/modules/app/component-registry/slot-renderer';
 export * from '../../../core/modules/app/context-menu-registry';
 export * from '../../../core/modules/app/context-menu-registry/context-types';
 export * from '../../../core/modules/app/error-boundary/error-boundary';
@@ -15,10 +17,16 @@ export { default as trackError, ApiError, GeneralError, isApiErrorData } from '.
 export * from '../../../core/modules/app/error-handler/types';
 export * from '../../../core/modules/app/theme/theme-provider';
 export * from '../../../core/modules/app/theme/utils/themes/theme-tokens';
+export * from '../../../core/modules/app/theme/dynamic-types/definitions/dynamic-type-theme-abstract';
+export * from '../../../core/modules/app/theme/dynamic-types/registry/dynamic-type-theme-registry';
+export * from '../../../core/modules/app/theme/constants/theme-ids';
+export * from '../../../core/modules/app/theme/constants/theme-algorithms';
+export * from '../../../core/modules/app/theme/theme-slice';
 export * from '../../../core/modules/app/hook/use-handle-keybindings';
 export * from '../../../core/modules/app/hook/use-date-converter';
 export * from '../../../core/modules/app/modal-holder/use-modal-holder';
 export * from '../../../core/modules/app/settings/hooks/use-settings';
+export { getAdminSettings } from '../../../core/modules/app/settings/settings-slice';
 export * from '../../../core/modules/app/base-layout/main-nav/services/main-nav-registry';
 export * from '../../../core/modules/app/base-layout/main-nav/hooks/use-main-nav';
 export * from '../../../core/modules/app/base-layout/right-sidebar/logo/subscription-details';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pimcore/studio-ui-bundle",
-  "version": "2026.1.7",
+  "version": "2026.2.0",
   "keywords": [
     "pimcore",
     "pimcore-studio-ui"