@salutejs/sdds-icons 0.2.0-canary.1983.31720373877.0

package/LICENSE.txt

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Salute Devices
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,117 @@
+# SDDS Icons
+
+React-иконки для Salute Design System с поддержкой tree-shaking.
+
+## Установка
+
+```sh
+npm install @salutejs/sdds-icons
+```
+
+## Использование
+
+Выберите размер иконки в пути импорта. Пакет поддерживает именованный импорт из общего файла размера:
+
+```tsx
+import { AddFillIcon } from '@salutejs/sdds-icons/24';
+
+export const AddButton = () => <AddFillIcon />;
+```
+
+Также доступен прямой импорт конкретной иконки. Он позволяет сборщику не обрабатывать общий файл со всеми иконками выбранного размера:
+
+```tsx
+import AddFillIcon from '@salutejs/sdds-icons/24/AddFillIcon';
+
+export const AddButton = () => <AddFillIcon />;
+```
+
+У пакета нет экспорта из корня, поэтому размер необходимо указывать всегда. Доступны размеры `16`, `24` и `36`:
+
+```tsx
+import { AddFillIcon as AddFillIcon16 } from '@salutejs/sdds-icons/16';
+import { AddFillIcon as AddFillIcon24 } from '@salutejs/sdds-icons/24';
+import { AddFillIcon as AddFillIcon36 } from '@salutejs/sdds-icons/36';
+```
+
+Каждая точка входа содержит только SVG-иконки соответствующего размера. Компоненты создают один элемент `svg`, наследуют цвет через `currentColor`, поддерживают `ref` и принимают стандартные свойства SVG.
+
+Размер по умолчанию соответствует выбранному варианту. Отображаемые ширину и высоту можно переопределить стандартными SVG-свойствами:
+
+```tsx
+<AddFillIcon width={32} height={32} color="tomato" />
+```
+
+## Динамические иконки
+
+Если имя иконки приходит во время выполнения, например из CMS или с сервера, используйте отдельную динамическую точку входа нужного размера:
+
+```tsx
+import { DynamicIcon } from '@salutejs/sdds-icons/24/dynamic';
+
+export const ServerIcon = () => <DynamicIcon name="AddFillIcon" />;
+```
+
+Иконка загружается отдельным модулем только после появления компонента в браузере. Пока модуль загружается, можно показать fallback-компонент:
+
+```tsx
+import { DynamicIcon } from '@salutejs/sdds-icons/24/dynamic';
+
+export const ServerIcon = () => <DynamicIcon name="AddFillIcon" fallback={<span>Загрузка…</span>} />;
+```
+
+Для произвольной строки доступна проверка, которая одновременно сужает TypeScript-тип:
+
+```tsx
+import { DynamicIcon, isIconName } from '@salutejs/sdds-icons/24/dynamic';
+
+export const ServerIcon = ({ iconName }: { iconName: string }) =>
+    isIconName(iconName) ? <DynamicIcon name={iconName} /> : null;
+```
+
+Также динамическая точка входа экспортирует `IconName`, `iconNames` и `dynamicIconImports`. Реестр генерируется автоматически из SVG выбранного размера.
+
+Динамический API предназначен только для случаев, когда имя заранее неизвестно. Он заставляет сборщик обработать весь реестр и создать отдельный модуль для каждой иконки. Для обычного интерфейса статические импорты быстрее при сборке и не требуют дополнительного запроса в браузере.
+
+## Разработка
+
+Исходные файлы иконок хранятся отдельно от React-кода:
+
+```text
+svg/
+├── 16/AddFill.svg
+├── 24/AddFill.svg
+└── 36/AddFill.svg
+```
+
+Сейчас в пакете оставлена одна иконка в трёх размерах для разработки архитектуры. Чтобы добавить новую иконку, положите SVG с одинаковым именем во все три директории. Например, `Search.svg` должен существовать в `svg/16`, `svg/24` и `svg/36`.
+
+Команда сборки создаёт временное дерево `build-temp`, генерирует в нём React-компоненты, динамические реестры и точки входа, компилирует его TypeScript и удаляет временные файлы:
+
+```sh
+npm run build
+```
+
+Временное дерево `build-temp` удаляется и после успешной сборки, и при ошибке. В `src` находятся только общие фабрики `createIcon16`, `createIcon24` и `createIcon36`: они задают размер, `viewBox`, поддержку `ref` и стандартных SVG-свойств. Единственным источником геометрии иконок остаются файлы в `svg`. SVGO оптимизирует SVG-разметку, а SVGR преобразует её в JSX; заполнения и обводки становятся `currentColor`.
+
+### Android
+
+Для Android SVG преобразуются в VectorDrawable XML, после чего собираются в архив:
+
+```sh
+npm run build:android
+```
+
+Результат находится в `native-build/android`, архив — в `native-build/android-icons.zip`.
+
+### iOS
+
+Для iOS из каждого SVG создаётся Xcode imageset с PNG-вариантами `1x`, `2x` и `3x`:
+
+```sh
+npm run build:ios
+```
+
+Результат находится в `native-build/ios`. Весь каталог `native-build` генерируется из SVG и не хранится в Git.
+
+В публикуемый npm-пакет входят только готовые файлы из `dist`, README и лицензия. Исходные SVG, генератор и TypeScript-исходники остаются в репозитории.

package/dist/16/AddFillIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const AddFillIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default AddFillIcon;

package/dist/16/AddFillIcon.js

@@ -0,0 +1,7 @@
+// This file is generated. Do not edit it manually.
+import React from 'react';
+import { createIcon16 } from '../createIcon16.js';
+export const AddFillIcon = /* @__PURE__ */ createIcon16(React.createElement(React.Fragment, null,
+    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.698 3.25c0-.966.783-1.75 1.75-1.75h7.304c.966 0 1.75.784 1.75 1.75v7.238a1.75 1.75 0 0 1-1.75 1.75H5.448a1.75 1.75 0 0 1-1.75-1.75zm5.401.434a.5.5 0 0 1 .5.5v2.184h2.2a.5.5 0 1 1 0 1H9.607l.029 2.178a.5.5 0 1 1-1 .013l-.03-2.191H6.399a.5.5 0 1 1 0-1H8.6V4.184a.5.5 0 0 1 .5-.5", clipRule: "evenodd" }),
+    React.createElement("path", { fill: "currentColor", d: "M2.5 5.411a.5.5 0 0 0-1 0v6.84a2.25 2.25 0 0 0 2.25 2.25h6.893a.5.5 0 1 0 0-1H3.75c-.69 0-1.25-.56-1.25-1.25z" })));
+export default AddFillIcon;

package/dist/16/DynamicIcon.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import dynamicIconImports from './dynamicIconImports.js';
+export type IconName = keyof typeof dynamicIconImports;
+export interface DynamicIconProps extends ComponentPropsWithoutRef<'svg'> {
+    name: IconName;
+    fallback?: ReactNode;
+}
+export declare const iconNames: IconName[];
+export declare const isIconName: (name: string) => name is IconName;
+export declare const DynamicIcon: React.ForwardRefExoticComponent<DynamicIconProps & React.RefAttributes<SVGSVGElement>>;
+export default DynamicIcon;

package/dist/16/DynamicIcon.js

@@ -0,0 +1,30 @@
+'use client';
+import React, { forwardRef, useEffect, useState } from 'react';
+import dynamicIconImports from './dynamicIconImports.js';
+export const iconNames = Object.keys(dynamicIconImports);
+export const isIconName = (name) => Object.prototype.hasOwnProperty.call(dynamicIconImports, name);
+const loadIcon = async (name) => {
+    if (!isIconName(name)) {
+        throw new Error(`[sdds-icons]: Icon "${name}" was not found`);
+    }
+    const iconModule = await dynamicIconImports[name]();
+    return iconModule.default;
+};
+export const DynamicIcon = /* @__PURE__ */ forwardRef(({ name, fallback = null, ...props }, ref) => {
+    const [loadedIcon, setLoadedIcon] = useState();
+    useEffect(() => {
+        loadIcon(name)
+            .then((component) => {
+            setLoadedIcon({ name, component });
+        })
+            .catch((error) => {
+            console.error(error);
+        });
+    }, [name]);
+    if (loadedIcon?.name !== name) {
+        return React.createElement(React.Fragment, null, fallback);
+    }
+    const Icon = loadedIcon.component;
+    return React.createElement(Icon, { ref: ref, ...props });
+});
+export default DynamicIcon;

package/dist/16/dynamic.d.ts

@@ -0,0 +1,3 @@
+export { DynamicIcon, DynamicIcon as default, iconNames, isIconName } from './DynamicIcon.js';
+export type { DynamicIconProps, IconName } from './DynamicIcon.js';
+export { default as dynamicIconImports } from './dynamicIconImports.js';

package/dist/16/dynamic.js

@@ -0,0 +1,3 @@
+// This file is generated from svg/16. Do not edit it manually.
+export { DynamicIcon, DynamicIcon as default, iconNames, isIconName } from './DynamicIcon.js';
+export { default as dynamicIconImports } from './dynamicIconImports.js';

package/dist/16/dynamicIconImports.d.ts

@@ -0,0 +1,4 @@
+declare const dynamicIconImports: {
+    readonly AddFillIcon: () => Promise<typeof import("./AddFillIcon.js")>;
+};
+export default dynamicIconImports;

package/dist/16/dynamicIconImports.js

@@ -0,0 +1,5 @@
+// This file is generated from svg/16. Do not edit it manually.
+const dynamicIconImports = {
+    AddFillIcon: () => import('./AddFillIcon.js'),
+};
+export default dynamicIconImports;

package/dist/16/index.d.ts

@@ -0,0 +1 @@
+export { AddFillIcon } from './AddFillIcon.js';

package/dist/16/index.js

@@ -0,0 +1,2 @@
+// This file is generated from svg/16. Do not edit it manually.
+export { AddFillIcon } from './AddFillIcon.js';

package/dist/24/AddFillIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const AddFillIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default AddFillIcon;

package/dist/24/AddFillIcon.js

@@ -0,0 +1,7 @@
+// This file is generated. Do not edit it manually.
+import React from 'react';
+import { createIcon24 } from '../createIcon24.js';
+export const AddFillIcon = /* @__PURE__ */ createIcon24(React.createElement(React.Fragment, null,
+    React.createElement("path", { fill: "currentColor", d: "M5.226 19.482c.212.017.492.018.924.018h10.1a.75.75 0 0 1 0 1.5H6.121c-.395 0-.736 0-1.017-.023a2.3 2.3 0 0 1-.875-.222 2.25 2.25 0 0 1-.984-.983 2.3 2.3 0 0 1-.222-.876C3 18.616 3 18.274 3 17.88V7.75a.75.75 0 0 1 1.5 0v10.1c0 .432 0 .712.018.924.017.204.045.28.064.316a.75.75 0 0 0 .328.328c.037.02.112.047.316.064" }),
+    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.896 17.977c-.28.023-.622.023-1.017.023H9.12c-.395 0-.736 0-1.017-.023a2.3 2.3 0 0 1-.875-.222 2.25 2.25 0 0 1-.984-.983 2.3 2.3 0 0 1-.222-.876C6 15.616 6 15.274 6 14.88V6.12c0-.395 0-.736.023-1.017a2.3 2.3 0 0 1 .222-.875 2.25 2.25 0 0 1 .984-.984 2.3 2.3 0 0 1 .875-.222C8.384 3 8.726 3 9.12 3h8.758c.395 0 .736 0 1.017.023.297.024.592.078.875.222.424.216.768.56.984.984.144.283.198.578.222.875.023.28.023.622.023 1.017v8.758c0 .395 0 .736-.023 1.017a2.3 2.3 0 0 1-.222.875c-.216.424-.56.768-.983.984-.284.144-.58.198-.876.222M14.25 6.75a.75.75 0 0 0-1.5 0v3h-3a.75.75 0 0 0 0 1.5h3.01l.04 3.01a.75.75 0 1 0 1.5-.02l-.04-2.99h2.99a.75.75 0 0 0 0-1.5h-3z", clipRule: "evenodd" })));
+export default AddFillIcon;

package/dist/24/DynamicIcon.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import dynamicIconImports from './dynamicIconImports.js';
+export type IconName = keyof typeof dynamicIconImports;
+export interface DynamicIconProps extends ComponentPropsWithoutRef<'svg'> {
+    name: IconName;
+    fallback?: ReactNode;
+}
+export declare const iconNames: IconName[];
+export declare const isIconName: (name: string) => name is IconName;
+export declare const DynamicIcon: React.ForwardRefExoticComponent<DynamicIconProps & React.RefAttributes<SVGSVGElement>>;
+export default DynamicIcon;

package/dist/24/DynamicIcon.js

@@ -0,0 +1,30 @@
+'use client';
+import React, { forwardRef, useEffect, useState } from 'react';
+import dynamicIconImports from './dynamicIconImports.js';
+export const iconNames = Object.keys(dynamicIconImports);
+export const isIconName = (name) => Object.prototype.hasOwnProperty.call(dynamicIconImports, name);
+const loadIcon = async (name) => {
+    if (!isIconName(name)) {
+        throw new Error(`[sdds-icons]: Icon "${name}" was not found`);
+    }
+    const iconModule = await dynamicIconImports[name]();
+    return iconModule.default;
+};
+export const DynamicIcon = /* @__PURE__ */ forwardRef(({ name, fallback = null, ...props }, ref) => {
+    const [loadedIcon, setLoadedIcon] = useState();
+    useEffect(() => {
+        loadIcon(name)
+            .then((component) => {
+            setLoadedIcon({ name, component });
+        })
+            .catch((error) => {
+            console.error(error);
+        });
+    }, [name]);
+    if (loadedIcon?.name !== name) {
+        return React.createElement(React.Fragment, null, fallback);
+    }
+    const Icon = loadedIcon.component;
+    return React.createElement(Icon, { ref: ref, ...props });
+});
+export default DynamicIcon;

package/dist/24/dynamic.d.ts

@@ -0,0 +1,3 @@
+export { DynamicIcon, DynamicIcon as default, iconNames, isIconName } from './DynamicIcon.js';
+export type { DynamicIconProps, IconName } from './DynamicIcon.js';
+export { default as dynamicIconImports } from './dynamicIconImports.js';

package/dist/24/dynamic.js

@@ -0,0 +1,3 @@
+// This file is generated from svg/24. Do not edit it manually.
+export { DynamicIcon, DynamicIcon as default, iconNames, isIconName } from './DynamicIcon.js';
+export { default as dynamicIconImports } from './dynamicIconImports.js';

package/dist/24/dynamicIconImports.d.ts

@@ -0,0 +1,4 @@
+declare const dynamicIconImports: {
+    readonly AddFillIcon: () => Promise<typeof import("./AddFillIcon.js")>;
+};
+export default dynamicIconImports;

package/dist/24/dynamicIconImports.js

@@ -0,0 +1,5 @@
+// This file is generated from svg/24. Do not edit it manually.
+const dynamicIconImports = {
+    AddFillIcon: () => import('./AddFillIcon.js'),
+};
+export default dynamicIconImports;

package/dist/24/index.d.ts

@@ -0,0 +1 @@
+export { AddFillIcon } from './AddFillIcon.js';

package/dist/24/index.js

@@ -0,0 +1,2 @@
+// This file is generated from svg/24. Do not edit it manually.
+export { AddFillIcon } from './AddFillIcon.js';

package/dist/36/AddFillIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const AddFillIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default AddFillIcon;

package/dist/36/AddFillIcon.js

@@ -0,0 +1,6 @@
+// This file is generated. Do not edit it manually.
+import React from 'react';
+import { createIcon36 } from '../createIcon36.js';
+export const AddFillIcon = /* @__PURE__ */ createIcon36(React.createElement(React.Fragment, null,
+    React.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.725 7a3 3 0 0 1 3-3h17.277a3 3 0 0 1 3 3v17.278a3 3 0 0 1-3 3H11.725a3 3 0 0 1-3-3zm11.639 1.82a1 1 0 0 1 1 1v4.819h4.82a1 1 0 1 1 0 2h-4.807l.064 4.806a1 1 0 1 1-2 .026l-.064-4.832h-4.833a1 1 0 1 1 0-2h4.82v-4.82a1 1 0 0 1 1-1M6 11.45a1 1 0 1 0-2 0v16.553a4 4 0 0 0 4 4h17.485a1 1 0 0 0 0-2H8a2 2 0 0 1-2-2z", clipRule: "evenodd" })));
+export default AddFillIcon;

package/dist/36/DynamicIcon.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import dynamicIconImports from './dynamicIconImports.js';
+export type IconName = keyof typeof dynamicIconImports;
+export interface DynamicIconProps extends ComponentPropsWithoutRef<'svg'> {
+    name: IconName;
+    fallback?: ReactNode;
+}
+export declare const iconNames: IconName[];
+export declare const isIconName: (name: string) => name is IconName;
+export declare const DynamicIcon: React.ForwardRefExoticComponent<DynamicIconProps & React.RefAttributes<SVGSVGElement>>;
+export default DynamicIcon;

package/dist/36/DynamicIcon.js

@@ -0,0 +1,30 @@
+'use client';
+import React, { forwardRef, useEffect, useState } from 'react';
+import dynamicIconImports from './dynamicIconImports.js';
+export const iconNames = Object.keys(dynamicIconImports);
+export const isIconName = (name) => Object.prototype.hasOwnProperty.call(dynamicIconImports, name);
+const loadIcon = async (name) => {
+    if (!isIconName(name)) {
+        throw new Error(`[sdds-icons]: Icon "${name}" was not found`);
+    }
+    const iconModule = await dynamicIconImports[name]();
+    return iconModule.default;
+};
+export const DynamicIcon = /* @__PURE__ */ forwardRef(({ name, fallback = null, ...props }, ref) => {
+    const [loadedIcon, setLoadedIcon] = useState();
+    useEffect(() => {
+        loadIcon(name)
+            .then((component) => {
+            setLoadedIcon({ name, component });
+        })
+            .catch((error) => {
+            console.error(error);
+        });
+    }, [name]);
+    if (loadedIcon?.name !== name) {
+        return React.createElement(React.Fragment, null, fallback);
+    }
+    const Icon = loadedIcon.component;
+    return React.createElement(Icon, { ref: ref, ...props });
+});
+export default DynamicIcon;

package/dist/36/dynamic.d.ts

@@ -0,0 +1,3 @@
+export { DynamicIcon, DynamicIcon as default, iconNames, isIconName } from './DynamicIcon.js';
+export type { DynamicIconProps, IconName } from './DynamicIcon.js';
+export { default as dynamicIconImports } from './dynamicIconImports.js';

package/dist/36/dynamic.js

@@ -0,0 +1,3 @@
+// This file is generated from svg/36. Do not edit it manually.
+export { DynamicIcon, DynamicIcon as default, iconNames, isIconName } from './DynamicIcon.js';
+export { default as dynamicIconImports } from './dynamicIconImports.js';

package/dist/36/dynamicIconImports.d.ts

@@ -0,0 +1,4 @@
+declare const dynamicIconImports: {
+    readonly AddFillIcon: () => Promise<typeof import("./AddFillIcon.js")>;
+};
+export default dynamicIconImports;

package/dist/36/dynamicIconImports.js

@@ -0,0 +1,5 @@
+// This file is generated from svg/36. Do not edit it manually.
+const dynamicIconImports = {
+    AddFillIcon: () => import('./AddFillIcon.js'),
+};
+export default dynamicIconImports;

package/dist/36/index.d.ts

@@ -0,0 +1 @@
+export { AddFillIcon } from './AddFillIcon.js';

package/dist/36/index.js

@@ -0,0 +1,2 @@
+// This file is generated from svg/36. Do not edit it manually.
+export { AddFillIcon } from './AddFillIcon.js';

package/dist/createIcon16.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export declare const createIcon16: (content: ReactNode) => React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/createIcon16.js

@@ -0,0 +1,2 @@
+import React, { forwardRef } from 'react';
+export const createIcon16 = (content) => forwardRef((props, ref) => (React.createElement("svg", { ref: ref, width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, content)));

package/dist/createIcon24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export declare const createIcon24: (content: ReactNode) => React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/createIcon24.js

@@ -0,0 +1,2 @@
+import React, { forwardRef } from 'react';
+export const createIcon24 = (content) => forwardRef((props, ref) => (React.createElement("svg", { ref: ref, width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, content)));

package/dist/createIcon36.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export declare const createIcon36: (content: ReactNode) => React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/dist/createIcon36.js

@@ -0,0 +1,2 @@
+import React, { forwardRef } from 'react';
+export const createIcon36 = (content) => forwardRef((props, ref) => (React.createElement("svg", { ref: ref, width: 36, height: 36, viewBox: "0 0 36 36", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, content)));

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@salutejs/sdds-icons",
+  "version": "0.2.0-canary.1983.31720373877.0",
+  "description": "SDDS icons",
+  "author": "Salute Frontend Team <salute.developers@gmail.com>",
+  "license": "MIT",
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE.txt"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/salute-developers/plasma.git",
+    "directory": "packages/sdds-icons"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    "./16": {
+      "types": "./dist/16/index.d.ts",
+      "import": "./dist/16/index.js"
+    },
+    "./16/dynamic": {
+      "types": "./dist/16/dynamic.d.ts",
+      "import": "./dist/16/dynamic.js"
+    },
+    "./16/*": {
+      "types": "./dist/16/*.d.ts",
+      "import": "./dist/16/*.js"
+    },
+    "./24": {
+      "types": "./dist/24/index.d.ts",
+      "import": "./dist/24/index.js"
+    },
+    "./24/dynamic": {
+      "types": "./dist/24/dynamic.d.ts",
+      "import": "./dist/24/dynamic.js"
+    },
+    "./24/*": {
+      "types": "./dist/24/*.d.ts",
+      "import": "./dist/24/*.js"
+    },
+    "./36": {
+      "types": "./dist/36/index.d.ts",
+      "import": "./dist/36/index.js"
+    },
+    "./36/dynamic": {
+      "types": "./dist/36/dynamic.d.ts",
+      "import": "./dist/36/dynamic.js"
+    },
+    "./36/*": {
+      "types": "./dist/36/*.d.ts",
+      "import": "./dist/36/*.js"
+    }
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@babel/types": "7.29.7",
+    "@svgr/core": "8.1.0",
+    "@svgr/plugin-jsx": "8.1.0",
+    "@svgr/plugin-svgo": "8.1.0",
+    "@types/react": "18.0.28",
+    "prettier": "2.0.5",
+    "react": "18.2.0",
+    "sharp": "0.35.3",
+    "svg2vectordrawable": "2.9.1"
+  },
+  "scripts": {
+    "prepare": "npm run build",
+    "build": "node ./scripts/build.mjs",
+    "build:android": "node ./scripts/build-android.mjs",
+    "build:ios": "node ./scripts/build-ios.mjs"
+  },
+  "sideEffects": false,
+  "contributors": [
+    "salute.developers@gmail.com"
+  ],
+  "gitHead": "966974e890675e2d2a299042f6a6daf8b7ea4c54"
+}