vision-accessibility 1.0.0

package/dist/lib/css-applier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-applier.d.ts","sourceRoot":"","sources":["../../src/lib/css-applier.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAaxE;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;CAKd,CAAC;AAEX;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,QAAQ,WAAW,KAAG,IAyBtD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,MAAM,QAAQ,KAAG,IAG9C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,GAAI,YAAY,OAAO,KAAG,IAc1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,4BAA4B,QAAO,IAiB/C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAU,qBAAqB,KAAG,IAWlE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAChC,WAAW,OAAO,EAClB,aAAa,aAAa,GAAG,UAAU,GAAG,iBAAiB,EAC3D,OAAO,WAAW,GAAG,QAAQ,GAAG,OAAO,KACtC,IAkBF,CAAC"}

package/dist/lib/dom-manipulator.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Модуль для работы с DOM элементами
+ * Предоставляет функции для поиска и манипуляции элементами страницы
+ */
+/**
+ * Поиск всех текстовых элементов на странице
+ */
+export declare const getTextElements: () => NodeListOf<HTMLElement>;
+/**
+ * Поиск всех изображений на странице
+ */
+export declare const getImageElements: () => NodeListOf<HTMLElement>;
+/**
+ * Применение CSS класса к коллекции элементов
+ */
+export declare const applyClassToElements: (elements: NodeListOf<HTMLElement>, className: string) => void;
+/**
+ * Удаление CSS класса с коллекции элементов
+ */
+export declare const removeClassFromElements: (elements: NodeListOf<HTMLElement>, className: string) => void;
+/**
+ * Безопасное выполнение операций с DOM
+ */
+export declare const safeDOMOperation: (operation: () => void, errorMessage: string) => void;
+/**
+ * Проверка доступности DOM
+ */
+export declare const isDOMAvailable: () => boolean;
+//# sourceMappingURL=dom-manipulator.d.ts.map

package/dist/lib/dom-manipulator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-manipulator.d.ts","sourceRoot":"","sources":["../../src/lib/dom-manipulator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAYH;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,UAAU,CAAC,WAAW,CAKxD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,UAAU,CAAC,WAAW,CAKzD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,UAAU,UAAU,CAAC,WAAW,CAAC,EAAE,WAAW,MAAM,KAAG,IAM3F,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,UAAU,UAAU,CAAC,WAAW,CAAC,EAAE,WAAW,MAAM,KAAG,IAM9F,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAW,MAAM,IAAI,EAAE,cAAc,MAAM,KAAG,IAO9E,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,QAAO,OAEjC,CAAC"}

package/dist/lib/font-size-manager.d.ts

@@ -0,0 +1,26 @@
+import { FontSize } from '../types';
+
+/**
+ * Применение размера шрифта ко всем текстовым элементам
+ *
+ * @param size - Размер шрифта (small, standard, large)
+ */
+export declare const applyDynamicFontSize: (size: FontSize) => void;
+/**
+ * Сброс всех изменений размера шрифта
+ */
+export declare const resetAllFontSizes: () => void;
+/**
+ * Обновление размеров шрифта для новых элементов
+ * Используется когда на страницу добавляются новые элементы динамически
+ *
+ * @param size - Текущий размер шрифта
+ */
+export declare const updateNewElementsFontSize: (size: FontSize) => void;
+/**
+ * Проверка, применены ли изменения размера шрифта
+ *
+ * @returns true, если размер шрифта изменен
+ */
+export declare const isFontSizeModified: () => boolean;
+//# sourceMappingURL=font-size-manager.d.ts.map

package/dist/lib/font-size-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-size-manager.d.ts","sourceRoot":"","sources":["../../src/lib/font-size-manager.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAgFpC;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,MAAM,QAAQ,KAAG,IA2BrD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,QAAO,IAcpC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,GAAI,MAAM,QAAQ,KAAG,IAuB1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,QAAO,OAUrC,CAAC"}

package/dist/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";._accessibilityToggle_jwfla_9{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #dee2e6}._toggleContainer_jwfla_15{display:flex;flex-direction:column;gap:8px}._toggleLabel_jwfla_21{display:flex;align-items:center;gap:16px;cursor:pointer;padding:16px;border:2px solid #007bff;border-radius:8px;transition:all .2s ease;background:#f8f9ff}._toggleLabel_jwfla_21:hover{background:#e3f2fd;border-color:#0056b3}._toggleLabel_jwfla_21:focus-within{background:#e3f2fd;border-color:#0056b3;box-shadow:0 0 0 3px #007bff40}._toggleInput_jwfla_42{position:absolute;opacity:0;width:0;height:0;margin:0}._toggleInput_jwfla_42:focus+._toggleSlider_jwfla_49{box-shadow:0 0 0 3px #007bff40}._toggleInput_jwfla_42:checked+._toggleSlider_jwfla_49{background:#28a745}._toggleInput_jwfla_42:checked+._toggleSlider_jwfla_49 ._toggleThumb_jwfla_55{transform:translate(28px)}._toggleSlider_jwfla_49{position:relative;width:56px;height:28px;background:#ced4da;border-radius:14px;transition:all .3s ease;flex-shrink:0}._toggleThumb_jwfla_55{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:0 2px 6px #0000004d}._toggleContent_jwfla_81{flex:1;display:flex;flex-direction:column;gap:4px}._toggleTitle_jwfla_88{font-size:16px;font-weight:600;color:#343a40;line-height:1.3}._toggleStatus_jwfla_95{font-size:14px;font-weight:500;color:#007bff;line-height:1.2}._description_jwfla_102{font-size:13px;color:#6c757d;line-height:1.4;margin:0;padding:0 16px}.accessibility-high-contrast ._accessibilityToggle_jwfla_9{border-bottom-color:#fff!important}.accessibility-high-contrast ._accessibilityToggle_jwfla_9 ._toggleLabel_jwfla_21{background:#000!important;border-color:#fff!important;color:#fff!important}.accessibility-high-contrast ._accessibilityToggle_jwfla_9 ._toggleLabel_jwfla_21:hover,.accessibility-high-contrast ._accessibilityToggle_jwfla_9 ._toggleLabel_jwfla_21:focus-within{background:#343a40!important;border-color:#ff0!important}.accessibility-high-contrast ._accessibilityToggle_jwfla_9 ._toggleTitle_jwfla_88{color:#fff!important}.accessibility-high-contrast ._accessibilityToggle_jwfla_9 ._toggleStatus_jwfla_95{color:#ff0!important}.accessibility-high-contrast ._accessibilityToggle_jwfla_9 ._description_jwfla_102{color:#ced4da!important}.accessibility-high-contrast ._accessibilityToggle_jwfla_9 ._toggleSlider_jwfla_49{background:#6c757d!important;border:2px solid #ffffff!important}.accessibility-high-contrast ._accessibilityToggle_jwfla_9 ._toggleInput_jwfla_42:checked+._toggleSlider_jwfla_49{background:#ff0!important}.accessibility-high-contrast ._accessibilityToggle_jwfla_9 ._toggleInput_jwfla_42:checked+._toggleSlider_jwfla_49 ._toggleThumb_jwfla_55{background:#000!important;border:2px solid #ffffff!important}.accessibility-high-contrast ._accessibilityToggle_jwfla_9 ._toggleThumb_jwfla_55{background:#fff!important;border:2px solid #000000!important}._colorSchemeControl_tkb2w_9{margin-bottom:16px}._colorSchemeControl_tkb2w_9._disabled_tkb2w_12 ._title_tkb2w_12{opacity:.6}._title_tkb2w_12{font-size:14px;font-weight:600;margin:0 0 12px;color:#343a40}._optionsContainer_tkb2w_23{display:flex;flex-direction:column;gap:8px}._option_tkb2w_23{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;border:1px solid #dee2e6;border-radius:6px;transition:all .2s ease;position:relative;background:#fff}._option_tkb2w_23:hover{background:#f8f9fa;border-color:#007bff}._option_tkb2w_23:focus-within{background:#f8f9fa;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}._option_tkb2w_23._selected_tkb2w_50{background:#e3f2fd;border-color:#007bff}._option_tkb2w_23._selected_tkb2w_50 ._radioIndicator_tkb2w_54{background:#007bff;border-color:#007bff}._option_tkb2w_23._selected_tkb2w_50 ._radioIndicator_tkb2w_54:after{opacity:1;transform:scale(1)}._option_tkb2w_23._optionDisabled_tkb2w_62{opacity:.5;cursor:not-allowed;pointer-events:none}._option_tkb2w_23._optionDisabled_tkb2w_62:hover{background:#fff;border-color:#dee2e6}._radioInput_tkb2w_72{position:absolute;opacity:0;width:0;height:0;margin:0}._radioInput_tkb2w_72:focus+._optionContent_tkb2w_79{outline:2px solid #007bff;outline-offset:2px}._optionContent_tkb2w_79{flex:1;display:flex;flex-direction:column;gap:4px}._optionLabel_tkb2w_91{font-size:14px;font-weight:500;color:#343a40;line-height:1.4}._optionDescription_tkb2w_98{font-size:12px;color:#6c757d;line-height:1.3}._radioIndicator_tkb2w_54{width:18px;height:18px;border:2px solid #ced4da;border-radius:50%;background:#fff;transition:all .2s ease;position:relative;flex-shrink:0;margin-top:1px}._radioIndicator_tkb2w_54:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:#fff;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:all .2s ease;opacity:0}.accessibility-high-contrast ._colorSchemeControl_tkb2w_9 ._title_tkb2w_12{color:#fff!important}.accessibility-high-contrast ._colorSchemeControl_tkb2w_9 ._option_tkb2w_23{background:#000!important;border-color:#fff!important;color:#fff!important}.accessibility-high-contrast ._colorSchemeControl_tkb2w_9 ._option_tkb2w_23:hover,.accessibility-high-contrast ._colorSchemeControl_tkb2w_9 ._option_tkb2w_23:focus-within{background:#343a40!important}.accessibility-high-contrast ._colorSchemeControl_tkb2w_9 ._option_tkb2w_23._selected_tkb2w_50{background:#343a40!important}.accessibility-high-contrast ._colorSchemeControl_tkb2w_9 ._optionLabel_tkb2w_91{color:#fff!important}.accessibility-high-contrast ._colorSchemeControl_tkb2w_9 ._optionDescription_tkb2w_98{color:#ced4da!important}.accessibility-high-contrast ._colorSchemeControl_tkb2w_9 ._radioIndicator_tkb2w_54{border-color:#fff!important;background:#000!important}.accessibility-high-contrast ._colorSchemeControl_tkb2w_9 ._radioIndicator_tkb2w_54:after{background:#fff!important}._fontSizeControl_xe2rx_9{margin-bottom:16px}._fontSizeControl_xe2rx_9._disabled_xe2rx_12 ._title_xe2rx_12{opacity:.6}._title_xe2rx_12{font-size:14px;font-weight:600;margin:0 0 12px;color:#343a40}._optionsContainer_xe2rx_23{display:flex;flex-direction:column;gap:8px}._option_xe2rx_23{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;border:1px solid #dee2e6;border-radius:6px;transition:all .2s ease;position:relative;background:#fff}._option_xe2rx_23:hover{background:#f8f9fa;border-color:#007bff}._option_xe2rx_23:focus-within{background:#f8f9fa;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}._option_xe2rx_23._selected_xe2rx_50{background:#e3f2fd;border-color:#007bff}._option_xe2rx_23._selected_xe2rx_50 ._radioIndicator_xe2rx_54{background:#007bff;border-color:#007bff}._option_xe2rx_23._selected_xe2rx_50 ._radioIndicator_xe2rx_54:after{opacity:1;transform:scale(1)}._option_xe2rx_23._optionDisabled_xe2rx_62{opacity:.5;cursor:not-allowed;pointer-events:none}._option_xe2rx_23._optionDisabled_xe2rx_62:hover{background:#fff;border-color:#dee2e6}._radioInput_xe2rx_72{position:absolute;opacity:0;width:0;height:0;margin:0}._radioInput_xe2rx_72:focus+._optionContent_xe2rx_79{outline:2px solid #007bff;outline-offset:2px}._optionContent_xe2rx_79{flex:1;display:flex;flex-direction:column;gap:4px}._optionLabel_xe2rx_91{font-size:14px;font-weight:500;color:#343a40;line-height:1.4}._optionDescription_xe2rx_98{font-size:12px;color:#6c757d;line-height:1.3}._radioIndicator_xe2rx_54{width:18px;height:18px;border:2px solid #ced4da;border-radius:50%;background:#fff;transition:all .2s ease;position:relative;flex-shrink:0;margin-top:1px}._radioIndicator_xe2rx_54:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:#fff;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:all .2s ease;opacity:0}.accessibility-high-contrast ._fontSizeControl_xe2rx_9 ._title_xe2rx_12{color:#fff!important}.accessibility-high-contrast ._fontSizeControl_xe2rx_9 ._option_xe2rx_23{background:#000!important;border-color:#fff!important;color:#fff!important}.accessibility-high-contrast ._fontSizeControl_xe2rx_9 ._option_xe2rx_23:hover,.accessibility-high-contrast ._fontSizeControl_xe2rx_9 ._option_xe2rx_23:focus-within{background:#343a40!important}.accessibility-high-contrast ._fontSizeControl_xe2rx_9 ._option_xe2rx_23._selected_xe2rx_50{background:#343a40!important}.accessibility-high-contrast ._fontSizeControl_xe2rx_9 ._optionLabel_xe2rx_91{color:#fff!important}.accessibility-high-contrast ._fontSizeControl_xe2rx_9 ._optionDescription_xe2rx_98{color:#ced4da!important}.accessibility-high-contrast ._fontSizeControl_xe2rx_9 ._radioIndicator_xe2rx_54{border-color:#fff!important;background:#000!important}.accessibility-high-contrast ._fontSizeControl_xe2rx_9 ._radioIndicator_xe2rx_54:after{background:#fff!important}._imageControl_rczak_9{margin-bottom:16px}._imageControl_rczak_9._disabled_rczak_12 ._title_rczak_12{opacity:.6}._title_rczak_12{font-size:14px;font-weight:600;margin:0 0 12px;color:#343a40}._switchContainer_rczak_23{display:flex;flex-direction:column;gap:8px}._switchLabel_rczak_29{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border:1px solid #dee2e6;border-radius:6px;transition:all .2s ease;background:#fff}._switchLabel_rczak_29:hover{background:#f8f9fa;border-color:#007bff}._switchLabel_rczak_29:focus-within{background:#f8f9fa;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}._switchLabel_rczak_29._switchDisabled_rczak_49{opacity:.5;cursor:not-allowed;pointer-events:none}._switchLabel_rczak_29._switchDisabled_rczak_49:hover{background:#fff;border-color:#dee2e6}._switchInput_rczak_59{position:absolute;opacity:0;width:0;height:0;margin:0}._switchInput_rczak_59:focus+._switchSlider_rczak_66{box-shadow:0 0 0 2px #007bff40}._switchInput_rczak_59:checked+._switchSlider_rczak_66{background:#007bff}._switchInput_rczak_59:checked+._switchSlider_rczak_66 ._switchThumb_rczak_72{transform:translate(20px)}._switchSlider_rczak_66{position:relative;width:44px;height:24px;background:#ced4da;border-radius:12px;transition:all .2s ease;flex-shrink:0}._switchThumb_rczak_72{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0003}._switchText_rczak_98{font-size:14px;font-weight:500;color:#343a40;line-height:1.4;flex:1}._description_rczak_106{font-size:12px;color:#6c757d;line-height:1.3;margin:0;padding-left:56px}.accessibility-high-contrast ._imageControl_rczak_9 ._title_rczak_12{color:#fff!important}.accessibility-high-contrast ._imageControl_rczak_9 ._switchLabel_rczak_29{background:#000!important;border-color:#fff!important;color:#fff!important}.accessibility-high-contrast ._imageControl_rczak_9 ._switchLabel_rczak_29:hover,.accessibility-high-contrast ._imageControl_rczak_9 ._switchLabel_rczak_29:focus-within{background:#343a40!important}.accessibility-high-contrast ._imageControl_rczak_9 ._switchText_rczak_98{color:#fff!important}.accessibility-high-contrast ._imageControl_rczak_9 ._description_rczak_106{color:#ced4da!important}.accessibility-high-contrast ._imageControl_rczak_9 ._switchSlider_rczak_66{background:#6c757d!important;border:1px solid #ffffff!important}.accessibility-high-contrast ._imageControl_rczak_9 ._switchInput_rczak_59:checked+._switchSlider_rczak_66{background:#fff!important}.accessibility-high-contrast ._imageControl_rczak_9 ._switchInput_rczak_59:checked+._switchSlider_rczak_66 ._switchThumb_rczak_72{background:#000!important}.accessibility-high-contrast ._imageControl_rczak_9 ._switchThumb_rczak_72{background:#fff!important;border:1px solid #000000!important}._stickyContainer_1xqyi_9{position:fixed;top:70px;right:0;left:0;pointer-events:none;z-index:1000}@media (max-width: 767px){._stickyContainer_1xqyi_9{top:60px}}._panel_1xqyi_23{position:sticky;top:20px;width:360px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);background:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden;display:flex;flex-direction:column;pointer-events:auto}._panel_1xqyi_23._topRight_1xqyi_38{margin-left:auto;margin-right:20px}._panel_1xqyi_23._topLeft_1xqyi_42{margin-left:20px;margin-right:auto}@media (max-width: 767px){._panel_1xqyi_23{width:calc(100vw - 32px);max-height:calc(100vh - 100px);margin-left:16px;margin-right:16px}._panel_1xqyi_23._topRight_1xqyi_38,._panel_1xqyi_23._topLeft_1xqyi_42{margin-left:16px;margin-right:16px}}._header_1xqyi_59{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e9ecef;background:#f8f9fa}._title_1xqyi_68{margin:0;font-size:18px;font-weight:600;color:#343a40;line-height:1.3}._closeButton_1xqyi_76{background:none;border:none;font-size:24px;font-weight:300;color:#6c757d;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}._closeButton_1xqyi_76:hover{background:#e9ecef;color:#343a40}._closeButton_1xqyi_76:focus{outline:2px solid #007bff;outline-offset:2px;background:#e9ecef;color:#343a40}._closeButton_1xqyi_76:active{background:#dee2e6}._description_1xqyi_107{padding:16px 24px 0;font-size:14px;color:#6c757d;line-height:1.4;margin:0}._content_1xqyi_115{flex:1;padding:20px 24px 24px;overflow-y:auto}._content_1xqyi_115::-webkit-scrollbar{width:6px}._content_1xqyi_115::-webkit-scrollbar-track{background:#e9ecef;border-radius:3px}._content_1xqyi_115::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}._content_1xqyi_115::-webkit-scrollbar-thumb:hover{background:#adb5bd}._controls_1xqyi_135{display:flex;flex-direction:column;gap:4px}.accessibility-high-contrast ._panel_1xqyi_23{background:#000!important;border-color:#fff!important;color:#fff!important}.accessibility-high-contrast ._panel_1xqyi_23 ._header_1xqyi_59{background:#000!important;border-bottom-color:#fff!important}.accessibility-high-contrast ._panel_1xqyi_23 ._title_1xqyi_68{color:#fff!important}.accessibility-high-contrast ._panel_1xqyi_23 ._closeButton_1xqyi_76{color:#fff!important;border:1px solid #ffffff!important}.accessibility-high-contrast ._panel_1xqyi_23 ._closeButton_1xqyi_76:hover,.accessibility-high-contrast ._panel_1xqyi_23 ._closeButton_1xqyi_76:focus{background:#343a40!important;color:#ff0!important}.accessibility-high-contrast ._panel_1xqyi_23 ._closeButton_1xqyi_76:active{background:#6c757d!important}.accessibility-high-contrast ._panel_1xqyi_23 ._description_1xqyi_107{color:#ced4da!important}.accessibility-high-contrast ._panel_1xqyi_23 ._content_1xqyi_115::-webkit-scrollbar-track{background:#343a40!important}.accessibility-high-contrast ._panel_1xqyi_23 ._content_1xqyi_115::-webkit-scrollbar-thumb{background:#6c757d!important}.accessibility-high-contrast ._panel_1xqyi_23 ._content_1xqyi_115::-webkit-scrollbar-thumb:hover{background:#adb5bd!important}@keyframes _slideIn_1xqyi_1{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}._panel_1xqyi_23{animation:_slideIn_1xqyi_1 .2s ease}

package/dist/types/index.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Типы для панели доступности
+ * Определяет интерфейсы и типы для настроек доступности
+ */
+export type ColorScheme = 'standard' | 'high-contrast' | 'grayscale';
+export type FontSize = 'small' | 'standard' | 'large';
+/**
+ * Интерфейс настроек доступности
+ */
+export interface AccessibilitySettings {
+    /** Включен ли режим доступности */
+    isEnabled: boolean;
+    /** Цветовая схема */
+    colorScheme: ColorScheme;
+    /** Размер шрифта */
+    fontSize: FontSize;
+    /** Показывать ли изображения */
+    showImages: boolean;
+}
+/**
+ * Контекст для управления настройками доступности
+ */
+export interface AccessibilityContextType {
+    /** Текущие настройки */
+    settings: AccessibilitySettings;
+    /** Обновление настроек */
+    updateSettings: (updates: Partial<AccessibilitySettings>) => void;
+    /** Сброс настроек к значениям по умолчанию */
+    resetSettings: () => void;
+    /** Загружены ли настройки из localStorage */
+    isLoaded: boolean;
+}
+/**
+ * Свойства основного компонента панели доступности
+ */
+export interface AccessibilityPanelProps {
+    /** Открыта ли панель */
+    isOpen: boolean;
+    /** Обработчик закрытия панели */
+    onClose: () => void;
+    /** Позиция панели относительно кнопки */
+    position?: 'top-right' | 'top-left';
+}
+/**
+ * Свойства компонентов управления настройками
+ */
+export interface ControlComponentProps {
+    /** Текущие настройки */
+    settings: AccessibilitySettings;
+    /** Обработчик обновления настроек */
+    onUpdate: (updates: Partial<AccessibilitySettings>) => void;
+}
+/**
+ * Настройки по умолчанию
+ */
+export declare const DEFAULT_ACCESSIBILITY_SETTINGS: AccessibilitySettings;
+/**
+ * Ключ для сохранения в localStorage
+ */
+export declare const STORAGE_KEY = "accessibility-settings";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,WAAW,CAAC;AACrE,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,mCAAmC;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,oBAAoB;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,gCAAgC;IAChC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,wBAAwB;IACxB,QAAQ,EAAE,qBAAqB,CAAC;IAChC,0BAA0B;IAC1B,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAC;IAClE,8CAA8C;IAC9C,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,6CAA6C;IAC7C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,wBAAwB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,iCAAiC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;CACrC;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,wBAAwB;IACxB,QAAQ,EAAE,qBAAqB,CAAC;IAChC,qCAAqC;IACrC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,eAAO,MAAM,8BAA8B,EAAE,qBAK5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,2BAA2B,CAAC"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "vision-accessibility",
+  "version": "1.0.0",
+  "description": "Универсальный компонент панели доступности для слабовидящих пользователей",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint src --ext .ts,.tsx",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "accessibility",
+    "a11y",
+    "vision",
+    "react",
+    "typescript",
+    "слабовидящие",
+    "доступность"
+  ],
+  "author": "Your Name",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react": "^4.0.0",
+    "eslint": "^8.0.0",
+    "eslint-plugin-react": "^7.0.0",
+    "eslint-plugin-react-hooks": "^4.0.0",
+    "sass": "^1.69.0",
+    "terser": "^5.46.0",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/your-username/vision-accessibility.git"
+  },
+  "bugs": {
+    "url": "https://github.com/your-username/vision-accessibility/issues"
+  },
+  "homepage": "https://github.com/your-username/vision-accessibility#readme"
+}

package/src/components/AccessibilityPanel/AccessibilityPanel.module.scss

@@ -0,0 +1,214 @@
+/**
+ * Стили для основного компонента панели доступности
+ * Реализует sticky панель с настройками доступности
+ */
+
+.stickyContainer {
+  position: fixed;
+  top: 70px;
+  right: 0;
+  left: 0;
+  pointer-events: none;
+  z-index: 1000;
+
+  // Адаптивность для мобильных устройств
+  @include respond-down(md) {
+    top: 60px;
+  }
+}
+
+.panel {
+  position: sticky;
+  top: 20px;
+  width: 360px;
+  max-width: calc(100vw - 40px);
+  max-height: calc(100vh - 40px);
+  background: $white;
+  border: 1px solid $gray-300;
+  border-radius: $border-radius-xl;
+  box-shadow: $shadow-lg;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  pointer-events: auto;
+
+  // Позиционирование панели
+  &.topRight {
+    margin-left: auto;
+    margin-right: $spacing-xl;
+  }
+
+  &.topLeft {
+    margin-left: $spacing-xl;
+    margin-right: auto;
+  }
+
+  // Адаптивность для мобильных устройств
+  @include respond-down(md) {
+    width: calc(100vw - 32px);
+    max-height: calc(100vh - 100px);
+    margin-left: $spacing-lg;
+    margin-right: $spacing-lg;
+    
+    &.topRight,
+    &.topLeft {
+      margin-left: $spacing-lg;
+      margin-right: $spacing-lg;
+    }
+  }
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: $spacing-xl $spacing-xxl $spacing-lg;
+  border-bottom: 1px solid $gray-200;
+  background: $gray-100;
+}
+
+.title {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: $gray-800;
+  line-height: 1.3;
+}
+
+.closeButton {
+  background: none;
+  border: none;
+  font-size: 24px;
+  font-weight: 300;
+  color: $gray-600;
+  cursor: pointer;
+  padding: $spacing-xs $spacing-sm;
+  border-radius: $spacing-xs;
+  transition: all $transition-fast;
+  line-height: 1;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &:hover {
+    background: $gray-200;
+    color: $gray-800;
+  }
+
+  &:focus {
+    outline: 2px solid $primary;
+    outline-offset: 2px;
+    background: $gray-200;
+    color: $gray-800;
+  }
+
+  &:active {
+    background: $gray-300;
+  }
+}
+
+.description {
+  padding: $spacing-lg $spacing-xxl 0;
+  font-size: 14px;
+  color: $gray-600;
+  line-height: 1.4;
+  margin: 0;
+}
+
+.content {
+  flex: 1;
+  padding: $spacing-xl $spacing-xxl $spacing-xxl;
+  overflow-y: auto;
+  
+  // Кастомный скроллбар
+  &::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: $gray-200;
+    border-radius: 3px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: $gray-400;
+    border-radius: 3px;
+
+    &:hover {
+      background: $gray-500;
+    }
+  }
+}
+
+.controls {
+  display: flex;
+  flex-direction: column;
+  gap: $spacing-xs;
+}
+
+// Высококонтрастная тема - адаптация стилей только для панели
+:global(.accessibility-high-contrast) .panel {
+  background: $black !important;
+  border-color: $white !important;
+  color: $white !important;
+
+  .header {
+    background: $black !important;
+    border-bottom-color: $white !important;
+  }
+
+  .title {
+    color: $white !important;
+  }
+
+  .closeButton {
+    color: $white !important;
+    border: 1px solid $white !important;
+
+    &:hover,
+    &:focus {
+      background: $gray-800 !important;
+      color: $yellow !important;
+    }
+
+    &:active {
+      background: $gray-600 !important;
+    }
+  }
+
+  .description {
+    color: $gray-400 !important;
+  }
+
+  .content {
+    &::-webkit-scrollbar-track {
+      background: $gray-800 !important;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: $gray-600 !important;
+
+      &:hover {
+        background: $gray-500 !important;
+      }
+    }
+  }
+}
+
+// Анимация появления панели
+@keyframes slideIn {
+  from {
+    opacity: 0;
+    transform: translateY(-10px) scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
+.panel {
+  animation: slideIn $transition-fast;
+}

package/src/components/AccessibilityPanel/AccessibilityPanel.tsx

@@ -0,0 +1,151 @@
+/**
+ * Основной компонент панели доступности
+ * Объединяет все подкомпоненты управления настройками доступности
+ * 
+ * Реализует требования:
+ * - 1.1: Отображение панели доступности при клике на кнопку
+ * - 1.2: Закрытие панели кликом вне области или по кнопке закрытия
+ * - 1.3: Скрытие панели без изменения текущих настроек
+ */
+
+import React, { useEffect, useRef } from 'react';
+import { AccessibilityPanelProps } from '../../types';
+import { AccessibilityProvider } from '../../context/AccessibilityContext';
+import { AccessibilityToggle } from '../AccessibilityToggle/AccessibilityToggle';
+import { ColorSchemeControl } from '../ColorSchemeControl/ColorSchemeControl';
+import { FontSizeControl } from '../FontSizeControl/FontSizeControl';
+import { ImageControl } from '../ImageControl/ImageControl';
+import styles from './AccessibilityPanel.module.scss';
+
+/**
+ * Внутренний компонент панели доступности
+ * Содержит всю логику панели, обернутый в провайдер контекста
+ */
+const AccessibilityPanelInner: React.FC<AccessibilityPanelProps> = ({
+  isOpen,
+  onClose,
+  position = 'top-right'
+}) => {
+  const panelRef = useRef<HTMLDivElement>(null);
+
+  /**
+   * Обработка клика вне области панели для закрытия
+   * Реализует требование 1.2: Закрытие панели кликом вне области
+   */
+  useEffect(() => {
+    if (!isOpen) return;
+
+    const handleClickOutside = (event: MouseEvent) => {
+      if (panelRef.current && !panelRef.current.contains(event.target as Node)) {
+        onClose();
+      }
+    };
+
+    // Добавляем обработчик с небольшой задержкой, чтобы избежать немедленного закрытия
+    const timeoutId = setTimeout(() => {
+      document.addEventListener('mousedown', handleClickOutside);
+    }, 100);
+
+    return () => {
+      clearTimeout(timeoutId);
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [isOpen, onClose]);
+
+  /**
+   * Обработка нажатия клавиши Escape для закрытия панели
+   * Реализует требование 1.2: Закрытие панели по клавише Escape
+   */
+  useEffect(() => {
+    if (!isOpen) return;
+
+    const handleEscapeKey = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') {
+        onClose();
+      }
+    };
+
+    document.addEventListener('keydown', handleEscapeKey);
+
+    return () => {
+      document.removeEventListener('keydown', handleEscapeKey);
+    };
+  }, [isOpen, onClose]);
+
+  /**
+   * Обработчик закрытия панели по кнопке
+   * 
+   * @param event - Событие клика
+   */
+  const handleCloseClick = (event: React.MouseEvent) => {
+    event.preventDefault();
+    event.stopPropagation();
+    onClose();
+  };
+
+  // Если панель закрыта, не рендерим её
+  if (!isOpen) {
+    return null;
+  }
+
+  return (
+    <div className={`${styles.stickyContainer} accessibility-panel-container`}>
+      <div 
+        ref={panelRef}
+        className={`${styles.panel} ${styles[position]}`}
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="accessibility-panel-title"
+        aria-describedby="accessibility-panel-description"
+      >
+        <div className={styles.header}>
+          <h3 id="accessibility-panel-title" className={styles.title}>
+            Настройки доступности
+          </h3>
+          
+          <button
+            onClick={handleCloseClick}
+            className={styles.closeButton}
+            aria-label="Закрыть панель настроек доступности"
+            type="button"
+          >
+            ×
+          </button>
+        </div>
+
+        <div 
+          id="accessibility-panel-description" 
+          className={styles.description}
+        >
+          Настройте отображение страницы для улучшения доступности
+        </div>
+
+        <div className={styles.content}>
+          <AccessibilityToggle />
+          
+          <div className={styles.controls}>
+            <ColorSchemeControl />
+            <FontSizeControl />
+            <ImageControl />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+/**
+ * Основной компонент панели доступности с провайдером контекста
+ * 
+ * @param props - Свойства компонента
+ * @returns JSX элемент с полной панелью настроек доступности
+ */
+export const AccessibilityPanel: React.FC<AccessibilityPanelProps> = (props) => {
+  return (
+    <AccessibilityProvider>
+      <AccessibilityPanelInner {...props} />
+    </AccessibilityProvider>
+  );
+};
+
+export default AccessibilityPanel;