@salesforce/ui-design-mode 10.2.2 → 10.3.0

package/dist/authoring/core/DesignPropertyPanelRoot.d.cts

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+import { ComponentData, ComponentStyleValue, SourceLocation } from '../../protocol.cjs';
+import { ChangeContext } from './history/historyService.cjs';
+/** Selected-component subset the panel renders. Mirrors the protocol payload. */
+export type DesignPanelComponent = Pick<ComponentData, "name" | "tagName" | "debugSource" | "hasNonEditableText">;
+/** Per-property inline + computed style values pushed from the host. */
+export type StylesEntryMap = Record<string, ComponentStyleValue>;
+/** Context the panel sends to the host's Apply-to-Agentforce-Vibes handler. */
+export type AgentforceComponentContext = ChangeContext;
+/** Payload the panel emits when the user clicks a component's source-file link. */
+export interface OpenSourceFilePayload {
+    sourceFile: string;
+    lineNumber: number;
+    columnNumber: number;
+}
+/** Props supplied by the host (surface adapter or `<design-mode-panel>` element). */
+export interface DesignPropertyPanelProps {
+    /** Selected component, or null when nothing is selected. */
+    component: DesignPanelComponent | null;
+    /** Inline + computed style values for the selected component. */
+    styles: StylesEntryMap | null;
+    /** Apply a style change to the surface (host posts it to the preview iframe). */
+    onStyleChange: (property: string, value: string, sourceLocation?: SourceLocation) => void;
+    /** Apply a text change to the surface. Used by the internal history replay. */
+    onTextChange?: (text: string, sourceLocation?: SourceLocation) => void;
+    /** Undo/redo availability changed. */
+    onHistoryStateChange?: (state: {
+        canUndo: boolean;
+        canRedo: boolean;
+    }) => void;
+    /** User clicked "Send to Agentforce". */
+    onSendToAgentforce?: (context: AgentforceComponentContext) => void;
+    /** User clicked the selected component's source-file link. */
+    onOpenSourceFile?: (payload: OpenSourceFilePayload) => void;
+}
+/** Imperative handle exposed via ref for toolbar-driven history control. */
+export interface DesignPropertyPanelHandle {
+    undo(): void;
+    redo(): void;
+    clearHistory(): void;
+    getHistoryStack(): unknown[];
+    recordTextChange(originalText: string, newText: string, context?: ChangeContext): void;
+    canUndo(): boolean;
+    canRedo(): boolean;
+}
+export declare const DesignPropertyPanel: React.ForwardRefExoticComponent<DesignPropertyPanelProps & React.RefAttributes<DesignPropertyPanelHandle>>;
+/**
+ * Convenience mount for non-JSX hosts: renders the panel into `rootEl` with the
+ * given props. JSX hosts can render `<DesignPropertyPanel … />` directly instead.
+ */
+export declare function mountDesignPropertyPanel(rootEl: HTMLElement | null, props: DesignPropertyPanelProps, ref?: React.Ref<DesignPropertyPanelHandle>): void;
+//# sourceMappingURL=DesignPropertyPanelRoot.d.ts.map

package/dist/authoring/core/DesignPropertyPanelRoot.d.ts

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+import { ComponentData, ComponentStyleValue, SourceLocation } from '../../protocol.js';
+import { ChangeContext } from './history/historyService.js';
+/** Selected-component subset the panel renders. Mirrors the protocol payload. */
+export type DesignPanelComponent = Pick<ComponentData, "name" | "tagName" | "debugSource" | "hasNonEditableText">;
+/** Per-property inline + computed style values pushed from the host. */
+export type StylesEntryMap = Record<string, ComponentStyleValue>;
+/** Context the panel sends to the host's Apply-to-Agentforce-Vibes handler. */
+export type AgentforceComponentContext = ChangeContext;
+/** Payload the panel emits when the user clicks a component's source-file link. */
+export interface OpenSourceFilePayload {
+    sourceFile: string;
+    lineNumber: number;
+    columnNumber: number;
+}
+/** Props supplied by the host (surface adapter or `<design-mode-panel>` element). */
+export interface DesignPropertyPanelProps {
+    /** Selected component, or null when nothing is selected. */
+    component: DesignPanelComponent | null;
+    /** Inline + computed style values for the selected component. */
+    styles: StylesEntryMap | null;
+    /** Apply a style change to the surface (host posts it to the preview iframe). */
+    onStyleChange: (property: string, value: string, sourceLocation?: SourceLocation) => void;
+    /** Apply a text change to the surface. Used by the internal history replay. */
+    onTextChange?: (text: string, sourceLocation?: SourceLocation) => void;
+    /** Undo/redo availability changed. */
+    onHistoryStateChange?: (state: {
+        canUndo: boolean;
+        canRedo: boolean;
+    }) => void;
+    /** User clicked "Send to Agentforce". */
+    onSendToAgentforce?: (context: AgentforceComponentContext) => void;
+    /** User clicked the selected component's source-file link. */
+    onOpenSourceFile?: (payload: OpenSourceFilePayload) => void;
+}
+/** Imperative handle exposed via ref for toolbar-driven history control. */
+export interface DesignPropertyPanelHandle {
+    undo(): void;
+    redo(): void;
+    clearHistory(): void;
+    getHistoryStack(): unknown[];
+    recordTextChange(originalText: string, newText: string, context?: ChangeContext): void;
+    canUndo(): boolean;
+    canRedo(): boolean;
+}
+export declare const DesignPropertyPanel: React.ForwardRefExoticComponent<DesignPropertyPanelProps & React.RefAttributes<DesignPropertyPanelHandle>>;
+/**
+ * Convenience mount for non-JSX hosts: renders the panel into `rootEl` with the
+ * given props. JSX hosts can render `<DesignPropertyPanel … />` directly instead.
+ */
+export declare function mountDesignPropertyPanel(rootEl: HTMLElement | null, props: DesignPropertyPanelProps, ref?: React.Ref<DesignPropertyPanelHandle>): void;
+//# sourceMappingURL=DesignPropertyPanelRoot.d.ts.map

package/dist/authoring/core/DesignPropertyPanelRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignPropertyPanelRoot.d.ts","sourceRoot":"","sources":["../../../src/authoring/core/DesignPropertyPanelRoot.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAazF,OAAO,EAEN,KAAK,aAAa,EAElB,MAAM,0BAA0B,CAAC;AAUlC,iFAAiF;AACjF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,aAAa,EACb,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,oBAAoB,CACzD,CAAC;AAEF,wEAAwE;AACxE,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;AAEjE,+EAA+E;AAC/E,MAAM,MAAM,0BAA0B,GAAG,aAAa,CAAC;AAEvD,mFAAmF;AACnF,MAAM,WAAW,qBAAqB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACrB;AAED,qFAAqF;AACrF,MAAM,WAAW,wBAAwB;IACxC,4DAA4D;IAC5D,SAAS,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACvC,iEAAiE;IACjE,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,iFAAiF;IACjF,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1F,+EAA+E;IAC/E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACvE,sCAAsC;IACtC,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACnE,8DAA8D;IAC9D,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAC5D;AAED,4EAA4E;AAC5E,MAAM,WAAW,yBAAyB;IACzC,IAAI,IAAI,IAAI,CAAC;IACb,IAAI,IAAI,IAAI,CAAC;IACb,YAAY,IAAI,IAAI,CAAC;IACrB,eAAe,IAAI,OAAO,EAAE,CAAC;IAC7B,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IACvF,OAAO,IAAI,OAAO,CAAC;IACnB,OAAO,IAAI,OAAO,CAAC;CACnB;AAqVD,eAAO,MAAM,mBAAmB,4GAwM9B,CAAC;AAEH;;;GAGG;AACH,wBAAgB,wBAAwB,CACvC,MAAM,EAAE,WAAW,GAAG,IAAI,EAC1B,KAAK,EAAE,wBAAwB,EAC/B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,yBAAyB,CAAC,QAK1C"}

package/dist/authoring/core/DesignPropertyPanelSection.d.cts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface DesignPropertyPanelSectionProps {
+    title: string;
+    defaultOpen?: boolean;
+    children: React.ReactNode;
+}
+export declare function DesignPropertyPanelSection({ title, defaultOpen, children, }: DesignPropertyPanelSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DesignPropertyPanelSection.d.ts.map

package/dist/authoring/core/DesignPropertyPanelSection.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface DesignPropertyPanelSectionProps {
+    title: string;
+    defaultOpen?: boolean;
+    children: React.ReactNode;
+}
+export declare function DesignPropertyPanelSection({ title, defaultOpen, children, }: DesignPropertyPanelSectionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DesignPropertyPanelSection.d.ts.map

package/dist/authoring/core/DesignPropertyPanelSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignPropertyPanelSection.d.ts","sourceRoot":"","sources":["../../../src/authoring/core/DesignPropertyPanelSection.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,+BAA+B;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,wBAAgB,0BAA0B,CAAC,EAC1C,KAAK,EACL,WAAkB,EAClB,QAAQ,GACR,EAAE,+BAA+B,2CAqBjC"}

package/dist/authoring/core/editors/BaseEditorContainer.d.cts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface BaseEditorContainerProps {
+    /** Editor label displayed above the control */
+    label: string;
+    /** Base id for legend id (`${id}-legend`) */
+    id: string;
+    /** Additional class(es) for the fieldset */
+    className?: string;
+    /** Editor content */
+    children: React.ReactNode;
+}
+/**
+ * Shared layout wrapper for all property editors.
+ */
+export declare function BaseEditorContainer({ label, id, className, children }: BaseEditorContainerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BaseEditorContainer.d.ts.map

package/dist/authoring/core/editors/BaseEditorContainer.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface BaseEditorContainerProps {
+    /** Editor label displayed above the control */
+    label: string;
+    /** Base id for legend id (`${id}-legend`) */
+    id: string;
+    /** Additional class(es) for the fieldset */
+    className?: string;
+    /** Editor content */
+    children: React.ReactNode;
+}
+/**
+ * Shared layout wrapper for all property editors.
+ */
+export declare function BaseEditorContainer({ label, id, className, children }: BaseEditorContainerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BaseEditorContainer.d.ts.map

package/dist/authoring/core/editors/BaseEditorContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseEditorContainer.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/editors/BaseEditorContainer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,MAAM,WAAW,wBAAwB;IACxC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2CAW/F"}

package/dist/authoring/core/editors/BorderStyleEditor.d.cts

@@ -0,0 +1,8 @@
+export interface BorderStyleEditorProps {
+    label?: string;
+    value?: string;
+    onChange: (value: string) => void;
+    id?: string;
+}
+export declare function BorderStyleEditor({ label, value, onChange, id, }: BorderStyleEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BorderStyleEditor.d.ts.map

package/dist/authoring/core/editors/BorderStyleEditor.d.ts

@@ -0,0 +1,8 @@
+export interface BorderStyleEditorProps {
+    label?: string;
+    value?: string;
+    onChange: (value: string) => void;
+    id?: string;
+}
+export declare function BorderStyleEditor({ label, value, onChange, id, }: BorderStyleEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BorderStyleEditor.d.ts.map

package/dist/authoring/core/editors/BorderStyleEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BorderStyleEditor.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/editors/BorderStyleEditor.tsx"],"names":[],"mappings":"AAgCA,MAAM,WAAW,sBAAsB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,wBAAgB,iBAAiB,CAAC,EACjC,KAAsB,EACtB,KAAK,EACL,QAAQ,EACR,EAAmB,GACnB,EAAE,sBAAsB,2CAUxB"}

package/dist/authoring/core/editors/BoxDimensionEditor.d.cts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { UnitOption, UnitConstraints } from '../utils/dimensionUtils.cjs';
+export interface BoxDimensionEditorProps {
+    /** Editor label displayed above the inputs */
+    label: string;
+    /** CSS shorthand value (e.g. "10px 20px 10px 20px") */
+    value?: string;
+    /** Callback invoked when value changes */
+    onChange: (value: string) => void;
+    /** DOM id for the editor */
+    id?: string;
+    /** Available unit options (defaults to px, em, rem, %) */
+    units?: readonly UnitOption[];
+    /** Min/max/step constraints per unit */
+    constraints?: UnitConstraints;
+    /** Whether to allow "auto" value */
+    allowAuto?: boolean;
+    /** Labels for four sides (defaults to Top, Right, Bottom, Left) */
+    sideLabels?: string[];
+    /** Optional icon components for each side */
+    sideIcons?: (React.ComponentType<{
+        size?: number;
+        width?: number;
+        height?: number;
+    }> | null | undefined)[];
+    /** Placeholder value for empty inputs */
+    placeholder?: string;
+}
+/**
+ * Box-model dimension editor (4-sided) with shared unit selector and
+ * a link toggle to lock all four sides to the same value.
+ */
+export declare function BoxDimensionEditor({ label, value, onChange, id, units, constraints, allowAuto, sideLabels, sideIcons, placeholder, }: BoxDimensionEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BoxDimensionEditor.d.ts.map

package/dist/authoring/core/editors/BoxDimensionEditor.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { UnitOption, UnitConstraints } from '../utils/dimensionUtils.js';
+export interface BoxDimensionEditorProps {
+    /** Editor label displayed above the inputs */
+    label: string;
+    /** CSS shorthand value (e.g. "10px 20px 10px 20px") */
+    value?: string;
+    /** Callback invoked when value changes */
+    onChange: (value: string) => void;
+    /** DOM id for the editor */
+    id?: string;
+    /** Available unit options (defaults to px, em, rem, %) */
+    units?: readonly UnitOption[];
+    /** Min/max/step constraints per unit */
+    constraints?: UnitConstraints;
+    /** Whether to allow "auto" value */
+    allowAuto?: boolean;
+    /** Labels for four sides (defaults to Top, Right, Bottom, Left) */
+    sideLabels?: string[];
+    /** Optional icon components for each side */
+    sideIcons?: (React.ComponentType<{
+        size?: number;
+        width?: number;
+        height?: number;
+    }> | null | undefined)[];
+    /** Placeholder value for empty inputs */
+    placeholder?: string;
+}
+/**
+ * Box-model dimension editor (4-sided) with shared unit selector and
+ * a link toggle to lock all four sides to the same value.
+ */
+export declare function BoxDimensionEditor({ label, value, onChange, id, units, constraints, allowAuto, sideLabels, sideIcons, placeholder, }: BoxDimensionEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BoxDimensionEditor.d.ts.map

package/dist/authoring/core/editors/BoxDimensionEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxDimensionEditor.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/editors/BoxDimensionEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEN,KAAK,UAAU,EACf,KAAK,eAAe,EASpB,MAAM,yBAAyB,CAAC;AA4EjC,MAAM,WAAW,uBAAuB;IACvC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,4BAA4B;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0DAA0D;IAC1D,KAAK,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAC9B,wCAAwC;IACxC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,CACT,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GACvE,IAAI,GACJ,SAAS,CACX,EAAE,CAAC;IACJ,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAClC,KAAK,EACL,KAAU,EACV,QAAQ,EACR,EAAO,EACP,KAAyB,EACzB,WAAsC,EACtC,SAAiB,EACjB,UAAgC,EAChC,SAAS,EACT,WAAgB,GAChB,EAAE,uBAAuB,2CA0QzB"}

package/dist/authoring/core/editors/ColorEditor.d.cts

@@ -0,0 +1,15 @@
+export interface ColorEditorProps {
+    /** Editor label displayed above the control */
+    label: string;
+    /** Current color value (hex, rgba, oklch, oklab, lch, lab, or hsl string) */
+    value?: string;
+    /** Callback invoked when value changes */
+    onChange: (value: string) => void;
+    /** DOM id for the editor (defaults to 'color') */
+    id?: string;
+}
+/**
+ * Color editor with popover picker and hex/rgba inputs.
+ */
+export declare function ColorEditor({ label, value, onChange, id }: ColorEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ColorEditor.d.ts.map

package/dist/authoring/core/editors/ColorEditor.d.ts

@@ -0,0 +1,15 @@
+export interface ColorEditorProps {
+    /** Editor label displayed above the control */
+    label: string;
+    /** Current color value (hex, rgba, oklch, oklab, lch, lab, or hsl string) */
+    value?: string;
+    /** Callback invoked when value changes */
+    onChange: (value: string) => void;
+    /** DOM id for the editor (defaults to 'color') */
+    id?: string;
+}
+/**
+ * Color editor with popover picker and hex/rgba inputs.
+ */
+export declare function ColorEditor({ label, value, onChange, id }: ColorEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ColorEditor.d.ts.map

package/dist/authoring/core/editors/ColorEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorEditor.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/editors/ColorEditor.tsx"],"names":[],"mappings":"AAuYA,MAAM,WAAW,gBAAgB;IAChC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kDAAkD;IAClD,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAY,EAAE,EAAE,gBAAgB,2CAwfrF"}

package/dist/authoring/core/editors/DimensionEditor.d.cts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { UnitOption, UnitConstraints } from '../utils/dimensionUtils.cjs';
+export interface DimensionEditorProps {
+    /** Editor label displayed above the input */
+    label: string;
+    /** CSS dimension value (e.g. "16px", "1.5rem") */
+    value?: string;
+    /** Callback invoked when value changes */
+    onChange: (cssValue: string) => void;
+    /** Available unit options (defaults to CSS_UNITS) */
+    units?: readonly UnitOption[];
+    /** Min/max/step constraints per unit */
+    constraints?: UnitConstraints;
+    /** Default unit when value is empty (defaults to 'px') */
+    defaultUnit?: string;
+    /** Placeholder for empty input (defaults to 0) */
+    placeholder?: number | string;
+    /** DOM id for the editor (defaults to 'dimension') */
+    id?: string;
+    /** Optional icon component to display */
+    icon?: React.ComponentType<{
+        size?: number;
+        width?: number;
+        height?: number;
+    }>;
+}
+/**
+ * Dimension editor with numeric input and unit selector.
+ */
+export declare function DimensionEditor({ label, value, onChange, units, constraints, defaultUnit, placeholder, id, icon: Icon, }: DimensionEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DimensionEditor.d.ts.map

package/dist/authoring/core/editors/DimensionEditor.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { UnitOption, UnitConstraints } from '../utils/dimensionUtils.js';
+export interface DimensionEditorProps {
+    /** Editor label displayed above the input */
+    label: string;
+    /** CSS dimension value (e.g. "16px", "1.5rem") */
+    value?: string;
+    /** Callback invoked when value changes */
+    onChange: (cssValue: string) => void;
+    /** Available unit options (defaults to CSS_UNITS) */
+    units?: readonly UnitOption[];
+    /** Min/max/step constraints per unit */
+    constraints?: UnitConstraints;
+    /** Default unit when value is empty (defaults to 'px') */
+    defaultUnit?: string;
+    /** Placeholder for empty input (defaults to 0) */
+    placeholder?: number | string;
+    /** DOM id for the editor (defaults to 'dimension') */
+    id?: string;
+    /** Optional icon component to display */
+    icon?: React.ComponentType<{
+        size?: number;
+        width?: number;
+        height?: number;
+    }>;
+}
+/**
+ * Dimension editor with numeric input and unit selector.
+ */
+export declare function DimensionEditor({ label, value, onChange, units, constraints, defaultUnit, placeholder, id, icon: Icon, }: DimensionEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DimensionEditor.d.ts.map

package/dist/authoring/core/editors/DimensionEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DimensionEditor.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/editors/DimensionEditor.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAGN,KAAK,UAAU,EACf,KAAK,eAAe,EAOpB,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,oBAAoB;IACpC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,qDAAqD;IACrD,KAAK,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAC9B,wCAAwC;IACxC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,sDAAsD;IACtD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yCAAyC;IACzC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/E;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAiB,EACjB,WAAsC,EACtC,WAAkB,EAClB,WAAe,EACf,EAAgB,EAChB,IAAI,EAAE,IAAI,GACV,EAAE,oBAAoB,2CAqMtB"}

package/dist/authoring/core/editors/FontFamilyEditor.d.cts

@@ -0,0 +1,11 @@
+import { PicklistOption } from './PicklistEditor.cjs';
+export interface FontFamilyEditorProps {
+    label?: string;
+    value?: string;
+    options?: PicklistOption[];
+    onChange: (value: string) => void;
+    matchOption?: (fontFamily: string | null | undefined, options: PicklistOption[]) => PicklistOption | null;
+    id?: string;
+}
+export declare function FontFamilyEditor({ label, value, options, onChange, matchOption, id, }: FontFamilyEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FontFamilyEditor.d.ts.map

package/dist/authoring/core/editors/FontFamilyEditor.d.ts

@@ -0,0 +1,11 @@
+import { PicklistOption } from './PicklistEditor.js';
+export interface FontFamilyEditorProps {
+    label?: string;
+    value?: string;
+    options?: PicklistOption[];
+    onChange: (value: string) => void;
+    matchOption?: (fontFamily: string | null | undefined, options: PicklistOption[]) => PicklistOption | null;
+    id?: string;
+}
+export declare function FontFamilyEditor({ label, value, options, onChange, matchOption, id, }: FontFamilyEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FontFamilyEditor.d.ts.map

package/dist/authoring/core/editors/FontFamilyEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontFamilyEditor.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/editors/FontFamilyEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAwCvE,MAAM,WAAW,qBAAqB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,CACb,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACrC,OAAO,EAAE,cAAc,EAAE,KACrB,cAAc,GAAG,IAAI,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,wBAAgB,gBAAgB,CAAC,EAChC,KAAqB,EACrB,KAAK,EACL,OAAsB,EACtB,QAAQ,EACR,WAAmC,EACnC,EAAkB,GAClB,EAAE,qBAAqB,2CAcvB"}

package/dist/authoring/core/editors/FontStyleEditor.d.cts

@@ -0,0 +1,8 @@
+export interface FontStyleEditorProps {
+    label?: string;
+    value?: string;
+    onChange: (value: string) => void;
+    id?: string;
+}
+export declare function FontStyleEditor({ label, value, onChange, id, }: FontStyleEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FontStyleEditor.d.ts.map

package/dist/authoring/core/editors/FontStyleEditor.d.ts

@@ -0,0 +1,8 @@
+export interface FontStyleEditorProps {
+    label?: string;
+    value?: string;
+    onChange: (value: string) => void;
+    id?: string;
+}
+export declare function FontStyleEditor({ label, value, onChange, id, }: FontStyleEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FontStyleEditor.d.ts.map

package/dist/authoring/core/editors/FontStyleEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontStyleEditor.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/editors/FontStyleEditor.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,oBAAoB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,wBAAgB,eAAe,CAAC,EAC/B,KAAoB,EACpB,KAAK,EACL,QAAQ,EACR,EAAiB,GACjB,EAAE,oBAAoB,2CAUtB"}

package/dist/authoring/core/editors/FontWeightEditor.d.cts

@@ -0,0 +1,11 @@
+import { PicklistOption } from './PicklistEditor.cjs';
+export interface FontWeightEditorProps {
+    label?: string;
+    value?: string;
+    options?: PicklistOption[];
+    onChange: (value: string) => void;
+    matchOption?: (weight: string | null | undefined, options: PicklistOption[]) => PicklistOption | null;
+    id?: string;
+}
+export declare function FontWeightEditor({ label, value, options, onChange, matchOption, id, }: FontWeightEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FontWeightEditor.d.ts.map

package/dist/authoring/core/editors/FontWeightEditor.d.ts

@@ -0,0 +1,11 @@
+import { PicklistOption } from './PicklistEditor.js';
+export interface FontWeightEditorProps {
+    label?: string;
+    value?: string;
+    options?: PicklistOption[];
+    onChange: (value: string) => void;
+    matchOption?: (weight: string | null | undefined, options: PicklistOption[]) => PicklistOption | null;
+    id?: string;
+}
+export declare function FontWeightEditor({ label, value, options, onChange, matchOption, id, }: FontWeightEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FontWeightEditor.d.ts.map

package/dist/authoring/core/editors/FontWeightEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontWeightEditor.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/editors/FontWeightEditor.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAwBvE,MAAM,WAAW,qBAAqB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,CACb,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACjC,OAAO,EAAE,cAAc,EAAE,KACrB,cAAc,GAAG,IAAI,CAAC;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,wBAAgB,gBAAgB,CAAC,EAChC,KAAqB,EACrB,KAAK,EACL,OAAwB,EACxB,QAAQ,EACR,WAA+B,EAC/B,EAAkB,GAClB,EAAE,qBAAqB,2CAYvB"}

package/dist/authoring/core/editors/OverflowEditor.d.cts

@@ -0,0 +1,8 @@
+export interface OverflowEditorProps {
+    label?: string;
+    value?: string;
+    onChange: (value: string) => void;
+    id?: string;
+}
+export declare function OverflowEditor({ label, value, onChange, id, }: OverflowEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OverflowEditor.d.ts.map

package/dist/authoring/core/editors/OverflowEditor.d.ts

@@ -0,0 +1,8 @@
+export interface OverflowEditorProps {
+    label?: string;
+    value?: string;
+    onChange: (value: string) => void;
+    id?: string;
+}
+export declare function OverflowEditor({ label, value, onChange, id, }: OverflowEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OverflowEditor.d.ts.map

package/dist/authoring/core/editors/OverflowEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowEditor.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/editors/OverflowEditor.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,mBAAmB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ;AAED,wBAAgB,cAAc,CAAC,EAC9B,KAAkB,EAClB,KAAK,EACL,QAAQ,EACR,EAAe,GACf,EAAE,mBAAmB,2CAYrB"}

package/dist/authoring/core/editors/PicklistEditor.d.cts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export interface PicklistOption {
+    value: string;
+    label: string;
+}
+export interface PicklistEditorProps {
+    /** Editor label displayed above the control */
+    label: string;
+    /** Available options with value/label pairs */
+    options: PicklistOption[];
+    /** Currently selected option */
+    selectedItem: PicklistOption | null;
+    /** Callback invoked when value changes */
+    onChange: (value: string) => void;
+    /** DOM id for the editor (defaults to 'picklist') */
+    id?: string;
+    /** Optional style function for each option */
+    getOptionStyle?: (opt: PicklistOption) => React.CSSProperties | undefined;
+    /** Optional style function for the trigger button */
+    getTriggerStyle?: (item: PicklistOption | null) => React.CSSProperties | undefined;
+}
+/**
+ * Picklist dropdown editor with styling options.
+ */
+export declare function PicklistEditor({ label, options, selectedItem, onChange, id, getOptionStyle, getTriggerStyle, }: PicklistEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PicklistEditor.d.ts.map

package/dist/authoring/core/editors/PicklistEditor.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export interface PicklistOption {
+    value: string;
+    label: string;
+}
+export interface PicklistEditorProps {
+    /** Editor label displayed above the control */
+    label: string;
+    /** Available options with value/label pairs */
+    options: PicklistOption[];
+    /** Currently selected option */
+    selectedItem: PicklistOption | null;
+    /** Callback invoked when value changes */
+    onChange: (value: string) => void;
+    /** DOM id for the editor (defaults to 'picklist') */
+    id?: string;
+    /** Optional style function for each option */
+    getOptionStyle?: (opt: PicklistOption) => React.CSSProperties | undefined;
+    /** Optional style function for the trigger button */
+    getTriggerStyle?: (item: PicklistOption | null) => React.CSSProperties | undefined;
+}
+/**
+ * Picklist dropdown editor with styling options.
+ */
+export declare function PicklistEditor({ label, options, selectedItem, onChange, id, getOptionStyle, getTriggerStyle, }: PicklistEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PicklistEditor.d.ts.map

package/dist/authoring/core/editors/PicklistEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PicklistEditor.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/editors/PicklistEditor.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,WAAW,cAAc;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AAyBD,MAAM,WAAW,mBAAmB;IACnC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,+CAA+C;IAC/C,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,gCAAgC;IAChC,YAAY,EAAE,cAAc,GAAG,IAAI,CAAC;IACpC,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;IAC1E,qDAAqD;IACrD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACnF;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,EAAe,EACf,cAAc,EACd,eAAe,GACf,EAAE,mBAAmB,2CA4GrB"}

package/dist/authoring/core/editors/RadioGroupEditor.d.cts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export interface RadioGroupOption {
+    /** Option value */
+    value: string;
+    /** Accessible label for the option */
+    label: string;
+    /** Optional icon to display instead of label text */
+    icon?: React.ReactNode;
+}
+export interface RadioGroupEditorProps {
+    /** Editor label displayed above the control */
+    label: string;
+    /** Available options with value/label/icon */
+    options: RadioGroupOption[];
+    /** Currently selected value */
+    value: string;
+    /** Callback invoked when value changes */
+    onChange: (value: string) => void;
+    /** DOM id for the editor (defaults to 'radio-group') */
+    id?: string;
+}
+/**
+ * Radio button group editor with visual icons.
+ */
+export declare function RadioGroupEditor({ label, options, value, onChange, id, }: RadioGroupEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioGroupEditor.d.ts.map

package/dist/authoring/core/editors/RadioGroupEditor.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export interface RadioGroupOption {
+    /** Option value */
+    value: string;
+    /** Accessible label for the option */
+    label: string;
+    /** Optional icon to display instead of label text */
+    icon?: React.ReactNode;
+}
+export interface RadioGroupEditorProps {
+    /** Editor label displayed above the control */
+    label: string;
+    /** Available options with value/label/icon */
+    options: RadioGroupOption[];
+    /** Currently selected value */
+    value: string;
+    /** Callback invoked when value changes */
+    onChange: (value: string) => void;
+    /** DOM id for the editor (defaults to 'radio-group') */
+    id?: string;
+}
+/**
+ * Radio button group editor with visual icons.
+ */
+export declare function RadioGroupEditor({ label, options, value, onChange, id, }: RadioGroupEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioGroupEditor.d.ts.map

package/dist/authoring/core/editors/RadioGroupEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupEditor.d.ts","sourceRoot":"","sources":["../../../../src/authoring/core/editors/RadioGroupEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,gBAAgB;IAChC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACrC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,wDAAwD;IACxD,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,EAAkB,GAClB,EAAE,qBAAqB,2CAiCvB"}

package/dist/authoring/core/editors/TextAlignmentEditor.d.cts

@@ -0,0 +1,8 @@
+export interface TextAlignmentEditorProps {
+    label?: string;
+    value?: string;
+    onChange: (value: string) => void;
+    id?: string;
+}
+export declare function TextAlignmentEditor({ label, value, onChange, id, }: TextAlignmentEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextAlignmentEditor.d.ts.map

package/dist/authoring/core/editors/TextAlignmentEditor.d.ts

@@ -0,0 +1,8 @@
+export interface TextAlignmentEditorProps {
+    label?: string;
+    value?: string;
+    onChange: (value: string) => void;
+    id?: string;
+}
+export declare function TextAlignmentEditor({ label, value, onChange, id, }: TextAlignmentEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextAlignmentEditor.d.ts.map