@emailmaker/filemanager 0.10.79 → 0.10.81

package/fm-icons-tab.4e78e0d23b307449840c.js

@@ -0,0 +1,2302 @@
+(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: ./node_modules/react-i18next/dist/es/index.js + 15 modules
+var es = __webpack_require__(2389);
+// EXTERNAL MODULE: ./node_modules/@untitledui/icons/dist/SearchMd.mjs
+var SearchMd = __webpack_require__(6005);
+// 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)(SearchMd/* SearchMd */.g, { 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.iconsControlsStrokeWidth, children: [(0,jsx_runtime.jsx)("span", { children: t('Size') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.InputNumber, { min: 20, max: 200, step: 1, value: sizePx, formatter: value => `${value}px`, parser: displayValue => {
+                                const s = String(displayValue !== null && displayValue !== void 0 ? displayValue : '')
+                                    .trim()
+                                    .replace(/\s*px\s*$/i, '');
+                                const n = parseInt(s, 10);
+                                return (Number.isFinite(n) ? n : 0);
+                            }, onChange: v => setSizePx(typeof v === 'number' && !Number.isNaN(v) ? v : 50) })] }), (0,jsx_runtime.jsxs)("div", { className: ImageIcons_iconsTab_module.iconsControlsStrokeWidth, children: [(0,jsx_runtime.jsx)("span", { children: t('Stroke width') }), (0,jsx_runtime.jsx)(external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.InputNumber, { min: 0.3, max: 3, step: 0.1, value: typeof strokeWidth === 'number' ? strokeWidth : 1, formatter: value => `${value}px`, parser: value => (value ? value.replace('px', '') : ''), onChange: v => setStrokeWidth(typeof v === 'number' ? v : 1) })] }), (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, onChange: (_, hex) => setColorHex(hex), 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, onChange: (_, hex) => setColorHex2(hex), 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, onChange: (_, hex) => setColorHex3(hex), size: "middle" })] }))] })] }) }));
+};
+/* harmony default export */ const ImageIcons_IconsControls = (IconsControls);
+
+// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/LoadingOutlined.js + 1 modules
+var LoadingOutlined = __webpack_require__(3567);
+// EXTERNAL MODULE: ./src/components/NoFilesMessage/NoFilesMessage.tsx + 1 modules
+var NoFilesMessage = __webpack_require__(1790);
+// EXTERNAL MODULE: ./src/hooks/useCustomIcons.ts + 23 modules
+var useCustomIcons = __webpack_require__(2429);
+// 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)(LoadingOutlined/* default */.A, { 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: ./node_modules/@untitledui/icons/dist/Scale01.mjs
+var Scale01 = __webpack_require__(6213);
+// EXTERNAL MODULE: ./node_modules/@untitledui/icons/dist/Copy04.mjs
+var Copy04 = __webpack_require__(969);
+// EXTERNAL MODULE: ./node_modules/@untitledui/icons/dist/FolderPlus.mjs
+var FolderPlus = __webpack_require__(5070);
+// 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 [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);
+            external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.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);
+            external_root_antd_commonjs2_antd_commonjs_antd_amd_antd_.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)(Scale01/* Scale01 */.Q, { 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)(Copy04/* Copy04 */.U, { 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();
+                }, maskClosable: !isCopyLoading, closable: !isCopyLoading, keyboard: !isCopyLoading, 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)(FolderPlus/* FolderPlus */.J, { 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 12px;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__iconsControlsStrokeWidth__p7z65{display:flex;align-items:center;gap:8px}.iconsTab-module__iconsControlsStrokeWidth__p7z65>span{color:var(--colorTextTertiary)}.iconsTab-module__iconsControlsStrokeWidth__p7z65 .iconsTab-module__ant-input-number__gVeff{width:80px}.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,qBAAA,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,kDACI,YAAA,CACA,kBAAA,CACA,OAAA,CAEA,uDACI,8BAAA,CAGJ,4FACI,UAAA,CAIR,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 12px;\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.iconsControlsStrokeWidth {\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    .ant-input-number {\r\n        width: 80px;\r\n    }\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`,
+	"iconsControlsStrokeWidth": `iconsTab-module__iconsControlsStrokeWidth__p7z65`,
+	"ant-input-number": `iconsTab-module__ant-input-number__gVeff`,
+	"antInputNumber": `iconsTab-module__ant-input-number__gVeff`,
+	"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.4e78e0d23b307449840c.js.map