@univers42/ui-collection 1.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetPickerBoard.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/AssetPickerBoard.tsx"],"names":[],"mappings":"AAOA,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAEV,yBAAyB,EACzB,mBAAmB,EACnB,qBAAqB,EACtB,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC1D,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAClE,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,YAAY,EAAE,6BAA6B,EAAE,CAAC;AAsE9C,wBAAgB,gBAAgB,CAAC,EAC/B,IAAgC,EAChC,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,KAAsB,EACtB,UAAiB,EACjB,QAAQ,EACR,OAAO,EACP,KAAW,EACX,SAAS,GACV,EAAE,QAAQ,CAAC,qBAAqB,CAAC,kDAyTjC"}

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

@@ -0,0 +1,229 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState, } from 'react';
+import { DEFAULT_ASSET_PICKER_TABS, } from './defaultTabs.js';
+function getSearchText(item) {
+    return [
+        item.id,
+        item.label,
+        item.group ?? '',
+        ...(item.keywords ?? []),
+    ].join(' ').toLowerCase();
+}
+function renderItemPreview(item, size) {
+    const { preview } = item;
+    if (preview.kind === 'emoji') {
+        return _jsx("span", { style: { fontSize: size, lineHeight: 1 }, children: preview.value });
+    }
+    if (preview.kind === 'image') {
+        return (_jsx("img", { src: preview.src, alt: preview.alt ?? item.label, style: { width: size, height: size, objectFit: 'contain' } }));
+    }
+    if (preview.kind === 'text') {
+        return (_jsx("span", { style: { fontSize: Math.max(12, size * 0.45), lineHeight: 1.15 }, children: preview.value }));
+    }
+    return preview.render(size);
+}
+function createSelection(tab, item) {
+    return {
+        tab,
+        item,
+        value: {
+            tabId: tab.id,
+            itemId: item.id,
+        },
+    };
+}
+function getInitialSelectedByTab(value, defaultValue) {
+    const selectedByTab = {};
+    if (defaultValue) {
+        selectedByTab[defaultValue.tabId] = defaultValue.itemId;
+    }
+    if (value) {
+        selectedByTab[value.tabId] = value.itemId;
+    }
+    return selectedByTab;
+}
+export function AssetPickerBoard({ tabs = DEFAULT_ASSET_PICKER_TABS, value, defaultValue, defaultTabId, onChange, onChangeComplete, onTabChange, label = 'Asset picker', showSearch = true, showTabs, columns, width = 352, className, }) {
+    const availableTabs = tabs.length > 0 ? tabs : DEFAULT_ASSET_PICKER_TABS;
+    const [activeTabId, setActiveTabId] = useState(defaultTabId ?? defaultValue?.tabId ?? availableTabs[0]?.id ?? '');
+    const [selectedByTab, setSelectedByTab] = useState(() => getInitialSelectedByTab(value, defaultValue));
+    const [query, setQuery] = useState('');
+    useEffect(() => {
+        if (!value) {
+            return;
+        }
+        setSelectedByTab((current) => {
+            if (current[value.tabId] === value.itemId) {
+                return current;
+            }
+            return {
+                ...current,
+                [value.tabId]: value.itemId,
+            };
+        });
+    }, [value]);
+    useEffect(() => {
+        if (availableTabs.some((tab) => tab.id === activeTabId)) {
+            return;
+        }
+        setActiveTabId(defaultTabId ?? availableTabs[0]?.id ?? '');
+    }, [activeTabId, availableTabs, defaultTabId]);
+    const activeTab = availableTabs.find((tab) => tab.id === activeTabId) ??
+        availableTabs[0] ??
+        null;
+    useEffect(() => {
+        if (!activeTab || activeTab.items.length === 0) {
+            return;
+        }
+        setSelectedByTab((current) => {
+            if (current[activeTab.id]) {
+                return current;
+            }
+            return {
+                ...current,
+                [activeTab.id]: activeTab.items[0].id,
+            };
+        });
+    }, [activeTab]);
+    const filteredItems = useMemo(() => {
+        if (!activeTab) {
+            return [];
+        }
+        const normalizedQuery = query.trim().toLowerCase();
+        if (!normalizedQuery) {
+            return activeTab.items;
+        }
+        return activeTab.items.filter((item) => getSearchText(item).includes(normalizedQuery));
+    }, [activeTab, query]);
+    const activeSelectedId = activeTab
+        ? (value?.tabId === activeTab.id ? value.itemId : selectedByTab[activeTab.id])
+        : undefined;
+    const activeItem = filteredItems.find((item) => item.id === activeSelectedId) ??
+        filteredItems[0] ??
+        activeTab?.items[0] ??
+        null;
+    const gridColumns = activeTab?.columns ?? columns ?? 5;
+    const shouldShowTabs = showTabs ?? availableTabs.length > 1;
+    function handleTabChange(nextTab) {
+        setActiveTabId(nextTab.id);
+        setQuery('');
+        onTabChange?.(nextTab);
+    }
+    function handleItemSelect(item) {
+        if (!activeTab) {
+            return;
+        }
+        setSelectedByTab((current) => ({
+            ...current,
+            [activeTab.id]: item.id,
+        }));
+        const selection = createSelection(activeTab, item);
+        onChange?.(selection);
+        onChangeComplete?.(selection);
+    }
+    const rootStyle = {
+        width,
+        padding: 16,
+        borderRadius: 24,
+        border: '1px solid rgba(148, 163, 184, 0.22)',
+        background: 'linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(30, 41, 59, 0.96) 100%)',
+        boxShadow: '0 24px 60px rgba(15, 23, 42, 0.28)',
+        color: '#E2E8F0',
+        fontFamily: 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+    };
+    if (!activeTab) {
+        return null;
+    }
+    return (_jsxs("section", { className: className, style: rootStyle, "aria-label": label, children: [_jsxs("div", { style: {
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                    gap: 16,
+                    marginBottom: 16,
+                }, children: [_jsxs("div", { children: [_jsx("div", { style: { fontSize: 12, letterSpacing: '0.08em', textTransform: 'uppercase', opacity: 0.7 }, children: "Unified Picker Board" }), _jsx("h3", { style: { margin: '6px 0 0', fontSize: 20, lineHeight: 1.1 }, children: label })] }), activeItem ? (_jsxs("div", { style: {
+                            minWidth: 96,
+                            padding: '10px 12px',
+                            borderRadius: 16,
+                            background: 'rgba(255, 255, 255, 0.08)',
+                            border: '1px solid rgba(148, 163, 184, 0.18)',
+                            display: 'grid',
+                            justifyItems: 'center',
+                            gap: 6,
+                        }, children: [_jsx("span", { style: { display: 'grid', placeItems: 'center', minHeight: 30, color: '#F8FAFC' }, children: renderItemPreview(activeItem, 28) }), _jsx("span", { style: { fontSize: 11, color: '#CBD5E1', lineHeight: 1.1, textAlign: 'center' }, children: activeItem.label })] })) : null] }), shouldShowTabs ? (_jsx("div", { role: "tablist", "aria-label": `${label} tabs`, style: {
+                    display: 'flex',
+                    gap: 8,
+                    marginBottom: 14,
+                    overflowX: 'auto',
+                    paddingBottom: 2,
+                }, children: availableTabs.map((tab) => {
+                    const isActiveTab = tab.id === activeTab.id;
+                    return (_jsxs("button", { type: "button", role: "tab", "aria-selected": isActiveTab, onClick: () => {
+                            handleTabChange(tab);
+                        }, style: {
+                            display: 'inline-flex',
+                            alignItems: 'center',
+                            gap: 8,
+                            padding: '8px 12px',
+                            borderRadius: 999,
+                            border: isActiveTab
+                                ? '1px solid rgba(255, 255, 255, 0.4)'
+                                : '1px solid rgba(148, 163, 184, 0.18)',
+                            background: isActiveTab ? tab.activeBackground ?? 'rgba(255, 255, 255, 0.12)' : 'rgba(255, 255, 255, 0.04)',
+                            color: '#F8FAFC',
+                            cursor: 'pointer',
+                            whiteSpace: 'nowrap',
+                        }, children: [_jsx("span", { style: { fontSize: 13, fontWeight: 600 }, children: tab.label }), _jsx("span", { style: { fontSize: 11, color: '#CBD5E1' }, children: tab.items.length })] }, tab.id));
+                }) })) : null, showSearch ? (_jsxs("label", { style: { display: 'grid', gap: 8, marginBottom: 14 }, children: [_jsx("span", { style: { fontSize: 12, fontWeight: 600, opacity: 0.78 }, children: activeTab.searchLabel ?? `Search ${activeTab.label.toLowerCase()}` }), _jsx("input", { value: query, onChange: (event) => {
+                            setQuery(event.target.value);
+                        }, placeholder: activeTab.searchPlaceholder ?? 'Search by name, group or keyword', style: {
+                            height: 42,
+                            borderRadius: 14,
+                            border: '1px solid rgba(148, 163, 184, 0.22)',
+                            background: 'rgba(15, 23, 42, 0.45)',
+                            color: '#F8FAFC',
+                            padding: '0 14px',
+                            fontSize: 14,
+                            outline: 'none',
+                        } })] })) : null, _jsxs("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    marginBottom: 12,
+                    fontSize: 12,
+                    color: '#94A3B8',
+                }, children: [_jsxs("span", { children: [filteredItems.length, " ", activeTab.countLabel ?? activeTab.label.toLowerCase()] }), _jsx("span", { children: activeItem?.group ?? activeTab.label })] }), filteredItems.length === 0 ? (_jsx("div", { style: {
+                    minHeight: 120,
+                    display: 'grid',
+                    placeItems: 'center',
+                    borderRadius: 16,
+                    border: '1px solid rgba(148, 163, 184, 0.18)',
+                    background: 'rgba(255, 255, 255, 0.04)',
+                    color: '#CBD5E1',
+                    textAlign: 'center',
+                    padding: 16,
+                }, children: activeTab.emptyStateLabel ?? 'No items match the current search.' })) : (_jsx("div", { style: {
+                    display: 'grid',
+                    gridTemplateColumns: `repeat(${gridColumns}, minmax(0, 1fr))`,
+                    gap: 10,
+                }, children: filteredItems.map((item) => {
+                    const isActive = item.id === activeItem?.id;
+                    return (_jsxs("button", { type: "button", onClick: () => {
+                            handleItemSelect(item);
+                        }, title: item.label, style: {
+                            display: 'grid',
+                            gap: 8,
+                            justifyItems: 'center',
+                            minHeight: 76,
+                            padding: '12px 8px',
+                            borderRadius: 16,
+                            border: isActive
+                                ? '1px solid rgba(255, 255, 255, 0.48)'
+                                : '1px solid rgba(148, 163, 184, 0.18)',
+                            background: isActive
+                                ? activeTab.activeBackground ?? 'rgba(255, 255, 255, 0.12)'
+                                : 'rgba(255, 255, 255, 0.04)',
+                            color: '#F8FAFC',
+                            cursor: 'pointer',
+                        }, children: [_jsx("span", { style: { display: 'grid', placeItems: 'center', minHeight: 28 }, children: renderItemPreview(item, 24) }), _jsx("span", { style: { fontSize: 10, lineHeight: 1.15, color: '#CBD5E1', textAlign: 'center' }, children: item.label })] }, item.id));
+                }) }))] }));
+}
+//# sourceMappingURL=AssetPickerBoard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetPickerBoard.js","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/AssetPickerBoard.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,OAAO,EACP,QAAQ,GAGT,MAAM,OAAO,CAAC;AACf,OAAO,EACL,yBAAyB,GAE1B,MAAM,kBAAkB,CAAC;AA0B1B,SAAS,aAAa,CAAC,IAA0B;IAC/C,OAAO;QACL,IAAI,CAAC,EAAE;QACP,IAAI,CAAC,KAAK;QACV,IAAI,CAAC,KAAK,IAAI,EAAE;QAChB,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC;KACzB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;AAC5B,CAAC;AAED,SAAS,iBAAiB,CAAC,IAA0B,EAAE,IAAY;IACjE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAEzB,IAAI,OAAO,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC7B,OAAO,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,YAAG,OAAO,CAAC,KAAK,GAAQ,CAAC;IAChF,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC7B,OAAO,CACL,cACE,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,GAAG,EAAE,OAAO,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,GAC1D,CACH,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC5B,OAAO,CACL,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,GAAG,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,YACnE,OAAO,CAAC,KAAK,GACT,CACR,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;AAED,SAAS,eAAe,CACtB,GAAwB,EACxB,IAA0B;IAE1B,OAAO;QACL,GAAG;QACH,IAAI;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,GAAG,CAAC,EAAE;YACb,MAAM,EAAE,IAAI,CAAC,EAAE;SAChB;KACF,CAAC;AACJ,CAAC;AAED,SAAS,uBAAuB,CAC9B,KAA6B,EAC7B,YAAoC;IAEpC,MAAM,aAAa,GAA2B,EAAE,CAAC;IAEjD,IAAI,YAAY,EAAE,CAAC;QACjB,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC;IAC1D,CAAC;IAED,IAAI,KAAK,EAAE,CAAC;QACV,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5C,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,IAAI,GAAG,yBAAyB,EAChC,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,KAAK,GAAG,cAAc,EACtB,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,GAAG,EACX,SAAS,GACuB;IAChC,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC;IACzE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAC5C,YAAY,IAAI,YAAY,EAAE,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAClE,CAAC;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,GAAG,EAAE,CAAC,uBAAuB,CAAC,KAAK,EAAE,YAAY,CAAC,CACnD,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,gBAAgB,CAAC,CAAC,OAAO,EAAE,EAAE;YAC3B,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,MAAM,EAAE,CAAC;gBAC1C,OAAO,OAAO,CAAC;YACjB,CAAC;YAED,OAAO;gBACL,GAAG,OAAO;gBACV,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,MAAM;aAC5B,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,CAAC;YACxD,OAAO;QACT,CAAC;QAED,cAAc,CAAC,YAAY,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC;IAE/C,MAAM,SAAS,GACb,aAAa,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,WAAW,CAAC;QACnD,aAAa,CAAC,CAAC,CAAC;QAChB,IAAI,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC/C,OAAO;QACT,CAAC;QAED,gBAAgB,CAAC,CAAC,OAAO,EAAE,EAAE;YAC3B,IAAI,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC;gBAC1B,OAAO,OAAO,CAAC;YACjB,CAAC;YAED,OAAO;gBACL,GAAG,OAAO;gBACV,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;aACtC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QAEnD,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,OAAO,SAAS,CAAC,KAAK,CAAC;QACzB,CAAC;QAED,OAAO,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC;IACzF,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,MAAM,gBAAgB,GAAG,SAAS;QAChC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;QAC9E,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,UAAU,GACd,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,gBAAgB,CAAC;QAC1D,aAAa,CAAC,CAAC,CAAC;QAChB,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;QACnB,IAAI,CAAC;IACP,MAAM,WAAW,GAAG,SAAS,EAAE,OAAO,IAAI,OAAO,IAAI,CAAC,CAAC;IACvD,MAAM,cAAc,GAAG,QAAQ,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAE5D,SAAS,eAAe,CAAC,OAA4B;QACnD,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC3B,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,WAAW,EAAE,CAAC,OAAO,CAAC,CAAC;IACzB,CAAC;IAED,SAAS,gBAAgB,CAAC,IAA0B;QAClD,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,gBAAgB,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAC7B,GAAG,OAAO;YACV,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,EAAE;SACxB,CAAC,CAAC,CAAC;QAEJ,MAAM,SAAS,GAAG,eAAe,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACnD,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC;QACtB,gBAAgB,EAAE,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,MAAM,SAAS,GAAkB;QAC/B,KAAK;QACL,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,EAAE;QAChB,MAAM,EAAE,qCAAqC;QAC7C,UAAU,EACR,iFAAiF;QACnF,SAAS,EAAE,oCAAoC;QAC/C,KAAK,EAAE,SAAS;QAChB,UAAU,EACR,0EAA0E;KAC7E,CAAC;IAEF,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,mBAAS,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,gBAAc,KAAK,aAChE,eACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,eAAe;oBAC/B,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,EAAE;oBACP,YAAY,EAAE,EAAE;iBACjB,aAED,0BACE,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,qCAEzF,EACN,aAAI,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,KAAK,GAAM,IACzE,EACL,UAAU,CAAC,CAAC,CAAC,CACZ,eACE,KAAK,EAAE;4BACL,QAAQ,EAAE,EAAE;4BACZ,OAAO,EAAE,WAAW;4BACpB,YAAY,EAAE,EAAE;4BAChB,UAAU,EAAE,2BAA2B;4BACvC,MAAM,EAAE,qCAAqC;4BAC7C,OAAO,EAAE,MAAM;4BACf,YAAY,EAAE,QAAQ;4BACtB,GAAG,EAAE,CAAC;yBACP,aAED,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YACpF,iBAAiB,CAAC,UAAU,EAAE,EAAE,CAAC,GAC7B,EACP,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,YAClF,UAAU,CAAC,KAAK,GACZ,IACH,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,EAEL,cAAc,CAAC,CAAC,CAAC,CAChB,cACE,IAAI,EAAC,SAAS,gBACF,GAAG,KAAK,OAAO,EAC3B,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,GAAG,EAAE,CAAC;oBACN,YAAY,EAAE,EAAE;oBAChB,SAAS,EAAE,MAAM;oBACjB,aAAa,EAAE,CAAC;iBACjB,YAEA,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBACzB,MAAM,WAAW,GAAG,GAAG,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CAAC;oBAE5C,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,WAAW,EAC1B,OAAO,EAAE,GAAG,EAAE;4BACZ,eAAe,CAAC,GAAG,CAAC,CAAC;wBACvB,CAAC,EACD,KAAK,EAAE;4BACL,OAAO,EAAE,aAAa;4BACtB,UAAU,EAAE,QAAQ;4BACpB,GAAG,EAAE,CAAC;4BACN,OAAO,EAAE,UAAU;4BACnB,YAAY,EAAE,GAAG;4BACjB,MAAM,EAAE,WAAW;gCACjB,CAAC,CAAC,oCAAoC;gCACtC,CAAC,CAAC,qCAAqC;4BACzC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,gBAAgB,IAAI,2BAA2B,CAAC,CAAC,CAAC,2BAA2B;4BAC3G,KAAK,EAAE,SAAS;4BAChB,MAAM,EAAE,SAAS;4BACjB,UAAU,EAAE,QAAQ;yBACrB,aAED,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAG,GAAG,CAAC,KAAK,GAAQ,EAClE,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,YAAG,GAAG,CAAC,KAAK,CAAC,MAAM,GAAQ,KAvBrE,GAAG,CAAC,EAAE,CAwBJ,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EAEP,UAAU,CAAC,CAAC,CAAC,CACZ,iBAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,aACzD,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,YAC1D,SAAS,CAAC,WAAW,IAAI,UAAU,SAAS,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,GAC9D,EACP,gBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAoC,EAAE,EAAE;4BACjD,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC/B,CAAC,EACD,WAAW,EAAE,SAAS,CAAC,iBAAiB,IAAI,kCAAkC,EAC9E,KAAK,EAAE;4BACL,MAAM,EAAE,EAAE;4BACV,YAAY,EAAE,EAAE;4BAChB,MAAM,EAAE,qCAAqC;4BAC7C,UAAU,EAAE,wBAAwB;4BACpC,KAAK,EAAE,SAAS;4BAChB,OAAO,EAAE,QAAQ;4BACjB,QAAQ,EAAE,EAAE;4BACZ,OAAO,EAAE,MAAM;yBAChB,GACD,IACI,CACT,CAAC,CAAC,CAAC,IAAI,EAER,eACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,eAAe;oBAC/B,YAAY,EAAE,EAAE;oBAChB,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,SAAS;iBACjB,aAED,2BACG,aAAa,CAAC,MAAM,OAAG,SAAS,CAAC,UAAU,IAAI,SAAS,CAAC,KAAK,CAAC,WAAW,EAAE,IACxE,EACP,yBAAO,UAAU,EAAE,KAAK,IAAI,SAAS,CAAC,KAAK,GAAQ,IAC/C,EAEL,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,cACE,KAAK,EAAE;oBACL,SAAS,EAAE,GAAG;oBACd,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,YAAY,EAAE,EAAE;oBAChB,MAAM,EAAE,qCAAqC;oBAC7C,UAAU,EAAE,2BAA2B;oBACvC,KAAK,EAAE,SAAS;oBAChB,SAAS,EAAE,QAAQ;oBACnB,OAAO,EAAE,EAAE;iBACZ,YAEA,SAAS,CAAC,eAAe,IAAI,oCAAoC,GAC9D,CACP,CAAC,CAAC,CAAC,CACF,cACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,mBAAmB,EAAE,UAAU,WAAW,mBAAmB;oBAC7D,GAAG,EAAE,EAAE;iBACR,YAEA,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,KAAK,UAAU,EAAE,EAAE,CAAC;oBAE5C,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;4BACZ,gBAAgB,CAAC,IAAI,CAAC,CAAC;wBACzB,CAAC,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE;4BACL,OAAO,EAAE,MAAM;4BACf,GAAG,EAAE,CAAC;4BACN,YAAY,EAAE,QAAQ;4BACtB,SAAS,EAAE,EAAE;4BACb,OAAO,EAAE,UAAU;4BACnB,YAAY,EAAE,EAAE;4BAChB,MAAM,EAAE,QAAQ;gCACd,CAAC,CAAC,qCAAqC;gCACvC,CAAC,CAAC,qCAAqC;4BACzC,UAAU,EAAE,QAAQ;gCAClB,CAAC,CAAC,SAAS,CAAC,gBAAgB,IAAI,2BAA2B;gCAC3D,CAAC,CAAC,2BAA2B;4BAC/B,KAAK,EAAE,SAAS;4BAChB,MAAM,EAAE,SAAS;yBAClB,aAED,eAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,YAClE,iBAAiB,CAAC,IAAI,EAAE,EAAE,CAAC,GACvB,EACP,eAAM,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,YACnF,IAAI,CAAC,KAAK,GACN,KA5BF,IAAI,CAAC,EAAE,CA6BL,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,CACP,IACO,CACX,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,28 @@
+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';
+export interface AssetPickerTabOptions {
+    id?: string;
+    label?: string;
+    columns?: number;
+    countLabel?: string;
+    searchLabel?: string;
+    searchPlaceholder?: string;
+    emptyStateLabel?: string;
+    activeBackground?: string;
+}
+export interface DefaultAssetPickerTabsOptions {
+    iconItems?: IconPickerItem[];
+    emojiItems?: EmojiPickerItem[];
+    svgItems?: MediaItem[];
+    includeIcons?: boolean;
+    includeEmojis?: boolean;
+    includeSvg?: boolean;
+}
+export declare function createIconPickerTab(items?: IconPickerItem[], options?: AssetPickerTabOptions): AssetPickerBoardTab<IconPickerItem>;
+export declare function createEmojiPickerTab(items?: EmojiPickerItem[], options?: AssetPickerTabOptions): AssetPickerBoardTab<EmojiPickerItem>;
+export declare function createMediaCollectionPickerTab(collectionName: MediaCollectionName, items?: MediaItem[], options?: AssetPickerTabOptions): AssetPickerBoardTab<MediaItem>;
+export declare function createDefaultAssetPickerTabs(options?: DefaultAssetPickerTabsOptions): AssetPickerBoardTab[];
+export declare const DEFAULT_ASSET_PICKER_TABS: AssetPickerBoardTab<unknown>[];
+//# sourceMappingURL=defaultTabs.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,104 @@
+import { getMediaCollection, mediaCollections, resolveMediaUrl, } from '../../../media/index.js';
+import { DEFAULT_EMOJI_PICKER_ITEMS, } 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%)';
+const SVG_ACTIVE_BACKGROUND = 'linear-gradient(180deg, rgba(245, 158, 11, 0.28) 0%, rgba(249, 115, 22, 0.16) 100%)';
+function getCollectionLabel(collectionName) {
+    return mediaCollections.find((collection) => collection.name === collectionName)?.label ?? collectionName;
+}
+export function createIconPickerTab(items = DEFAULT_ICON_PICKER_ITEMS, options = {}) {
+    return {
+        id: options.id ?? 'icons',
+        label: options.label ?? 'Icons',
+        columns: options.columns ?? 5,
+        countLabel: options.countLabel ?? 'icons',
+        searchLabel: options.searchLabel ?? 'Search icons',
+        searchPlaceholder: options.searchPlaceholder ?? 'Search by name, group or keyword',
+        emptyStateLabel: options.emptyStateLabel ?? 'No icons match the current search.',
+        activeBackground: options.activeBackground ?? ICON_ACTIVE_BACKGROUND,
+        items: items.map((item) => ({
+            id: item.id,
+            value: item.id,
+            label: item.label,
+            group: item.group,
+            keywords: item.keywords,
+            preview: {
+                kind: 'node',
+                render: (size) => renderSizedIcon(item.icon, size),
+            },
+            data: item,
+        })),
+    };
+}
+export function createEmojiPickerTab(items = DEFAULT_EMOJI_PICKER_ITEMS, options = {}) {
+    return {
+        id: options.id ?? 'emojis',
+        label: options.label ?? 'Emojis',
+        columns: options.columns ?? 6,
+        countLabel: options.countLabel ?? 'emojis',
+        searchLabel: options.searchLabel ?? 'Search emojis',
+        searchPlaceholder: options.searchPlaceholder ?? 'Search by name, group or keyword',
+        emptyStateLabel: options.emptyStateLabel ?? 'No emojis match the current search.',
+        activeBackground: options.activeBackground ?? EMOJI_ACTIVE_BACKGROUND,
+        items: items.map((item) => ({
+            id: item.id,
+            value: item.value,
+            label: item.label,
+            group: item.group,
+            keywords: item.keywords,
+            preview: item.src
+                ? {
+                    kind: 'image',
+                    src: item.src,
+                    alt: item.label,
+                }
+                : {
+                    kind: 'emoji',
+                    value: item.value,
+                },
+            data: item,
+        })),
+    };
+}
+export function createMediaCollectionPickerTab(collectionName, items = getMediaCollection(collectionName), options = {}) {
+    const collectionLabel = getCollectionLabel(collectionName);
+    return {
+        id: options.id ?? collectionName,
+        label: options.label ?? collectionLabel,
+        columns: options.columns ?? 4,
+        countLabel: options.countLabel ?? collectionLabel.toLowerCase(),
+        searchLabel: options.searchLabel ?? `Search ${collectionLabel.toLowerCase()}`,
+        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,
+        items: items.map((item) => ({
+            id: item.id,
+            value: item.ref,
+            label: item.label,
+            group: item.category,
+            keywords: item.tags,
+            preview: {
+                kind: 'image',
+                src: resolveMediaUrl(item.thumbnailRef ?? item.ref),
+                alt: item.alt ?? item.label,
+            },
+            data: item,
+        })),
+    };
+}
+export function createDefaultAssetPickerTabs(options = {}) {
+    const tabs = [];
+    if (options.includeEmojis !== false) {
+        tabs.push(createEmojiPickerTab(options.emojiItems));
+    }
+    if (options.includeSvg !== false) {
+        tabs.push(createMediaCollectionPickerTab('svg', options.svgItems));
+    }
+    if (options.includeIcons !== false) {
+        tabs.push(createIconPickerTab(options.iconItems));
+    }
+    return tabs;
+}
+export const DEFAULT_ASSET_PICKER_TABS = createDefaultAssetPickerTabs();
+//# sourceMappingURL=defaultTabs.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,4 @@
+export * from './AssetPickerBoard.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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,45 @@
+import type { ReactNode } from 'react';
+export type AssetPickerBoardItemPreview = {
+    kind: 'emoji';
+    value: string;
+} | {
+    kind: 'image';
+    src: string;
+    alt?: string;
+} | {
+    kind: 'text';
+    value: string;
+} | {
+    kind: 'node';
+    render: (size: number) => ReactNode;
+};
+export interface AssetPickerBoardItem<TData = unknown> {
+    id: string;
+    value: string;
+    label: string;
+    group?: string;
+    keywords?: string[];
+    preview: AssetPickerBoardItemPreview;
+    data?: TData;
+}
+export interface AssetPickerBoardTab<TData = unknown> {
+    id: string;
+    label: string;
+    items: AssetPickerBoardItem<TData>[];
+    columns?: number;
+    countLabel?: string;
+    searchLabel?: string;
+    searchPlaceholder?: string;
+    emptyStateLabel?: string;
+    activeBackground?: string;
+}
+export interface AssetPickerBoardValue {
+    tabId: string;
+    itemId: string;
+}
+export interface AssetPickerBoardSelection<TData = unknown> {
+    tab: AssetPickerBoardTab<TData>;
+    item: AssetPickerBoardItem<TData>;
+    value: AssetPickerBoardValue;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../library/components/react/asset-picker/types.ts"],"names":[],"mappings":""}

package/dist/library/components/react/charts/BarCharts.d.ts

@@ -0,0 +1,8 @@
+import type { ChartDataItem } from './chartUtils.js';
+export interface BarChartProps {
+    chartData: ChartDataItem[];
+    maxValue: number;
+}
+export declare function VerticalBarChart({ chartData, maxValue }: Readonly<BarChartProps>): import("react/jsx-runtime").JSX.Element;
+export declare function HorizontalBarChart({ chartData, maxValue }: Readonly<BarChartProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BarCharts.d.ts.map

package/dist/library/components/react/charts/BarCharts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarCharts.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/charts/BarCharts.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC,aAAa,CAAC,2CA2EhF;AAED,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAkDlF"}

package/dist/library/components/react/charts/BarCharts.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* ************************************************************************** */
+/*                                                                            */
+/*                                                        :::      ::::::::   */
+/*   BarCharts.tsx                                      :+:      :+:    :+:   */
+/*                                                    +:+ +:+         +:+     */
+/*   By: rstancu <rstancu@student.42madrid.com>     +#+  +:+       +#+        */
+/*                                                +#+#+#+#+#+   +#+           */
+/*   Created: 2026/04/09 12:03:00 by rstancu           #+#    #+#             */
+/*   Updated: 2026/04/09 12:03:00 by rstancu          ###   ########.fr       */
+/*                                                                            */
+/* ************************************************************************** */
+import React from 'react';
+import { cn } from '../../../icons/react/cn.js';
+export function VerticalBarChart({ chartData, maxValue }) {
+    const safeMaxValue = Math.max(maxValue, 1);
+    const barWidth = Math.max(24, Math.min(64, 600 / Math.max(chartData.length, 1)));
+    const chartWidth = Math.max(600, chartData.length * (barWidth + 16));
+    const chartHeight = 300;
+    return (_jsx("div", { className: cn('flex-1 overflow-auto p-8 bg-surface-primary'), children: _jsx("div", { className: cn('flex flex-col items-center'), children: _jsxs("svg", { width: chartWidth, height: chartHeight + 60, className: cn('overflow-visible'), children: [[0, 0.25, 0.5, 0.75, 1].map((pct) => (_jsxs("g", { children: [_jsx("line", { x1: 40, y1: chartHeight * (1 - pct) + 10, x2: chartWidth - 20, y2: chartHeight * (1 - pct) + 10, stroke: "var(--color-chart-grid, #CBD5E1)", strokeWidth: 1 }), _jsx("text", { x: 36, y: chartHeight * (1 - pct) + 14, textAnchor: "end", fontSize: 11, fill: "var(--color-chart-tick, #64748B)", children: Math.round(safeMaxValue * pct) })] }, pct))), chartData.map((datum, index) => {
+                        const barHeight = (datum.value / safeMaxValue) * chartHeight;
+                        const x = 50 + index * (barWidth + 16);
+                        const y = chartHeight - barHeight + 10;
+                        return (_jsxs("g", { children: [_jsx("rect", { x: x, y: y, width: barWidth, height: barHeight, fill: datum.color, rx: 4, className: cn('transition-all duration-200 hover:opacity-80') }), _jsx("text", { x: x + barWidth / 2, y: chartHeight + 28, textAnchor: "middle", fontSize: 11, fill: "var(--color-chart-label, #334155)", className: cn('select-none'), children: datum.label.length > 10 ? `${datum.label.slice(0, 10)}…` : datum.label }), _jsx("text", { x: x + barWidth / 2, y: y - 6, textAnchor: "middle", fontSize: 11, fill: "var(--color-chart-axis, #0F172A)", fontWeight: 600, children: datum.value % 1 === 0 ? datum.value : datum.value.toFixed(1) })] }, datum.label));
+                    })] }) }) }));
+}
+export function HorizontalBarChart({ chartData, maxValue }) {
+    const safeMaxValue = Math.max(maxValue, 1);
+    const barHeight = 28;
+    const chartWidth = 500;
+    const labelWidth = 120;
+    return (_jsx("div", { className: cn('flex-1 overflow-auto p-8 bg-surface-primary'), children: _jsx("div", { className: cn('max-w-2xl mx-auto'), children: _jsx("svg", { width: chartWidth + labelWidth + 60, height: chartData.length * (barHeight + 8) + 20, children: chartData.map((datum, index) => {
+                    const barWidth = (datum.value / safeMaxValue) * chartWidth;
+                    const y = index * (barHeight + 8) + 10;
+                    return (_jsxs("g", { children: [_jsx("text", { x: labelWidth - 8, y: y + barHeight / 2 + 4, textAnchor: "end", fontSize: 12, fill: "var(--color-chart-axis, #0F172A)", children: datum.label.length > 16 ? `${datum.label.slice(0, 16)}…` : datum.label }), _jsx("rect", { x: labelWidth, y: y, width: barWidth, height: barHeight, fill: datum.color, rx: 4, className: cn('transition-all duration-200 hover:opacity-80') }), _jsx("text", { x: labelWidth + barWidth + 8, y: y + barHeight / 2 + 4, fontSize: 12, fill: "var(--color-chart-axis, #0F172A)", fontWeight: 600, children: datum.value % 1 === 0 ? datum.value : datum.value.toFixed(1) })] }, datum.label));
+                }) }) }) }));
+}
+//# sourceMappingURL=BarCharts.js.map

package/dist/library/components/react/charts/BarCharts.js.map

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

package/dist/library/components/react/charts/DonutPieChart.d.ts

@@ -0,0 +1,8 @@
+import type { ChartDataItem } from './chartUtils.js';
+export interface DonutPieChartProps {
+    chartData: ChartDataItem[];
+    total: number;
+    isDonut: boolean;
+}
+export declare function DonutPieChart({ chartData, total, isDonut, }: Readonly<DonutPieChartProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DonutPieChart.d.ts.map

package/dist/library/components/react/charts/DonutPieChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutPieChart.d.ts","sourceRoot":"","sources":["../../../../../library/components/react/charts/DonutPieChart.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,OAAO,GACR,EAAE,QAAQ,CAAC,kBAAkB,CAAC,2CAoF9B"}

package/dist/library/components/react/charts/DonutPieChart.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* ************************************************************************** */
+/*                                                                            */
+/*                                                        :::      ::::::::   */
+/*   DonutPieChart.tsx                                  :+:      :+:    :+:   */
+/*                                                    +:+ +:+         +:+     */
+/*   By: rstancu <rstancu@student.42madrid.com>     +#+  +:+       +#+        */
+/*                                                +#+#+#+#+#+   +#+           */
+/*   Created: 2026/04/09 12:03:00 by rstancu           #+#    #+#             */
+/*   Updated: 2026/04/09 12:03:00 by rstancu          ###   ########.fr       */
+/*                                                                            */
+/* ************************************************************************** */
+import React from 'react';
+import { cn } from '../../../icons/react/cn.js';
+export function DonutPieChart({ chartData, total, isDonut, }) {
+    const safeTotal = Math.max(total, 1);
+    const size = 300;
+    const centerX = size / 2;
+    const centerY = size / 2;
+    const outerRadius = size / 2 - 10;
+    const innerRadius = isDonut ? outerRadius * 0.55 : 0;
+    let startAngle = -Math.PI / 2;
+    const slices = chartData.map((datum) => {
+        const angle = (datum.value / safeTotal) * Math.PI * 2;
+        const slice = { ...datum, startAngle, endAngle: startAngle + angle };
+        startAngle += angle;
+        return slice;
+    });
+    function arcPath(start, end, radius) {
+        const x = centerX + radius * Math.cos(end);
+        const y = centerY + radius * Math.sin(end);
+        const largeArc = end - start > Math.PI ? 1 : 0;
+        return `A ${radius} ${radius} 0 ${largeArc} 1 ${x} ${y}`;
+    }
+    return (_jsx("div", { className: cn('flex-1 overflow-auto p-8 bg-surface-primary'), children: _jsxs("div", { className: cn('flex items-center justify-center gap-12'), children: [_jsxs("svg", { width: size, height: size, children: [slices.map((slice) => {
+                            const startX = centerX + outerRadius * Math.cos(slice.startAngle);
+                            const startY = centerY + outerRadius * Math.sin(slice.startAngle);
+                            const outerArc = arcPath(slice.startAngle, slice.endAngle, outerRadius);
+                            let path = '';
+                            if (innerRadius > 0) {
+                                const innerX = centerX + innerRadius * Math.cos(slice.endAngle);
+                                const innerY = centerY + innerRadius * Math.sin(slice.endAngle);
+                                const innerArc = arcPath(slice.endAngle, slice.startAngle, innerRadius);
+                                path = `M ${startX} ${startY} ${outerArc} L ${innerX} ${innerY} ${innerArc} L ${startX} ${startY} Z`;
+                            }
+                            else {
+                                path = `M ${centerX} ${centerY} L ${startX} ${startY} ${outerArc} Z`;
+                            }
+                            return (_jsx("path", { d: path, fill: slice.color, stroke: "white", strokeWidth: 2, className: cn('transition-all duration-200 hover:opacity-80 cursor-pointer') }, slice.label));
+                        }), isDonut ? (_jsx("text", { x: centerX, y: centerY, textAnchor: "middle", dominantBaseline: "central", fontSize: 24, fontWeight: 700, fill: "var(--color-chart-axis, #0F172A)", children: total })) : null] }), _jsx("div", { className: cn('flex flex-col gap-2'), children: chartData.map((datum) => (_jsxs("div", { className: cn('flex items-center gap-2'), children: [_jsx("div", { className: cn('w-3 h-3 rounded-sm shrink-0'), style: { backgroundColor: datum.color } }), _jsx("span", { className: cn('text-sm text-ink-body'), children: datum.label }), _jsx("span", { className: cn('text-sm text-ink-muted tabular-nums ml-1'), children: datum.value }), _jsxs("span", { className: cn('text-xs text-ink-muted'), children: ["(", Math.round((datum.value / safeTotal) * 100), "%)"] })] }, datum.label))) })] }) }));
+}
+//# sourceMappingURL=DonutPieChart.js.map

package/dist/library/components/react/charts/DonutPieChart.js.map

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