@orangelogic/design-system 2.0.0-29DUO2-beta-3 → 2.0.0-29IORR-beta-2

package/library/packages/organisms/src/content-builder/styleController.d.ts

@@ -16,9 +16,9 @@ export default class StyleController {
         id: string;
         unit?: string | undefined;
         attributes?: Record<string, any> | undefined;
+        default?: any;
         max?: number | undefined;
         min?: number | undefined;
-        default?: any;
         text?: string | undefined;
         placeholder?: string;
         category?: (string | import('grapesjs').BlockCategoryProperties) | undefined;
@@ -45,6 +45,14 @@ export default class StyleController {
         full?: boolean | undefined;
         accept?: string;
         api?: () => Promise<import('../../../types/src/content-builder').Option[]> | import('../../../types/src/folder-select').FolderSelectApi;
+        assetTransformationConfigs?: {
+            assetIdKey?: string;
+            formatKey?: string;
+            multiple?: boolean;
+            noCrop?: boolean;
+            noResize?: boolean;
+            noRotate?: boolean;
+        };
         callback?: ((params: {
             extraValue?: Record<string, unknown>;
             record: Record<string, any>;
@@ -53,7 +61,7 @@ export default class StyleController {
         checkedValue?: string | boolean;
         children?: import('../../../types/src/content-builder').PropertyConfig[];
         clearable?: boolean;
-        controlType: "bicolor-picker" | "border-input-group" | "button-group" | "checkbox" | "checkbox-group" | "color-swatch-picker" | "corner-position-input-group" | "download-format-picker" | "file" | "folder-picker" | "gallery-picker" | "group" | "group-heading" | "icon-picker" | "image-picker" | "input" | "list-editor" | "all-picker" | "other-picker" | "padding-input-group" | "page-picker" | "placeholder" | "position-picker" | "radio-card-group" | "radio-group" | "select" | "shadow-input-group" | "size-input-group" | "switch" | "table" | "text" | "video-picker";
+        controlType: "asset-transformation" | "bicolor-picker" | "border-input-group" | "button-group" | "checkbox" | "checkbox-group" | "color-swatch-picker" | "corner-position-input-group" | "download-format-picker" | "file" | "folder-picker" | "gallery-picker" | "group" | "group-heading" | "icon-picker" | "image-picker" | "input" | "list-editor" | "all-picker" | "other-picker" | "padding-input-group" | "page-picker" | "placeholder" | "position-picker" | "radio-card-group" | "radio-group" | "select" | "shadow-input-group" | "size-input-group" | "switch" | "table" | "text" | "video-format-picker" | "video-picker";
         cornerStyleKey?: {
             offsetX: string;
             offsetY: string;
@@ -63,12 +71,15 @@ export default class StyleController {
         disabledTooltip?: string;
         downloadFormatPickerConfigs?: {
             assetIdsKey?: string;
+            isObjectFormat?: boolean;
+            objectIdKey?: string;
         };
         folderPickerConfigs?: {
             useFullPath: boolean;
         };
         galleryPickerConfigs?: {
             dialog: import('../../../types/src/content-builder').DialogType;
+            transformationRecordIdKey?: string;
         };
         groupConfigs?: {
             columnGap?: string;
@@ -124,6 +135,13 @@ export default class StyleController {
         type: "attribute" | "property" | "style" | "decorative";
         uncheckedValue?: string | boolean;
         useSearchTerm?: boolean;
+        videoFormatPickerConfigs?: {
+            assetIdKey?: string;
+            assetVersionKey?: string;
+            formatLabelKey?: string;
+            formatSrcKey?: string;
+            versionLabelKey?: string;
+        };
         width?: ((record: Record<string, unknown>) => string | number) | string | number;
     };
 }

package/library/packages/organisms/src/index.d.ts

@@ -1,4 +1,5 @@
 export { default as CxAssetLinkFormat } from './asset-link-format/asset-link-format';
+export { default as CxAssetTransformationDialog } from './asset-transformation-dialog/asset-transformation-dialog';
 export { default as CxDashboardFilter } from './dashboard-filter/dashboard-filter';
 export { default as CxDashboardTable } from './dashboard-table/dashboard-table';
 export { default as CxBentoGrid } from './bento-grid/bento-grid';
@@ -11,6 +12,7 @@ export { default as CxComment } from './comment/comment';
 export { default as CxContentBuilder } from './content-builder/content-builder';
 export { default as CxDownloader } from './downloader/downloader';
 export { default as CxFileOnDemand } from './file-on-demand/file-on-demand';
+export { default as CxLightbox } from './lightbox/lightbox';
 export { default as CxMultiSelect } from './multi-select/multi-select';
 export { default as CxTemplateSwitcher } from './template-switcher/template-switcher';
 export { default as CxTextToSpeech } from './text-to-speech/text-to-speech';

package/library/packages/organisms/src/lightbox/lightbox.d.ts

@@ -0,0 +1,79 @@
+import { default as CxButton } from '../../../atoms/src/components/button/button.ts';
+import { default as CxDialog } from '../../../atoms/src/components/dialog/dialog.ts';
+import { default as CxIcon } from '../../../atoms/src/components/icon/icon.ts';
+import { default as CxTooltip } from '../../../atoms/src/components/tooltip/tooltip.ts';
+import { default as CortexElement } from '../../../base/src/cortex-element.ts';
+import { default as CxCarousel } from '../carousel/carousel.ts';
+import { GalleryItem } from '../../../types/src/gallery-item';
+import { TemplateResult } from 'lit';
+
+/**
+ * @summary A fullscreen lightbox that wraps a dialog and carousel for browsing gallery items.
+ * Supports download, keyboard/click-to-close, and lazy loading via chunk-based data fetching.
+ *
+ * @csspart base - The outer lightbox wrapper inside the dialog body.
+ * @csspart toolbar - The top-right action toolbar.
+ * @csspart counter - The slide counter label.
+ *
+ * @event cx-lightbox-close - Emitted when the lightbox is closed. Detail: `{ index: number }`
+ * @event cx-lightbox-download - Emitted when the download button is clicked. Detail: `{ index: number; item: GalleryItem }`
+ * @event cx-slide-change - Re-emitted from the internal carousel when the active slide changes.
+ * @event cx-gallery-chunk-request - Re-emitted from the internal carousel when more data is needed.
+ */
+export default class CxLightbox extends CortexElement {
+    static readonly styles: import('lit').CSSResult[];
+    static readonly dependencies: {
+        'cx-button': typeof CxButton;
+        'cx-carousel': typeof CxCarousel;
+        'cx-dialog': typeof CxDialog;
+        'cx-icon': typeof CxIcon;
+        'cx-tooltip': typeof CxTooltip;
+    };
+    private readonly localize;
+    private carouselEl?;
+    /**
+     * Controls visibility of the lightbox.
+     */
+    open: boolean;
+    /**
+     * Array of slide items to display.
+     */
+    data: GalleryItem[];
+    /**
+     * Total number of items (used for the counter and carousel chunking).
+     */
+    totalData: number;
+    /**
+     * Loaded data range passed through to the carousel for lazy loading.
+     */
+    chunk: [number, number];
+    /**
+     * The slide index to jump to when the lightbox opens.
+     */
+    startIndex: number;
+    /**
+     * Whether the carousel loops back to the start after the last slide.
+     */
+    loop: boolean;
+    /**
+     * Show the download button in the toolbar.
+     */
+    canDownload: boolean;
+    /**
+     * Current active slide index, synced from internal carousel.
+     */
+    private activeIndex;
+    mappedData: GalleryItem[];
+    handleOpenChange(): Promise<void>;
+    handleDataChange(): void;
+    private handleRequestClose;
+    private handleSlideChange;
+    private handleDownload;
+    private renderToolbar;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-lightbox': CxLightbox;
+    }
+}

package/library/packages/organisms/src/lightbox/lightbox.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/library/packages/services/src/api/asset/asset.d.ts

@@ -1,4 +1,4 @@
-import { GetAllFormatCodesResponse, GetAssetLinkResponse, GetAssetsInFolderRequest, GetAssetsInFolderResponse, GetAssetsRequest, GetAssetsResponse, GetAvailableProxiesResponse, GetCropZoneSuggestionRequest, GetCropZoneSuggestionResponse, GetTransformAssetLinkResponse } from './asset.types';
+import { GetAllFormatCodesResponse, GetAssetLinkResponse, GetAssetsInFolderRequest, GetAssetsInFolderResponse, GetAssetsRequest, GetAssetsResponse, GetAvailableProxiesResponse, GetCropZoneSuggestionRequest, GetCropZoneSuggestionResponse, GetTransformAssetLinkResponse, SearchAssetsParams, SearchAssetsResponse } from './asset.types';
 
 export declare const DEFAULT_VIEW_SIZE = "CoreField.LargeSizePreview";
 export declare const FIELD_CORTEX_PATH = "Document.CortexPath";
@@ -22,6 +22,7 @@ export declare const LIBRARY_NAME = "Library";
 export declare const MESSAGE_NEW_LINE = "\n";
 export declare const ORIGINAL_VIEW_SIZE = "CoreField.OriginalPreview";
 export declare function resolveAssetExtraFilters(selectedFacets?: Record<string, string[]>): Record<string, string[]>;
+export declare function apiSearchAssets({ fields, getPermanentAssetsPaths, limit, query, siteUrl, start, token, useSession, }: SearchAssetsParams): Promise<SearchAssetsResponse>;
 export declare function apiGetAssetLink({ extraFields, id, proxyPreference, siteUrl, token, useSession, }: {
     extraFields?: string;
     id: string;
@@ -39,7 +40,7 @@ export declare function apiGetTransformAssetLink({ assetId, extension, format, s
     transformations?: string;
     useSession?: string;
 }): Promise<GetTransformAssetLinkResponse | null>;
-export declare function apiGetAssets({ extraFields, recordIds, }: GetAssetsRequest): Promise<GetAssetsResponse>;
+export declare function apiGetAssets({ extraFields, recordIds, token, }: GetAssetsRequest): Promise<GetAssetsResponse>;
 export declare function apiGetAssetsInFolder({ extraFields, folderId, limit, limitedDocTypes, searchTerm, seeThrough, selectedFacets, sortOrder, start, }: GetAssetsInFolderRequest): Promise<GetAssetsInFolderResponse>;
 export declare function apiGetCropFocusMode({ autoCropMode, cropHeight, cropWidth, imageUrl, useSession, }: GetCropZoneSuggestionRequest): Promise<GetCropZoneSuggestionResponse | null>;
 export declare function apiGetAvailableProxies({ assetRecordId, siteUrl, token, useSession, }: {

package/library/packages/services/src/api/asset/asset.types.d.ts

@@ -3,6 +3,7 @@ export declare enum MediaType {
     Audio = "Audio",
     Image = "Image",
     Multimedia = "Multimedia",
+    ProjectDocument = "ProjectDocument",
     Story = "Story",
     Video = "Video",
     Widget = "Widget"
@@ -93,6 +94,7 @@ export type GetTransformAssetLinkResponse = {
 export type GetAssetsRequest = {
     extraFields?: string[];
     recordIds: string[];
+    token?: string;
 };
 export type GetAssetsResponse = {
     facets: Facet[];
@@ -161,3 +163,85 @@ export type GetAllFormatCodesRawResponse = {
 export type GetAllFormatCodesResponse = {
     formatsByDocType: FormatsByDocType;
 };
+export type SearchDateOperator = ':' | '>' | '>:' | '<' | '<:';
+export type SearchDateCriterion = {
+    operator: SearchDateOperator;
+    value: string;
+};
+export declare enum SearchOrientation {
+    Landscape = "Landscape",
+    Portrait = "Portrait",
+    Square = "Square"
+}
+export type SearchCriteria = {
+    artist?: string;
+    color?: boolean;
+    createDate?: SearchDateCriterion | [SearchDateCriterion, SearchDateCriterion];
+    custom?: Record<string, string | string[]>;
+    docSubType?: string | string[];
+    docType?: MediaType | MediaType[];
+    editDate?: SearchDateCriterion | [SearchDateCriterion, SearchDateCriterion];
+    fileExtension?: string | string[];
+    keyword?: string | string[];
+    mediaDate?: SearchDateCriterion | [SearchDateCriterion, SearchDateCriterion];
+    mediaNumber?: string;
+    nativeKeyword?: string | string[];
+    orientation?: SearchOrientation;
+    parentFolderIdentifier?: string;
+    path?: string;
+    photographer?: string;
+    purpose?: string;
+    recordId?: string | string[];
+    systemIdentifier?: string;
+    text?: string;
+    title?: string;
+};
+export type SearchQueryNode = {
+    and: SearchQueryNode[];
+} | {
+    or: SearchQueryNode[];
+} | {
+    not: SearchQueryNode;
+} | SearchCriteria;
+export type SearchAssetsParams = {
+    fields?: string[];
+    getPermanentAssetsPaths?: boolean;
+    limit?: number;
+    query: SearchQueryNode;
+    siteUrl?: string;
+    start?: number;
+    token?: string;
+    useSession?: string;
+};
+export type SearchAssetsMediaField = {
+    Height?: number;
+    URI: string;
+    Width?: number;
+};
+export type SearchAssetsItemFieldValue = string | number | boolean | SearchAssetsMediaField;
+export type SearchAssetsItem = Record<string, SearchAssetsItemFieldValue>;
+export type SearchAssetsRawResponse = {
+    APIRequestInfo?: {
+        APIVersion: string;
+        IsLoggedIn: boolean;
+        Module: string;
+        ProviderID: string;
+        ProviderVersion: string;
+        Status: string;
+        TimeoutPeriodMinutes: number;
+        UserLogin: string;
+    };
+    APIResponse: {
+        GlobalInfo: {
+            QueryDurationMilliseconds: number;
+            Sort: string;
+            TotalCount: number;
+        };
+        Items: SearchAssetsItem[];
+    };
+};
+export type SearchAssetsResponse = {
+    items: SearchAssetsItem[];
+    sort: string;
+    totalCount: number;
+};

package/library/packages/services/src/api/asset/asset.utils.d.ts

@@ -0,0 +1,9 @@
+import { SearchAssetsItemFieldValue, SearchAssetsMediaField, SearchQueryNode } from './asset.types';
+
+export declare function isSearchAssetsMediaField(value: SearchAssetsItemFieldValue): value is SearchAssetsMediaField;
+export type AssetExtraFilters = {
+    FacetFilters?: Record<string, string[]>;
+    SubtypeCriteria?: string[];
+};
+export declare function resolveAssetExtraFilters(selectedFacets?: Record<string, string[]>): AssetExtraFilters;
+export declare function buildSearchQuery(node: SearchQueryNode): string;

package/library/packages/services/src/api/endpoints.d.ts

@@ -28,7 +28,7 @@ export declare enum METADATA_API_ENDPOINT {
     GET_SEARCHABLE_FIELDS = "webapi/objectmanagement/metadata/fields/getallobjectfieldsforcurrentuser_4C2_v2"
 }
 export declare enum SEARCH_API_ENDPOINT {
-    SEARCH = "API/search/v3.0/search"
+    '4.0' = "API/Search/v4.0/Search"
 }
 export declare enum CHAPTER_API_ENDPOINT {
     CREATE_OR_UPDATE_CHAPTERS = "webapi/mediafile/timebasedasset/createorupdatechapters_4b0_v1",

package/library/packages/tools/src/fetch-asset/fetch-asset.d.ts

@@ -4,9 +4,10 @@ export declare class FetchAssetController implements ReactiveController {
     private readonly host;
     private data;
     constructor(host: ReactiveElement);
-    fetchAssetByID({ extraFields, recordId, }: {
+    fetchAssetByID({ extraFields, recordId, token, }: {
         extraFields?: string[];
         recordId: string;
+        token?: string;
     }): Promise<Record<string, string>>;
     hostConnected?(): void;
     hostDisconnected?(): void;

package/library/packages/tools/src/fetch-image/fetch-image.d.ts

@@ -1,3 +1,4 @@
+import { Transformation } from '../../../types/src/asset-link-format';
 import { GalleryItem } from '../../../types/src/gallery-item';
 import { ReactiveController, ReactiveElement } from 'lit';
 
@@ -15,38 +16,49 @@ export declare class FetchImageController implements ReactiveController {
     private maxEnd;
     constructor(host: ReactiveElement, options?: FetchImageControllerOptions);
     get totalDataCount(): number;
-    fetchImages({ end, extraFields, start, }: {
+    private resolveProxyUrls;
+    fetchImages({ end, extraFields, format, start, transformations, }: {
         end: number;
         extraFields: string[];
+        format?: string;
         start: number;
+        transformations?: Transformation[];
     }): Promise<ExtendedGalleryItem[] | undefined>;
-    fetchImagesInFolderBySlide({ activeSlide, extraFields, folderId, forceRefetch, minLimit, noPlaceholders, }: {
+    fetchImagesInFolderBySlide({ activeSlide, extraFields, folderId, forceRefetch, format, minLimit, noPlaceholders, transformations, }: {
         activeSlide: number;
         extraFields?: string[];
         folderId: string;
         forceRefetch?: boolean;
+        format?: string;
         minLimit?: number;
         noPlaceholders?: boolean;
+        transformations?: Transformation[];
     }): Promise<ExtendedGalleryItem[]>;
-    fetchImagesByIDs({ extraFields, recordIds, }: {
+    fetchImagesByIDs({ extraFields, format, recordIds, transformations, }: {
         extraFields?: string[];
+        format?: string;
         recordIds: string[];
+        transformations?: Transformation[];
     }): Promise<ExtendedGalleryItem[]>;
-    fetchImagesInFolderByPage({ extraFields, folderId, forceRefetch, noPlaceholders, page, pageSize, }: {
+    fetchImagesInFolderByPage({ extraFields, folderId, forceRefetch, format, noPlaceholders, page, pageSize, transformations, }: {
         extraFields?: string[];
         folderId: string;
         forceRefetch?: boolean;
+        format?: string;
         noPlaceholders?: boolean;
         page: number;
         pageSize?: number;
+        transformations?: Transformation[];
     }): Promise<ExtendedGalleryItem[]>;
-    fetchImagesInFolderByChunk({ chunkSize: rawChunkSize, end, extraFields, folderId, forceRefetch, start, }: {
+    fetchImagesInFolderByChunk({ chunkSize: rawChunkSize, end, extraFields, folderId, forceRefetch, format, start, transformations, }: {
         chunkSize?: number;
         end?: number;
         extraFields?: string[];
         folderId: string;
         forceRefetch?: boolean;
+        format?: string;
         start?: number;
+        transformations?: Transformation[];
     }): AsyncGenerator<ExtendedGalleryItem[], void, unknown>;
     hostConnected?(): void;
     hostDisconnected?(): void;

package/library/packages/types/src/asset-click-action.d.ts

@@ -2,12 +2,14 @@ export declare enum ClickAction {
     DoNothing = "do-nothing",
     DownloadAsset = "download-asset",
     ExpandAssetInFullScreen = "expand-asset-in-full-screen",
+    OpenAssetInLibrary = "open-asset-in-library",
     OpenAssetOverview = "open-asset-overview",
     OpenLink = "open-link",
     OpenPage = "open-page",
     OpenSpace = "open-space",
     ShareAsset = "share-asset",
-    ShowAssetInLibrary = "show-asset-in-library"
+    ShowAssetInLibrary = "show-asset-in-library",
+    Zoom = "zoom"
 }
 export type AssetFormat = {
     _3DFormats?: string[];

package/library/packages/types/src/bento-grid.d.ts

@@ -16,3 +16,40 @@ export declare enum FillerMode {
     Fit = "fit",
     Full = "full"
 }
+/** Pixel position of a single placed bento item (absolute coordinates). */
+export interface BentoItemPosition {
+    /** 0-based exclusive column index where the item ends (used for data-column attribute). */
+    columnEnd: number;
+    /** 0-based column index where the item starts (used for data-column attribute). */
+    columnStart: number;
+    height: number;
+    left: number;
+    /** 0-based row index where the item starts (used for maxRows filtering and data-row attribute). */
+    rowStart: number;
+    top: number;
+    width: number;
+}
+/** Parameters passed to BentoLayout.compute(). */
+export interface BentoLayoutParams {
+    columnGap: number;
+    columns: number;
+    containerWidth: number;
+    itemHeight: number;
+    /**
+     * Maximum number of rows to display. When finite, scroll height is capped at
+     * maxRows × (itemHeight + rowGap) − rowGap so hidden rows don't inflate the container.
+     */
+    maxRows?: number;
+    rowGap: number;
+    /**
+     * Total number of items including those not yet loaded.
+     * When provided and greater than items.length, the scroll height is extended
+     * to approximate the full dataset size (unloaded items assumed to be 1×1).
+     */
+    totalItems?: number;
+}
+/** Inclusive item index range returned by BentoLayout.getActiveRange(). */
+export interface BentoActiveRange {
+    first: number;
+    last: number;
+}

package/library/packages/types/src/content-builder.d.ts

@@ -40,6 +40,14 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
      * It is called right before the record is saved.
      */
     api?: () => Promise<Option[]> | FolderSelectApi;
+    assetTransformationConfigs?: {
+        assetIdKey?: string;
+        formatKey?: string;
+        multiple?: boolean;
+        noCrop?: boolean;
+        noResize?: boolean;
+        noRotate?: boolean;
+    };
     callback?: (params: {
         extraValue?: Record<string, unknown>;
         record: T;
@@ -48,7 +56,7 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
     checkedValue?: string | boolean;
     children?: PropertyConfig[];
     clearable?: boolean;
-    controlType: 'bicolor-picker' | 'border-input-group' | 'button-group' | 'checkbox' | 'checkbox-group' | 'color-swatch-picker' | 'corner-position-input-group' | 'download-format-picker' | 'file' | 'folder-picker' | 'gallery-picker' | 'group' | 'group-heading' | 'icon-picker' | 'image-picker' | 'input' | 'list-editor' | 'all-picker' | 'other-picker' | 'padding-input-group' | 'page-picker' | 'placeholder' | 'position-picker' | 'radio-card-group' | 'radio-group' | 'select' | 'shadow-input-group' | 'size-input-group' | 'switch' | 'table' | 'text' | 'video-picker';
+    controlType: 'asset-transformation' | 'bicolor-picker' | 'border-input-group' | 'button-group' | 'checkbox' | 'checkbox-group' | 'color-swatch-picker' | 'corner-position-input-group' | 'download-format-picker' | 'file' | 'folder-picker' | 'gallery-picker' | 'group' | 'group-heading' | 'icon-picker' | 'image-picker' | 'input' | 'list-editor' | 'all-picker' | 'other-picker' | 'padding-input-group' | 'page-picker' | 'placeholder' | 'position-picker' | 'radio-card-group' | 'radio-group' | 'select' | 'shadow-input-group' | 'size-input-group' | 'switch' | 'table' | 'text' | 'video-format-picker' | 'video-picker';
     cornerStyleKey?: {
         offsetX: string;
         offsetY: string;
@@ -58,12 +66,15 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
     disabledTooltip?: string;
     downloadFormatPickerConfigs?: {
         assetIdsKey?: string;
+        isObjectFormat?: boolean;
+        objectIdKey?: string;
     };
     folderPickerConfigs?: {
         useFullPath: boolean;
     };
     galleryPickerConfigs?: {
         dialog: DialogType;
+        transformationRecordIdKey?: string;
     };
     groupConfigs?: {
         columnGap?: string;
@@ -128,6 +139,18 @@ export type PropertyConfig<T = Record<string, any>> = Omit<TraitProperties, 'opt
     type: 'attribute' | 'property' | 'style' | 'decorative';
     uncheckedValue?: string | boolean;
     useSearchTerm?: boolean;
+    videoFormatPickerConfigs?: {
+        /** The block-attribute key that holds the asset ID for this video. */
+        assetIdKey?: string;
+        /** The block-attribute key that stores the selected asset version. Defaults to 'asset-version'. */
+        assetVersionKey?: string;
+        /** The block-attribute key that stores the human-readable format label. Defaults to 'format-label'. */
+        formatLabelKey?: string;
+        /** The block-attribute key that stores the resolved video source URL. Defaults to 'format-src'. */
+        formatSrcKey?: string;
+        /** The block-attribute key that stores the human-readable version label. Defaults to 'version-label'. */
+        versionLabelKey?: string;
+    };
     width?: ((record: Record<string, unknown>) => string | number) | string | number;
 };
 export declare enum Permission {
@@ -274,3 +297,6 @@ export declare enum DataSourceId {
     TranslatableAttributes = "TRANSLATABLE_ATTRIBUTES",
     TranslatableTexts = "TRANSLATABLE_TEXTS"
 }
+export type ConfigsOptions = {
+    enableAssetFormatControls?: boolean;
+};

package/library/packages/types/src/gallery.d.ts

@@ -26,12 +26,6 @@ export declare enum ContentType {
     Automatic = "automatic",
     Custom = "custom"
 }
-export declare enum ClickEvent {
-    DoNothing = "do-nothing",
-    OpenAssetInLibrary = "open-asset-in-library",
-    OpenAssetOverview = "open-asset-overview",
-    Zoom = "zoom"
-}
 export type GalleryRecord = {
     id: string;
     objectFit: ObjectFit;

package/library/packages/types/src/icon-button.d.ts

@@ -0,0 +1,7 @@
+/** Sizes supported by `cx-icon-button`. */
+export declare enum IconButtonSize {
+    Large = "large",
+    Medium = "medium",
+    Small = "small",
+    XLarge = "x-large"
+}

package/library/packages/types/src/menu-item.d.ts

@@ -0,0 +1,33 @@
+/** Placement of the built-in checked icon relative to the label. */
+export declare enum MenuItemCheckPlacement {
+    Prefix = "prefix",
+    Suffix = "suffix"
+}
+/**
+ * Interface for menu item data that can be shared between events and components
+ * This breaks the circular dependency between events and atoms packages
+ */
+export interface MenuItemData {
+    /** Whether the menu item is checked (for checkbox type) */
+    checked?: boolean;
+    /** Whether the menu item is disabled */
+    disabled?: boolean;
+    /** The download attribute for the link */
+    download?: string;
+    /** The href if the menu item is a link */
+    href?: string;
+    /** Whether the menu item is loading */
+    loading?: boolean;
+    /** Whether the menu item is readonly */
+    readonly?: boolean;
+    /** The rel attribute for the link */
+    rel?: string;
+    /** The target for the link */
+    target?: '_blank' | '_parent' | '_self' | '_top';
+    /** The text content/label of the menu item */
+    textContent?: string;
+    /** The type of menu item */
+    type?: 'normal' | 'checkbox';
+    /** The value associated with the menu item */
+    value?: string;
+}

package/library/packages/types/src/storybook.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Lit-property type names that `cx-storybook` understands when introspecting the
+ * target component's `elementProperties`. Names match the lowercased function
+ * name of the corresponding constructor (`String`, `Number`, ...) plus a
+ * dedicated `'array'` slot for `type: Array` since `Array.name === 'Array'`.
+ */
+export declare enum StorybookPropType {
+    Array = "array",
+    Boolean = "boolean",
+    Function = "function",
+    Number = "number",
+    Object = "object",
+    String = "string"
+}
+/** Metadata `cx-storybook` builds per public reactive property of the target. */
+export interface StorybookPropConfig {
+    default: unknown;
+    type: StorybookPropType;
+}