@univers42/ui-collection 1.0.1 → 2.1.0

package/dist/library/components/react/asset-picker/assetValues.d.ts

@@ -0,0 +1,36 @@
+import { getMediaCollection, mediaLibrary } from '../../../media/index.js';
+import { type EmojiPickerItem } from '../emoji-picker/emojiPickerData.js';
+import { type IconPickerItem } from '../icon-picker/iconPickerData.js';
+import type { AssetPickerBoardItem, AssetPickerBoardSelection, AssetPickerBoardTab, AssetPickerBoardValue } from './types.js';
+export type AssetValueKind = 'icon' | 'emoji' | 'media' | 'unknown';
+export interface ParsedAssetValue {
+    kind: AssetValueKind;
+    serializedValue: string;
+    raw: string;
+    iconId?: string;
+    emoji?: string;
+    mediaRef?: string;
+}
+export interface AssetValueInput {
+    kind: Exclude<AssetValueKind, 'unknown'>;
+    value: string;
+}
+export interface ResolvedAssetValue {
+    kind: AssetValueKind;
+    serializedValue: string;
+    label: string;
+    item?: AssetPickerBoardItem;
+    tab?: AssetPickerBoardTab;
+    iconItem?: IconPickerItem;
+    emojiItem?: EmojiPickerItem;
+    mediaItem?: (typeof mediaLibrary.all)[number];
+    preview?: AssetPickerBoardItem['preview'];
+}
+export declare function serializeAssetValue(input: AssetValueInput | string): string;
+export declare function serializeAssetSelection(selection: Pick<AssetPickerBoardSelection, 'serializedValue'> | string): string;
+export declare function parseAssetValue(value: string): ParsedAssetValue;
+export declare function assetValueToBoardValue(value: string | undefined, tabs?: AssetPickerBoardTab[]): AssetPickerBoardValue | undefined;
+export declare function resolveAssetValue(value: string, tabs?: AssetPickerBoardTab[]): ResolvedAssetValue | undefined;
+export declare function getEmojiPickerRecentItems(ids: string[], items?: EmojiPickerItem[]): EmojiPickerItem[];
+export declare function getDefaultMediaItems(collection?: string): ReturnType<typeof getMediaCollection>;
+//# sourceMappingURL=assetValues.d.ts.map

package/dist/library/components/react/asset-picker/assetValues.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"assetValues.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/assetValues.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,YAAY,EAEb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,KAAK,EACV,oBAAoB,EACpB,yBAAyB,EACzB,mBAAmB,EACnB,qBAAqB,EACtB,MAAM,YAAY,CAAC;AAEpB,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,cAAc,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,cAAc,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,GAAG,CAAC,EAAE,mBAAmB,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,CAAC,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAC;CAC3C;AAgED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM,GAAG,MAAM,CAe3E;AAED,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,IAAI,CAAC,yBAAyB,EAAE,iBAAiB,CAAC,GAAG,MAAM,GACrE,MAAM,CAMR;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,CA4C/D;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,IAAI,GAAE,mBAAmB,EAA8B,GACtD,qBAAqB,GAAG,SAAS,CAgBnC;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,EACb,IAAI,GAAE,mBAAmB,EAA8B,GACtD,kBAAkB,GAAG,SAAS,CA0EhC;AAED,wBAAgB,yBAAyB,CACvC,GAAG,EAAE,MAAM,EAAE,EACb,KAAK,GAAE,eAAe,EAA+B,GACpD,eAAe,EAAE,CASnB;AAED,wBAAgB,oBAAoB,CAAC,UAAU,SAAQ,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAE9F"}

package/dist/library/components/react/asset-picker/assetValues.js

@@ -0,0 +1,192 @@
+import { getMediaCollection, mediaLibrary, resolveMediaUrl, } from '../../../media/index.js';
+import { DEFAULT_EMOJI_PICKER_ITEMS, } from '../emoji-picker/emojiPickerData.js';
+import { DEFAULT_ICON_PICKER_ITEMS, } from '../icon-picker/iconPickerData.js';
+import { DEFAULT_ASSET_PICKER_TABS } from './defaultTabs.js';
+const iconItemsById = DEFAULT_ICON_PICKER_ITEMS.reduce((acc, item) => {
+    acc[item.id] = item;
+    return acc;
+}, {});
+const emojiItemsByValue = DEFAULT_EMOJI_PICKER_ITEMS.reduce((acc, item) => {
+    acc[item.value] = item;
+    return acc;
+}, {});
+const emojiItemsById = DEFAULT_EMOJI_PICKER_ITEMS.reduce((acc, item) => {
+    acc[item.id] = item;
+    return acc;
+}, {});
+const mediaItemsByRef = mediaLibrary.all.reduce((acc, item) => {
+    acc[item.ref] = item;
+    return acc;
+}, {});
+function isMediaRefCandidate(value) {
+    return /^[a-z0-9-]+:.+/i.test(value) && !value.startsWith('icon:') && !value.startsWith('emoji:');
+}
+function findBoardItemBySerializedValue(serializedValue, tabs) {
+    for (const tab of tabs) {
+        const item = tab.items.find((entry) => entry.value === serializedValue);
+        if (item) {
+            return { tab, item };
+        }
+    }
+    return undefined;
+}
+function normalizeLegacyIconValue(value) {
+    if (value.startsWith('icon:')) {
+        return value;
+    }
+    if (iconItemsById[value]) {
+        return `icon:${value}`;
+    }
+    return value;
+}
+export function serializeAssetValue(input) {
+    if (typeof input === 'string') {
+        const parsed = parseAssetValue(input);
+        return parsed.serializedValue;
+    }
+    if (input.kind === 'icon') {
+        return `icon:${input.value}`;
+    }
+    if (input.kind === 'emoji') {
+        return input.value;
+    }
+    return input.value;
+}
+export function serializeAssetSelection(selection) {
+    if (typeof selection === 'string') {
+        return serializeAssetValue(selection);
+    }
+    return selection.serializedValue;
+}
+export function parseAssetValue(value) {
+    const normalizedValue = normalizeLegacyIconValue(value);
+    if (normalizedValue.startsWith('icon:')) {
+        return {
+            kind: 'icon',
+            serializedValue: normalizedValue,
+            raw: value,
+            iconId: normalizedValue.slice('icon:'.length),
+        };
+    }
+    if (normalizedValue.startsWith('emoji:')) {
+        return {
+            kind: 'emoji',
+            serializedValue: normalizedValue.slice('emoji:'.length),
+            raw: value,
+            emoji: normalizedValue.slice('emoji:'.length),
+        };
+    }
+    if (emojiItemsByValue[normalizedValue]) {
+        return {
+            kind: 'emoji',
+            serializedValue: normalizedValue,
+            raw: value,
+            emoji: normalizedValue,
+        };
+    }
+    if (isMediaRefCandidate(normalizedValue)) {
+        return {
+            kind: 'media',
+            serializedValue: normalizedValue,
+            raw: value,
+            mediaRef: normalizedValue,
+        };
+    }
+    return {
+        kind: 'unknown',
+        serializedValue: normalizedValue,
+        raw: value,
+    };
+}
+export function assetValueToBoardValue(value, tabs = DEFAULT_ASSET_PICKER_TABS) {
+    if (!value) {
+        return undefined;
+    }
+    const parsed = parseAssetValue(value);
+    const match = findBoardItemBySerializedValue(parsed.serializedValue, tabs);
+    if (!match) {
+        return undefined;
+    }
+    return {
+        tabId: match.tab.id,
+        itemId: match.item.id,
+    };
+}
+export function resolveAssetValue(value, tabs = DEFAULT_ASSET_PICKER_TABS) {
+    const parsed = parseAssetValue(value);
+    const boardMatch = findBoardItemBySerializedValue(parsed.serializedValue, tabs);
+    if (boardMatch) {
+        return {
+            kind: parsed.kind,
+            serializedValue: parsed.serializedValue,
+            label: boardMatch.item.label,
+            item: boardMatch.item,
+            tab: boardMatch.tab,
+            preview: boardMatch.item.preview,
+        };
+    }
+    if (parsed.kind === 'icon' && parsed.iconId) {
+        const iconItem = iconItemsById[parsed.iconId];
+        if (!iconItem) {
+            return undefined;
+        }
+        return {
+            kind: 'icon',
+            serializedValue: parsed.serializedValue,
+            label: iconItem.label,
+            iconItem,
+        };
+    }
+    if (parsed.kind === 'emoji' && parsed.emoji) {
+        const emojiItem = emojiItemsByValue[parsed.emoji] ?? emojiItemsById[parsed.emoji];
+        if (!emojiItem) {
+            return {
+                kind: 'emoji',
+                serializedValue: parsed.serializedValue,
+                label: parsed.emoji,
+                preview: {
+                    kind: 'emoji',
+                    value: parsed.emoji,
+                },
+            };
+        }
+        return {
+            kind: 'emoji',
+            serializedValue: parsed.serializedValue,
+            label: emojiItem.label,
+            emojiItem,
+            preview: {
+                kind: 'emoji',
+                value: emojiItem.value,
+            },
+        };
+    }
+    if (parsed.kind === 'media' && parsed.mediaRef) {
+        const mediaItem = mediaItemsByRef[parsed.mediaRef];
+        return {
+            kind: 'media',
+            serializedValue: parsed.serializedValue,
+            label: mediaItem?.label ?? parsed.mediaRef,
+            mediaItem,
+            preview: {
+                kind: 'image',
+                src: resolveMediaUrl(mediaItem?.thumbnailRef ?? parsed.mediaRef),
+                alt: mediaItem?.alt ?? mediaItem?.label ?? parsed.mediaRef,
+            },
+        };
+    }
+    return undefined;
+}
+export function getEmojiPickerRecentItems(ids, items = DEFAULT_EMOJI_PICKER_ITEMS) {
+    const itemsById = items.reduce((acc, item) => {
+        acc[item.id] = item;
+        return acc;
+    }, {});
+    return ids
+        .map((id) => itemsById[id])
+        .filter((item) => Boolean(item));
+}
+export function getDefaultMediaItems(collection = 'svg') {
+    return getMediaCollection(collection);
+}
+//# sourceMappingURL=assetValues.js.map

package/dist/library/components/react/asset-picker/assetValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assetValues.js","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/assetValues.ts"],"names":[],"mappings":"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"}

package/dist/library/components/react/asset-picker/defaultTabs.d.ts

@@ -1,7 +1,8 @@
 import { type MediaCollectionName, type MediaItem } from '../../../media/index.js';
 import { type EmojiPickerItem } from '../emoji-picker/emojiPickerData.js';
 import { type IconPickerItem } from '../icon-picker/iconPickerData.js';
-import type { AssetPickerBoardTab } from './types.js';
+import type { AssetPickerBoardTab, AssetPickerItemLabelVisibility, AssetPickerTabLayout } from './types.js';
+export type AssetPickerValueFormat = 'canonical' | 'legacy';
 export interface AssetPickerTabOptions {
     id?: string;
     label?: string;
@@ -11,6 +12,12 @@ export interface AssetPickerTabOptions {
     searchPlaceholder?: string;
     emptyStateLabel?: string;
     activeBackground?: string;
+    layout?: AssetPickerTabLayout;
+    itemLabelVisibility?: AssetPickerItemLabelVisibility;
+    showGroups?: boolean;
+    groupOrder?: string[];
+    groupLabels?: Record<string, string>;
+    valueFormat?: AssetPickerValueFormat;
 }
 export interface DefaultAssetPickerTabsOptions {
     iconItems?: IconPickerItem[];
@@ -19,6 +26,9 @@ export interface DefaultAssetPickerTabsOptions {
     includeIcons?: boolean;
     includeEmojis?: boolean;
     includeSvg?: boolean;
+    iconTabOptions?: AssetPickerTabOptions;
+    emojiTabOptions?: AssetPickerTabOptions;
+    svgTabOptions?: AssetPickerTabOptions;
 }
 export declare function createIconPickerTab(items?: IconPickerItem[], options?: AssetPickerTabOptions): AssetPickerBoardTab<IconPickerItem>;
 export declare function createEmojiPickerTab(items?: EmojiPickerItem[], options?: AssetPickerTabOptions): AssetPickerBoardTab<EmojiPickerItem>;

package/dist/library/components/react/asset-picker/defaultTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTabs.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/defaultTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAMtD,MAAM,WAAW,qBAAqB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,6BAA6B;IAC5C,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAMD,wBAAgB,mBAAmB,CACjC,KAAK,GAAE,cAAc,EAA8B,EACnD,OAAO,GAAE,qBAA0B,GAClC,mBAAmB,CAAC,cAAc,CAAC,CAuBrC;AAED,wBAAgB,oBAAoB,CAClC,KAAK,GAAE,eAAe,EAA+B,EACrD,OAAO,GAAE,qBAA0B,GAClC,mBAAmB,CAAC,eAAe,CAAC,CA6BtC;AAED,wBAAgB,8BAA8B,CAC5C,cAAc,EAAE,mBAAmB,EACnC,KAAK,GAAE,SAAS,EAAuC,EACvD,OAAO,GAAE,qBAA0B,GAClC,mBAAmB,CAAC,SAAS,CAAC,CA0BhC;AAED,wBAAgB,4BAA4B,CAC1C,OAAO,GAAE,6BAAkC,GAC1C,mBAAmB,EAAE,CAgBvB;AAED,eAAO,MAAM,yBAAyB,gCAAiC,CAAC"}
+{"version":3,"file":"defaultTabs.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/defaultTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EACV,mBAAmB,EACnB,8BAA8B,EAC9B,oBAAoB,EACrB,MAAM,YAAY,CAAC;AAMpB,MAAM,MAAM,sBAAsB,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,qBAAqB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,mBAAmB,CAAC,EAAE,8BAA8B,CAAC;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED,MAAM,WAAW,6BAA6B;IAC5C,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC;AAqBD,wBAAgB,mBAAmB,CACjC,KAAK,GAAE,cAAc,EAA8B,EACnD,OAAO,GAAE,qBAA0B,GAClC,mBAAmB,CAAC,cAAc,CAAC,CA6BrC;AAED,wBAAgB,oBAAoB,CAClC,KAAK,GAAE,eAAe,EAA+B,EACrD,OAAO,GAAE,qBAA0B,GAClC,mBAAmB,CAAC,eAAe,CAAC,CAoCtC;AAED,wBAAgB,8BAA8B,CAC5C,cAAc,EAAE,mBAAmB,EACnC,KAAK,GAAE,SAAS,EAAuC,EACvD,OAAO,GAAE,qBAA0B,GAClC,mBAAmB,CAAC,SAAS,CAAC,CAiChC;AAED,wBAAgB,4BAA4B,CAC1C,OAAO,GAAE,6BAAkC,GAC1C,mBAAmB,EAAE,CAsBvB;AAED,eAAO,MAAM,yBAAyB,gCAAiC,CAAC"}

package/dist/library/components/react/asset-picker/defaultTabs.js

@@ -1,5 +1,5 @@
 import { getMediaCollection, mediaCollections, resolveMediaUrl, } from '../../../media/index.js';
-import { DEFAULT_EMOJI_PICKER_ITEMS, } from '../emoji-picker/emojiPickerData.js';
+import { DEFAULT_EMOJI_PICKER_ITEMS, EMOJI_PICKER_GROUPS, } from '../emoji-picker/emojiPickerData.js';
 import { DEFAULT_ICON_PICKER_ITEMS, renderSizedIcon, } from '../icon-picker/iconPickerData.js';
 const ICON_ACTIVE_BACKGROUND = 'linear-gradient(180deg, rgba(79, 70, 229, 0.32) 0%, rgba(37, 99, 235, 0.18) 100%)';
 const EMOJI_ACTIVE_BACKGROUND = 'linear-gradient(180deg, rgba(16, 185, 129, 0.28) 0%, rgba(14, 165, 233, 0.16) 100%)';
@@ -7,6 +7,13 @@ const SVG_ACTIVE_BACKGROUND = 'linear-gradient(180deg, rgba(245, 158, 11, 0.28)
 function getCollectionLabel(collectionName) {
     return mediaCollections.find((collection) => collection.name === collectionName)?.label ?? collectionName;
 }
+function getSerializedIconValue(item, valueFormat = 'canonical') {
+    return valueFormat === 'legacy' ? item.id : `icon:${item.id}`;
+}
+function getSerializedEmojiValue(item, valueFormat = 'canonical') {
+    void valueFormat;
+    return item.value;
+}
 export function createIconPickerTab(items = DEFAULT_ICON_PICKER_ITEMS, options = {}) {
     return {
         id: options.id ?? 'icons',
@@ -17,11 +24,17 @@ export function createIconPickerTab(items = DEFAULT_ICON_PICKER_ITEMS, options =
         searchPlaceholder: options.searchPlaceholder ?? 'Search by name, group or keyword',
         emptyStateLabel: options.emptyStateLabel ?? 'No icons match the current search.',
         activeBackground: options.activeBackground ?? ICON_ACTIVE_BACKGROUND,
+        layout: options.layout ?? 'icon',
+        itemLabelVisibility: options.itemLabelVisibility,
+        showGroups: options.showGroups ?? false,
+        groupOrder: options.groupOrder,
+        groupLabels: options.groupLabels,
         items: items.map((item) => ({
             id: item.id,
-            value: item.id,
+            value: getSerializedIconValue(item, options.valueFormat),
             label: item.label,
             group: item.group,
+            aliases: [item.id],
             keywords: item.keywords,
             preview: {
                 kind: 'node',
@@ -35,18 +48,25 @@ export function createEmojiPickerTab(items = DEFAULT_EMOJI_PICKER_ITEMS, options
     return {
         id: options.id ?? 'emojis',
         label: options.label ?? 'Emojis',
-        columns: options.columns ?? 6,
+        columns: options.columns ?? 8,
         countLabel: options.countLabel ?? 'emojis',
         searchLabel: options.searchLabel ?? 'Search emojis',
-        searchPlaceholder: options.searchPlaceholder ?? 'Search by name, group or keyword',
+        searchPlaceholder: options.searchPlaceholder ?? 'Search by glyph, alias, group or keyword',
         emptyStateLabel: options.emptyStateLabel ?? 'No emojis match the current search.',
         activeBackground: options.activeBackground ?? EMOJI_ACTIVE_BACKGROUND,
+        layout: options.layout ?? 'emoji',
+        itemLabelVisibility: options.itemLabelVisibility,
+        showGroups: options.showGroups ?? true,
+        groupOrder: options.groupOrder ?? [...EMOJI_PICKER_GROUPS],
+        groupLabels: options.groupLabels,
         items: items.map((item) => ({
             id: item.id,
-            value: item.value,
+            value: getSerializedEmojiValue(item, options.valueFormat),
             label: item.label,
+            aliases: [item.id, ...(item.aliases ?? [])],
             group: item.group,
             keywords: item.keywords,
+            localizedLabels: item.localizedLabels,
             preview: item.src
                 ? {
                     kind: 'image',
@@ -72,10 +92,16 @@ export function createMediaCollectionPickerTab(collectionName, items = getMediaC
         searchPlaceholder: options.searchPlaceholder ?? `Search ${collectionLabel.toLowerCase()} by name, category or tag`,
         emptyStateLabel: options.emptyStateLabel ?? `No ${collectionLabel.toLowerCase()} items match the current search.`,
         activeBackground: options.activeBackground ?? SVG_ACTIVE_BACKGROUND,
+        layout: options.layout ?? (collectionName === 'photos' ? 'cover' : 'media'),
+        itemLabelVisibility: options.itemLabelVisibility,
+        showGroups: options.showGroups ?? false,
+        groupOrder: options.groupOrder,
+        groupLabels: options.groupLabels,
         items: items.map((item) => ({
             id: item.id,
             value: item.ref,
             label: item.label,
+            aliases: [item.id],
             group: item.category,
             keywords: item.tags,
             preview: {
@@ -83,6 +109,7 @@ export function createMediaCollectionPickerTab(collectionName, items = getMediaC
                 src: resolveMediaUrl(item.thumbnailRef ?? item.ref),
                 alt: item.alt ?? item.label,
             },
+            previewAspectRatio: item.width && item.height ? item.width / item.height : undefined,
             data: item,
         })),
     };
@@ -90,13 +117,13 @@ export function createMediaCollectionPickerTab(collectionName, items = getMediaC
 export function createDefaultAssetPickerTabs(options = {}) {
     const tabs = [];
     if (options.includeEmojis !== false) {
-        tabs.push(createEmojiPickerTab(options.emojiItems));
+        tabs.push(createEmojiPickerTab(options.emojiItems, options.emojiTabOptions));
     }
     if (options.includeSvg !== false) {
-        tabs.push(createMediaCollectionPickerTab('svg', options.svgItems));
+        tabs.push(createMediaCollectionPickerTab('svg', options.svgItems, options.svgTabOptions));
     }
     if (options.includeIcons !== false) {
-        tabs.push(createIconPickerTab(options.iconItems));
+        tabs.push(createIconPickerTab(options.iconItems, options.iconTabOptions));
     }
     return tabs;
 }

package/dist/library/components/react/asset-picker/defaultTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTabs.js","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/defaultTabs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"defaultTabs.js","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/defaultTabs.tsx"],"names":[],"mappings":"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"}

package/dist/library/components/react/asset-picker/index.d.ts

@@ -1,4 +1,6 @@
 export * from './AssetPickerBoard.js';
+export * from './AssetRenderer.js';
+export * from './assetValues.js';
 export * from './defaultTabs.js';
 export * from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/library/components/react/asset-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC"}

package/dist/library/components/react/asset-picker/index.js

@@ -1,4 +1,6 @@
 export * from './AssetPickerBoard.js';
+export * from './AssetRenderer.js';
+export * from './assetValues.js';
 export * from './defaultTabs.js';
 export * from './types.js';
 //# sourceMappingURL=index.js.map

package/dist/library/components/react/asset-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC"}

package/dist/library/components/react/asset-picker/types.d.ts

@@ -1,4 +1,29 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
+export type AssetPickerBoardAppearance = 'default' | 'unstyled';
+export type AssetPickerItemLabelVisibility = 'visible' | 'hidden' | 'sr-only';
+export type AssetPickerLayoutPreset = 'grid' | 'emoji' | 'icon' | 'media' | 'cover';
+export interface AssetPickerLayoutOptions {
+    type?: AssetPickerLayoutPreset;
+    columns?: number;
+    previewSize?: number;
+    cellSize?: number;
+    aspectRatio?: number;
+    objectFit?: CSSProperties['objectFit'];
+    gap?: number;
+}
+export type AssetPickerTabLayout = AssetPickerLayoutPreset | AssetPickerLayoutOptions;
+export declare const ASSET_PICKER_BOARD_SLOTS: readonly ["root", "header", "headerText", "eyebrow", "title", "selectionPreview", "tabList", "tabButton", "searchField", "searchLabel", "searchInput", "statusBar", "groupSection", "groupLabel", "grid", "itemButton", "itemPreview", "itemLabel", "emptyState"];
+export type AssetPickerBoardSlot = (typeof ASSET_PICKER_BOARD_SLOTS)[number];
+export type AssetPickerBoardSlotClassNames = Partial<Record<AssetPickerBoardSlot, string>>;
+export type AssetPickerBoardSlotStyles = Partial<Record<AssetPickerBoardSlot, CSSProperties>>;
+export type AssetPickerBoardSlotProps = Partial<Record<AssetPickerBoardSlot, Record<string, unknown>>>;
+export interface AssetPickerBoardMessages {
+    boardEyebrow?: string;
+    searchLabel?: string;
+    searchPlaceholder?: string;
+    emptyStateLabel?: string;
+    recentGroupLabel?: string;
+}
 export type AssetPickerBoardItemPreview = {
     kind: 'emoji';
     value: string;
@@ -17,9 +42,12 @@ export interface AssetPickerBoardItem<TData = unknown> {
     id: string;
     value: string;
     label: string;
+    aliases?: string[];
     group?: string;
     keywords?: string[];
+    localizedLabels?: Record<string, string>;
     preview: AssetPickerBoardItemPreview;
+    previewAspectRatio?: number;
     data?: TData;
 }
 export interface AssetPickerBoardTab<TData = unknown> {
@@ -32,6 +60,11 @@ export interface AssetPickerBoardTab<TData = unknown> {
     searchPlaceholder?: string;
     emptyStateLabel?: string;
     activeBackground?: string;
+    layout?: AssetPickerTabLayout;
+    itemLabelVisibility?: AssetPickerItemLabelVisibility;
+    showGroups?: boolean;
+    groupOrder?: string[];
+    groupLabels?: Record<string, string>;
 }
 export interface AssetPickerBoardValue {
     tabId: string;
@@ -41,5 +74,6 @@ export interface AssetPickerBoardSelection<TData = unknown> {
     tab: AssetPickerBoardTab<TData>;
     item: AssetPickerBoardItem<TData>;
     value: AssetPickerBoardValue;
+    serializedValue: string;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/library/components/react/asset-picker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,2BAA2B,GACnC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAChC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAA;CAAE,CAAC;AAE1D,MAAM,WAAW,oBAAoB,CAAC,KAAK,GAAG,OAAO;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,EAAE,2BAA2B,CAAC;IACrC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,WAAW,mBAAmB,CAAC,KAAK,GAAG,OAAO;IAClD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,yBAAyB,CAAC,KAAK,GAAG,OAAO;IACxD,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChC,IAAI,EAAE,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAClC,KAAK,EAAE,qBAAqB,CAAC;CAC9B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/types.ts"],"names":[],"mappings":"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"}

package/dist/library/components/react/asset-picker/types.js

@@ -1,2 +1,22 @@
-export {};
+export const ASSET_PICKER_BOARD_SLOTS = [
+    'root',
+    'header',
+    'headerText',
+    'eyebrow',
+    'title',
+    'selectionPreview',
+    'tabList',
+    'tabButton',
+    'searchField',
+    'searchLabel',
+    'searchInput',
+    'statusBar',
+    'groupSection',
+    'groupLabel',
+    'grid',
+    'itemButton',
+    'itemPreview',
+    'itemLabel',
+    'emptyState',
+];
 //# sourceMappingURL=types.js.map

package/dist/library/components/react/asset-picker/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/types.ts"],"names":[],"mappings":"AAoBA,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,MAAM;IACN,QAAQ;IACR,YAAY;IACZ,SAAS;IACT,OAAO;IACP,kBAAkB;IAClB,SAAS;IACT,WAAW;IACX,aAAa;IACb,aAAa;IACb,aAAa;IACb,WAAW;IACX,cAAc;IACd,YAAY;IACZ,MAAM;IACN,YAAY;IACZ,aAAa;IACb,WAAW;IACX,YAAY;CACJ,CAAC"}

package/dist/library/components/react/emoji-picker/EmojiPickerBoard.d.ts

@@ -1,3 +1,4 @@
+import { type AssetPickerBoardProps, type AssetPickerValueFormat } from '../asset-picker/index.js';
 import { type EmojiPickerItem } from './emojiPickerData.js';
 export interface EmojiPickerBoardProps {
     value?: string;
@@ -9,6 +10,10 @@ export interface EmojiPickerBoardProps {
     showSearch?: boolean;
     columns?: number;
     className?: string;
+    valueFormat?: AssetPickerValueFormat;
+    recentStorageKey?: string;
+    recentLimit?: number;
+    boardProps?: Partial<Omit<AssetPickerBoardProps, 'tabs' | 'value' | 'defaultValue' | 'onChange' | 'onChangeComplete' | 'label' | 'showTabs' | 'showSearch' | 'className'>>;
 }
-export declare function EmojiPickerBoard({ value, defaultValue, onChange, onChangeComplete, items, label, showSearch, columns, className, }: Readonly<EmojiPickerBoardProps>): import("react/jsx-runtime").JSX.Element;
+export declare function EmojiPickerBoard({ value, defaultValue, onChange, onChangeComplete, items, label, showSearch, columns, className, valueFormat, recentStorageKey, recentLimit, boardProps, }: Readonly<EmojiPickerBoardProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EmojiPickerBoard.d.ts.map

package/dist/library/components/react/emoji-picker/EmojiPickerBoard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiPickerBoard.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/emoji-picker/EmojiPickerBoard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,gBAAgB,EAChB,KAAkC,EAClC,KAAsB,EACtB,UAAiB,EACjB,OAAW,EACX,SAAS,GACV,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CA0BjC"}
+{"version":3,"file":"EmojiPickerBoard.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/emoji-picker/EmojiPickerBoard.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,qBAAqB,EAG1B,KAAK,sBAAsB,EAC5B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,sBAAsB,CAAC;AAI9B,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAClB,IAAI,CACF,qBAAqB,EACrB,MAAM,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,GAAG,kBAAkB,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,CACxH,CACF,CAAC;CACH;AA4BD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,gBAAgB,EAChB,KAAkC,EAClC,KAAsB,EACtB,UAAiB,EACjB,OAAW,EACX,SAAS,EACT,WAAyB,EACzB,gBAAgB,EAChB,WAAgB,EAChB,UAAU,GACX,EAAE,QAAQ,CAAC,qBAAqB,CAAC,2CAmGjC"}