@emailmaker/filemanager 0.10.101 → 0.10.103

package/fm-icons-tab.dbc6aea218d2ab6b3de5.js

@@ -1,2304 +0,0 @@
-(Object(typeof self !== "undefined" ? self : this)["webpackChunkfileManager"] = Object(typeof self !== "undefined" ? self : this)["webpackChunkfileManager"] || []).push([[379],{
-
-/***/ 1560:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  IconsTab: () => (/* binding */ IconsTab),
-  "default": () => (/* binding */ ImageIcons_IconsTab)
-});
-
-// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(4848);
-// EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
-var external_root_React_commonjs2_react_commonjs_react_amd_react_ = __webpack_require__(5442);
-var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__PURE__*/__webpack_require__.n(external_root_React_commonjs2_react_commonjs_react_amd_react_);
-// EXTERNAL MODULE: external {"root":"antd","commonjs2":"antd","commonjs":"antd","amd":"antd"}
-var external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_ = __webpack_require__(550);
-// EXTERNAL MODULE: ./src/hooks/notifications/useNotificationsBase.tsx + 1 modules
-var useNotificationsBase = __webpack_require__(4505);
-// EXTERNAL MODULE: ./node_modules/react-i18next/dist/es/index.js + 15 modules
-var es = __webpack_require__(2389);
-// EXTERNAL MODULE: external {"commonjs2":"@untitledui/icons","commonjs":"@untitledui/icons","amd":"@untitledui/icons"}
-var icons_ = __webpack_require__(7928);
-// EXTERNAL MODULE: ./src/hooks/index.ts + 6 modules
-var hooks = __webpack_require__(7433);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
-var injectStylesIntoStyleTag = __webpack_require__(5072);
-var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
-var styleDomAPI = __webpack_require__(7825);
-var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
-var insertBySelector = __webpack_require__(7659);
-var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
-var setAttributesWithoutAttributes = __webpack_require__(5056);
-var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
-var insertStyleElement = __webpack_require__(540);
-var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
-var styleTagTransform = __webpack_require__(1113);
-var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/components/ImageIcons/iconsTab.module.scss
-var iconsTab_module = __webpack_require__(9875);
-var iconsTab_module_default = /*#__PURE__*/__webpack_require__.n(iconsTab_module);
-;// ./src/components/ImageIcons/iconsTab.module.scss
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var options = {};
-
-options.styleTagTransform = (styleTagTransform_default());
-options.setAttributes = (setAttributesWithoutAttributes_default());
-options.insert = insertBySelector_default().bind(null, "head");
-options.domAPI = (styleDomAPI_default());
-options.insertStyleElement = (insertStyleElement_default());
-
-var update = injectStylesIntoStyleTag_default()((iconsTab_module_default()), options);
-
-
-
-
-       /* harmony default export */ const ImageIcons_iconsTab_module = ((iconsTab_module_default()) && (iconsTab_module_default()).locals ? (iconsTab_module_default()).locals : undefined);
-
-;// ./src/components/ImageIcons/IconsSearchForm.tsx
-
-
-
-
-
-
-
-const IconsSearchForm = ({ query, onQueryChange, onSubmit, hasResults = false, inputRef, }) => {
-    const { t } = (0,es/* useTranslation */.Bd)();
-    const { options } = (0,hooks/* useFileManagerContext */.wh)();
-    const { config } = options;
-    const showResultsMode = query.length > 0 && hasResults;
-    return ((0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsSearchFormCenteredContainer, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Form, { layout: "inline", onFinish: onSubmit, className: showResultsMode ? ImageIcons_iconsTab_module.iconsSearchResults : ImageIcons_iconsTab_module.iconsSearchFormCentered, children: (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Form.Item, { className: ImageIcons_iconsTab_module.iconsSearchFormInput, children: (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Input, { ref: inputRef, className: ImageIcons_iconsTab_module.iconsSearchFormInputInput, allowClear: true, prefix: (0,jsx_runtime.jsx)(icons_.SearchMd, { size: 16, strokeWidth: config === null || config === void 0 ? void 0 : config.iconStrokeWidth, onClick: onSubmit }), placeholder: t('Search icons'), value: query, onChange: e => onQueryChange(e.target.value), onKeyDown: e => e.code === 'Space' && onSubmit(), onPressEnter: onSubmit, spellCheck: "false" }) }) }), showResultsMode && (0,jsx_runtime.jsx)("div", { className: `ant-divider ${ImageIcons_iconsTab_module.iconsSearchDivider}`, role: "separator" })] }));
-};
-/* harmony default export */ const ImageIcons_IconsSearchForm = (IconsSearchForm);
-
-;// ./src/components/ImageIcons/IconsControls.tsx
-
-
-
-
-
-const IconsControls = props => {
-    const { t } = (0,es/* useTranslation */.Bd)();
-    const { colorHex, setColorHex, colorHex2, setColorHex2, colorHex3, setColorHex3, sizePx, setSizePx, strokeWidth, setStrokeWidth, showSecondColor, showThirdColor, } = props;
-    return ((0,jsx_runtime.jsx)("div", { className: ImageIcons_iconsTab_module.iconsControls, children: (0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlsControls, children: [(0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlsNumField, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Typography.Text, { type: "secondary", className: ImageIcons_iconsTab_module.iconsControlsNumLabel, children: t('Size') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.InputNumber, { className: ImageIcons_iconsTab_module.iconsControlsNumInput, min: 20, max: 200, step: 1, value: sizePx, suffix: (0,jsx_runtime.jsx)("span", { className: ImageIcons_iconsTab_module.iconsControlsNumSuffix, children: "px" }), onChange: v => setSizePx(typeof v === 'number' && !Number.isNaN(v) ? v : 50), "aria-label": t('Size') })] }), (0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlsNumField, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Typography.Text, { type: "secondary", className: ImageIcons_iconsTab_module.iconsControlsNumLabel, children: t('Stroke width') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.InputNumber, { className: ImageIcons_iconsTab_module.iconsControlsNumInput, min: 0.3, max: 3, step: 0.1, value: typeof strokeWidth === 'number' ? strokeWidth : 1, suffix: (0,jsx_runtime.jsx)("span", { className: ImageIcons_iconsTab_module.iconsControlsNumSuffix, children: "px" }), onChange: v => setStrokeWidth(typeof v === 'number' && !Number.isNaN(v) ? v : 1), "aria-label": t('Stroke width') })] }), (0,jsx_runtime.jsxs)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Space, { size: 8, children: [(0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlElement, children: [(0,jsx_runtime.jsx)("span", { children: t('Color1') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.ColorPicker, { value: colorHex, format: "hex", disabledAlpha: true, showText: true, onChange: (color, hex) => {
-                                        const newColor = typeof color === 'string' ? color : (color === null || color === void 0 ? void 0 : color.toHexString) ? color.toHexString() : hex;
-                                        setColorHex(newColor);
-                                    }, size: "middle" })] }), showSecondColor && ((0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlElement, children: [(0,jsx_runtime.jsx)("span", { children: t('Color2') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.ColorPicker, { value: colorHex2, format: "hex", disabledAlpha: true, showText: true, onChange: (color, hex) => {
-                                        const newColor = typeof color === 'string' ? color : (color === null || color === void 0 ? void 0 : color.toHexString) ? color.toHexString() : hex;
-                                        setColorHex2(newColor);
-                                    }, size: "middle" })] })), showThirdColor && ((0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlElement, children: [(0,jsx_runtime.jsx)("span", { children: t('Color3') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.ColorPicker, { value: colorHex3, format: "hex", disabledAlpha: true, showText: true, onChange: (color, hex) => {
-                                        const newColor = typeof color === 'string' ? color : (color === null || color === void 0 ? void 0 : color.toHexString) ? color.toHexString() : hex;
-                                        setColorHex3(newColor);
-                                    }, size: "middle" })] }))] })] }) }));
-};
-/* harmony default export */ const ImageIcons_IconsControls = (IconsControls);
-
-// EXTERNAL MODULE: external {"root":"AntDesignIcons","commonjs2":"@ant-design/icons","commonjs":"@ant-design/icons","amd":"@ant-design/icons"}
-var icons_amd_ant_design_icons_ = __webpack_require__(7892);
-// EXTERNAL MODULE: ./src/components/NoFilesMessage/NoFilesMessage.tsx + 1 modules
-var NoFilesMessage = __webpack_require__(1790);
-// EXTERNAL MODULE: ./src/hooks/useCustomIcons.ts + 1 modules
-var useCustomIcons = __webpack_require__(1864);
-// EXTERNAL MODULE: ./src/presentation/media-list/useMediaListEngine.ts + 1 modules
-var useMediaListEngine = __webpack_require__(3263);
-;// ./src/components/ImageIcons/IconsGrid.tsx
-
-
-
-
-
-
-
-
-
-
-const antIcon = (0,jsx_runtime.jsx)(icons_amd_ant_design_icons_.LoadingOutlined, { style: { fontSize: 20 }, spin: true });
-const PREFETCH_THRESHOLD_PX = 240;
-/** Фиксированная минимальная ширина колонки: не зависит от previewSize, иначе при каждом px меняется число колонок и размер «прыгает». */
-const GRID_MIN_COLUMN_WIDTH_PX = 160;
-/** Превью + подпись + отступы карточки (см. .iconsGridItem padding / .iconsGridItemName). */
-const GRID_ROW_HEIGHT_BEYOND_THUMB_PX = 56;
-const IconsGrid = ({ items, loading, isCollectingResults = false, hasMore = false, hasQuery, selectedHash, onItemClick, onInsert: _onInsert, onLoadMore, colorVars, svgTextMap, previewSize, selectedHashes, onToggleSelect, }) => {
-    const { t } = (0,es/* useTranslation */.Bd)();
-    const { ThumbsUpIcon } = (0,useCustomIcons/* useCustomIcons */.D)();
-    const hasSelected = Boolean(selectedHashes && selectedHashes.size > 0);
-    const loadMoreLockRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
-    const { positionedItems, containerHeight, isNearEnd, handleViewportChange } = (0,useMediaListEngine/* useMediaListEngine */.W)({
-        items,
-        getId: item => item.hash,
-        getPreviewSrc: () => undefined,
-        getAltText: item => item.name,
-        layoutMode: 'grid',
-        minColumnWidth: GRID_MIN_COLUMN_WIDTH_PX,
-        estimatedItemHeight: (previewSize !== null && previewSize !== void 0 ? previewSize : 50) + GRID_ROW_HEIGHT_BEYOND_THUMB_PX,
-        gap: 16,
-        prefetchThresholdPx: PREFETCH_THRESHOLD_PX,
-    });
-    const viewportContainerRef = (0,hooks/* useViewportMetricsSync */._O)(handleViewportChange, [
-        items.length,
-        previewSize !== null && previewSize !== void 0 ? previewSize : 50,
-    ]);
-    external_root_React_commonjs2_react_commonjs_react_amd_react_default().useEffect(() => {
-        if (!hasMore) {
-            loadMoreLockRef.current = null;
-        }
-    }, [hasMore, items.length]);
-    external_root_React_commonjs2_react_commonjs_react_amd_react_default().useEffect(() => {
-        if (!loading && !isCollectingResults && hasMore && items.length > 0 && isNearEnd) {
-            if (loadMoreLockRef.current === items.length) {
-                return;
-            }
-            loadMoreLockRef.current = items.length;
-            onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore();
-        }
-    }, [hasMore, isCollectingResults, isNearEnd, items.length, loading, onLoadMore]);
-    const emptyContent = hasQuery ? ((0,jsx_runtime.jsx)("div", { className: ImageIcons_iconsTab_module.iconsGridEmptyState, children: (0,jsx_runtime.jsx)(NoFilesMessage/* NoFilesMessage */.G, {}) })) : ((0,jsx_runtime.jsx)("div", { className: ImageIcons_iconsTab_module.iconsGridEmptyState, children: (0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.resultsContainer, children: [(0,jsx_runtime.jsx)("span", { className: ImageIcons_iconsTab_module.videoIcon, children: (0,jsx_runtime.jsx)(ThumbsUpIcon, { className: ImageIcons_iconsTab_module.playButton, style: { width: 48, height: 49, marginBottom: 10 } }) }), (0,jsx_runtime.jsx)("h1", { className: ImageIcons_iconsTab_module.title, children: t('Thousands of icons') }), (0,jsx_runtime.jsx)("p", { className: ImageIcons_iconsTab_module.subtitle, children: t("Enter a search query and we'll find the perfect icon for you") })] }) }));
-    return ((0,jsx_runtime.jsxs)("div", { id: "iconsScrollableDiv", ref: viewportContainerRef, className: ImageIcons_iconsTab_module.iconsGrid, children: [items.length === 0 && !loading ? (emptyContent) : ((0,jsx_runtime.jsxs)(jsx_runtime.Fragment, { children: [(0,jsx_runtime.jsx)("div", { className: ImageIcons_iconsTab_module.iconsGridVirtualCanvas, style: { height: containerHeight }, children: positionedItems.map(({ row, layout }) => {
-                            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-                            const item = row.item;
-                            const isSelected = Boolean((selectedHashes && selectedHashes.has(item.hash)) || selectedHash === item.hash);
-                            const svgHtml = svgTextMap[item.hash];
-                            return ((0,jsx_runtime.jsxs)("div", { style: {
-                                    position: 'absolute',
-                                    top: layout.top,
-                                    left: layout.left,
-                                    width: layout.width,
-                                    height: layout.height,
-                                }, className: `${ImageIcons_iconsTab_module.iconsGridItem} ${isSelected ? ImageIcons_iconsTab_module.iconsGridItemSelected : ''} ${hasSelected ? ImageIcons_iconsTab_module.iconsGridShowCheckboxes : ''}`, onClick: () => onItemClick(item), children: [(0,jsx_runtime.jsx)("div", { style: { height: previewSize !== null && previewSize !== void 0 ? previewSize : 50 }, className: ImageIcons_iconsTab_module.iconsGridItemThumbnail, children: svgHtml ? ((0,jsx_runtime.jsx)("div", { style: {
-                                                color: colorVars === null || colorVars === void 0 ? void 0 : colorVars.colorHex,
-                                                ['--icon-grad-1']: (_a = colorVars === null || colorVars === void 0 ? void 0 : colorVars.colorHex) !== null && _a !== void 0 ? _a : '#000',
-                                                ['--icon-grad-2']: (_b = colorVars === null || colorVars === void 0 ? void 0 : colorVars.colorHex2) !== null && _b !== void 0 ? _b : '#ff007a',
-                                                ['--icon-color-1']: (_c = colorVars === null || colorVars === void 0 ? void 0 : colorVars.colorHex) !== null && _c !== void 0 ? _c : '#000',
-                                                ['--icon-color-2']: (_d = colorVars === null || colorVars === void 0 ? void 0 : colorVars.colorHex2) !== null && _d !== void 0 ? _d : '#ff007a',
-                                                ['--icon-color-3']: (_e = colorVars === null || colorVars === void 0 ? void 0 : colorVars.colorHex3) !== null && _e !== void 0 ? _e : '#00C2FF',
-                                                ['--icon-stroke-1']: (_f = colorVars === null || colorVars === void 0 ? void 0 : colorVars.colorHex) !== null && _f !== void 0 ? _f : '#000',
-                                                ['--icon-stroke-2']: (_g = colorVars === null || colorVars === void 0 ? void 0 : colorVars.colorHex2) !== null && _g !== void 0 ? _g : '#ff007a',
-                                                ['--icon-stroke-3']: (_h = colorVars === null || colorVars === void 0 ? void 0 : colorVars.colorHex3) !== null && _h !== void 0 ? _h : '#00C2FF',
-                                                ['--icon-fill-1']: (_j = colorVars === null || colorVars === void 0 ? void 0 : colorVars.colorHex) !== null && _j !== void 0 ? _j : '#000',
-                                                ['--icon-fill-2']: (_k = colorVars === null || colorVars === void 0 ? void 0 : colorVars.colorHex2) !== null && _k !== void 0 ? _k : '#ff007a',
-                                                ['--icon-fill-3']: (_l = colorVars === null || colorVars === void 0 ? void 0 : colorVars.colorHex3) !== null && _l !== void 0 ? _l : '#00C2FF',
-                                            }, dangerouslySetInnerHTML: { __html: svgHtml }, className: ImageIcons_iconsTab_module.iconsGridItemSvg })) : ((0,jsx_runtime.jsx)("div", { className: ImageIcons_iconsTab_module.iconsGridItemImg, style: { display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Spin, { indicator: antIcon, size: "small" }) })) }), (0,jsx_runtime.jsx)("div", { className: ImageIcons_iconsTab_module.iconsGridItemName, title: item.name, children: item.name }), onToggleSelect ? ((0,jsx_runtime.jsx)("div", { onClick: e => {
-                                            e.stopPropagation();
-                                        }, className: ImageIcons_iconsTab_module.iconsGridCheckbox, children: (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Checkbox, { checked: Boolean(selectedHashes && selectedHashes.has(item.hash)), onChange: () => onToggleSelect(item.hash) }) })) : null] }, item.hash));
-                        }) }), isCollectingResults && ((0,jsx_runtime.jsx)("div", { className: ImageIcons_iconsTab_module.iconsGridLoadingMore, children: (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Spin, { indicator: antIcon }) }))] })), loading && items.length === 0 && ((0,jsx_runtime.jsx)("div", { className: ImageIcons_iconsTab_module.iconsGridLoading, children: (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Spin, { indicator: antIcon }) }))] }));
-};
-/* harmony default export */ const ImageIcons_IconsGrid = (IconsGrid);
-
-;// ./src/components/ImageIcons/defaultIconStockTranslate.ts
-function hasCyrillic(s) {
-    return /[\u0400-\u04FF]/.test(s);
-}
-function createIconStockTranslateFetch(url) {
-    const trimmedUrl = url.trim();
-    return async (input, opts) => {
-        var _a, _b;
-        const text = input.trim();
-        if (!hasCyrillic(text)) {
-            return text;
-        }
-        try {
-            const res = await fetch(trimmedUrl, {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ text: input, locale: opts.locale }),
-                credentials: 'same-origin',
-            });
-            if (!res.ok) {
-                return text;
-            }
-            const data = (await res.json());
-            const out = (_b = (_a = data.translatedText) !== null && _a !== void 0 ? _a : data.text) !== null && _b !== void 0 ? _b : text;
-            return String(out).trim() || text;
-        }
-        catch (_c) {
-            return text;
-        }
-    };
-}
-/** `handleTranslate` имеет приоритет; иначе при непустом `iconStockTranslateUrl` — POST с телом `{ text, locale? }`. */
-function resolveIconStockTranslate(config) {
-    var _a;
-    if (!config)
-        return undefined;
-    if (config.handleTranslate)
-        return config.handleTranslate;
-    const url = (_a = config.iconStockTranslateUrl) === null || _a === void 0 ? void 0 : _a.trim();
-    if (!url)
-        return undefined;
-    return createIconStockTranslateFetch(url);
-}
-
-// EXTERNAL MODULE: ./node_modules/@iconify-json/lucide/index.mjs + 2 modules
-var lucide = __webpack_require__(4393);
-// EXTERNAL MODULE: ./node_modules/@iconify-json/tabler/index.mjs + 2 modules
-var tabler = __webpack_require__(27);
-// EXTERNAL MODULE: ./node_modules/@iconify/utils/lib/icon-set/get-icon.js + 3 modules
-var get_icon = __webpack_require__(9249);
-;// ./src/components/ImageIcons/iconSearchRuLexicon.ts
-/** Стоп-слова при многословном AND-поиске. */
-const STOP_WORDS = new Set([
-    'и',
-    'в',
-    'во',
-    'на',
-    'с',
-    'со',
-    'к',
-    'ко',
-    'у',
-    'о',
-    'об',
-    'от',
-    'до',
-    'по',
-    'за',
-    'из',
-    'без',
-    'для',
-    'при',
-    'про',
-    'или',
-    'the',
-    'a',
-    'an',
-    'and',
-    'or',
-    'of',
-    'to',
-    'in',
-    'on',
-    'for',
-]);
-/**
- * RU → подстроки в slug / словах из имён Lucide и Tabler Icons.
- */
-const RU_ICON_TERMS = {
-    дом: ['home', 'house'],
-    домой: ['home'],
-    сердце: ['heart'],
-    любовь: ['heart'],
-    звезда: ['star'],
-    солнце: ['sun'],
-    луна: ['moon'],
-    облако: ['cloud'],
-    дождь: ['rain', 'cloud'],
-    снег: ['snow'],
-    огонь: ['fire', 'flame'],
-    вода: ['droplet', 'water'],
-    молния: ['bolt', 'zap', 'lightning'],
-    пользователь: ['user', 'person'],
-    человек: ['user', 'person', 'people'],
-    люди: ['users', 'people'],
-    лицо: ['face', 'smile'],
-    улыбка: ['smile'],
-    рука: ['hand'],
-    глаз: ['eye'],
-    ключ: ['key'],
-    замок: ['lock'],
-    почта: ['mail', 'email', 'inbox'],
-    письмо: ['mail', 'envelope', 'email'],
-    конверт: ['envelope', 'mail'],
-    сообщение: ['message', 'chat'],
-    чат: ['message', 'chat'],
-    телефон: ['phone'],
-    смартфон: ['smartphone', 'device'],
-    камера: ['camera'],
-    фото: ['image', 'photo'],
-    картинка: ['image', 'picture'],
-    изображение: ['image', 'photo'],
-    видео: ['video'],
-    музыка: ['music'],
-    звук: ['volume', 'speaker', 'audio'],
-    микрофон: ['mic', 'microphone'],
-    поиск: ['search'],
-    лупа: ['search'],
-    настройки: ['settings', 'cog', 'gear'],
-    меню: ['menu'],
-    закрыть: ['x', 'close'],
-    удалить: ['trash', 'delete'],
-    корзина: ['trash'],
-    редактировать: ['edit', 'pencil'],
-    копировать: ['copy'],
-    сохранить: ['save'],
-    скачать: ['download'],
-    загрузить: ['upload'],
-    папка: ['folder'],
-    файл: ['file', 'document'],
-    документ: ['file', 'document'],
-    текст: ['text'],
-    календарь: ['calendar'],
-    время: ['clock'],
-    часы: ['clock', 'watch'],
-    карта: ['map'],
-    глобус: ['globe'],
-    мир: ['globe', 'world', 'earth'],
-    адрес: ['map-pin', 'location', 'pin'],
-    метка: ['map-pin', 'marker', 'pin'],
-    стрелка: ['arrow', 'chevron'],
-    влево: ['left', 'arrow-left', 'chevron-left'],
-    вправо: ['right', 'arrow-right', 'chevron-right'],
-    вверх: ['up', 'arrow-up', 'chevron-up'],
-    вниз: ['down', 'arrow-down', 'chevron-down'],
-    плей: ['play'],
-    пауза: ['pause'],
-    стоп: ['stop'],
-    галочка: ['check'],
-    крестик: ['x'],
-    плюс: ['plus'],
-    минус: ['minus'],
-    покупки: ['shopping', 'cart', 'bag'],
-    магазин: ['store', 'shop'],
-    подарок: ['gift'],
-    щит: ['shield'],
-    банк: ['bank', 'building'],
-    картабанковская: ['credit-card', 'card'],
-    уведомление: ['bell'],
-    колокол: ['bell'],
-    флаг: ['flag'],
-    закладка: ['bookmark'],
-    ссылка: ['link'],
-    код: ['code', 'terminal'],
-    терминал: ['terminal'],
-    лампочка: ['lightbulb', 'light-bulb'],
-    идея: ['lightbulb'],
-    батарея: ['battery'],
-    питание: ['power', 'plug'],
-    сеть: ['wifi', 'network'],
-    принтер: ['printer'],
-    монитор: ['monitor', 'display'],
-    компьютер: ['computer', 'laptop', 'pc'],
-    клавиатура: ['keyboard'],
-    книга: ['book'],
-    график: ['chart', 'graph'],
-    таблица: ['table', 'grid'],
-    список: ['list'],
-    фильтр: ['filter'],
-    тег: ['tag'],
-    отправить: ['send'],
-    поделиться: ['share'],
-    нравится: ['thumbs', 'like'],
-    скрыть: ['eye-off', 'hidden'],
-    предупреждение: ['alert', 'warning'],
-    ошибка: ['x-circle', 'alert-circle'],
-    успех: ['check-circle'],
-    информация: ['info'],
-    помощь: ['help'],
-    вопрос: ['help', 'question'],
-    язык: ['language', 'languages', 'translate'],
-    перевод: ['language', 'translate'],
-    масштаб: ['zoom', 'maximize'],
-    экран: ['monitor', 'screen', 'display'],
-    цвет: ['palette', 'swatch'],
-    кисть: ['brush', 'paint'],
-    карандаш: ['pencil'],
-    выравнивание: ['align'],
-    центр: ['center'],
-    круг: ['circle'],
-    квадрат: ['square'],
-    вход: ['log-in', 'login'],
-    выход: ['log-out', 'logout'],
-    профиль: ['user', 'account'],
-    команда: ['users', 'group'],
-    задача: ['check', 'list', 'todo'],
-    цель: ['target'],
-    вложение: ['paperclip'],
-    архив: ['archive'],
-    ножницы: ['scissors'],
-    скрепка: ['paperclip'],
-    локация: ['map-pin'],
-    навигация: ['navigation', 'compass'],
-    компас: ['compass'],
-    самолет: ['plane', 'airplane'],
-    машина: ['car'],
-    мяч: ['ball'],
-    мячик: ['ball'],
-    поезд: ['train'],
-    корабль: ['ship'],
-    велосипед: ['bike', 'bicycle'],
-    кофе: ['coffee'],
-    еда: ['utensils', 'cake', 'pizza'],
-    собака: ['dog'],
-    кошка: ['cat'],
-    птица: ['bird'],
-    дерево: ['tree'],
-    цветок: ['flower'],
-    гора: ['mountain'],
-    волны: ['waves'],
-    зонт: ['umbrella'],
-    работа: ['briefcase'],
-    школа: ['school', 'academic', 'graduation'],
-    больница: ['cross', 'heart', 'medical'],
-    ребенок: ['baby'],
-    семья: ['home', 'users'],
-    группа: ['users', 'group'],
-    мужчина: ['man', 'user'],
-    женщина: ['woman', 'user'],
-    кольцо: ['ring'],
-    корона: ['crown'],
-    медаль: ['medal', 'award'],
-    кубок: ['trophy'],
-    рюкзак: ['backpack'],
-    чемодан: ['luggage'],
-    кошелек: ['wallet'],
-    очки: ['glasses'],
-    шляпа: ['hat'],
-    рубашка: ['shirt'],
-    обувь: ['shoe'],
-    здание: ['building'],
-    окно: ['window'],
-    дверь: ['door'],
-    лифт: ['arrow-up-down', 'arrows-up-down'],
-    парковка: ['parking'],
-    топливо: ['fuel'],
-    дорога: ['route', 'road'],
-    мост: ['bridge'],
-    река: ['waves'],
-    море: ['waves'],
-    ночь: ['moon'],
-    день: ['sun'],
-    таймер: ['timer'],
-    будильник: ['alarm'],
-    деньги: ['banknote', 'currency', 'dollar'],
-    процент: ['percent'],
-    квитанция: ['receipt'],
-    счет: ['receipt', 'document'],
-    договор: ['document', 'signature'],
-    печать: ['stamp'],
-    подпись: ['signature', 'pen'],
-    суд: ['scale'],
-    полиция: ['shield'],
-    пожарные: ['fire'],
-    скорая: ['life', 'buoy', 'cross'],
-    аптека: ['pill'],
-    таблетка: ['pill'],
-    здоровье: ['heart', 'pulse'],
-    рост: ['trending-up', 'arrow-up'],
-    падение: ['trending-down', 'arrow-down'],
-    робот: ['bot', 'cpu'],
-    мозг: ['brain'],
-    база: ['database'],
-    сервер: ['server'],
-    облакоинтернет: ['cloud'],
-    заметка: ['note', 'sticky'],
-    комментарий: ['chat', 'bubble'],
-    якорь: ['anchor'],
-    пароль: ['key', 'lock'],
-    отпечаток: ['fingerprint'],
-    обновить: ['refresh', 'sync'],
-    синхронизация: ['refresh', 'sync'],
-    наушники: ['headphones'],
-    громкость: ['volume'],
-    беззвука: ['volume-x', 'mute'],
-    повтор: ['repeat'],
-    следующий: ['skip-forward', 'forward'],
-    предыдущий: ['skip-back', 'backward'],
-    камеравыкл: ['camera-off'],
-    микрофонвыкл: ['mic-off'],
-    телефонзвонок: ['phone-call'],
-    входящие: ['inbox'],
-    исходящие: ['send', 'outbox'],
-    черновик: ['draft', 'file'],
-    спам: ['ban', 'shield'],
-    рассылка: ['mail', 'send'],
-    подписка: ['bell', 'rss'],
-    отписка: ['bell-off'],
-    палитра: ['palette'],
-    градиент: ['gradient'],
-    слои: ['layers'],
-    кроп: ['crop'],
-    поворот: ['rotate'],
-    гаечный: ['wrench'],
-    молоток: ['hammer'],
-    баг: ['bug'],
-    штрихкод: ['barcode'],
-    куаркод: ['qr-code'],
-    звезда2: ['sparkles'],
-    магия: ['wand', 'sparkles'],
-    снежинка: ['snowflake'],
-    радуга: ['rainbow'],
-    лист: ['leaf'],
-    ракета: ['rocket'],
-    спутник: ['satellite'],
-    капля: ['droplet'],
-    грузовик: ['truck'],
-    автобус: ['bus'],
-    такси: ['car', 'taxi'],
-    торт: ['cake'],
-    пицца: ['pizza'],
-    яблоко: ['apple'],
-    банан: ['banana'],
-    рыба: ['fish'],
-    вино: ['wine'],
-    пиво: ['beer'],
-    чашка: ['cup', 'mug'],
-    рассылка2: ['mail', 'megaphone'],
-    шаблон: ['layout', 'file'],
-    воронка: ['filter', 'funnel'],
-    аналитика: ['chart', 'pie'],
-    отчет: ['document', 'chart'],
-    дашборд: ['layout', 'grid'],
-    поддержка: ['life-buoy', 'headset'],
-    /** Бренды / сервисы (подстроки в `brand-*`, `*-in-*` и т.п.) */
-    телеграм: ['telegram', 'send'],
-    вотсап: ['whatsapp'],
-    инстаграм: ['instagram'],
-    ютуб: ['youtube'],
-    твиттер: ['twitter'],
-    фейсбук: ['facebook'],
-    гитхаб: ['github', 'git'],
-    гугл: ['google', 'chrome'],
-    яндекс: ['search'],
-    эпл: ['apple'],
-    вк: ['vk'],
-};
-function iconSearchRuLexicon_hasCyrillic(s) {
-    return /[\u0400-\u04FF]/.test(s);
-}
-function isWordChar(code) {
-    return ((code >= 48 && code <= 57) ||
-        (code >= 65 && code <= 90) ||
-        (code >= 97 && code <= 122) ||
-        (code >= 1040 && code <= 1103) ||
-        code === 1025 ||
-        code === 1105);
-}
-function trimTokenEdges(t) {
-    let start = 0;
-    let end = t.length;
-    while (start < end && !isWordChar(t.charCodeAt(start)))
-        start += 1;
-    while (end > start && !isWordChar(t.charCodeAt(end - 1)))
-        end -= 1;
-    return t.slice(start, end);
-}
-function tokenize(q) {
-    return q
-        .toLowerCase()
-        .trim()
-        .split(/[\s,.;/\\|]+/)
-        .map(trimTokenEdges)
-        .filter(t => t.length >= 2 && !STOP_WORDS.has(t));
-}
-/** Группы для AND: в каждой — OR по англ. подстрокам. */
-function buildRuExpandedGroups(query) {
-    const tokens = tokenize(query);
-    if (tokens.length === 0)
-        return [];
-    const groups = [];
-    for (const token of tokens) {
-        if (iconSearchRuLexicon_hasCyrillic(token)) {
-            const en = RU_ICON_TERMS[token];
-            if (en === null || en === void 0 ? void 0 : en.length) {
-                groups.push([...en]);
-            }
-            else {
-                groups.push([token]);
-            }
-        }
-        else {
-            groups.push([token]);
-        }
-    }
-    return groups;
-}
-function buildSearchNeedles(query) {
-    const direct = query.trim().toLowerCase();
-    const groups = buildRuExpandedGroups(query);
-    return { direct, groups };
-}
-function haystackMatchesRuAware(haystack, direct, groups) {
-    if (direct.length >= 2 && haystack.includes(direct)) {
-        return true;
-    }
-    if (groups.length === 0) {
-        return false;
-    }
-    return groups.every(g => g.some(needle => needle.length >= 2 && haystack.includes(needle)));
-}
-
-;// ./src/components/ImageIcons/iconStockSearch.ts
-
-
-
-
-const STOCK_SETS = [
-    { json: lucide/* icons */.Pt, label: 'Lucide' },
-    { json: tabler/* icons */.Pt, label: 'Tabler Icons' },
-];
-function resolveCanonicalSlug(set, slug) {
-    let s = slug;
-    const icons = set.icons;
-    for (let guard = 0; guard < 24; guard += 1) {
-        const raw = icons[s];
-        if (raw && typeof raw.parent === 'string') {
-            s = raw.parent;
-            continue;
-        }
-        break;
-    }
-    return s;
-}
-function isHiddenCanonical(set, slug) {
-    const raw = set.icons[slug];
-    return Boolean(raw && 'body' in raw && raw.hidden);
-}
-function prettyName(slug) {
-    return slug
-        .split('-')
-        .map(p => (p.length ? p.charAt(0).toUpperCase() + p.slice(1) : p))
-        .join(' ');
-}
-function buildRowsForSet(json, label) {
-    const prefix = json.prefix || label.toLowerCase();
-    const rows = [];
-    for (const slug of Object.keys(json.icons)) {
-        const raw = json.icons[slug];
-        if (raw && 'body' in raw && raw.hidden)
-            continue;
-        const canonical = resolveCanonicalSlug(json, slug);
-        if (isHiddenCanonical(json, canonical))
-            continue;
-        if (!(0,get_icon/* getIconData */.y)(json, slug))
-            continue;
-        const haystack = `${slug} ${slug.replace(/-/g, ' ')}`.toLowerCase();
-        rows.push({ prefix, slug, canonical, haystack, label });
-    }
-    return rows;
-}
-let searchRows = null;
-function getRows() {
-    if (!searchRows) {
-        searchRows = STOCK_SETS.flatMap(({ json, label }) => buildRowsForSet(json, label));
-    }
-    return searchRows;
-}
-function scoreRowMatch(row, direct, groups) {
-    const { haystack, slug } = row;
-    if (!haystackMatchesRuAware(haystack, direct, groups))
-        return 0;
-    let score = 10;
-    if (direct.length >= 2 && haystack.includes(direct)) {
-        if (slug.startsWith(direct))
-            score += 100;
-        else if (haystack.startsWith(direct))
-            score += 50;
-        else if (haystack.split(/\s+/).some(p => p.startsWith(direct)))
-            score += 30;
-        else
-            score += 15;
-    }
-    else if (groups.length > 0) {
-        for (const g of groups) {
-            const matched = g.filter(n => n.length >= 2 && haystack.includes(n));
-            if (matched.length === 0)
-                continue;
-            const best = Math.max(...matched.map(needle => {
-                if (slug.startsWith(needle))
-                    return 100;
-                if (haystack.startsWith(needle))
-                    return 50;
-                if (haystack.split(/\s+/).some(p => p.startsWith(needle)))
-                    return 30;
-                return 15;
-            }));
-            score += best;
-        }
-    }
-    return score;
-}
-/** Стабильный id вида `prefix:icon-name` для кэша и `StreamlineSearchItem.hash`. */
-function listMatchingStockIconIds(query) {
-    const trimmed = query.trim();
-    if (trimmed.length < 3)
-        return [];
-    const { direct, groups } = buildSearchNeedles(trimmed);
-    const byId = new Map();
-    for (const row of getRows()) {
-        const score = scoreRowMatch(row, direct, groups);
-        if (score <= 0)
-            continue;
-        const fullId = `${row.prefix}:${row.canonical}`;
-        const prev = byId.get(fullId);
-        if (!prev || score > prev.score) {
-            byId.set(fullId, { score });
-        }
-    }
-    return Array.from(byId.entries())
-        .sort((a, b) => b[1].score - a[1].score || a[0].localeCompare(b[0]))
-        .map(([id]) => id);
-}
-/** Сохраняет порядок `primary`, в конец добавляет id из `secondary`, которых ещё не было. */
-function mergeStockIconIdsOrdered(primary, secondary) {
-    if (secondary.length === 0)
-        return primary;
-    const seen = new Set(primary);
-    const out = [...primary];
-    for (const id of secondary) {
-        if (!seen.has(id)) {
-            seen.add(id);
-            out.push(id);
-        }
-    }
-    return out;
-}
-function stockIconIdToItem(fullId) {
-    var _a;
-    const colon = fullId.indexOf(':');
-    const prefix = colon > 0 ? fullId.slice(0, colon) : '';
-    const canonical = colon > 0 ? fullId.slice(colon + 1) : fullId;
-    const entry = STOCK_SETS.find(s => (s.json.prefix || s.label.toLowerCase()) === prefix);
-    const familyName = (_a = entry === null || entry === void 0 ? void 0 : entry.label) !== null && _a !== void 0 ? _a : prefix;
-    return {
-        hash: fullId,
-        name: prettyName(canonical),
-        imagePreviewUrl: '',
-        isFree: true,
-        familySlug: prefix,
-        familyName,
-    };
-}
-
-// EXTERNAL MODULE: ./node_modules/@iconify/utils/lib/svg/build.js + 3 modules
-var build = __webpack_require__(1452);
-// EXTERNAL MODULE: ./node_modules/@iconify/utils/lib/svg/html.js
-var html = __webpack_require__(6649);
-// EXTERNAL MODULE: ./src/utils/svgToPng.ts
-var svgToPng = __webpack_require__(3817);
-;// ./src/utils/svgParseUtils.ts
-/**
- * Утилиты для парсинга SVG: определение количества цветов, толщины линий и стиля иконок.
- * Поддерживает атрибуты и inline style, градиенты (linear и radial), различные форматы цветов.
- */
-const SHAPE_TAGS = 'path|rect|circle|ellipse|polygon|line|polyline|g';
-/** Конвертирует цвет в hex для ColorPicker (rgb, rgba, имя → #rrggbb) */
-function colorToHex(raw) {
-    var _a;
-    const s = raw.trim();
-    if (/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(s)) {
-        const m = s.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})/);
-        if (m) {
-            const hex = m[1].length === 3 ? m[1].replace(/(.)/g, '$1$1') : m[1];
-            return '#' + hex.toLowerCase();
-        }
-    }
-    const rgb = s.match(/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/);
-    if (rgb) {
-        return '#' + [1, 2, 3].map(i => parseInt(rgb[i], 10).toString(16).padStart(2, '0')).join('');
-    }
-    const rgba = s.match(/^rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*[\d.]+\s*\)/);
-    if (rgba) {
-        return '#' + [1, 2, 3].map(i => parseInt(rgba[i], 10).toString(16).padStart(2, '0')).join('');
-    }
-    const named = {
-        black: '#000000', white: '#ffffff', red: '#ff0000', green: '#008000', blue: '#0000ff',
-    };
-    const lower = s.toLowerCase();
-    return (_a = named[lower]) !== null && _a !== void 0 ? _a : (normalizeColorForCompare(s) || '#000000');
-}
-/** Нормализует цвет к hex для сравнения (без учёта прозрачности для уникальности) */
-function normalizeColorForCompare(raw) {
-    const s = raw.trim();
-    if (!s || s === 'none' || s === 'transparent')
-        return null;
-    if (/^url\(#/.test(s))
-        return null; // градиент — не считаем как отдельный цвет
-    if (/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(s)) {
-        const m = s.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})/);
-        return m ? '#' + (m[1].length === 3 ? m[1].replace(/(.)/g, '$1$1') : m[1]).toLowerCase() : null;
-    }
-    if (/^rgb\(/.test(s)) {
-        const m = s.match(/^rgb\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/);
-        if (m)
-            return '#' + [1, 2, 3].map(i => parseInt(m[i], 10).toString(16).padStart(2, '0')).join('');
-    }
-    if (/^rgba\(/.test(s)) {
-        const m = s.match(/^rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*[\d.]+\s*\)/);
-        if (m)
-            return '#' + [1, 2, 3].map(i => parseInt(m[i], 10).toString(16).padStart(2, '0')).join('');
-    }
-    const namedColors = {
-        black: '#000000', white: '#ffffff', red: '#ff0000', green: '#008000', blue: '#0000ff',
-    };
-    const lower = s.toLowerCase();
-    if (namedColors[lower])
-        return namedColors[lower];
-    if (lower === 'currentcolor' || lower === 'inherit')
-        return null;
-    if (/^[a-zA-Z]+$/.test(s))
-        return null;
-    return null;
-}
-/** Извлекает значение CSS-свойства из строки style */
-function extractFromStyle(styleStr, prop) {
-    const re = new RegExp(`${prop}\\s*:\\s*([^;]+)`, 'i');
-    const m = styleStr.match(re);
-    return m ? m[1].trim() : null;
-}
-/** Собирает все цвета fill/stroke из SVG (атрибуты + style) */
-function extractColorsFromSvg(svg) {
-    const colors = [];
-    const seen = new Set();
-    // 1. Градиенты — stop-color
-    const stopColors = Array.from(svg.matchAll(/<stop[^>]*?stop-color\s*=\s*["']([^"']+)["']/gi)).map(m => m[1]);
-    stopColors.forEach(c => {
-        const norm = normalizeColorForCompare(c);
-        if (norm && !seen.has(norm)) {
-            seen.add(norm);
-            colors.push(c);
-        }
-    });
-    // 2. Элементы с fill/stroke в атрибутах
-    const attrRe = new RegExp(`<(?:${SHAPE_TAGS})([^>]*)>`, 'gi');
-    let match;
-    while ((match = attrRe.exec(svg)) !== null) {
-        const attrs = match[1];
-        // fill="..." или fill='...'
-        const fillM = attrs.match(/fill\s*=\s*["']([^"']*)["']/i);
-        if (fillM && fillM[1]) {
-            const norm = normalizeColorForCompare(fillM[1]);
-            if (norm && !seen.has(norm)) {
-                seen.add(norm);
-                colors.push(fillM[1]);
-            }
-        }
-        // stroke="..." или stroke='...'
-        const strokeM = attrs.match(/stroke\s*=\s*["']([^"']*)["']/i);
-        if (strokeM && strokeM[1]) {
-            const norm = normalizeColorForCompare(strokeM[1]);
-            if (norm && !seen.has(norm)) {
-                seen.add(norm);
-                colors.push(strokeM[1]);
-            }
-        }
-        // style="fill: ...; stroke: ..."
-        const styleM = attrs.match(/style\s*=\s*["']([^"']*)["']/i);
-        if (styleM && styleM[1]) {
-            const fill = extractFromStyle(styleM[1], 'fill');
-            if (fill) {
-                const norm = normalizeColorForCompare(fill);
-                if (norm && !seen.has(norm)) {
-                    seen.add(norm);
-                    colors.push(fill);
-                }
-            }
-            const stroke = extractFromStyle(styleM[1], 'stroke');
-            if (stroke) {
-                const norm = normalizeColorForCompare(stroke);
-                if (norm && !seen.has(norm)) {
-                    seen.add(norm);
-                    colors.push(stroke);
-                }
-            }
-        }
-    }
-    // 3. Глобальные fill/stroke на svg
-    const svgOpen = svg.match(/<svg([^>]*)>/i);
-    if (svgOpen && svgOpen[1]) {
-        const attrs = svgOpen[1];
-        for (const [attrName, reStr] of [
-            ['fill', /fill\s*=\s*["']([^"']*)["']/i],
-            ['stroke', /stroke\s*=\s*["']([^"']*)["']/i],
-        ]) {
-            const m = attrs.match(reStr);
-            if (m && m[1]) {
-                const norm = normalizeColorForCompare(m[1]);
-                if (norm && !seen.has(norm)) {
-                    seen.add(norm);
-                    colors.push(m[1]);
-                }
-            }
-        }
-        const styleM = attrs.match(/style\s*=\s*["']([^"']*)["']/i);
-        if (styleM && styleM[1]) {
-            for (const prop of ['fill', 'stroke']) {
-                const v = extractFromStyle(styleM[1], prop);
-                if (v) {
-                    const norm = normalizeColorForCompare(v);
-                    if (norm && !seen.has(norm)) {
-                        seen.add(norm);
-                        colors.push(v);
-                    }
-                }
-            }
-        }
-    }
-    return colors;
-}
-/** Считает элементы с fill (не none, не url) */
-function countFills(svg) {
-    let count = 0;
-    const attrRe = new RegExp(`<(?:${SHAPE_TAGS})([^>]*)>`, 'gi');
-    let m;
-    while ((m = attrRe.exec(svg)) !== null) {
-        const attrs = m[1];
-        const fillAttr = attrs.match(/fill\s*=\s*["']([^"']*)["']/i);
-        const fillStyle = attrs.match(/style\s*=\s*["']([^"']*)["']/i);
-        const fillFromAttr = fillAttr && fillAttr[1] && !/^none$/i.test(fillAttr[1]) && !/^url\(#/i.test(fillAttr[1]);
-        const fillFromStyle = fillStyle && extractFromStyle(fillStyle[1], 'fill') && !/^none$/i.test(extractFromStyle(fillStyle[1], 'fill'));
-        if (fillFromAttr || fillFromStyle)
-            count += 1;
-    }
-    return count;
-}
-/** Считает элементы с stroke (не none, не url) */
-function countStrokes(svg) {
-    let count = 0;
-    const attrRe = new RegExp(`<(?:${SHAPE_TAGS})([^>]*)>`, 'gi');
-    let m;
-    while ((m = attrRe.exec(svg)) !== null) {
-        const attrs = m[1];
-        const strokeAttr = attrs.match(/stroke\s*=\s*["']([^"']*)["']/i);
-        const strokeStyle = attrs.match(/style\s*=\s*["']([^"']*)["']/i);
-        const strokeFromAttr = strokeAttr && strokeAttr[1] && !/^none$/i.test(strokeAttr[1]) && !/^url\(#/i.test(strokeAttr[1]);
-        const strokeFromStyle = strokeStyle && extractFromStyle(strokeStyle[1], 'stroke') && !/^none$/i.test(extractFromStyle(strokeStyle[1], 'stroke'));
-        if (strokeFromAttr || strokeFromStyle)
-            count += 1;
-    }
-    return count;
-}
-/** Проверяет наличие градиентов (linear или radial) */
-function hasGradient(svg) {
-    return /<linearGradient/i.test(svg) || /<radialGradient/i.test(svg) || /fill="url\(#|stroke="url\(#/i.test(svg);
-}
-/** Парсит числовое значение stroke-width, отбрасывая px, em и т.д. */
-function parseStrokeWidthValue(raw) {
-    const s = raw.trim().replace(/(?:px|em|ex|%)\s*$/i, '');
-    const v = parseFloat(s);
-    if (Number.isNaN(v) || v <= 0 || v > 10)
-        return null;
-    return Math.round(v * 10) / 10;
-}
-/** Извлекает stroke-width из SVG — только из видимых shape-элементов, избегает defs */
-function extractStrokeWidth(svg) {
-    const values = [];
-    const defsEnd = svg.indexOf('</defs>');
-    const mainContent = defsEnd >= 0 ? svg.slice(defsEnd) : svg;
-    const attrRe = new RegExp(`<(?:${SHAPE_TAGS})[^>]*stroke-width\\s*=\\s*["']([^"']+)["']`, 'gi');
-    let m;
-    while ((m = attrRe.exec(mainContent)) !== null) {
-        const v = parseStrokeWidthValue(m[1]);
-        if (v != null)
-            values.push(v);
-    }
-    const styleRe = new RegExp(`<(?:${SHAPE_TAGS})[^>]*style\\s*=\\s*["'][^"']*stroke-width\\s*:\\s*([^;"]+)[^"']*["']`, 'gi');
-    while ((m = styleRe.exec(mainContent)) !== null) {
-        const v = parseStrokeWidthValue(m[1]);
-        if (v != null)
-            values.push(v);
-    }
-    if (values.length === 0)
-        return undefined;
-    values.sort((a, b) => a - b);
-    const mid = Math.floor(values.length / 2);
-    return values.length % 2 === 1 ? values[mid] : (values[mid - 1] + values[mid]) / 2;
-}
-/** Парсит SVG и возвращает метаданные для определения стиля family */
-function parseSvgForFamily(svg) {
-    const colors = extractColorsFromSvg(svg);
-    return {
-        colors,
-        fillsCount: countFills(svg),
-        strokesCount: countStrokes(svg),
-        hasGradient: hasGradient(svg),
-        strokeWidth: extractStrokeWidth(svg),
-    };
-}
-/** Агрегирует результаты по нескольким SVG */
-function aggregateSvgParseResults(results) {
-    const allColors = [];
-    const colorSet = new Set();
-    let fillsCount = 0;
-    let strokesCount = 0;
-    let hasGradient = false;
-    let strokeWidth;
-    for (const r of results) {
-        fillsCount += r.fillsCount;
-        strokesCount += r.strokesCount;
-        if (r.hasGradient)
-            hasGradient = true;
-        for (const c of r.colors) {
-            const norm = normalizeColorForCompare(c);
-            if (norm && !colorSet.has(norm)) {
-                colorSet.add(norm);
-                allColors.push(c);
-            }
-        }
-        if (strokeWidth == null && r.strokeWidth != null)
-            strokeWidth = r.strokeWidth;
-    }
-    return {
-        colors: allColors,
-        fillsCount,
-        strokesCount,
-        hasGradient,
-        strokeWidth,
-    };
-}
-function addColorToMap(map, rawVal, nextIdxRef) {
-    const norm = normalizeColorForCompare(rawVal);
-    if (norm && !map.has(norm)) {
-        map.set(norm, nextIdxRef.v);
-        nextIdxRef.v = Math.min(nextIdxRef.v + 1, 3);
-    }
-}
-/**
- * Строит карту: нормализованный цвет → индекс переменной (1, 2, 3...).
- * Порядок — по первому появлению цвета (сначала svg, затем shape-элементы).
- */
-function buildFillColorToVarIndexMap(svg) {
-    var _a, _b, _c, _d;
-    const map = new Map();
-    const nextIdxRef = { v: 1 };
-    const svgOpen = svg.match(/<svg([^>]*)>/i);
-    if (svgOpen === null || svgOpen === void 0 ? void 0 : svgOpen[1]) {
-        const m = svgOpen[1].match(/fill\s*=\s*["']([^"']*)["']/i);
-        if ((m === null || m === void 0 ? void 0 : m[1]) && !/^none$/i.test(m[1]) && !/^url\(#/i.test(m[1]))
-            addColorToMap(map, m[1], nextIdxRef);
-    }
-    const attrRe = new RegExp(`<(?:${SHAPE_TAGS})([^>]*)>`, 'gi');
-    let m;
-    while ((m = attrRe.exec(svg)) !== null) {
-        const attrs = m[1];
-        const fillAttr = attrs.match(/fill\s*=\s*["']([^"']*)["']/i);
-        const fillStyle = attrs.match(/style\s*=\s*["']([^"']*)["']/i);
-        const fillFromStyle = (_a = fillStyle === null || fillStyle === void 0 ? void 0 : fillStyle[1]) === null || _a === void 0 ? void 0 : _a.match(/fill\s*:\s*([^;]+)/i);
-        const fillVal = (_d = ((_b = fillAttr === null || fillAttr === void 0 ? void 0 : fillAttr[1]) !== null && _b !== void 0 ? _b : (_c = fillFromStyle === null || fillFromStyle === void 0 ? void 0 : fillFromStyle[1]) === null || _c === void 0 ? void 0 : _c.trim())) === null || _d === void 0 ? void 0 : _d.trim();
-        if (fillVal && !/^none$/i.test(fillVal) && !/^url\(#/i.test(fillVal)) {
-            addColorToMap(map, fillVal, nextIdxRef);
-        }
-    }
-    return map;
-}
-/**
- * Единая карта цветов: fill и stroke в порядке появления.
- * Используется для правильного отображения обводки (stroke) как отдельного цвета.
- */
-function buildUnifiedColorToVarIndexMap(svg) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const map = new Map();
-    const nextIdxRef = { v: 1 };
-    const addColor = (rawVal) => {
-        const norm = normalizeColorForCompare(rawVal);
-        if (norm && !map.has(norm)) {
-            map.set(norm, nextIdxRef.v);
-            nextIdxRef.v = Math.min(nextIdxRef.v + 1, 3);
-        }
-    };
-    const svgOpen = svg.match(/<svg([^>]*)>/i);
-    if (svgOpen === null || svgOpen === void 0 ? void 0 : svgOpen[1]) {
-        const attrs = svgOpen[1];
-        const fillM = attrs.match(/fill\s*=\s*["']([^"']*)["']/i);
-        const strokeM = attrs.match(/stroke\s*=\s*["']([^"']*)["']/i);
-        if ((fillM === null || fillM === void 0 ? void 0 : fillM[1]) && !/^none$/i.test(fillM[1]) && !/^url\(#/i.test(fillM[1]))
-            addColor(fillM[1]);
-        if ((strokeM === null || strokeM === void 0 ? void 0 : strokeM[1]) && !/^none$/i.test(strokeM[1]) && !/^url\(#/i.test(strokeM[1]))
-            addColor(strokeM[1]);
-    }
-    const attrRe = new RegExp(`<(?:${SHAPE_TAGS})([^>]*)>`, 'gi');
-    let m;
-    while ((m = attrRe.exec(svg)) !== null) {
-        const attrs = m[1];
-        const fillAttr = attrs.match(/fill\s*=\s*["']([^"']*)["']/i);
-        const fillStyle = attrs.match(/style\s*=\s*["']([^"']*)["']/i);
-        const fillFromStyle = (_a = fillStyle === null || fillStyle === void 0 ? void 0 : fillStyle[1]) === null || _a === void 0 ? void 0 : _a.match(/fill\s*:\s*([^;]+)/i);
-        const fillVal = (_d = ((_b = fillAttr === null || fillAttr === void 0 ? void 0 : fillAttr[1]) !== null && _b !== void 0 ? _b : (_c = fillFromStyle === null || fillFromStyle === void 0 ? void 0 : fillFromStyle[1]) === null || _c === void 0 ? void 0 : _c.trim())) === null || _d === void 0 ? void 0 : _d.trim();
-        if (fillVal && !/^none$/i.test(fillVal) && !/^url\(#/i.test(fillVal))
-            addColor(fillVal);
-        const strokeAttr = attrs.match(/stroke\s*=\s*["']([^"']*)["']/i);
-        const strokeStyle = attrs.match(/style\s*=\s*["']([^"']*)["']/i);
-        const strokeFromStyle = (_e = strokeStyle === null || strokeStyle === void 0 ? void 0 : strokeStyle[1]) === null || _e === void 0 ? void 0 : _e.match(/stroke\s*:\s*([^;]+)/i);
-        const strokeVal = (_h = ((_f = strokeAttr === null || strokeAttr === void 0 ? void 0 : strokeAttr[1]) !== null && _f !== void 0 ? _f : (_g = strokeFromStyle === null || strokeFromStyle === void 0 ? void 0 : strokeFromStyle[1]) === null || _g === void 0 ? void 0 : _g.trim())) === null || _h === void 0 ? void 0 : _h.trim();
-        if (strokeVal && !/^none$/i.test(strokeVal) && !/^url\(#/i.test(strokeVal))
-            addColor(strokeVal);
-    }
-    return map;
-}
-/** Аналогично для stroke. Учитывает stroke на <svg> — наследуется paths. */
-function buildStrokeColorToVarIndexMap(svg) {
-    var _a, _b, _c, _d;
-    const map = new Map();
-    const nextIdxRef = { v: 1 };
-    const svgOpen = svg.match(/<svg([^>]*)>/i);
-    if (svgOpen === null || svgOpen === void 0 ? void 0 : svgOpen[1]) {
-        const m = svgOpen[1].match(/stroke\s*=\s*["']([^"']*)["']/i);
-        if ((m === null || m === void 0 ? void 0 : m[1]) && !/^none$/i.test(m[1]) && !/^url\(#/i.test(m[1]))
-            addColorToMap(map, m[1], nextIdxRef);
-    }
-    const attrRe = new RegExp(`<(?:${SHAPE_TAGS})([^>]*)>`, 'gi');
-    let m;
-    while ((m = attrRe.exec(svg)) !== null) {
-        const attrs = m[1];
-        const strokeAttr = attrs.match(/stroke\s*=\s*["']([^"']*)["']/i);
-        const strokeStyle = attrs.match(/style\s*=\s*["']([^"']*)["']/i);
-        const strokeFromStyle = (_a = strokeStyle === null || strokeStyle === void 0 ? void 0 : strokeStyle[1]) === null || _a === void 0 ? void 0 : _a.match(/stroke\s*:\s*([^;]+)/i);
-        const strokeVal = (_d = ((_b = strokeAttr === null || strokeAttr === void 0 ? void 0 : strokeAttr[1]) !== null && _b !== void 0 ? _b : (_c = strokeFromStyle === null || strokeFromStyle === void 0 ? void 0 : strokeFromStyle[1]) === null || _c === void 0 ? void 0 : _c.trim())) === null || _d === void 0 ? void 0 : _d.trim();
-        if (strokeVal && !/^none$/i.test(strokeVal) && !/^url\(#/i.test(strokeVal)) {
-            addColorToMap(map, strokeVal, nextIdxRef);
-        }
-    }
-    return map;
-}
-/**
- * Извлекает цвета из SVG в том же порядке, что и buildUnifiedColorToVarIndexMap.
- * Возвращает [color1, color2, color3] — сырые значения для пикеров.
- */
-function extractColorsInUnifiedOrder(svg) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    const result = [];
-    const seen = new Set();
-    const addColor = (rawVal) => {
-        const norm = normalizeColorForCompare(rawVal);
-        if (norm && !seen.has(norm)) {
-            seen.add(norm);
-            result.push(rawVal);
-        }
-    };
-    const stopColors = Array.from(svg.matchAll(/<stop[^>]*?stop-color\s*=\s*["']([^"']+)["']/gi)).map(m => m[1]);
-    if (stopColors.length >= 2) {
-        stopColors.slice(0, 3).forEach(c => addColor(c));
-        return result;
-    }
-    const svgOpen = svg.match(/<svg([^>]*)>/i);
-    if (svgOpen === null || svgOpen === void 0 ? void 0 : svgOpen[1]) {
-        const attrs = svgOpen[1];
-        const fillM = attrs.match(/fill\s*=\s*["']([^"']*)["']/i);
-        const strokeM = attrs.match(/stroke\s*=\s*["']([^"']*)["']/i);
-        if ((fillM === null || fillM === void 0 ? void 0 : fillM[1]) && !/^none$/i.test(fillM[1]) && !/^url\(#/i.test(fillM[1]))
-            addColor(fillM[1]);
-        if ((strokeM === null || strokeM === void 0 ? void 0 : strokeM[1]) && !/^none$/i.test(strokeM[1]) && !/^url\(#/i.test(strokeM[1]))
-            addColor(strokeM[1]);
-    }
-    const attrRe = new RegExp(`<(?:${SHAPE_TAGS})([^>]*)>`, 'gi');
-    let m;
-    while ((m = attrRe.exec(svg)) !== null) {
-        const attrs = m[1];
-        const fillAttr = attrs.match(/fill\s*=\s*["']([^"']*)["']/i);
-        const fillStyle = attrs.match(/style\s*=\s*["']([^"']*)["']/i);
-        const fillFromStyle = (_a = fillStyle === null || fillStyle === void 0 ? void 0 : fillStyle[1]) === null || _a === void 0 ? void 0 : _a.match(/fill\s*:\s*([^;]+)/i);
-        const fillVal = (_d = ((_b = fillAttr === null || fillAttr === void 0 ? void 0 : fillAttr[1]) !== null && _b !== void 0 ? _b : (_c = fillFromStyle === null || fillFromStyle === void 0 ? void 0 : fillFromStyle[1]) === null || _c === void 0 ? void 0 : _c.trim())) === null || _d === void 0 ? void 0 : _d.trim();
-        if (fillVal && !/^none$/i.test(fillVal) && !/^url\(#/i.test(fillVal))
-            addColor(fillVal);
-        const strokeAttr = attrs.match(/stroke\s*=\s*["']([^"']*)["']/i);
-        const strokeStyle = attrs.match(/style\s*=\s*["']([^"']*)["']/i);
-        const strokeFromStyle = (_e = strokeStyle === null || strokeStyle === void 0 ? void 0 : strokeStyle[1]) === null || _e === void 0 ? void 0 : _e.match(/stroke\s*:\s*([^;]+)/i);
-        const strokeVal = (_h = ((_f = strokeAttr === null || strokeAttr === void 0 ? void 0 : strokeAttr[1]) !== null && _f !== void 0 ? _f : (_g = strokeFromStyle === null || strokeFromStyle === void 0 ? void 0 : strokeFromStyle[1]) === null || _g === void 0 ? void 0 : _g.trim())) === null || _h === void 0 ? void 0 : _h.trim();
-        if (strokeVal && !/^none$/i.test(strokeVal) && !/^url\(#/i.test(strokeVal))
-            addColor(strokeVal);
-    }
-    return result.slice(0, 3);
-}
-/** Извлекает цвета для установки в пикеры (stops, fills, strokes по приоритету) */
-function extractColorsForPickers(svg) {
-    const stops = Array.from(svg.matchAll(/<stop[^>]*?stop-color\s*=\s*["']([^"']+)["']/gi)).map(m => m[1]);
-    const fills = [];
-    const strokes = [];
-    const svgOpen = svg.match(/<svg([^>]*)>/i);
-    if (svgOpen === null || svgOpen === void 0 ? void 0 : svgOpen[1]) {
-        const attrs = svgOpen[1];
-        const svgFill = attrs.match(/fill\s*=\s*["']([^"']+)["']/i);
-        const svgStroke = attrs.match(/stroke\s*=\s*["']([^"']+)["']/i);
-        if ((svgFill === null || svgFill === void 0 ? void 0 : svgFill[1]) && !/^none$/i.test(svgFill[1]) && !/^url\(#/i.test(svgFill[1]))
-            fills.push(svgFill[1]);
-        if ((svgStroke === null || svgStroke === void 0 ? void 0 : svgStroke[1]) && !/^none$/i.test(svgStroke[1]) && !/^url\(#/i.test(svgStroke[1]))
-            strokes.push(svgStroke[1]);
-    }
-    const attrRe = new RegExp(`<(?:${SHAPE_TAGS})([^>]*)>`, 'gi');
-    let m;
-    while ((m = attrRe.exec(svg)) !== null) {
-        const attrs = m[1];
-        const fillAttr = attrs.match(/fill\s*=\s*["']([^"']+)["']/i);
-        const strokeAttr = attrs.match(/stroke\s*=\s*["']([^"']+)["']/i);
-        if ((fillAttr === null || fillAttr === void 0 ? void 0 : fillAttr[1]) && !/^none$/i.test(fillAttr[1]) && !/^url\(#/i.test(fillAttr[1]))
-            fills.push(fillAttr[1]);
-        if ((strokeAttr === null || strokeAttr === void 0 ? void 0 : strokeAttr[1]) && !/^none$/i.test(strokeAttr[1]) && !/^url\(#/i.test(strokeAttr[1]))
-            strokes.push(strokeAttr[1]);
-        const styleM = attrs.match(/style\s*=\s*["']([^"']+)["']/i);
-        if (styleM) {
-            const f = extractFromStyle(styleM[1], 'fill');
-            const s = extractFromStyle(styleM[1], 'stroke');
-            if (f && !/^none$/i.test(f))
-                fills.push(f);
-            if (s && !/^none$/i.test(s))
-                strokes.push(s);
-        }
-    }
-    return { fills, strokes, stops };
-}
-
-;// ./src/components/ImageIcons/normalizeSvgForCss.ts
-
-/**
- * Prepares SVG for tinting via CSS variables in the grid / preview (Lucide + Tabler / Iconify).
- */
-function normalizeSvgForCss(text, opts) {
-    let out = text;
-    const hasGradientDef = /<linearGradient[\s\S]*?<\/linearGradient>/i.test(out) || /<radialGradient[\s\S]*?<\/radialGradient>/i.test(out);
-    const usesGradientRef = /fill="url\(#/i.test(out) || /stroke="url\(#/i.test(out);
-    if (!usesGradientRef) {
-        const colorMap = buildUnifiedColorToVarIndexMap(out);
-        const getColorVar = (raw) => {
-            const norm = normalizeColorForCompare(raw);
-            const idx = norm ? colorMap.get(norm) : undefined;
-            if (idx === 1)
-                return 'var(--icon-color-1)';
-            if (idx === 2)
-                return 'var(--icon-color-2)';
-            if (idx === 3)
-                return 'var(--icon-color-3)';
-            return 'currentColor';
-        };
-        out = out.replace(/<svg([^>]*)>/i, (_full, attrs) => {
-            let newAttrs = attrs;
-            const svgFill = attrs.match(/fill\s*=\s*["']([^"']*)["']/i);
-            if ((svgFill === null || svgFill === void 0 ? void 0 : svgFill[1]) && !/^none$/i.test(svgFill[1]) && !/^url\(#/i.test(svgFill[1])) {
-                newAttrs = newAttrs.replace(/fill\s*=\s*["'][^"']*["']/i, `fill="${getColorVar(svgFill[1])}"`);
-            }
-            const svgStroke = attrs.match(/stroke\s*=\s*["']([^"']*)["']/i);
-            if ((svgStroke === null || svgStroke === void 0 ? void 0 : svgStroke[1]) && !/^none$/i.test(svgStroke[1]) && !/^url\(#/i.test(svgStroke[1])) {
-                newAttrs = newAttrs.replace(/stroke\s*=\s*["'][^"']*["']/i, `stroke="${getColorVar(svgStroke[1])}"`);
-            }
-            return `<svg${newAttrs}>`;
-        });
-        out = out.replace(/<(path|rect|circle|ellipse|polygon|line|polyline)([^>]*?)(\/>|>)/gi, (_full, tag, attrs, end) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h;
-            let newAttrs = attrs;
-            const fillAttr = attrs.match(/fill\s*=\s*["']([^"']*)["']/i);
-            const fillStyle = attrs.match(/style\s*=\s*["']([^"']*)["']/i);
-            const fillFromStyle = (_a = fillStyle === null || fillStyle === void 0 ? void 0 : fillStyle[1]) === null || _a === void 0 ? void 0 : _a.match(/fill\s*:\s*([^;]+)/i);
-            const fillVal = (_d = ((_b = fillAttr === null || fillAttr === void 0 ? void 0 : fillAttr[1]) !== null && _b !== void 0 ? _b : (_c = fillFromStyle === null || fillFromStyle === void 0 ? void 0 : fillFromStyle[1]) === null || _c === void 0 ? void 0 : _c.trim())) === null || _d === void 0 ? void 0 : _d.trim();
-            if (fillVal && !/^none$/i.test(fillVal) && !/^url\(#/i.test(fillVal)) {
-                const varName = getColorVar(fillVal);
-                if (fillAttr)
-                    newAttrs = newAttrs.replace(/fill\s*=\s*["'][^"']*["']/i, `fill="${varName}"`);
-                else if (fillStyle === null || fillStyle === void 0 ? void 0 : fillStyle[1]) {
-                    newAttrs = newAttrs.replace(/style\s*=\s*["']([^"']*)["']/i, (_m, s) => {
-                        const replaced = s.replace(/fill\s*:\s*[^;]+/gi, 'fill: ' + varName);
-                        return 'style="' + replaced + '"';
-                    });
-                }
-            }
-            const strokeAttr = attrs.match(/stroke\s*=\s*["']([^"']*)["']/i);
-            const strokeStyle = attrs.match(/style\s*=\s*["']([^"']*)["']/i);
-            const strokeFromStyle = (_e = strokeStyle === null || strokeStyle === void 0 ? void 0 : strokeStyle[1]) === null || _e === void 0 ? void 0 : _e.match(/stroke\s*:\s*([^;]+)/i);
-            const strokeVal = (_h = ((_f = strokeAttr === null || strokeAttr === void 0 ? void 0 : strokeAttr[1]) !== null && _f !== void 0 ? _f : (_g = strokeFromStyle === null || strokeFromStyle === void 0 ? void 0 : strokeFromStyle[1]) === null || _g === void 0 ? void 0 : _g.trim())) === null || _h === void 0 ? void 0 : _h.trim();
-            const hasStroke = strokeVal && !/^none$/i.test(strokeVal) && !/^url\(#/i.test(strokeVal);
-            if (hasStroke) {
-                const varName = getColorVar(strokeVal);
-                if (strokeAttr)
-                    newAttrs = newAttrs.replace(/stroke\s*=\s*["'][^"']*["']/i, `stroke="${varName}"`);
-                else if (strokeStyle === null || strokeStyle === void 0 ? void 0 : strokeStyle[1]) {
-                    newAttrs = newAttrs.replace(/style\s*=\s*["']([^"']*)["']/i, (_m, s) => {
-                        const replaced = s.replace(/stroke\s*:\s*[^;]+/gi, 'stroke: ' + varName);
-                        return 'style="' + replaced + '"';
-                    });
-                }
-            }
-            return `<${tag}${newAttrs}${end}`;
-        });
-    }
-    if (hasGradientDef) {
-        out = out.replace(/<linearGradient([^>]*?)>([\s\S]*?)<\/linearGradient>/gi, (_full, attrs, inner) => {
-            let idx = 0;
-            const replacedInner = inner.replace(/<stop([^>]*?)>/gi, (_s, sattrs) => {
-                const varName = idx === 0 ? 'var(--icon-grad-1)' : 'var(--icon-grad-2)';
-                idx += 1;
-                if (/stop-color\s*=/.test(sattrs)) {
-                    const replaced = sattrs.replace(/stop-color="[^"]*"/i, 'stop-color="' + varName + '"');
-                    return '<stop' + replaced + '>';
-                }
-                return '<stop' + sattrs + ' stop-color="' + varName + '">';
-            });
-            return `<linearGradient${attrs}>${replacedInner}</linearGradient>`;
-        });
-        out = out.replace(/<radialGradient([^>]*?)>([\s\S]*?)<\/radialGradient>/gi, (_full, attrs, inner) => {
-            let idx = 0;
-            const replacedInner = inner.replace(/<stop([^>]*?)>/gi, (_s, sattrs) => {
-                const varName = idx === 0 ? 'var(--icon-grad-1)' : 'var(--icon-grad-2)';
-                idx += 1;
-                if (/stop-color\s*=/.test(sattrs)) {
-                    const replaced = sattrs.replace(/stop-color="[^"]*"/i, 'stop-color="' + varName + '"');
-                    return '<stop' + replaced + '>';
-                }
-                return '<stop' + sattrs + ' stop-color="' + varName + '">';
-            });
-            return `<radialGradient${attrs}>${replacedInner}</radialGradient>`;
-        });
-    }
-    if (typeof (opts === null || opts === void 0 ? void 0 : opts.strokeWidth) === 'number' && !Number.isNaN(opts.strokeWidth)) {
-        if (/stroke-width\s*=\s*["'][^"']*["']/i.test(out)) {
-            out = out.replace(/stroke-width\s*=\s*["'][^"']*["']/gi, `stroke-width="${opts.strokeWidth}"`);
-        }
-        if (/stroke-width\s*:/.test(out)) {
-            out = out.replace(/stroke-width\s*:\s*[^;]+/gi, `stroke-width: ${opts.strokeWidth}`);
-        }
-        if (!/stroke-width/i.test(out)) {
-            out = out.replace(/<svg/, `<svg stroke-width="${opts.strokeWidth}"`);
-        }
-    }
-    out = out.replace(/<svg([^>]*)>/i, (_full, attrs) => {
-        const newAttrs = attrs.replace(/\swidth="[^"]*"/i, '').replace(/\sheight="[^"]*"/i, '');
-        return `<svg${newAttrs} width="100%" height="100%">`;
-    });
-    return out;
-}
-
-;// ./src/components/ImageIcons/useIconifyStock.ts
-
-
-
-
-
-
-const svgCache = new Map();
-const ICON_JSON_BY_PREFIX = {
-    [lucide/* icons */.Pt.prefix || 'lucide']: lucide/* icons */.Pt,
-    [tabler/* icons */.Pt.prefix || 'tabler']: tabler/* icons */.Pt,
-};
-function parseStockIconId(iconId) {
-    const i = iconId.indexOf(':');
-    if (i <= 0)
-        return null;
-    const prefix = iconId.slice(0, i);
-    const slug = iconId.slice(i + 1);
-    if (!slug)
-        return null;
-    return { prefix, slug };
-}
-function buildRawSvg(prefix, slug, size) {
-    const set = ICON_JSON_BY_PREFIX[prefix];
-    if (!set) {
-        throw new Error(`Unknown icon set prefix: ${prefix}`);
-    }
-    const data = (0,get_icon/* getIconData */.y)(set, slug);
-    if (!data) {
-        throw new Error(`Unknown icon: ${prefix}:${slug}`);
-    }
-    const built = (0,build/* iconToSVG */.p)(data, { width: size, height: size });
-    let svg = (0,html/* iconToHTML */.U)(built.body, built.attributes);
-    svg = svg.replace(/<svg([^>]*)>/i, (_full, attrs) => {
-        const newAttrs = attrs.replace(/\swidth="[^"]*"/i, '').replace(/\sheight="[^"]*"/i, '');
-        return `<svg${newAttrs} width="100%" height="100%">`;
-    });
-    return svg;
-}
-function useIconifyStock(useCssColor) {
-    const fetchSvgDataUrl = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(async (iconId, options) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const parsed = parseStockIconId(iconId);
-        if (!parsed) {
-            throw new Error(`Invalid icon id (expected prefix:name): ${iconId}`);
-        }
-        const { prefix, slug } = parsed;
-        const size = (_a = options === null || options === void 0 ? void 0 : options.size) !== null && _a !== void 0 ? _a : 96;
-        const keyParts = [
-            iconId,
-            useCssColor ? 'css=1' : 'css=0',
-            useCssColor
-                ? ''
-                : `c1=${(_c = (_b = options === null || options === void 0 ? void 0 : options.inlineColors) === null || _b === void 0 ? void 0 : _b.colorHex) !== null && _c !== void 0 ? _c : ''}|c2=${(_e = (_d = options === null || options === void 0 ? void 0 : options.inlineColors) === null || _d === void 0 ? void 0 : _d.colorHex2) !== null && _e !== void 0 ? _e : ''}|c3=${(_g = (_f = options === null || options === void 0 ? void 0 : options.inlineColors) === null || _f === void 0 ? void 0 : _f.colorHex3) !== null && _g !== void 0 ? _g : ''}`,
-            (options === null || options === void 0 ? void 0 : options.strokeWidth) != null ? `sw=${options.strokeWidth}` : '',
-            `s=${size}`,
-        ].filter(Boolean);
-        const cacheKey = keyParts.join('|');
-        const cached = svgCache.get(cacheKey);
-        if (cached)
-            return cached;
-        if ((_h = options === null || options === void 0 ? void 0 : options.signal) === null || _h === void 0 ? void 0 : _h.aborted) {
-            throw new DOMException('Aborted', 'AbortError');
-        }
-        const originalText = buildRawSvg(prefix, slug, size);
-        let svgText = originalText;
-        if (useCssColor) {
-            svgText = normalizeSvgForCss(svgText, { strokeWidth: options === null || options === void 0 ? void 0 : options.strokeWidth });
-        }
-        else if (options === null || options === void 0 ? void 0 : options.inlineColors) {
-            svgText = (0,svgToPng/* applyInlineColors */.K7)(svgText, options.inlineColors);
-        }
-        const dataUrl = `data:image/svg+xml;utf8,${encodeURIComponent(svgText)}`;
-        const result = { text: svgText, url: dataUrl, original: originalText };
-        svgCache.set(cacheKey, result);
-        return result;
-    }, [useCssColor]);
-    return { fetchSvgDataUrl, normalizeSvgForCss: normalizeSvgForCss };
-}
-
-// EXTERNAL MODULE: ./src/components/FolderTree/FolderTree.tsx + 1 modules
-var FolderTree = __webpack_require__(486);
-// EXTERNAL MODULE: ./src/components/FileModals/FileModals.module.scss
-var FileModals_module = __webpack_require__(5954);
-// EXTERNAL MODULE: ./src/hooks/useFolderSelectionMenu.tsx
-var useFolderSelectionMenu = __webpack_require__(520);
-// EXTERNAL MODULE: ./src/hooks/useNotifications.tsx
-var useNotifications = __webpack_require__(3435);
-// EXTERNAL MODULE: ./src/utils/dedupeUploadNamesOnClient.ts
-var dedupeUploadNamesOnClient = __webpack_require__(3795);
-// EXTERNAL MODULE: ./src/utils/nameNormalization.ts
-var nameNormalization = __webpack_require__(7407);
-// EXTERNAL MODULE: ./src/utils/resolveUniqueUploadName.ts
-var resolveUniqueUploadName = __webpack_require__(7742);
-;// ./src/components/ImageIcons/useIconsCopyToFolder.tsx
-
-
-
-
-
-
-
-
-
-
-async function uploadSelectedIconsToFolder(params) {
-    var _a;
-    const { hashes, items, folderId, dataProviders, getPngDataUrlForItem, dataUrlToBlob, config } = params;
-    let successCount = 0;
-    let failCount = 0;
-    for (const hash of hashes) {
-        const item = items.find(i => i.hash === hash);
-        if (!item) {
-            failCount += 1;
-            continue;
-        }
-        const dataUrl = await getPngDataUrlForItem(item);
-        if (!dataUrl) {
-            failCount += 1;
-            continue;
-        }
-        const fileNameBase = ((_a = item.name) === null || _a === void 0 ? void 0 : _a.trim()) || `icon-${hash}`;
-        const normalizedFileName = (0,nameNormalization/* normalizeFileName */.Px)(`${fileNameBase}.png`, config);
-        const fileName = await (0,resolveUniqueUploadName/* resolveUniqueUploadNameWithProvider */.v)(dataProviders, normalizedFileName, folderId, false, (0,dedupeUploadNamesOnClient/* isDedupeUploadNamesOnClientEnabled */.m)(config));
-        const blob = dataUrlToBlob(dataUrl, 'image/png');
-        const file = new File([blob], fileName, {
-            type: 'image/png',
-            lastModified: Date.now(),
-        });
-        try {
-            await dataProviders.uploadFile({
-                name: fileName,
-                size: file.size,
-                type: file.type,
-                folderId,
-                data: file,
-                extension: 'png',
-            });
-            successCount += 1;
-        }
-        catch (_b) {
-            failCount += 1;
-        }
-    }
-    return { successCount, failCount };
-}
-const useIconsCopyToFolder = ({ items, selectedHashes, getPngDataUrlForItem, dataUrlToBlob, clearSelection, }) => {
-    const { t } = (0,es/* useTranslation */.Bd)();
-    const { options, state: fmState } = (0,hooks/* useFileManagerContext */.wh)();
-    const notification = (0,useNotifications/* useNotifications */.E$)();
-    const [isCopyIconsModalVisible, setIsCopyIconsModalVisible] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(false);
-    const [copyForm] = external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Form.useForm();
-    const [isCopyLoading, setIsCopyLoading] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(false);
-    const copyInFlightRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(false);
-    const { state: foldersState, actions: { fetchFolders, fetchChildFolders, handleModalOk: handleFolderModalOk }, } = (0,hooks/* useFolders */.nv)();
-    const { EmptyFolderIcon } = (0,useCustomIcons/* useCustomIcons */.D)();
-    const { activeFormField, setActiveFormField, generateMenuItemsFromFolders } = (0,useFolderSelectionMenu/* useFolderSelectionMenu */.p)({
-        folders: Array.isArray(foldersState.folders) ? foldersState.folders : [],
-        selectedFolder: fmState.selectedFolder,
-        EmptyFolderIcon,
-        handleCreateFolderModalOk: handleFolderModalOk,
-        setIsLoading: setIsCopyLoading,
-        t,
-    });
-    const openCopyModal = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(async () => {
-        await fetchFolders();
-        setIsCopyIconsModalVisible(true);
-    }, [fetchFolders]);
-    const handleCopyTreeSelect = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(async (selectedKeys) => {
-        if (selectedKeys.length > 0) {
-            copyForm.setFieldsValue({ targetFolder: selectedKeys[0] });
-            if (activeFormField !== selectedKeys[0].toString()) {
-                setActiveFormField('');
-            }
-        }
-    }, [activeFormField, copyForm, setActiveFormField]);
-    const performCopyToFolder = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(async (overrideFolderId) => {
-        var _a, _b;
-        try {
-            const { dataProviders } = options;
-            if (!dataProviders || (!dataProviders.uploadFile && !dataProviders.uploadFiles)) {
-                notification.error({
-                    id: 'FILES_UPLOAD_PROVIDER_NOT_CONFIGURED',
-                    message: t('API-endpoint for file upload is not configured'),
-                    placement: 'bottomRight',
-                });
-                return;
-            }
-            const folderId = overrideFolderId || (fmState === null || fmState === void 0 ? void 0 : fmState.selectedFolder) || undefined;
-            const hashes = Array.from(selectedHashes);
-            if (hashes.length === 0)
-                return;
-            const uploadFile = (_a = dataProviders.uploadFile) !== null && _a !== void 0 ? _a : (async (args) => {
-                var _a, _b, _c;
-                if (!dataProviders.uploadFiles) {
-                    throw new Error('Upload is not supported by data provider');
-                }
-                const result = await dataProviders.uploadFiles({
-                    folderId: args.folderId,
-                    items: [
-                        {
-                            name: args.name,
-                            size: args.size,
-                            type: args.type,
-                            folderId: args.folderId,
-                            data: args.data,
-                            extension: args.extension,
-                        },
-                    ],
-                });
-                const first = (_a = result === null || result === void 0 ? void 0 : result.detailed) === null || _a === void 0 ? void 0 : _a[0];
-                if (!result || !result.success || !first || first.success === false) {
-                    const errorMessage = ((_b = first === null || first === void 0 ? void 0 : first.error) === null || _b === void 0 ? void 0 : _b.message) || ((_c = result === null || result === void 0 ? void 0 : result.error) === null || _c === void 0 ? void 0 : _c.message) || 'Upload failed';
-                    throw new Error(errorMessage);
-                }
-                return first.data;
-            });
-            const { successCount, failCount } = await uploadSelectedIconsToFolder({
-                hashes,
-                items,
-                folderId,
-                dataProviders: {
-                    uploadFile,
-                    getFiles: dataProviders.getFiles,
-                    getFolders: dataProviders.getFolders,
-                },
-                getPngDataUrlForItem,
-                dataUrlToBlob,
-                config: options === null || options === void 0 ? void 0 : options.config,
-            });
-            if (successCount > 0) {
-                notification.success({
-                    id: 'FILES_COPY_SUCCESS',
-                    message: t('Files copied'),
-                    placement: 'bottomRight',
-                    data: {
-                        successCount,
-                        totalCount: hashes.length,
-                        itemIds: hashes,
-                        folderId: folderId !== null && folderId !== void 0 ? folderId : null,
-                    },
-                });
-            }
-            if (failCount > 0) {
-                notification.error({
-                    id: 'FILES_COPY_ERROR',
-                    message: t('При копировании произошли ошибки'),
-                    placement: 'bottomRight',
-                    data: {
-                        failCount,
-                        totalCount: hashes.length,
-                        itemIds: hashes,
-                        folderId: folderId !== null && folderId !== void 0 ? folderId : null,
-                    },
-                });
-            }
-            clearSelection();
-        }
-        catch (e) {
-            console.error(e);
-            notification.error({
-                id: 'FILES_COPY_ERROR',
-                message: t('При копировании произошли ошибки'),
-                placement: 'bottomRight',
-                innerException: e,
-                data: {
-                    failCount: Array.from(selectedHashes).length || 0,
-                    totalCount: Array.from(selectedHashes).length || 0,
-                    itemIds: Array.from(selectedHashes),
-                    folderId: (_b = fmState === null || fmState === void 0 ? void 0 : fmState.selectedFolder) !== null && _b !== void 0 ? _b : null,
-                },
-            });
-        }
-    }, [
-        clearSelection,
-        dataUrlToBlob,
-        getPngDataUrlForItem,
-        items,
-        notification,
-        options,
-        selectedHashes,
-        fmState === null || fmState === void 0 ? void 0 : fmState.selectedFolder,
-        t,
-    ]);
-    const closeCopyModal = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(() => {
-        if (isCopyLoading || copyInFlightRef.current)
-            return;
-        setIsCopyIconsModalVisible(false);
-        setActiveFormField('');
-        setIsCopyLoading(false);
-    }, [isCopyLoading, setActiveFormField]);
-    const resetAfterClose = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(() => {
-        setActiveFormField('');
-        setIsCopyLoading(false);
-    }, [setActiveFormField]);
-    const handleIconsCopyOk = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(async (targetFolder) => {
-        if (copyInFlightRef.current)
-            return;
-        copyInFlightRef.current = true;
-        setIsCopyLoading(true);
-        try {
-            await performCopyToFolder(targetFolder !== null && targetFolder !== void 0 ? targetFolder : null);
-            setIsCopyIconsModalVisible(false);
-            setActiveFormField('');
-        }
-        finally {
-            copyInFlightRef.current = false;
-            setIsCopyLoading(false);
-        }
-    }, [performCopyToFolder, setActiveFormField]);
-    const handleCreateFolderAndCopy = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(() => {
-        var _a;
-        const targetFolder = (_a = fmState.selectedFolder) !== null && _a !== void 0 ? _a : 'folders';
-        setActiveFormField(targetFolder);
-        copyForm.setFieldsValue({ folderName: t('New folder'), targetFolder });
-    }, [copyForm, fmState.selectedFolder, setActiveFormField, t]);
-    return {
-        isCopyIconsModalVisible,
-        isCopyLoading,
-        copyForm,
-        openCopyModal,
-        closeCopyModal,
-        resetAfterClose,
-        handleCopyTreeSelect,
-        handleIconsCopyOk,
-        handleCreateFolderAndCopy,
-        fetchChildFolders,
-        generateMenuItemsFromFolders,
-    };
-};
-
-;// ./src/components/ImageIcons/IconsTab.tsx
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const FIRST_LOAD_LIMIT = 30;
-const SCROLL_LOAD_LIMIT = 30;
-const ICON_STOCK_SVG_FETCH_CONCURRENCY = 8;
-async function mapWithConcurrency(items, limit, fn) {
-    if (items.length === 0)
-        return [];
-    const results = new Array(items.length);
-    let nextIndex = 0;
-    const poolSize = Math.max(1, Math.min(limit, items.length));
-    const worker = async () => {
-        while (true) {
-            const i = nextIndex++;
-            if (i >= items.length)
-                return;
-            results[i] = await fn(items[i]);
-        }
-    };
-    await Promise.all(Array.from({ length: poolSize }, () => worker()));
-    return results;
-}
-const IconsTab = ({ customRequest, query: queryProp, setQuery: setQueryProp, inputRef, }) => {
-    var _a, _b, _c;
-    const { t } = (0,es/* useTranslation */.Bd)();
-    const message = (0,useNotificationsBase/* useMessage */.JX)();
-    const [localQuery, setLocalQuery] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState('');
-    const query = queryProp !== undefined ? queryProp : localQuery;
-    const setQuery = setQueryProp !== undefined ? setQueryProp : setLocalQuery;
-    const [effectiveQuery, setEffectiveQuery] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState('');
-    const [items, setItems] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState([]);
-    const [offset, setOffset] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(0);
-    const [hasMore, setHasMore] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(false);
-    const [loading, setLoading] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(false);
-    const [isCollectingResults, setIsCollectingResults] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(false);
-    const [selectedHash, setSelectedHash] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(null);
-    const [svgTextMap, setSvgTextMap] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState({});
-    const [originalSvgMap, setOriginalSvgMap] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState({});
-    const [colorHex, setColorHex] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState('#000000');
-    const [colorHex2, setColorHex2] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState('#ff007a');
-    const [colorHex3, setColorHex3] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState('#00C2FF');
-    const [strokeWidth, setStrokeWidth] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(1);
-    const [sizePx, setSizePx] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(50);
-    /** Lucide / Tabler SVG: CSS variables in the grid; PNG export bakes colors client-side. */
-    const useCssColor = true;
-    const [isInsertLoading, setIsInsertLoading] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(false);
-    const fileManager = (0,hooks/* useFileManagerContext */.wh)();
-    const { options } = fileManager;
-    const isMountedRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(false);
-    const searchDebounceRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
-    const searchSeqRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(0);
-    const lastCompletedSearchSignatureRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
-    const fetchSearchRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
-    const translateRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(undefined);
-    translateRef.current = resolveIconStockTranslate(options === null || options === void 0 ? void 0 : options.config);
-    const localeRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef((_a = options === null || options === void 0 ? void 0 : options.config) === null || _a === void 0 ? void 0 : _a.locale);
-    localeRef.current = (_b = options === null || options === void 0 ? void 0 : options.config) === null || _b === void 0 ? void 0 : _b.locale;
-    const svgAbortRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
-    const svgLoadFailuresRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(new Set());
-    const insertAbortRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
-    const inFlightSearchKeysRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(new Set());
-    const [selectedHashes, setSelectedHashes] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(new Set());
-    const sortedStockIdsRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef([]);
-    const colorsExtractedForQueryRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
-    const { fetchSvgDataUrl, normalizeSvgForCss } = useIconifyStock(useCssColor);
-    const aggregatedParse = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useMemo(() => {
-        if (items.length === 0)
-            return null;
-        const itemHashes = new Set(items.map(i => i.hash));
-        const source = Object.keys(originalSvgMap).some(h => itemHashes.has(h)) ? originalSvgMap : svgTextMap;
-        const texts = items.map(i => source[i.hash]).filter((t) => Boolean(t));
-        if (texts.length === 0)
-            return null;
-        const results = texts.map(txt => parseSvgForFamily(txt));
-        return aggregateSvgParseResults(results);
-    }, [items, originalSvgMap, svgTextMap]);
-    const hasAnyGradient = Boolean(aggregatedParse === null || aggregatedParse === void 0 ? void 0 : aggregatedParse.hasGradient);
-    const usesSecondColorVar = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useMemo(() => {
-        return items.some(i => {
-            const txt = svgTextMap[i.hash];
-            return txt && /var\(--icon-color-2\)/i.test(txt);
-        });
-    }, [items, svgTextMap]);
-    const usesThirdColorVar = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useMemo(() => {
-        return items.some(i => {
-            const txt = svgTextMap[i.hash];
-            return txt && /var\(--icon-color-3\)/i.test(txt);
-        });
-    }, [items, svgTextMap]);
-    const showSecondColor = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useMemo(() => {
-        if (!useCssColor)
-            return false;
-        if (!aggregatedParse)
-            return false;
-        return hasAnyGradient || (aggregatedParse.colors.length >= 2 && usesSecondColorVar);
-    }, [aggregatedParse, hasAnyGradient, useCssColor, usesSecondColorVar]);
-    const showThirdColor = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useMemo(() => {
-        if (!useCssColor)
-            return false;
-        if (!aggregatedParse)
-            return false;
-        return aggregatedParse.colors.length >= 3 && usesThirdColorVar;
-    }, [aggregatedParse, useCssColor, usesThirdColorVar]);
-    external_root_React_commonjs2_react_commonjs_react_amd_react_default().useEffect(() => {
-        isMountedRef.current = true;
-        return () => {
-            var _a, _b;
-            isMountedRef.current = false;
-            try {
-                (_a = svgAbortRef.current) === null || _a === void 0 ? void 0 : _a.abort();
-                (_b = insertAbortRef.current) === null || _b === void 0 ? void 0 : _b.abort();
-            }
-            catch (_c) {
-                // ignore
-            }
-        };
-    }, []);
-    const initialQueryRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(query);
-    const fetchSearch = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(
-    // eslint-disable-next-line sonarjs/cognitive-complexity -- lucide search + infinite scroll
-    async (args) => {
-        var _a, _b, _c;
-        const baseQuery = (_b = (_a = args.override) === null || _a === void 0 ? void 0 : _a.query) !== null && _b !== void 0 ? _b : effectiveQuery;
-        if (!baseQuery || baseQuery.trim().length < 3)
-            return;
-        if (args.initial ? loading : isCollectingResults || loading)
-            return;
-        if (!isMountedRef.current)
-            return;
-        if (args.initial) {
-            sortedStockIdsRef.current =
-                ((_c = args.override) === null || _c === void 0 ? void 0 : _c.stockIds) !== undefined ? args.override.stockIds : listMatchingStockIconIds(baseQuery);
-            setLoading(true);
-            setItems([]);
-            setSvgTextMap({});
-            setOriginalSvgMap({});
-            setOffset(0);
-            setHasMore(false);
-        }
-        else {
-            setIsCollectingResults(true);
-        }
-        const all = sortedStockIdsRef.current;
-        const currentOffset = args.initial ? 0 : offset;
-        const limit = args.initial ? FIRST_LOAD_LIMIT : SCROLL_LOAD_LIMIT;
-        const requestKey = `${baseQuery}|${currentOffset}|${limit}|${args.initial ? 'i' : 'm'}`;
-        if (inFlightSearchKeysRef.current.has(requestKey)) {
-            return;
-        }
-        inFlightSearchKeysRef.current.add(requestKey);
-        try {
-            const batch = all.slice(currentOffset, currentOffset + limit).map(stockIconIdToItem);
-            if (!isMountedRef.current)
-                return;
-            if (args.initial) {
-                const nextItems = batch.filter((item, index, allItems) => allItems.findIndex(candidate => candidate.hash === item.hash) === index);
-                setItems(nextItems);
-            }
-            else {
-                setItems(prev => {
-                    const knownHashes = new Set(prev.map(item => item.hash));
-                    const nextBatch = batch.filter(item => !knownHashes.has(item.hash));
-                    return nextBatch.length > 0 ? [...prev, ...nextBatch] : prev;
-                });
-            }
-            setHasMore(currentOffset + batch.length < all.length);
-            setOffset(currentOffset + batch.length);
-        }
-        catch (e) {
-            if ((e === null || e === void 0 ? void 0 : e.name) === 'AbortError')
-                return;
-            console.error(e);
-            message.error(t('Request error'));
-        }
-        finally {
-            if (isMountedRef.current) {
-                if (args.initial) {
-                    setLoading(false);
-                }
-                else {
-                    setIsCollectingResults(false);
-                }
-            }
-            inFlightSearchKeysRef.current.delete(requestKey);
-        }
-    }, [effectiveQuery, isCollectingResults, loading, offset, t]);
-    external_root_React_commonjs2_react_commonjs_react_amd_react_default().useEffect(() => {
-        fetchSearchRef.current = fetchSearch;
-    }, [fetchSearch]);
-    const runSearch = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(async (rawQuery) => {
-        var _a;
-        if (!rawQuery || rawQuery.trim().length < 3)
-            return;
-        const requestedSignature = rawQuery.trim();
-        if (lastCompletedSearchSignatureRef.current === requestedSignature) {
-            return;
-        }
-        const requestId = ++searchSeqRef.current;
-        const rawTrim = rawQuery.trim();
-        let translatedQuery = rawTrim;
-        if (translateRef.current) {
-            try {
-                const out = await translateRef.current(rawQuery, { locale: localeRef.current });
-                translatedQuery = (out !== null && out !== void 0 ? out : rawTrim).trim() || rawTrim;
-            }
-            catch (e) {
-                console.error('IconsTab: translation error', e);
-                translatedQuery = rawTrim;
-            }
-        }
-        if (requestId !== searchSeqRef.current)
-            return;
-        svgLoadFailuresRef.current.clear();
-        setSelectedHash(null);
-        setSelectedHashes(new Set());
-        setEffectiveQuery(translatedQuery);
-        let stockIds;
-        if (translateRef.current && rawTrim !== translatedQuery) {
-            stockIds = mergeStockIconIdsOrdered(listMatchingStockIconIds(translatedQuery), listMatchingStockIconIds(rawTrim));
-        }
-        await ((_a = fetchSearchRef.current) === null || _a === void 0 ? void 0 : _a.call(fetchSearchRef, {
-            initial: true,
-            override: { query: translatedQuery, stockIds },
-        }));
-        lastCompletedSearchSignatureRef.current = requestedSignature;
-    }, []);
-    const handleSubmit = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(async () => {
-        if (!query || query.trim().length < 3)
-            return;
-        if (searchDebounceRef.current) {
-            window.clearTimeout(searchDebounceRef.current);
-            searchDebounceRef.current = null;
-        }
-        await runSearch(query);
-    }, [query, runSearch]);
-    const resetToInitialIconsState = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(() => {
-        searchSeqRef.current += 1;
-        svgLoadFailuresRef.current.clear();
-        sortedStockIdsRef.current = [];
-        colorsExtractedForQueryRef.current = null;
-        setEffectiveQuery('');
-        setItems([]);
-        setIsCollectingResults(false);
-        setHasMore(false);
-        setOffset(0);
-        lastCompletedSearchSignatureRef.current = null;
-        setSelectedHash(null);
-        setSelectedHashes(new Set());
-        setColorHex('#000000');
-        setColorHex2('#ff007a');
-        setColorHex3('#00C2FF');
-    }, []);
-    external_root_React_commonjs2_react_commonjs_react_amd_react_default().useEffect(() => {
-        const initialQuery = initialQueryRef.current;
-        if (initialQuery && initialQuery.trim().length >= 3) {
-            runSearch(initialQuery);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    external_root_React_commonjs2_react_commonjs_react_amd_react_default().useEffect(() => {
-        const trimmed = query.trim();
-        if (searchDebounceRef.current) {
-            window.clearTimeout(searchDebounceRef.current);
-            searchDebounceRef.current = null;
-        }
-        if (trimmed.length < 3) {
-            resetToInitialIconsState();
-            return;
-        }
-        searchDebounceRef.current = window.setTimeout(() => {
-            runSearch(trimmed);
-        }, 700);
-    }, [query, resetToInitialIconsState, runSearch]);
-    const handleIconClick = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback((item) => {
-        setSelectedHash(item.hash);
-    }, []);
-    external_root_React_commonjs2_react_commonjs_react_amd_react_default().useEffect(() => {
-        var _a;
-        if (items.length === 0)
-            return;
-        let toFetch = items.map(i => i.hash).filter(h => !svgTextMap[h]);
-        toFetch = toFetch.filter(h => !svgLoadFailuresRef.current.has(h));
-        if (toFetch.length === 0)
-            return;
-        let cancelled = false;
-        (_a = svgAbortRef.current) === null || _a === void 0 ? void 0 : _a.abort();
-        const controller = new AbortController();
-        svgAbortRef.current = controller;
-        mapWithConcurrency(toFetch, ICON_STOCK_SVG_FETCH_CONCURRENCY, h => fetchSvgDataUrl(h, {
-            strokeWidth: typeof strokeWidth === 'number' ? strokeWidth : undefined,
-            size: sizePx,
-            signal: controller.signal,
-            inlineColors: useCssColor ? undefined : { colorHex, colorHex2, colorHex3 },
-        })
-            .then(r => ({ h, r }))
-            .catch((err) => {
-            if ((err === null || err === void 0 ? void 0 : err.name) === 'AbortError') {
-                return { h, r: null };
-            }
-            svgLoadFailuresRef.current.add(h);
-            return { h, r: null };
-        }))
-            .then(results => {
-            if (cancelled || !isMountedRef.current)
-                return;
-            const textUpdates = {};
-            const originalUpdates = {};
-            results.forEach(rr => {
-                if (rr && rr.h && rr.r) {
-                    textUpdates[rr.h] = rr.r.text;
-                    if (rr.r.original)
-                        originalUpdates[rr.h] = rr.r.original;
-                }
-            });
-            if (Object.keys(textUpdates).length > 0)
-                setSvgTextMap(prev => (Object.assign(Object.assign({}, prev), textUpdates)));
-            if (Object.keys(originalUpdates).length > 0)
-                setOriginalSvgMap(prev => (Object.assign(Object.assign({}, prev), originalUpdates)));
-        })
-            .catch(() => {
-            /* aborted or network */
-        });
-        return () => {
-            cancelled = true;
-            controller.abort();
-        };
-    }, [colorHex, colorHex2, colorHex3, fetchSvgDataUrl, items, sizePx, strokeWidth, svgTextMap, useCssColor]);
-    external_root_React_commonjs2_react_commonjs_react_amd_react_default().useEffect(() => {
-        if (items.length === 0)
-            return;
-        const hashes = items.map(i => i.hash);
-        const updatesText = {};
-        let changed = false;
-        hashes.forEach(h => {
-            const base = originalSvgMap[h] || svgTextMap[h];
-            if (!base)
-                return;
-            const next = normalizeSvgForCss(base, { strokeWidth: typeof strokeWidth === 'number' ? strokeWidth : undefined });
-            if (next && next !== svgTextMap[h]) {
-                updatesText[h] = next;
-                changed = true;
-            }
-        });
-        if (changed && Object.keys(updatesText).length > 0) {
-            setSvgTextMap(prev => (Object.assign(Object.assign({}, prev), updatesText)));
-        }
-    }, [items, normalizeSvgForCss, originalSvgMap, strokeWidth, svgTextMap]);
-    external_root_React_commonjs2_react_commonjs_react_amd_react_default().useEffect(() => {
-        if (items.length === 0)
-            return;
-        const q = effectiveQuery.trim();
-        if (!q || colorsExtractedForQueryRef.current === q)
-            return;
-        const firstWithOrig = items.find(i => originalSvgMap[i.hash]);
-        if (!firstWithOrig)
-            return;
-        const raw = originalSvgMap[firstWithOrig.hash];
-        if (!raw)
-            return;
-        colorsExtractedForQueryRef.current = q;
-        const colors = extractColorsInUnifiedOrder(raw);
-        const toHex = (c) => {
-            const s = (c || '').trim();
-            const m = s.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/);
-            if (m) {
-                const hex = m[1].length === 3 ? m[1].replace(/(.)/g, '$1$1') : m[1];
-                return '#' + hex.toLowerCase();
-            }
-            return colorToHex(c);
-        };
-        if (colors[0])
-            setColorHex(toHex(colors[0]));
-        if (colors[1])
-            setColorHex2(toHex(colors[1]));
-        if (colors[2])
-            setColorHex3(toHex(colors[2]));
-    }, [effectiveQuery, items, originalSvgMap]);
-    const buildSvgWithInlineColors = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback((svg) => (0,svgToPng/* applyInlineColors */.K7)(svg, { colorHex, colorHex2, colorHex3 }), [colorHex, colorHex2, colorHex3]);
-    const toggleSelect = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback((hash) => {
-        setSelectedHashes(prev => {
-            const next = new Set(prev);
-            if (next.has(hash))
-                next.delete(hash);
-            else
-                next.add(hash);
-            return next;
-        });
-    }, []);
-    const clearSelection = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(() => {
-        setSelectedHashes(new Set());
-    }, []);
-    const selectedItem = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useMemo(() => {
-        if (selectedHashes.size === 1) {
-            const [hash] = Array.from(selectedHashes);
-            return items.find(item => item.hash === hash) || null;
-        }
-        if (selectedHashes.size === 0 && selectedHash) {
-            return items.find(item => item.hash === selectedHash) || null;
-        }
-        return null;
-    }, [items, selectedHash, selectedHashes]);
-    const dataUrlToBlob = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback((dataUrl, mimeType = 'image/png') => {
-        try {
-            const parts = dataUrl.split(',');
-            if (parts.length < 2)
-                return new Blob([], { type: mimeType });
-            const base64Data = parts[1] || '';
-            const byteCharacters = atob(base64Data);
-            const byteNumbers = new Array(byteCharacters.length);
-            for (let i = 0; i < byteCharacters.length; i += 1) {
-                byteNumbers[i] = byteCharacters.charCodeAt(i);
-            }
-            const byteArray = new Uint8Array(byteNumbers);
-            return new Blob([byteArray], { type: mimeType });
-        }
-        catch (_a) {
-            return new Blob([], { type: mimeType });
-        }
-    }, []);
-    const getPngDataUrlForItem = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(async (item, signal) => {
-        try {
-            let svgText = svgTextMap[item.hash] || originalSvgMap[item.hash];
-            if (!svgText) {
-                const svgRes = await fetchSvgDataUrl(item.hash, {
-                    strokeWidth: typeof strokeWidth === 'number' ? strokeWidth : undefined,
-                    size: sizePx,
-                    signal,
-                    inlineColors: useCssColor ? undefined : { colorHex, colorHex2, colorHex3 },
-                });
-                svgText = svgRes.text;
-            }
-            const forPng = useCssColor ? buildSvgWithInlineColors(svgText) : svgText;
-            const dims = (0,svgToPng/* computeSvgTargetDimensions */.of)(forPng, sizePx);
-            return (0,svgToPng/* rasterizeSvgToPng */.e2)(forPng, dims.width, dims.height);
-        }
-        catch (_a) {
-            return null;
-        }
-    }, [
-        buildSvgWithInlineColors,
-        colorHex,
-        colorHex2,
-        colorHex3,
-        fetchSvgDataUrl,
-        originalSvgMap,
-        sizePx,
-        strokeWidth,
-        svgTextMap,
-        useCssColor,
-    ]);
-    const handleInsert = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useCallback(async (item) => {
-        var _a;
-        try {
-            if (!isMountedRef.current)
-                return;
-            setIsInsertLoading(true);
-            (_a = insertAbortRef.current) === null || _a === void 0 ? void 0 : _a.abort();
-            const controller = new AbortController();
-            insertAbortRef.current = controller;
-            const dataUrl = await getPngDataUrlForItem(item, controller.signal);
-            if (!isMountedRef.current || !dataUrl)
-                return;
-            await Promise.resolve(customRequest(dataUrl));
-        }
-        catch (e) {
-            console.error('IconsTab: insert error', e);
-            message.error(t('Request error'));
-        }
-        finally {
-            if (isMountedRef.current)
-                setIsInsertLoading(false);
-        }
-    }, [customRequest, getPngDataUrlForItem, t]);
-    const { isCopyIconsModalVisible, isCopyLoading, copyForm, openCopyModal, closeCopyModal, resetAfterClose, handleCopyTreeSelect, handleIconsCopyOk, fetchChildFolders, generateMenuItemsFromFolders, handleCreateFolderAndCopy, } = useIconsCopyToFolder({
-        items,
-        selectedHashes,
-        getPngDataUrlForItem,
-        dataUrlToBlob,
-        clearSelection,
-    });
-    const showResultsUi = Boolean(effectiveQuery.trim()) && (items.length > 0 || loading);
-    const showSelectionHeader = showResultsUi && selectedHashes.size > 0;
-    return ((0,jsx_runtime.jsxs)(jsx_runtime.Fragment, { children: [(0,jsx_runtime.jsxs)("div", { className: `${ImageIcons_iconsTab_module.iconsTab} ${effectiveQuery.trim() ? ImageIcons_iconsTab_module.hasSearch : ''}`, children: [showResultsUi && showSelectionHeader ? ((0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsHeaderContainer, children: [(0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsHeaderContainerLeft, children: [(0,jsx_runtime.jsxs)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Typography.Text, { type: "secondary", children: [selectedHashes.size, " ", t('selected')] }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Button, { icon: (0,jsx_runtime.jsx)(icons_.Scale01, { size: 16 }), onClick: clearSelection, children: t('Deselected') })] }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Space, { children: (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Button, { icon: (0,jsx_runtime.jsx)(icons_.Copy04, { size: 16 }), onClick: openCopyModal, children: t('Copy to folder') }) })] })) : ((0,jsx_runtime.jsx)(ImageIcons_IconsSearchForm, { query: query, onQueryChange: setQuery, onSubmit: handleSubmit, hasResults: items.length > 0 || loading, inputRef: inputRef })), showResultsUi ? ((0,jsx_runtime.jsx)(ImageIcons_IconsControls, { colorHex: colorHex, setColorHex: setColorHex, colorHex2: colorHex2, setColorHex2: setColorHex2, colorHex3: colorHex3, setColorHex3: setColorHex3, sizePx: sizePx, setSizePx: setSizePx, strokeWidth: strokeWidth, setStrokeWidth: setStrokeWidth, showSecondColor: showSecondColor, showThirdColor: showThirdColor })) : null, (0,jsx_runtime.jsx)(ImageIcons_IconsGrid, { items: items, loading: loading, isCollectingResults: isCollectingResults, hasMore: hasMore, hasQuery: Boolean(effectiveQuery.trim()), selectedHash: selectedHash, onItemClick: handleIconClick, onInsert: handleInsert, onLoadMore: () => {
-                            fetchSearch({ initial: false }).catch(() => {
-                                /* ignore */
-                            });
-                        }, colorVars: { colorHex, colorHex2, colorHex3 }, svgTextMap: svgTextMap, previewSize: sizePx, selectedHashes: selectedHashes, onToggleSelect: toggleSelect }), selectedItem ? ((0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsBottomBar, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Divider, { className: "zero-divider" }), (0,jsx_runtime.jsx)("div", { className: ImageIcons_iconsTab_module.iconsBottomBarContent, children: (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Space, { children: (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Button, { size: "large", type: "primary", style: { height: 40 }, loading: isInsertLoading, onClick: () => handleInsert(selectedItem), children: t('Choose') }) }) })] })) : null] }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Modal, { title: (0,jsx_runtime.jsx)("div", { className: "modal-title", children: t('Copy to folder') }), open: isCopyIconsModalVisible, onCancel: () => {
-                    if (isCopyLoading)
-                        return;
-                    closeCopyModal();
-                }, mask: { closable: !isCopyLoading }, closable: !isCopyLoading, keyboard: !isCopyLoading, centered: true, getContainer: options.getModalContainer, footer: (0,jsx_runtime.jsxs)("div", { className: FileModals_module["default"].formFooter, children: [(0,jsx_runtime.jsxs)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Button, { className: FileModals_module["default"].folderButton, onClick: handleCreateFolderAndCopy, loading: isCopyLoading, children: [(0,jsx_runtime.jsx)(icons_.FolderPlus, { size: 18, strokeWidth: (_c = options.config) === null || _c === void 0 ? void 0 : _c.iconStrokeWidth }), t('Create folder')] }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Button, { type: "primary", className: FileModals_module["default"].folderButton, onClick: () => {
-                                closeCopyModal();
-                            }, loading: isCopyLoading, children: t('Done') })] }), afterClose: () => resetAfterClose(), children: (0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.copyToFolderModalBody, children: [isCopyLoading ? ((0,jsx_runtime.jsx)("div", { className: ImageIcons_iconsTab_module.copyToFolderModalLoadingOverlay, children: (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Spin, { size: "large" }) })) : null, (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Form, { form: copyForm, layout: "vertical", initialValues: { targetFolder: 'folders', folderName: t('New folder'), is_force_create: false }, children: (0,jsx_runtime.jsxs)("div", { className: FileModals_module["default"].foldersWrapper, children: [(0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Form.Item, { name: "targetFolder", rules: [{ required: true, message: t('Select the destination folder') }], className: FileModals_module["default"].formItem, children: (0,jsx_runtime.jsx)(FolderTree/* FolderTree */.z, { onSelect: handleCopyTreeSelect, generateMenuItems: () => generateMenuItemsFromFolders({
-                                                targetForm: copyForm,
-                                                onTreeSelect: handleCopyTreeSelect,
-                                                onComplete: handleIconsCopyOk,
-                                                actionButtonText: t('Copy here'),
-                                            }), fetchChildFolders: fetchChildFolders, disabledFolders: [], mode: "selection", className: 'folderSelectionTree', defaultExpandAll: true }) }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Form.Item, { name: 'folderName', style: { display: 'none' }, rules: [
-                                            {
-                                                required: true,
-                                                validator: (_, value) => {
-                                                    if (typeof value === 'string' && value.trim().length === 0) {
-                                                        return Promise.reject(new Error(t('Enter the name of the folder')));
-                                                    }
-                                                    return Promise.resolve();
-                                                },
-                                            },
-                                        ], children: (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Input, {}) }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Form.Item, { name: 'is_force_create', style: { display: 'none' }, children: (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.Input, {}) })] }) })] }) })] }));
-};
-/* harmony default export */ const ImageIcons_IconsTab = (IconsTab);
-
-
-/***/ }),
-
-/***/ 9875:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-// Imports
-var ___CSS_LOADER_API_SOURCEMAP_IMPORT___ = __webpack_require__(1354);
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(6314);
-var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.iconsTab-module__iconsTab__rVCdL{display:flex;flex-direction:column;height:100%;min-height:0}.iconsTab-module__iconsTab__rVCdL.iconsTab-module__hasSearch__eOBPx{padding-top:0}.iconsTab-module__iconsSearchWrapper__Wl05l{width:100%;height:100%;min-height:0;overflow:hidden;box-sizing:border-box;line-height:0;display:flex;flex-direction:column;align-items:center;padding:24px}.iconsTab-module__iconsSearchForm__pOT9P{display:flex;gap:8px;width:100%;margin-bottom:0}.iconsTab-module__iconsSearchFormCenteredContainer__EcZ66{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%;padding:24px 24px 0}.iconsTab-module__iconsSearchFormCentered__mBHMX{display:flex;flex-direction:row;width:100%;align-items:flex-start;justify-content:center}.iconsTab-module__iconsSearchFormCentered__mBHMX .iconsTab-module__iconsSearchFormInput__aOh5i{width:640px;max-width:100%;padding:0;margin:auto auto 0;transition:all 300ms ease}.iconsTab-module__iconsSearchFormCentered__mBHMX .iconsTab-module__iconsSearchFormInputInput__P1TM6{max-width:100%;width:100%}.iconsTab-module__iconsSearchFormInput__aOh5i{width:240px;padding:0;margin-bottom:0;transition:all 300ms ease}.iconsTab-module__iconsSearchResults__iMIGw{width:100%;display:flex;flex-direction:row;gap:8px;align-items:flex-start;justify-content:flex-start}.iconsTab-module__iconsSearchResults__iMIGw .iconsTab-module__iconsSearchFormInput__aOh5i{width:240px;flex:0 0 auto;margin-bottom:0}.iconsTab-module__iconsControlsControls__fPlU6{display:flex;align-items:center;gap:16px}.iconsTab-module__iconsSearchFormInputInput__P1TM6{width:100%}.iconsTab-module__iconsControls__U6HDG{display:flex;justify-content:space-between;align-items:center;width:100%;padding:24px 6px 24px 24px;border-bottom:1px solid var(--colorBorder)}.iconsTab-module__iconsControlsFamilySlug__WcZT7{opacity:.7}.iconsTab-module__iconsControlElement___RXMX{display:flex;align-items:center;gap:8px}.iconsTab-module__iconsControlElement___RXMX>span{color:var(--colorTextTertiary)}.iconsTab-module__iconsControlsNumField__HTFGx{display:flex;align-items:center;gap:10px}.iconsTab-module__iconsControlsNumLabel__eG_77{flex-shrink:0;margin:0 !important;white-space:nowrap}.iconsTab-module__iconsControlsNumInput__ez7U0{min-width:104px}.iconsTab-module__iconsControlsNumInput__ez7U0 .ant-input-number-affix-wrapper{border-radius:9999px}.iconsTab-module__iconsControlsNumSuffix__TqwCn{color:var(--ant-color-text-tertiary, rgba(0, 0, 0, 0.45));font-size:13px;line-height:1;user-select:none}.iconsTab-module__iconsControlsCompact__kjz5q{position:relative}.iconsTab-module__iconsControlsInputNumber__uJAmX{width:110px}.iconsTab-module__iconsControlsInputNumber__uJAmX .ant-input-number,.iconsTab-module__iconsControlsInputNumber__uJAmX .ant-input-number-focused{border-top-left-radius:6px;border-bottom-left-radius:6px}.iconsTab-module__iconsControlsDropdownBtn__CsHya{padding:0;height:32px;min-width:36px;width:36px;border-top-right-radius:6px !important;border-bottom-right-radius:6px !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;display:inline-flex;align-items:center;justify-content:center;color:var(--colorTextTertiary)}.iconsTab-module__iconsControlsDropdownBtn__CsHya .anticon{font-size:12px;line-height:1}.iconsTab-module__iconsControlsDropdownBtn__CsHya:hover{color:var(--colorTextSecondary)}.iconsTab-module__iconsControlsCompact__kjz5q .iconsTab-module__iconsControlsDropdownBtn__CsHya{border-top-right-radius:6px !important;border-bottom-right-radius:6px !important}.iconsTab-module__sliderDropdown__rp1Dw{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 6px);width:240px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.12);border-radius:8px;padding:10px 12px;z-index:1000}.iconsTab-module__iconsControlsHeader__Dk5bC{display:flex;align-items:center}.iconsTab-module__iconsSearchFormSelect__wc4Eb{width:160px !important}.iconsTab-module__iconsSearchFormStyleItem__s6wIB{margin-bottom:0;animation:iconsTab-module__fadeInSlide__JHeZ6 300ms ease forwards}@keyframes iconsTab-module__fadeInSlide__JHeZ6{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.iconsTab-module__iconsSearchDivider__baxtd{margin-top:24px;margin-bottom:0;border-color:var(--colorBorder);width:100%}.iconsTab-module__iconsSearchFormInputIcon__LGFqD{font-size:16px;cursor:pointer}.iconsTab-module__iconsGrid__fdgZB{width:100%;flex:1 1 auto;min-height:0;overflow:auto;overflow-x:hidden;box-sizing:border-box;padding:24px}.iconsTab-module__iconsBottomBar__ZJjsz{position:sticky;bottom:0;background:var(--colorBgLayout);z-index:5;width:100%}.iconsTab-module__iconsBottomBarContent__9SxMG{display:flex;justify-content:right;padding:17px 24px;align-items:center}.iconsTab-module__iconsGridEmpty__gE6NT{margin:40px 0px}.iconsTab-module__iconsGridEmptyState__OGcNZ{display:flex;justify-content:center;align-items:center;padding:0}.iconsTab-module__resultsContainer__u4uoQ{width:640px;max-width:100%;overflow:auto;box-sizing:border-box;padding:60px 16px;border-radius:12px;background-color:var(--colorBgContainer);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.iconsTab-module__playButton__CS3Kr{color:var(--colorPrimary);margin-bottom:16px}.iconsTab-module__title__X8NPu{font-size:16px;font-weight:600;line-height:1.2;margin-bottom:4px}.iconsTab-module__subtitle__k6wsl{font-size:14px;color:var(--colorSecondary);line-height:1.2}.iconsTab-module__iconsGridInfiniteScroll__x0_E9{overflow:hidden !important}.iconsTab-module__iconsGridLoadingMore__MJy6W{display:flex;justify-content:center;padding:16px 0}.iconsTab-module__iconsGridGrid__jpJcf{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--icons-grid-min-col, 148px), 1fr));gap:16px}.iconsTab-module__iconsGridVirtualCanvas__cdbMd{position:relative;width:100%}.iconsTab-module__iconsGridItem__iHBC0{position:relative;border-radius:8px;padding:12px;background:#fff;cursor:pointer;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;box-shadow:inset 0 0 0 1px #f0f0f0}.iconsTab-module__iconsGridItemThumbnail__nz4oB{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0}.iconsTab-module__iconsGridItemSvg__nMNf2{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.iconsTab-module__iconsGridItemImg__uR1rx{max-width:100%;object-fit:contain}.iconsTab-module__iconsGridItemName__dxHty{margin-top:8px;font-size:12px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:0 0 auto}.iconsTab-module__iconsGridItemSelected__O6f4h::after{content:"";position:absolute;inset:0;border:2px solid #1890ff;border-radius:inherit;pointer-events:none}.iconsTab-module__iconsGridItemInsertButton__nuuWZ{position:absolute;top:8px;right:8px}.iconsTab-module__iconsGridLoading__r5wNu{display:flex;align-items:center;justify-content:center;width:100%;min-height:50vh}.iconsTab-module__iconsControlsBackButton__lHXYH{margin-right:20px}.iconsTab-module__iconsGridCheckbox__TebOL{position:absolute;top:8px;left:8px;z-index:2;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out}.iconsTab-module__iconsGridItem__iHBC0:hover .iconsTab-module__iconsGridCheckbox__TebOL{opacity:1;pointer-events:auto}.iconsTab-module__iconsGridShowCheckboxes__Lwxc6 .iconsTab-module__iconsGridCheckbox__TebOL{opacity:1;pointer-events:auto}.iconsTab-module__iconsHeaderContainer__nlaKy{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding:24px 24px;margin:0;border-bottom:1px solid var(--colorBorder)}.iconsTab-module__iconsHeaderContainerLeft__sqO0_{display:flex;gap:10px;align-items:center}.iconsTab-module__iconsHeaderDivider__ujyPd{margin-top:24px;margin-bottom:0;border-color:var(--colorBorder);width:100%}.iconsTab-module__copyToFolderModalBody__AkxuH{position:relative}.iconsTab-module__copyToFolderModalLoadingOverlay__dd9RB{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.6);pointer-events:all}`, "",{"version":3,"sources":["webpack://./src/components/ImageIcons/iconsTab.module.scss"],"names":[],"mappings":"AAAA,kCACI,YAAA,CACA,qBAAA,CACA,WAAA,CACA,YAAA,CAEA,oEACI,aAAA,CAIR,4CACI,UAAA,CACA,WAAA,CACA,YAAA,CACA,eAAA,CACA,qBAAA,CACA,aAAA,CACA,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,YAAA,CAGJ,yCACI,YAAA,CACA,OAAA,CACA,UAAA,CACA,eAAA,CAGJ,0DACI,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,0BAAA,CACA,UAAA,CACA,mBAAA,CAGJ,iDACI,YAAA,CACA,kBAAA,CACA,UAAA,CACA,sBAAA,CACA,sBAAA,CAEA,+FACI,WAAA,CACA,cAAA,CACA,SAAA,CACA,kBAAA,CACA,yBAAA,CAGJ,oGACI,cAAA,CACA,UAAA,CAIR,8CACI,WAAA,CACA,SAAA,CACA,eAAA,CACA,yBAAA,CAGJ,4CACI,UAAA,CACA,YAAA,CACA,kBAAA,CACA,OAAA,CACA,sBAAA,CACA,0BAAA,CAEA,0FACI,WAAA,CACA,aAAA,CACA,eAAA,CAIR,+CACI,YAAA,CACA,kBAAA,CACA,QAAA,CAGJ,mDACI,UAAA,CAKJ,uCACI,YAAA,CACA,6BAAA,CACA,kBAAA,CACA,UAAA,CACA,0BAAA,CACA,0CAAA,CAGJ,iDACI,UAAA,CAGJ,6CACI,YAAA,CACA,kBAAA,CACA,OAAA,CAEA,kDACI,8BAAA,CAIR,+CACI,YAAA,CACA,kBAAA,CACA,QAAA,CAGJ,+CACI,aAAA,CACA,mBAAA,CACA,kBAAA,CAGJ,+CACI,eAAA,CAGJ,+EACI,oBAAA,CAGJ,gDACI,yDAAA,CACA,cAAA,CACA,aAAA,CACA,gBAAA,CAGJ,8CACI,iBAAA,CAGJ,kDACI,WAAA,CAGJ,gJAEI,0BAAA,CACA,6BAAA,CAGJ,kDACI,SAAA,CACA,WAAA,CACA,cAAA,CACA,UAAA,CACA,sCAAA,CACA,yCAAA,CACA,mCAAA,CACA,sCAAA,CACA,mBAAA,CACA,kBAAA,CACA,sBAAA,CACA,8BAAA,CAEA,2DACI,cAAA,CACA,aAAA,CAGJ,wDACI,+BAAA,CAIR,gGACI,sCAAA,CACA,yCAAA,CAGJ,wCACI,iBAAA,CACA,QAAA,CACA,0BAAA,CACA,oBAAA,CACA,WAAA,CACA,eAAA,CACA,gCAAA,CACA,qCAAA,CACA,iBAAA,CACA,iBAAA,CACA,YAAA,CAGJ,6CACI,YAAA,CACA,kBAAA,CAIJ,+CACI,sBAAA,CAGJ,kDACI,eAAA,CACA,iEAAA,CAGJ,+CACI,KACI,SAAA,CACA,2BAAA,CAEJ,GACI,SAAA,CACA,uBAAA,CAAA,CAIR,4CACI,eAAA,CACA,eAAA,CACA,+BAAA,CACA,UAAA,CAGJ,kDACI,cAAA,CACA,cAAA,CAGJ,mCACI,UAAA,CACA,aAAA,CACA,YAAA,CACA,aAAA,CACA,iBAAA,CACA,qBAAA,CACA,YAAA,CAGJ,wCACI,eAAA,CACA,QAAA,CACA,+BAAA,CACA,SAAA,CACA,UAAA,CAGJ,+CACI,YAAA,CACA,qBAAA,CACA,iBAAA,CACA,kBAAA,CAGJ,wCACI,eAAA,CAGJ,6CACI,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,SAAA,CAGJ,0CACI,WAAA,CACA,cAAA,CACA,aAAA,CACA,qBAAA,CACA,iBAAA,CACA,kBAAA,CACA,wCAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,qBAAA,CACA,iBAAA,CAGJ,oCACI,yBAAA,CACA,kBAAA,CAGJ,+BACI,cAAA,CACA,eAAA,CACA,eAAA,CACA,iBAAA,CAGJ,kCACI,cAAA,CACA,2BAAA,CACA,eAAA,CAGJ,iDACI,0BAAA,CAGJ,8CACI,YAAA,CACA,sBAAA,CACA,cAAA,CAGJ,uCACI,YAAA,CACA,sFAAA,CACA,QAAA,CAGJ,gDACI,iBAAA,CACA,UAAA,CAGJ,uCACI,iBAAA,CACA,iBAAA,CACA,YAAA,CACA,eAAA,CACA,cAAA,CACA,YAAA,CACA,qBAAA,CACA,qBAAA,CACA,eAAA,CACA,kCAAA,CAGJ,gDACI,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CACA,YAAA,CAGJ,0CACI,UAAA,CACA,WAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CAGJ,0CACI,cAAA,CACA,kBAAA,CAGJ,2CACI,cAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CACA,aAAA,CAGJ,sDACI,UAAA,CACA,iBAAA,CACA,OAAA,CACA,wBAAA,CACA,qBAAA,CACA,mBAAA,CAGJ,mDACI,iBAAA,CACA,OAAA,CACA,SAAA,CAGJ,0CACI,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,UAAA,CACA,eAAA,CAGJ,iDACI,iBAAA,CAGJ,2CACI,iBAAA,CACA,OAAA,CACA,QAAA,CACA,SAAA,CACA,SAAA,CACA,mBAAA,CACA,mCAAA,CAGJ,wFACI,SAAA,CACA,mBAAA,CAGJ,4FACI,SAAA,CACA,mBAAA,CAGJ,8CACI,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,QAAA,CACA,UAAA,CACA,qBAAA,CACA,iBAAA,CACA,QAAA,CACA,0CAAA,CAGJ,kDACI,YAAA,CACA,QAAA,CACA,kBAAA,CAGJ,4CACI,eAAA,CACA,eAAA,CACA,+BAAA,CACA,UAAA,CAGJ,+CACI,iBAAA,CAGJ,yDACI,iBAAA,CACA,OAAA,CACA,UAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,6BAAA,CACA,kBAAA","sourcesContent":[".iconsTab {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    min-height: 0;\r\n\r\n    &.hasSearch {\r\n        padding-top: 0;\r\n    }\r\n}\r\n\r\n.iconsSearchWrapper {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 0;\r\n    overflow: hidden;\r\n    box-sizing: border-box;\r\n    line-height: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    padding: 24px;\r\n}\r\n\r\n.iconsSearchForm {\r\n    display: flex;\r\n    gap: 8px;\r\n    width: 100%;\r\n    margin-bottom: 0;\r\n}\r\n\r\n.iconsSearchFormCenteredContainer {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: flex-start;\r\n    width: 100%;\r\n    padding: 24px 24px 0;\r\n}\r\n\r\n.iconsSearchFormCentered {\r\n    display: flex;\r\n    flex-direction: row;\r\n    width: 100%;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n\r\n    .iconsSearchFormInput {\r\n        width: 640px;\r\n        max-width: 100%;\r\n        padding: 0;\r\n        margin: auto auto 0;\r\n        transition: all 300ms ease;\r\n    }\r\n\r\n    .iconsSearchFormInputInput {\r\n        max-width: 100%;\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n.iconsSearchFormInput {\r\n    width: 240px;\r\n    padding: 0;\r\n    margin-bottom: 0;\r\n    transition: all 300ms ease;\r\n}\r\n\r\n.iconsSearchResults {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: row;\r\n    gap: 8px;\r\n    align-items: flex-start;\r\n    justify-content: flex-start;\r\n\r\n    .iconsSearchFormInput {\r\n        width: 240px;\r\n        flex: 0 0 auto;\r\n        margin-bottom: 0;\r\n    }\r\n}\r\n\r\n.iconsControlsControls {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n}\r\n\r\n.iconsSearchFormInputInput {\r\n    width: 100%;\r\n}\r\n\r\n\r\n\r\n.iconsControls {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    width: 100%;\r\n    padding: 24px 6px 24px 24px;\r\n    border-bottom: 1px solid var(--colorBorder);\r\n}\r\n\r\n.iconsControlsFamilySlug {\r\n    opacity: 0.7\r\n}\r\n\r\n.iconsControlElement {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n\r\n    & > span {\r\n        color: var(--colorTextTertiary);\r\n    }\r\n}\r\n\r\n.iconsControlsNumField {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\n.iconsControlsNumLabel {\r\n    flex-shrink: 0;\r\n    margin: 0 !important;\r\n    white-space: nowrap;\r\n}\r\n\r\n.iconsControlsNumInput {\r\n    min-width: 104px;\r\n}\r\n\r\n.iconsControlsNumInput :global(.ant-input-number-affix-wrapper) {\r\n    border-radius: 9999px;\r\n}\r\n\r\n.iconsControlsNumSuffix {\r\n    color: var(--ant-color-text-tertiary, rgba(0, 0, 0, 0.45));\r\n    font-size: 13px;\r\n    line-height: 1;\r\n    user-select: none;\r\n}\r\n\r\n.iconsControlsCompact {\r\n    position: relative;\r\n}\r\n\r\n.iconsControlsInputNumber {\r\n    width: 110px;\r\n}\r\n\r\n.iconsControlsInputNumber :global(.ant-input-number),\r\n.iconsControlsInputNumber :global(.ant-input-number-focused) {\r\n    border-top-left-radius: 6px;\r\n    border-bottom-left-radius: 6px;\r\n}\r\n\r\n.iconsControlsDropdownBtn {\r\n    padding: 0;\r\n    height: 32px;\r\n    min-width: 36px;\r\n    width: 36px;\r\n    border-top-right-radius: 6px !important;\r\n    border-bottom-right-radius: 6px !important;\r\n    border-top-left-radius: 0 !important;\r\n    border-bottom-left-radius: 0 !important;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--colorTextTertiary);\r\n\r\n    :global(.anticon) {\r\n        font-size: 12px;\r\n        line-height: 1;\r\n    }\r\n\r\n    &:hover {\r\n        color: var(--colorTextSecondary);\r\n    }\r\n}\r\n\r\n.iconsControlsCompact .iconsControlsDropdownBtn {\r\n    border-top-right-radius: 6px !important;\r\n    border-bottom-right-radius: 6px !important;\r\n}\r\n\r\n.sliderDropdown {\r\n    position: absolute;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    top: calc(100% + 6px);\r\n    width: 240px;\r\n    background: #fff;\r\n    border: 1px solid rgba(0, 0, 0, 0.08);\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\r\n    border-radius: 8px;\r\n    padding: 10px 12px;\r\n    z-index: 1000;\r\n}\r\n\r\n.iconsControlsHeader {\r\n    display: flex;\r\n    align-items: center;\r\n    // gap: 24px;\r\n}\r\n\r\n.iconsSearchFormSelect {\r\n    width: 160px !important;\r\n}\r\n\r\n.iconsSearchFormStyleItem {\r\n    margin-bottom: 0;\r\n    animation: fadeInSlide 300ms ease forwards;\r\n}\r\n\r\n@keyframes fadeInSlide {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateX(-10px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n.iconsSearchDivider {\r\n    margin-top: 24px;\r\n    margin-bottom: 0;\r\n    border-color: var(--colorBorder);\r\n    width: 100%;\r\n}\r\n\r\n.iconsSearchFormInputIcon {\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n}\r\n\r\n.iconsGrid {\r\n    width: 100%;\r\n    flex: 1 1 auto;\r\n    min-height: 0;\r\n    overflow: auto;\r\n    overflow-x: hidden;\r\n    box-sizing: border-box;\r\n    padding: 24px;\r\n}\r\n\r\n.iconsBottomBar {\r\n    position: sticky;\r\n    bottom: 0;\r\n    background: var(--colorBgLayout);\r\n    z-index: 5;\r\n    width: 100%;\r\n}\r\n\r\n.iconsBottomBarContent {\r\n    display: flex;\r\n    justify-content: right;\r\n    padding: 17px 24px;\r\n    align-items: center;\r\n}\r\n\r\n.iconsGridEmpty {\r\n    margin: 40px 0px;\r\n}\r\n\r\n.iconsGridEmptyState {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 0\r\n}\r\n\r\n.resultsContainer {\r\n    width: 640px;\r\n    max-width: 100%;\r\n    overflow: auto;\r\n    box-sizing: border-box;\r\n    padding: 60px 16px;\r\n    border-radius: 12px;\r\n    background-color: var(--colorBgContainer);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    text-align: center;\r\n}\r\n\r\n.playButton {\r\n    color: var(--colorPrimary);\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.title {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    line-height: 1.2;\r\n    margin-bottom: 4px;\r\n}\r\n\r\n.subtitle {\r\n    font-size: 14px;\r\n    color: var(--colorSecondary);\r\n    line-height: 1.2;\r\n}\r\n\r\n.iconsGridInfiniteScroll {\r\n    overflow: hidden !important;\r\n}\r\n\r\n.iconsGridLoadingMore {\r\n    display: flex;\r\n    justify-content: center;\r\n    padding: 16px 0;\r\n}\r\n\r\n.iconsGridGrid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(var(--icons-grid-min-col, 148px), 1fr));\r\n    gap: 16px;\r\n}\r\n\r\n.iconsGridVirtualCanvas {\r\n    position: relative;\r\n    width: 100%;\r\n}\r\n\r\n.iconsGridItem {\r\n    position: relative;\r\n    border-radius: 8px;\r\n    padding: 12px;\r\n    background: #fff;\r\n    cursor: pointer;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    box-shadow: inset 0 0 0 1px #f0f0f0;\r\n}\r\n\r\n.iconsGridItemThumbnail {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: 1 1 auto;\r\n    min-height: 0;\r\n}\r\n\r\n.iconsGridItemSvg {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.iconsGridItemImg {\r\n    max-width: 100%;\r\n    object-fit: contain;\r\n}\r\n\r\n.iconsGridItemName {\r\n    margin-top: 8px;\r\n    font-size: 12px;\r\n    line-height: 1.2;\r\n    white-space: nowrap;\r\n    text-overflow: ellipsis;\r\n    overflow: hidden;\r\n    flex: 0 0 auto;\r\n}\r\n\r\n.iconsGridItemSelected::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border: 2px solid #1890ff;\r\n    border-radius: inherit;\r\n    pointer-events: none;\r\n}\r\n\r\n.iconsGridItemInsertButton {\r\n    position: absolute;\r\n    top: 8px;\r\n    right: 8px;\r\n}\r\n\r\n.iconsGridLoading {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    min-height: 50vh;\r\n}\r\n\r\n.iconsControlsBackButton {\r\n    margin-right: 20px;\r\n}\r\n\r\n.iconsGridCheckbox {\r\n    position: absolute;\r\n    top: 8px;\r\n    left: 8px;\r\n    z-index: 2;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n    transition: opacity 0.15s ease-in-out;\r\n}\r\n\r\n.iconsGridItem:hover .iconsGridCheckbox {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n}\r\n\r\n.iconsGridShowCheckboxes .iconsGridCheckbox {\r\n    opacity: 1;\r\n    pointer-events: auto;\r\n}\r\n\r\n.iconsHeaderContainer {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    padding: 24px 24px;\r\n    margin: 0;\r\n    border-bottom: 1px solid var(--colorBorder);\r\n}\r\n\r\n.iconsHeaderContainerLeft {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n}\r\n\r\n.iconsHeaderDivider {\r\n    margin-top: 24px;\r\n    margin-bottom: 0;\r\n    border-color: var(--colorBorder);\r\n    width: 100%;\r\n}\r\n\r\n.copyToFolderModalBody {\r\n    position: relative;\r\n}\r\n\r\n.copyToFolderModalLoadingOverlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 10;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(255, 255, 255, 0.6);\r\n    pointer-events: all;\r\n}\r\n"],"sourceRoot":""}]);
-// Exports
-___CSS_LOADER_EXPORT___.locals = {
-	"iconsTab": `iconsTab-module__iconsTab__rVCdL`,
-	"hasSearch": `iconsTab-module__hasSearch__eOBPx`,
-	"iconsSearchWrapper": `iconsTab-module__iconsSearchWrapper__Wl05l`,
-	"iconsSearchForm": `iconsTab-module__iconsSearchForm__pOT9P`,
-	"iconsSearchFormCenteredContainer": `iconsTab-module__iconsSearchFormCenteredContainer__EcZ66`,
-	"iconsSearchFormCentered": `iconsTab-module__iconsSearchFormCentered__mBHMX`,
-	"iconsSearchFormInput": `iconsTab-module__iconsSearchFormInput__aOh5i`,
-	"iconsSearchFormInputInput": `iconsTab-module__iconsSearchFormInputInput__P1TM6`,
-	"iconsSearchResults": `iconsTab-module__iconsSearchResults__iMIGw`,
-	"iconsControlsControls": `iconsTab-module__iconsControlsControls__fPlU6`,
-	"iconsControls": `iconsTab-module__iconsControls__U6HDG`,
-	"iconsControlsFamilySlug": `iconsTab-module__iconsControlsFamilySlug__WcZT7`,
-	"iconsControlElement": `iconsTab-module__iconsControlElement___RXMX`,
-	"iconsControlsNumField": `iconsTab-module__iconsControlsNumField__HTFGx`,
-	"iconsControlsNumLabel": `iconsTab-module__iconsControlsNumLabel__eG_77`,
-	"iconsControlsNumInput": `iconsTab-module__iconsControlsNumInput__ez7U0`,
-	"iconsControlsNumSuffix": `iconsTab-module__iconsControlsNumSuffix__TqwCn`,
-	"iconsControlsCompact": `iconsTab-module__iconsControlsCompact__kjz5q`,
-	"iconsControlsInputNumber": `iconsTab-module__iconsControlsInputNumber__uJAmX`,
-	"iconsControlsDropdownBtn": `iconsTab-module__iconsControlsDropdownBtn__CsHya`,
-	"sliderDropdown": `iconsTab-module__sliderDropdown__rp1Dw`,
-	"iconsControlsHeader": `iconsTab-module__iconsControlsHeader__Dk5bC`,
-	"iconsSearchFormSelect": `iconsTab-module__iconsSearchFormSelect__wc4Eb`,
-	"iconsSearchFormStyleItem": `iconsTab-module__iconsSearchFormStyleItem__s6wIB`,
-	"fadeInSlide": `iconsTab-module__fadeInSlide__JHeZ6`,
-	"iconsSearchDivider": `iconsTab-module__iconsSearchDivider__baxtd`,
-	"iconsSearchFormInputIcon": `iconsTab-module__iconsSearchFormInputIcon__LGFqD`,
-	"iconsGrid": `iconsTab-module__iconsGrid__fdgZB`,
-	"iconsBottomBar": `iconsTab-module__iconsBottomBar__ZJjsz`,
-	"iconsBottomBarContent": `iconsTab-module__iconsBottomBarContent__9SxMG`,
-	"iconsGridEmpty": `iconsTab-module__iconsGridEmpty__gE6NT`,
-	"iconsGridEmptyState": `iconsTab-module__iconsGridEmptyState__OGcNZ`,
-	"resultsContainer": `iconsTab-module__resultsContainer__u4uoQ`,
-	"playButton": `iconsTab-module__playButton__CS3Kr`,
-	"title": `iconsTab-module__title__X8NPu`,
-	"subtitle": `iconsTab-module__subtitle__k6wsl`,
-	"iconsGridInfiniteScroll": `iconsTab-module__iconsGridInfiniteScroll__x0_E9`,
-	"iconsGridLoadingMore": `iconsTab-module__iconsGridLoadingMore__MJy6W`,
-	"iconsGridGrid": `iconsTab-module__iconsGridGrid__jpJcf`,
-	"iconsGridVirtualCanvas": `iconsTab-module__iconsGridVirtualCanvas__cdbMd`,
-	"iconsGridItem": `iconsTab-module__iconsGridItem__iHBC0`,
-	"iconsGridItemThumbnail": `iconsTab-module__iconsGridItemThumbnail__nz4oB`,
-	"iconsGridItemSvg": `iconsTab-module__iconsGridItemSvg__nMNf2`,
-	"iconsGridItemImg": `iconsTab-module__iconsGridItemImg__uR1rx`,
-	"iconsGridItemName": `iconsTab-module__iconsGridItemName__dxHty`,
-	"iconsGridItemSelected": `iconsTab-module__iconsGridItemSelected__O6f4h`,
-	"iconsGridItemInsertButton": `iconsTab-module__iconsGridItemInsertButton__nuuWZ`,
-	"iconsGridLoading": `iconsTab-module__iconsGridLoading__r5wNu`,
-	"iconsControlsBackButton": `iconsTab-module__iconsControlsBackButton__lHXYH`,
-	"iconsGridCheckbox": `iconsTab-module__iconsGridCheckbox__TebOL`,
-	"iconsGridShowCheckboxes": `iconsTab-module__iconsGridShowCheckboxes__Lwxc6`,
-	"iconsHeaderContainer": `iconsTab-module__iconsHeaderContainer__nlaKy`,
-	"iconsHeaderContainerLeft": `iconsTab-module__iconsHeaderContainerLeft__sqO0_`,
-	"iconsHeaderDivider": `iconsTab-module__iconsHeaderDivider__ujyPd`,
-	"copyToFolderModalBody": `iconsTab-module__copyToFolderModalBody__AkxuH`,
-	"copyToFolderModalLoadingOverlay": `iconsTab-module__copyToFolderModalLoadingOverlay__dd9RB`
-};
-module.exports = ___CSS_LOADER_EXPORT___;
-
-
-/***/ })
-
-}]);
-//# sourceMappingURL=fm-icons-tab.dbc6aea218d2ab6b3de5.js.map