@dyrected/admin 2.6.1 → 2.6.2

package/dist/admin.css

@@ -1222,6 +1222,10 @@
     z-index: 20;
 }
 
+.dy-z-30{
+    z-index: 30;
+}
+
 .dy-z-50{
     z-index: 50;
 }
@@ -2241,6 +2245,12 @@
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.dy-scale-\[0\.99\]{
+    --tw-scale-x: 0.99;
+    --tw-scale-y: 0.99;
+    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .dy-transform{
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -2396,6 +2406,10 @@
     align-items: center;
 }
 
+.dy-items-stretch{
+    align-items: stretch;
+}
+
 .dy-justify-start{
     justify-content: flex-start;
 }
@@ -2712,6 +2726,10 @@
     border-color: rgb(245 158 11 / 0.2);
 }
 
+.dy-border-amber-500\/30{
+    border-color: rgb(245 158 11 / 0.3);
+}
+
 .dy-border-blue-100{
     --tw-border-opacity: 1;
     border-color: rgb(219 234 254 / var(--tw-border-opacity, 1));
@@ -2860,6 +2878,14 @@
     border-color: rgb(186 230 253 / var(--tw-border-opacity, 1));
 }
 
+.dy-border-sky-400\/30{
+    border-color: rgb(56 189 248 / 0.3);
+}
+
+.dy-border-sky-500\/20{
+    border-color: rgb(14 165 233 / 0.2);
+}
+
 .dy-border-transparent{
     border-color: transparent;
 }
@@ -2873,6 +2899,10 @@
     border-color: rgb(255 255 255 / 0.1);
 }
 
+.dy-border-white\/20{
+    border-color: rgb(255 255 255 / 0.2);
+}
+
 .dy-border-white\/30{
     border-color: rgb(255 255 255 / 0.3);
 }
@@ -2906,6 +2936,10 @@
     background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
 }
 
+.dy-bg-amber-400\/15{
+    background-color: rgb(251 191 36 / 0.15);
+}
+
 .dy-bg-amber-50{
     --tw-bg-opacity: 1;
     background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
@@ -2920,6 +2954,10 @@
     background-color: rgb(245 158 11 / 0.1);
 }
 
+.dy-bg-amber-500\/20{
+    background-color: rgb(245 158 11 / 0.2);
+}
+
 .dy-bg-amber-500\/5{
     background-color: rgb(245 158 11 / 0.05);
 }
@@ -3187,18 +3225,32 @@
     background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
 }
 
+.dy-bg-sky-500\/10{
+    background-color: rgb(14 165 233 / 0.1);
+}
+
+.dy-bg-sky-950\/80{
+    background-color: rgb(8 47 73 / 0.8);
+}
+
 .dy-bg-transparent{
     background-color: transparent;
 }
 
-.dy-bg-\[radial-gradient\(circle_at_center\,var\(--primary\)_0\%\,transparent_100\%\)\]{
-    background-image: radial-gradient(circle at center,var(--primary) 0%,transparent 100%);
+.dy-bg-gradient-to-r{
+    background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
 
 .dy-bg-gradient-to-t{
     background-image: linear-gradient(to top, var(--tw-gradient-stops));
 }
 
+.dy-from-amber-500\/10{
+    --tw-gradient-from: rgb(245 158 11 / 0.1) var(--tw-gradient-from-position);
+    --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
 .dy-from-black\/60{
     --tw-gradient-from: rgb(0 0 0 / 0.6) var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
@@ -3211,6 +3263,11 @@
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
 
+.dy-via-amber-500\/5{
+    --tw-gradient-to: rgb(245 158 11 / 0)  var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-from), rgb(245 158 11 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
 .dy-via-black\/40{
     --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
@@ -3494,6 +3551,10 @@
     padding-right: 0.25rem;
 }
 
+.dy-pr-14{
+    padding-right: 3.5rem;
+}
+
 .dy-pr-2{
     padding-right: 0.5rem;
 }
@@ -3739,13 +3800,18 @@
     color: rgb(146 64 14 / var(--tw-text-opacity, 1));
 }
 
-.dy-text-background{
-    color: hsl(var(--background));
+.dy-text-amber-900{
+    --tw-text-opacity: 1;
+    color: rgb(120 53 15 / var(--tw-text-opacity, 1));
 }
 
-.dy-text-blue-500{
+.dy-text-amber-950{
     --tw-text-opacity: 1;
-    color: rgb(59 130 246 / var(--tw-text-opacity, 1));
+    color: rgb(69 26 3 / var(--tw-text-opacity, 1));
+}
+
+.dy-text-background{
+    color: hsl(var(--background));
 }
 
 .dy-text-blue-600{
@@ -3845,6 +3911,10 @@
     color: hsl(var(--muted-foreground) / 0.3);
 }
 
+.dy-text-muted-foreground\/35{
+    color: hsl(var(--muted-foreground) / 0.35);
+}
+
 .dy-text-muted-foreground\/40{
     color: hsl(var(--muted-foreground) / 0.4);
 }
@@ -3898,6 +3968,11 @@
     color: rgb(192 132 252 / var(--tw-text-opacity, 1));
 }
 
+.dy-text-purple-500{
+    --tw-text-opacity: 1;
+    color: rgb(168 85 247 / var(--tw-text-opacity, 1));
+}
+
 .dy-text-purple-500\/70{
     color: rgb(168 85 247 / 0.7);
 }
@@ -3943,6 +4018,16 @@
     color: hsl(var(--sidebar-foreground) / 0.7);
 }
 
+.dy-text-sky-300{
+    --tw-text-opacity: 1;
+    color: rgb(125 211 252 / var(--tw-text-opacity, 1));
+}
+
+.dy-text-sky-600{
+    --tw-text-opacity: 1;
+    color: rgb(2 132 199 / var(--tw-text-opacity, 1));
+}
+
 .dy-text-sky-700{
     --tw-text-opacity: 1;
     color: rgb(3 105 161 / var(--tw-text-opacity, 1));
@@ -3957,6 +4042,10 @@
     color: rgb(255 255 255 / 0.6);
 }
 
+.dy-text-white\/90{
+    color: rgb(255 255 255 / 0.9);
+}
+
 .dy-underline-offset-2{
     text-underline-offset: 2px;
 }
@@ -3993,8 +4082,8 @@
     opacity: 0.8;
 }
 
-.dy-opacity-\[0\.03\]{
-    opacity: 0.03;
+.dy-opacity-90{
+    opacity: 0.9;
 }
 
 .dy-shadow-2xl{
@@ -5728,6 +5817,16 @@
     background-color: rgb(255 255 255 / 0.05);
 }
 
+.dark\:dy-text-amber-100:is(.dy-dark *){
+    --tw-text-opacity: 1;
+    color: rgb(254 243 199 / var(--tw-text-opacity, 1));
+}
+
+.dark\:dy-text-amber-200:is(.dy-dark *){
+    --tw-text-opacity: 1;
+    color: rgb(253 230 138 / var(--tw-text-opacity, 1));
+}
+
 .dark\:dy-text-amber-300:is(.dy-dark *){
     --tw-text-opacity: 1;
     color: rgb(252 211 77 / var(--tw-text-opacity, 1));
@@ -5840,10 +5939,6 @@
         height: 5rem;
     }
 
-    .sm\:dy-h-24{
-        height: 6rem;
-    }
-
     .sm\:dy-h-60{
         height: 15rem;
     }
@@ -5872,10 +5967,6 @@
         width: 5rem;
     }
 
-    .sm\:dy-w-24{
-        width: 6rem;
-    }
-
     .sm\:dy-w-44{
         width: 11rem;
     }
@@ -5920,6 +6011,10 @@
         max-width: 56rem;
     }
 
+    .sm\:dy-max-w-\[300px\]{
+        max-width: 300px;
+    }
+
     .sm\:dy-max-w-\[360px\]{
         max-width: 360px;
     }
@@ -6011,10 +6106,6 @@
         gap: 1rem;
     }
 
-    .sm\:dy-gap-8{
-        gap: 2rem;
-    }
-
     .sm\:dy-space-x-2 > :not([hidden]) ~ :not([hidden]){
         --tw-space-x-reverse: 0;
         margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -6055,10 +6146,6 @@
         border-radius: 1.5rem;
     }
 
-    .sm\:dy-rounded-\[2\.5rem\]{
-        border-radius: 2.5rem;
-    }
-
     .sm\:dy-rounded-xl{
         border-radius: 0.75rem;
     }
@@ -6067,6 +6154,10 @@
         background-color: rgb(0 0 0 / 0.4);
     }
 
+    .sm\:dy-p-10{
+        padding: 2.5rem;
+    }
+
     .sm\:dy-p-12{
         padding: 3rem;
     }
@@ -6087,10 +6178,6 @@
         padding: 1.5rem;
     }
 
-    .sm\:dy-p-8{
-        padding: 2rem;
-    }
-
     .sm\:dy-px-10{
         padding-left: 2.5rem;
         padding-right: 2.5rem;
@@ -6137,6 +6224,11 @@
         line-height: 1.5rem;
     }
 
+    .sm\:dy-text-sm{
+        font-size: 0.875rem;
+        line-height: 1.25rem;
+    }
+
     .sm\:dy-text-xl{
         font-size: 1.25rem;
         line-height: 1.75rem;

package/dist/components/forms/field-renderer.d.ts

@@ -1,4 +1,5 @@
-import { Field as FieldSchema, CollectionConfig, GlobalConfig } from '@dyrected/core';
+import { Field as FieldSchema } from '@dyrected/core';
+import { AdminFieldComponentContext } from '../../types/admin-components';
 interface FieldRendererProps {
     schema: FieldSchema;
     field: {
@@ -8,14 +9,7 @@ interface FieldRendererProps {
         ref: any;
     };
     collection: string;
-    context?: {
-        user: Record<string, unknown> | null;
-        schemas?: {
-            collections: CollectionConfig[];
-            globals: GlobalConfig[];
-        };
-        siblingData: Record<string, unknown>;
-    };
+    context?: AdminFieldComponentContext;
 }
 /**
  * FieldRenderer (Field Registry/Dispatcher)

package/dist/components/forms/fields/date-picker.d.ts

@@ -1,3 +1,4 @@
+import { DateFormat } from '@dyrected/core';
 import * as React from "react";
 interface DatePickerProps {
     value?: string | Date;
@@ -5,8 +6,10 @@ interface DatePickerProps {
     label?: string;
     disabled?: boolean;
     withTime?: boolean;
+    fieldType: "date" | "datetime" | "time";
+    format?: DateFormat;
 }
-export declare function DatePicker({ value, onChange, label, disabled, withTime }: DatePickerProps): React.JSX.Element;
+export declare function DatePicker({ value, onChange, label, disabled, withTime, fieldType, format: valueFormat }: DatePickerProps): React.JSX.Element;
 interface DateRangePickerProps {
     value?: {
         from?: string;

package/dist/components/forms/fields/format-aware-inputs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/forms/fields/text-field.d.ts

@@ -5,7 +5,7 @@ interface TextFieldProps {
     schema: TextInputSchema;
     field: {
         value: string | number | null | undefined;
-        onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+        onChange: (...event: any[]) => void;
         onBlur?: () => void;
         name: string;
         ref: React.Ref<HTMLInputElement>;

package/dist/components/forms/fields/url-field.d.ts

@@ -10,5 +10,5 @@ interface UrlFieldProps {
         siblingData: any;
     };
 }
-export declare function UrlField({ field, disabled }: UrlFieldProps): React.JSX.Element;
+export declare function UrlField({ schema, field, disabled }: UrlFieldProps): React.JSX.Element;
 export {};

package/dist/components/media/__tests__/media-library-dialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/media/storage-notice.d.ts

@@ -0,0 +1,7 @@
+interface StorageNotConfiguredNoticeProps {
+    variant?: "banner" | "inline";
+    className?: string;
+    showSetupLink?: boolean;
+}
+export declare function StorageNotConfiguredNotice({ variant, className, showSetupLink, }: StorageNotConfiguredNoticeProps): import("react").JSX.Element;
+export {};

package/dist/controllers/__tests__/field.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/controllers/__tests__/form.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/controllers/__tests__/media.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/controllers/__tests__/theme.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/controllers/field.d.ts

@@ -0,0 +1,13 @@
+import { DyrectedFieldState, DyrectedFormController, DyrectedSetValueOptions } from './form';
+type Listener = () => void;
+export interface DyrectedFieldController {
+    getState(): DyrectedFieldState;
+    subscribe(listener: Listener): () => void;
+    setValue(value: unknown, options?: DyrectedSetValueOptions): void;
+    validate(): Promise<boolean>;
+}
+/**
+ * Creates a field-scoped controller from a Dyrected form controller and a path.
+ */
+export declare function createDyrectedFieldController(formController: DyrectedFormController, path: string): DyrectedFieldController;
+export {};

package/dist/controllers/form.d.ts

@@ -0,0 +1,102 @@
+import { Field as FieldSchema } from '@dyrected/sdk';
+type Listener = () => void;
+export type DyrectedFieldPathPart = string | number | null | undefined | false;
+export interface DyrectedFormValues {
+    [key: string]: unknown;
+}
+export interface DyrectedFormState {
+    collection: string;
+    fields: FieldSchema[];
+    values: DyrectedFormValues;
+    errors: Record<string, string>;
+    dirtyFields: Record<string, boolean>;
+    touchedFields: Record<string, boolean>;
+    isDirty: boolean;
+    isSubmitting: boolean;
+    isValid: boolean;
+    submitCount: number;
+    readOnly: boolean;
+    documentId?: string;
+}
+export interface DyrectedSetValueOptions {
+    shouldDirty?: boolean;
+    shouldTouch?: boolean;
+    shouldValidate?: boolean;
+}
+export interface DyrectedFormControllerAdapters {
+    setValue?: (path: string, value: unknown, options?: DyrectedSetValueOptions) => void;
+    reset?: (values?: DyrectedFormValues) => void;
+    validate?: (paths?: string | string[]) => Promise<boolean>;
+    submit?: () => Promise<unknown>;
+}
+export interface DyrectedFormControllerOptions {
+    collection: string;
+    fields: FieldSchema[];
+    documentId?: string;
+    readOnly?: boolean;
+    initialValues?: DyrectedFormValues;
+    initialErrors?: Record<string, string>;
+    initialDirtyFields?: Record<string, boolean>;
+    initialTouchedFields?: Record<string, boolean>;
+    initialIsDirty?: boolean;
+    initialIsSubmitting?: boolean;
+    initialIsValid?: boolean;
+    initialSubmitCount?: number;
+    adapters?: DyrectedFormControllerAdapters;
+}
+export interface DyrectedFieldState {
+    path: string;
+    schema: FieldSchema | null;
+    value: unknown;
+    error?: string;
+    isDirty: boolean;
+    isTouched: boolean;
+    invalid: boolean;
+    setValue: (value: unknown, options?: DyrectedSetValueOptions) => void;
+    validate: () => Promise<boolean>;
+}
+export interface DyrectedFormController {
+    getState(): DyrectedFormState;
+    subscribe(listener: Listener): () => void;
+    setAdapters(adapters?: DyrectedFormControllerAdapters): void;
+    setState(nextState: Partial<DyrectedFormState> | ((currentState: DyrectedFormState) => DyrectedFormState)): void;
+    getValue(path: string): unknown;
+    getValues(): DyrectedFormValues;
+    setValue(path: string, value: unknown, options?: DyrectedSetValueOptions): void;
+    getFieldSchema(path: string): FieldSchema | null;
+    getFieldState(path: string): DyrectedFieldState;
+    reset(values?: DyrectedFormValues): void;
+    validate(paths?: string | string[]): Promise<boolean>;
+    submit(): Promise<unknown>;
+}
+/**
+ * Normalizes a dotted field path into path segments.
+ */
+export declare function normalizeFieldPath(path: string): string[];
+/**
+ * Alias for `normalizeFieldPath` used in public field/path helpers.
+ */
+export declare function getFieldPathSegments(path: string): string[];
+/**
+ * Joins path parts into one dotted Dyrected field path.
+ */
+export declare function joinFieldPath(...parts: DyrectedFieldPathPart[]): string;
+/**
+ * Returns the parent path for a given dotted field path.
+ */
+export declare function getParentFieldPath(path: string): string;
+/**
+ * Reads a nested value using a dotted Dyrected field path.
+ */
+export declare function getValueAtPath(value: unknown, path: string): unknown;
+/**
+ * Writes a nested value immutably using a dotted Dyrected field path.
+ */
+export declare function setValueAtPath<T>(value: T, path: string, nextValue: unknown): T;
+/**
+ * Creates a framework-agnostic Dyrected form controller.
+ *
+ * This is the low-level state contract behind the React and Vue form APIs.
+ */
+export declare function createDyrectedFormController({ collection, fields, documentId, readOnly, initialValues, initialErrors, initialDirtyFields, initialTouchedFields, initialIsDirty, initialIsSubmitting, initialIsValid, initialSubmitCount, adapters, }: DyrectedFormControllerOptions): DyrectedFormController;
+export {};

package/dist/controllers/media.d.ts

@@ -0,0 +1,119 @@
+import { buildExternalMediaPayload } from '../lib/external-media';
+import { DyrectedClient, Media } from '@dyrected/sdk';
+type Listener = () => void;
+type MaybePromise<T> = T | Promise<T>;
+export interface MediaControllerSchemas {
+    collections?: Array<{
+        slug: string;
+        upload?: unknown;
+    }>;
+}
+export interface MediaRecord extends Media {
+    id: string;
+}
+export interface MediaUploadQueueItem {
+    id: string;
+    file: File;
+    originalSize: number;
+    compressedSize: number;
+    progress: number;
+    status: "queued" | "uploading" | "completed" | "error";
+    error?: string;
+    result?: MediaRecord;
+}
+export interface MediaUploadControllerState {
+    activeCollection: string;
+    isUploading: boolean;
+    queue: MediaUploadQueueItem[];
+}
+export interface MediaUploadControllerOptions {
+    client: DyrectedClient | null;
+    schemas?: MediaControllerSchemas | null;
+    collection: string;
+    compressImages?: boolean;
+    maxDimension?: number;
+    quality?: number;
+    onCompletedItem?: (item: MediaRecord) => MaybePromise<void>;
+    onAllCompleted?: (items: MediaRecord[]) => MaybePromise<void>;
+    onError?: (error: Error, file: File) => void;
+}
+/**
+ * Creates a framework-agnostic media upload controller.
+ *
+ * This is the low-level engine behind the React and Vue media upload APIs. Use
+ * it directly only when you need to build your own adapter layer outside the
+ * shipped framework packages.
+ */
+export interface MediaUploadController {
+    getState(): MediaUploadControllerState;
+    subscribe(listener: Listener): () => void;
+    uploadFiles(files: File[]): Promise<MediaRecord[]>;
+    retryUpload(id: string): Promise<MediaRecord | null>;
+    removeQueueItem(id: string): void;
+    clearCompleted(): void;
+}
+export interface MediaURLClassification {
+    kind: "youtube" | "vimeo" | "direct-image" | "direct-video" | "generic-file" | "unknown";
+    payload: ReturnType<typeof buildExternalMediaPayload>;
+}
+export interface MediaURLControllerState {
+    activeCollection: string;
+    isSubmitting: boolean;
+}
+export interface MediaURLControllerOptions {
+    client: DyrectedClient | null;
+    schemas?: MediaControllerSchemas | null;
+    collection: string;
+    compressImages?: boolean;
+    maxDimension?: number;
+    quality?: number;
+    onAdded?: (item: MediaRecord) => MaybePromise<void>;
+    onError?: (error: Error) => void;
+}
+/**
+ * Creates a framework-agnostic media URL ingestion controller.
+ */
+export interface MediaURLController {
+    getState(): MediaURLControllerState;
+    subscribe(listener: Listener): () => void;
+    classifyURL(url: string): MediaURLClassification;
+    importURL(url: string): Promise<MediaRecord>;
+}
+export interface MediaLibraryControllerState {
+    activeCollection: string;
+    items: MediaRecord[];
+    selectedIds: string[];
+    searchQuery: string;
+    page: number;
+    hasNextPage: boolean;
+    isLoading: boolean;
+    error: Error | null;
+}
+export interface MediaLibraryControllerOptions {
+    client: DyrectedClient | null;
+    schemas?: MediaControllerSchemas | null;
+    collection: string;
+    pageSize?: number;
+    initialSearchQuery?: string;
+    initialSelectedIds?: string[];
+}
+/**
+ * Creates a framework-agnostic media library controller for search, pagination,
+ * and selection state.
+ */
+export interface MediaLibraryController {
+    getState(): MediaLibraryControllerState;
+    subscribe(listener: Listener): () => void;
+    load(): Promise<MediaRecord[]>;
+    search(query: string): Promise<MediaRecord[]>;
+    loadNextPage(): Promise<MediaRecord[]>;
+    setSelectedIds(ids: string[]): void;
+    select(id: string): void;
+    deselect(id: string): void;
+    toggle(id: string): void;
+    clearSelection(): void;
+}
+export declare function createMediaUploadController({ client, schemas, collection, compressImages, maxDimension, quality, onCompletedItem, onAllCompleted, onError, }: MediaUploadControllerOptions): MediaUploadController;
+export declare function createMediaURLController({ client, schemas, collection, compressImages, maxDimension, quality, onAdded, onError, }: MediaURLControllerOptions): MediaURLController;
+export declare function createMediaLibraryController({ client, schemas, collection, pageSize, initialSearchQuery, initialSelectedIds, }: MediaLibraryControllerOptions): MediaLibraryController;
+export {};

package/dist/controllers/theme.d.ts

@@ -0,0 +1,28 @@
+import { AdminThemePreference, ResolvedAdminTheme } from '../hooks/admin-theme';
+type Listener = () => void;
+export interface AdminThemeControllerState {
+    theme: AdminThemePreference;
+    systemTheme: ResolvedAdminTheme;
+    resolvedTheme: ResolvedAdminTheme;
+    themeClassName: string;
+}
+export interface AdminThemeController {
+    getState(): AdminThemeControllerState;
+    subscribe(listener: Listener): () => void;
+    setTheme(theme: AdminThemePreference): void;
+    setSystemTheme(theme: ResolvedAdminTheme): void;
+    setState(nextState: Partial<AdminThemeControllerState> | ((currentState: AdminThemeControllerState) => AdminThemeControllerState)): void;
+}
+export interface AdminThemeControllerOptions {
+    theme?: AdminThemePreference;
+    systemTheme?: ResolvedAdminTheme;
+    onThemeChange?: (theme: AdminThemePreference) => void;
+}
+/**
+ * Creates a framework-agnostic admin theme controller.
+ *
+ * This controller is the shared theme engine used by the React and Vue public
+ * APIs, and can also be used directly by other framework adapters.
+ */
+export declare function createAdminThemeController({ theme, systemTheme, onThemeChange, }?: AdminThemeControllerOptions): AdminThemeController;
+export {};