accessify-widget 0.1.0 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "accessify-widget",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Accessify-Widget accessibility widget for any website",
   "license": "MIT",
   "homepage": "https://github.com/maddesv1-ctrl/accessify-widget",
@@ -36,6 +36,14 @@
     "dist/",
     "README.md"
   ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build && BUILD_WIDGET=true vite build && node scripts/build-loader.js",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:e2e": "playwright test",
+    "lint": "eslint src/ --ext .ts,.svelte"
+  },
   "devDependencies": {
     "@axe-core/playwright": "^4.9.0",
     "@playwright/test": "^1.45.0",
@@ -49,13 +57,5 @@
   },
   "dependencies": {
     "axe-core": "^4.9.0"
-  },
-  "scripts": {
-    "dev": "vite build --watch",
-    "build": "vite build && BUILD_WIDGET=true vite build && node scripts/build-loader.js",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:e2e": "playwright test",
-    "lint": "eslint src/ --ext .ts,.svelte"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2026 Accessify Contributors
-
-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/dist/color-blind-0LFng55r.js

@@ -1,108 +0,0 @@
-const COLOR_MATRICES = {
-  protanopia: `
-    0.567, 0.433, 0,     0, 0
-    0.558, 0.442, 0,     0, 0
-    0,     0.242, 0.758, 0, 0
-    0,     0,     0,     1, 0
-  `,
-  deuteranopia: `
-    0.625, 0.375, 0,   0, 0
-    0.7,   0.3,   0,   0, 0
-    0,     0.3,   0.7, 0, 0
-    0,     0,     0,   1, 0
-  `,
-  tritanopia: `
-    0.95, 0.05,  0,     0, 0
-    0,    0.433, 0.567, 0, 0
-    0,    0.475, 0.525, 0, 0
-    0,    0,     0,     1, 0
-  `,
-  achromatopsia: `
-    0.299, 0.587, 0.114, 0, 0
-    0.299, 0.587, 0.114, 0, 0
-    0.299, 0.587, 0.114, 0, 0
-    0,     0,     0,     1, 0
-  `
-};
-const MODE_LABELS = {
-  protanopia: "Protanopia (Red-blind)",
-  deuteranopia: "Deuteranopia (Green-blind)",
-  tritanopia: "Tritanopia (Blue-blind)",
-  achromatopsia: "Achromatopsia (Total color blindness)"
-};
-function createColorBlindModule() {
-  let currentMode = "off";
-  const SVG_ID = "accessify-colorblind-svg";
-  const STYLE_ID = "accessify-colorblind-style";
-  const STORAGE_KEY = "accessify-colorblind-mode";
-  function createSvgFilter(mode) {
-    const filterId = `accessify-filter-${mode}`;
-    return `
-      <svg id="${SVG_ID}" xmlns="http://www.w3.org/2000/svg" style="position:absolute;width:0;height:0;overflow:hidden;">
-        <defs>
-          <filter id="${filterId}" color-interpolation-filters="sRGB">
-            <feColorMatrix type="matrix" values="${COLOR_MATRICES[mode]}" />
-          </filter>
-        </defs>
-      </svg>
-    `;
-  }
-  function applyFilter(mode) {
-    document.getElementById(SVG_ID)?.remove();
-    document.getElementById(STYLE_ID)?.remove();
-    if (mode === "off") return;
-    const filterId = `accessify-filter-${mode}`;
-    const svgContainer = document.createElement("div");
-    svgContainer.innerHTML = createSvgFilter(mode);
-    const svgEl = svgContainer.firstElementChild;
-    if (svgEl) {
-      document.body.appendChild(svgEl);
-    }
-    const styleEl = document.createElement("style");
-    styleEl.id = STYLE_ID;
-    styleEl.textContent = `
-      /* accessify color blindness filter: ${MODE_LABELS[mode]} */
-      html {
-        filter: url(#${filterId}) !important;
-      }
-    `;
-    document.head.appendChild(styleEl);
-  }
-  function activate() {
-    const saved = localStorage.getItem(STORAGE_KEY);
-    currentMode = saved && saved !== "off" ? saved : "protanopia";
-    applyFilter(currentMode);
-  }
-  function deactivate() {
-    currentMode = "off";
-    applyFilter("off");
-    localStorage.removeItem(STORAGE_KEY);
-  }
-  return {
-    id: "color-blind",
-    name: () => "Color Blindness",
-    description: "Apply color vision deficiency filters for testing and correction",
-    icon: "color-blind",
-    category: "visual",
-    activate,
-    deactivate,
-    getState: () => ({
-      id: "color-blind",
-      enabled: currentMode !== "off",
-      value: currentMode
-    }),
-    setState: (mode) => {
-      currentMode = mode;
-      applyFilter(mode);
-      if (mode === "off") {
-        localStorage.removeItem(STORAGE_KEY);
-      } else {
-        localStorage.setItem(STORAGE_KEY, mode);
-      }
-    }
-  };
-}
-export {
-  createColorBlindModule as default
-};
-//# sourceMappingURL=color-blind-0LFng55r.js.map

package/dist/color-blind-0LFng55r.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-blind-0LFng55r.js","sources":["../src/features/color-blind.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\n\ntype ColorBlindMode = 'off' | 'protanopia' | 'deuteranopia' | 'tritanopia' | 'achromatopsia';\n\n/**\n * Color matrix values for simulating / correcting color vision deficiencies.\n * These are standard color transformation matrices used in accessibility tools.\n */\nconst COLOR_MATRICES: Record<Exclude<ColorBlindMode, 'off'>, string> = {\n  protanopia: `\n    0.567, 0.433, 0,     0, 0\n    0.558, 0.442, 0,     0, 0\n    0,     0.242, 0.758, 0, 0\n    0,     0,     0,     1, 0\n  `,\n  deuteranopia: `\n    0.625, 0.375, 0,   0, 0\n    0.7,   0.3,   0,   0, 0\n    0,     0.3,   0.7, 0, 0\n    0,     0,     0,   1, 0\n  `,\n  tritanopia: `\n    0.95, 0.05,  0,     0, 0\n    0,    0.433, 0.567, 0, 0\n    0,    0.475, 0.525, 0, 0\n    0,    0,     0,     1, 0\n  `,\n  achromatopsia: `\n    0.299, 0.587, 0.114, 0, 0\n    0.299, 0.587, 0.114, 0, 0\n    0.299, 0.587, 0.114, 0, 0\n    0,     0,     0,     1, 0\n  `,\n};\n\nconst MODE_LABELS: Record<Exclude<ColorBlindMode, 'off'>, string> = {\n  protanopia: 'Protanopia (Red-blind)',\n  deuteranopia: 'Deuteranopia (Green-blind)',\n  tritanopia: 'Tritanopia (Blue-blind)',\n  achromatopsia: 'Achromatopsia (Total color blindness)',\n};\n\nexport default function createColorBlindModule(): FeatureModule {\n  let currentMode: ColorBlindMode = 'off';\n  const SVG_ID = 'accessify-colorblind-svg';\n  const STYLE_ID = 'accessify-colorblind-style';\n  const STORAGE_KEY = 'accessify-colorblind-mode';\n\n  function createSvgFilter(mode: Exclude<ColorBlindMode, 'off'>): string {\n    const filterId = `accessify-filter-${mode}`;\n    return `\n      <svg id=\"${SVG_ID}\" xmlns=\"http://www.w3.org/2000/svg\" style=\"position:absolute;width:0;height:0;overflow:hidden;\">\n        <defs>\n          <filter id=\"${filterId}\" color-interpolation-filters=\"sRGB\">\n            <feColorMatrix type=\"matrix\" values=\"${COLOR_MATRICES[mode]}\" />\n          </filter>\n        </defs>\n      </svg>\n    `;\n  }\n\n  function applyFilter(mode: ColorBlindMode) {\n    // Remove existing SVG and styles\n    document.getElementById(SVG_ID)?.remove();\n    document.getElementById(STYLE_ID)?.remove();\n\n    if (mode === 'off') return;\n\n    const filterId = `accessify-filter-${mode}`;\n\n    // Inject inline SVG with filter definition\n    const svgContainer = document.createElement('div');\n    svgContainer.innerHTML = createSvgFilter(mode);\n    const svgEl = svgContainer.firstElementChild;\n    if (svgEl) {\n      document.body.appendChild(svgEl);\n    }\n\n    // Apply CSS filter referencing the SVG filter\n    const styleEl = document.createElement('style');\n    styleEl.id = STYLE_ID;\n    styleEl.textContent = `\n      /* accessify color blindness filter: ${MODE_LABELS[mode]} */\n      html {\n        filter: url(#${filterId}) !important;\n      }\n    `;\n    document.head.appendChild(styleEl);\n  }\n\n  function activate() {\n    const saved = localStorage.getItem(STORAGE_KEY) as ColorBlindMode;\n    currentMode = saved && saved !== 'off' ? saved : 'protanopia';\n    applyFilter(currentMode);\n  }\n\n  function deactivate() {\n    currentMode = 'off';\n    applyFilter('off');\n    localStorage.removeItem(STORAGE_KEY);\n  }\n\n  return {\n    id: 'color-blind',\n    name: () => 'Color Blindness',\n    description: 'Apply color vision deficiency filters for testing and correction',\n    icon: 'color-blind',\n    category: 'visual',\n    activate,\n    deactivate,\n    getState: (): FeatureState => ({\n      id: 'color-blind',\n      enabled: currentMode !== 'off',\n      value: currentMode,\n    }),\n    setState: (mode: ColorBlindMode) => {\n      currentMode = mode;\n      applyFilter(mode);\n      if (mode === 'off') {\n        localStorage.removeItem(STORAGE_KEY);\n      } else {\n        localStorage.setItem(STORAGE_KEY, mode);\n      }\n    },\n  };\n}\n"],"names":[],"mappings":"AAQA,MAAM,iBAAiE;AAAA,EACrE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMd,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAMjB;AAEA,MAAM,cAA8D;AAAA,EAClE,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AACjB;AAEA,SAAwB,yBAAwC;AAC9D,MAAI,cAA8B;AAClC,QAAM,SAAS;AACf,QAAM,WAAW;AACjB,QAAM,cAAc;AAEpB,WAAS,gBAAgB,MAA8C;AACrE,UAAM,WAAW,oBAAoB,IAAI;AACzC,WAAO;AAAA,iBACM,MAAM;AAAA;AAAA,wBAEC,QAAQ;AAAA,mDACmB,eAAe,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKrE;AAEA,WAAS,YAAY,MAAsB;AAEzC,aAAS,eAAe,MAAM,GAAG,OAAA;AACjC,aAAS,eAAe,QAAQ,GAAG,OAAA;AAEnC,QAAI,SAAS,MAAO;AAEpB,UAAM,WAAW,oBAAoB,IAAI;AAGzC,UAAM,eAAe,SAAS,cAAc,KAAK;AACjD,iBAAa,YAAY,gBAAgB,IAAI;AAC7C,UAAM,QAAQ,aAAa;AAC3B,QAAI,OAAO;AACT,eAAS,KAAK,YAAY,KAAK;AAAA,IACjC;AAGA,UAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,YAAQ,KAAK;AACb,YAAQ,cAAc;AAAA,6CACmB,YAAY,IAAI,CAAC;AAAA;AAAA,uBAEvC,QAAQ;AAAA;AAAA;AAG3B,aAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AAEA,WAAS,WAAW;AAClB,UAAM,QAAQ,aAAa,QAAQ,WAAW;AAC9C,kBAAc,SAAS,UAAU,QAAQ,QAAQ;AACjD,gBAAY,WAAW;AAAA,EACzB;AAEA,WAAS,aAAa;AACpB,kBAAc;AACd,gBAAY,KAAK;AACjB,iBAAa,WAAW,WAAW;AAAA,EACrC;AAEA,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU,OAAqB;AAAA,MAC7B,IAAI;AAAA,MACJ,SAAS,gBAAgB;AAAA,MACzB,OAAO;AAAA,IAAA;AAAA,IAET,UAAU,CAAC,SAAyB;AAClC,oBAAc;AACd,kBAAY,IAAI;AAChB,UAAI,SAAS,OAAO;AAClB,qBAAa,WAAW,WAAW;AAAA,MACrC,OAAO;AACL,qBAAa,QAAQ,aAAa,IAAI;AAAA,MACxC;AAAA,IACF;AAAA,EAAA;AAEJ;"}

package/dist/contrast-DCkE0NXZ.js

@@ -1,64 +0,0 @@
-function createContrastModule() {
-  let currentMode = "off";
-  const STYLE_ID = "accessify-contrast";
-  const STORAGE_KEY = "accessify-contrast-mode";
-  function getStyles(mode) {
-    switch (mode) {
-      case "high":
-        return `
-          html { filter: contrast(1.5) !important; }
-          body { background: #000 !important; color: #fff !important; }
-          a { color: #ffff00 !important; }
-          img { filter: contrast(1.2) !important; }
-        `;
-      case "enhanced":
-        return `
-          html { filter: contrast(1.25) !important; }
-        `;
-      default:
-        return "";
-    }
-  }
-  function applyStyles(mode) {
-    let styleEl = document.getElementById(STYLE_ID);
-    if (mode === "off") {
-      styleEl?.remove();
-      return;
-    }
-    if (!styleEl) {
-      styleEl = document.createElement("style");
-      styleEl.id = STYLE_ID;
-      document.head.appendChild(styleEl);
-    }
-    styleEl.textContent = getStyles(mode);
-  }
-  function activate() {
-    const saved = localStorage.getItem(STORAGE_KEY);
-    currentMode = saved || "high";
-    applyStyles(currentMode);
-  }
-  function deactivate() {
-    currentMode = "off";
-    applyStyles("off");
-    localStorage.removeItem(STORAGE_KEY);
-  }
-  return {
-    id: "contrast",
-    name: () => "Contrast",
-    description: "Increase contrast for better readability",
-    icon: "contrast",
-    category: "visual",
-    activate,
-    deactivate,
-    getState: () => ({ id: "contrast", enabled: currentMode !== "off", value: currentMode }),
-    setState: (mode) => {
-      currentMode = mode;
-      applyStyles(mode);
-      localStorage.setItem(STORAGE_KEY, mode);
-    }
-  };
-}
-export {
-  createContrastModule as default
-};
-//# sourceMappingURL=contrast-DCkE0NXZ.js.map

package/dist/contrast-DCkE0NXZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contrast-DCkE0NXZ.js","sources":["../src/features/contrast.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\n\ntype ContrastMode = 'off' | 'high' | 'enhanced' | 'custom';\n\nexport default function createContrastModule(): FeatureModule {\n  let currentMode: ContrastMode = 'off';\n  const STYLE_ID = 'accessify-contrast';\n  const STORAGE_KEY = 'accessify-contrast-mode';\n\n  function getStyles(mode: ContrastMode): string {\n    switch (mode) {\n      case 'high':\n        return `\n          html { filter: contrast(1.5) !important; }\n          body { background: #000 !important; color: #fff !important; }\n          a { color: #ffff00 !important; }\n          img { filter: contrast(1.2) !important; }\n        `;\n      case 'enhanced':\n        return `\n          html { filter: contrast(1.25) !important; }\n        `;\n      default:\n        return '';\n    }\n  }\n\n  function applyStyles(mode: ContrastMode) {\n    let styleEl = document.getElementById(STYLE_ID);\n    if (mode === 'off') {\n      styleEl?.remove();\n      return;\n    }\n    if (!styleEl) {\n      styleEl = document.createElement('style');\n      styleEl.id = STYLE_ID;\n      document.head.appendChild(styleEl);\n    }\n    styleEl.textContent = getStyles(mode);\n  }\n\n  function activate() {\n    const saved = localStorage.getItem(STORAGE_KEY) as ContrastMode;\n    currentMode = saved || 'high';\n    applyStyles(currentMode);\n  }\n\n  function deactivate() {\n    currentMode = 'off';\n    applyStyles('off');\n    localStorage.removeItem(STORAGE_KEY);\n  }\n\n  return {\n    id: 'contrast',\n    name: () => 'Contrast',\n    description: 'Increase contrast for better readability',\n    icon: 'contrast',\n    category: 'visual',\n    activate,\n    deactivate,\n    getState: (): FeatureState => ({ id: 'contrast', enabled: currentMode !== 'off', value: currentMode }),\n    setState: (mode: ContrastMode) => {\n      currentMode = mode;\n      applyStyles(mode);\n      localStorage.setItem(STORAGE_KEY, mode);\n    },\n  };\n}\n"],"names":[],"mappings":"AAIA,SAAwB,uBAAsC;AAC5D,MAAI,cAA4B;AAChC,QAAM,WAAW;AACjB,QAAM,cAAc;AAEpB,WAAS,UAAU,MAA4B;AAC7C,YAAQ,MAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,KAAK;AACH,eAAO;AAAA;AAAA;AAAA,MAGT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,WAAS,YAAY,MAAoB;AACvC,QAAI,UAAU,SAAS,eAAe,QAAQ;AAC9C,QAAI,SAAS,OAAO;AAClB,eAAS,OAAA;AACT;AAAA,IACF;AACA,QAAI,CAAC,SAAS;AACZ,gBAAU,SAAS,cAAc,OAAO;AACxC,cAAQ,KAAK;AACb,eAAS,KAAK,YAAY,OAAO;AAAA,IACnC;AACA,YAAQ,cAAc,UAAU,IAAI;AAAA,EACtC;AAEA,WAAS,WAAW;AAClB,UAAM,QAAQ,aAAa,QAAQ,WAAW;AAC9C,kBAAc,SAAS;AACvB,gBAAY,WAAW;AAAA,EACzB;AAEA,WAAS,aAAa;AACpB,kBAAc;AACd,gBAAY,KAAK;AACjB,iBAAa,WAAW,WAAW;AAAA,EACrC;AAEA,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU,OAAqB,EAAE,IAAI,YAAY,SAAS,gBAAgB,OAAO,OAAO;IACxF,UAAU,CAAC,SAAuB;AAChC,oBAAc;AACd,kBAAY,IAAI;AAChB,mBAAa,QAAQ,aAAa,IAAI;AAAA,IACxC;AAAA,EAAA;AAEJ;"}

package/dist/dyslexia-font-wONgIy2T.js

@@ -1,77 +0,0 @@
-function createDyslexiaFontModule() {
-  let enabled = false;
-  let fontLoaded = false;
-  const STYLE_ID = "accessify-dyslexia-font";
-  const STORAGE_KEY = "accessify-dyslexia-font";
-  const FONT_URL = "https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/open-dyslexic-regular.woff2";
-  const FONT_FAMILY = "OpenDyslexic";
-  async function loadFont() {
-    if (fontLoaded) return;
-    try {
-      const font = new FontFace(FONT_FAMILY, `url(${FONT_URL})`, {
-        style: "normal",
-        weight: "400",
-        display: "swap"
-      });
-      const loadedFont = await font.load();
-      document.fonts.add(loadedFont);
-      fontLoaded = true;
-    } catch (err) {
-      console.warn("[accessify] Failed to load OpenDyslexic font:", err);
-    }
-  }
-  function applyFont() {
-    let styleEl = document.getElementById(STYLE_ID);
-    if (!styleEl) {
-      styleEl = document.createElement("style");
-      styleEl.id = STYLE_ID;
-      document.head.appendChild(styleEl);
-    }
-    styleEl.textContent = `
-      /* accessify dyslexia-friendly font */
-      body, body * {
-        font-family: '${FONT_FAMILY}', sans-serif !important;
-      }
-    `;
-  }
-  function removeFont() {
-    const styleEl = document.getElementById(STYLE_ID);
-    styleEl?.remove();
-  }
-  async function activate() {
-    enabled = true;
-    await loadFont();
-    applyFont();
-    localStorage.setItem(STORAGE_KEY, "true");
-  }
-  function deactivate() {
-    enabled = false;
-    removeFont();
-    localStorage.removeItem(STORAGE_KEY);
-  }
-  return {
-    id: "dyslexia-font",
-    name: () => "Dyslexia Font",
-    description: "Apply OpenDyslexic font for improved readability",
-    icon: "dyslexia-font",
-    category: "cognitive",
-    activate,
-    deactivate,
-    getState: () => ({
-      id: "dyslexia-font",
-      enabled,
-      value: { fontLoaded }
-    }),
-    setState: (state) => {
-      if (state.enabled) {
-        activate();
-      } else {
-        deactivate();
-      }
-    }
-  };
-}
-export {
-  createDyslexiaFontModule as default
-};
-//# sourceMappingURL=dyslexia-font-wONgIy2T.js.map

package/dist/dyslexia-font-wONgIy2T.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dyslexia-font-wONgIy2T.js","sources":["../src/features/dyslexia-font.ts"],"sourcesContent":["import type { FeatureModule, FeatureState } from '../types';\n\nexport default function createDyslexiaFontModule(): FeatureModule {\n  let enabled = false;\n  let fontLoaded = false;\n  const STYLE_ID = 'accessify-dyslexia-font';\n  const STORAGE_KEY = 'accessify-dyslexia-font';\n  const FONT_URL = 'https://cdn.jsdelivr.net/npm/open-dyslexic@1.0.3/open-dyslexic-regular.woff2';\n  const FONT_FAMILY = 'OpenDyslexic';\n\n  async function loadFont(): Promise<void> {\n    if (fontLoaded) return;\n    try {\n      const font = new FontFace(FONT_FAMILY, `url(${FONT_URL})`, {\n        style: 'normal',\n        weight: '400',\n        display: 'swap',\n      });\n      const loadedFont = await font.load();\n      document.fonts.add(loadedFont);\n      fontLoaded = true;\n    } catch (err) {\n      console.warn('[accessify] Failed to load OpenDyslexic font:', err);\n    }\n  }\n\n  function applyFont() {\n    let styleEl = document.getElementById(STYLE_ID);\n    if (!styleEl) {\n      styleEl = document.createElement('style');\n      styleEl.id = STYLE_ID;\n      document.head.appendChild(styleEl);\n    }\n    styleEl.textContent = `\n      /* accessify dyslexia-friendly font */\n      body, body * {\n        font-family: '${FONT_FAMILY}', sans-serif !important;\n      }\n    `;\n  }\n\n  function removeFont() {\n    const styleEl = document.getElementById(STYLE_ID);\n    styleEl?.remove();\n  }\n\n  async function activate() {\n    enabled = true;\n    await loadFont();\n    applyFont();\n    localStorage.setItem(STORAGE_KEY, 'true');\n  }\n\n  function deactivate() {\n    enabled = false;\n    removeFont();\n    localStorage.removeItem(STORAGE_KEY);\n  }\n\n  return {\n    id: 'dyslexia-font',\n    name: () => 'Dyslexia Font',\n    description: 'Apply OpenDyslexic font for improved readability',\n    icon: 'dyslexia-font',\n    category: 'cognitive',\n    activate,\n    deactivate,\n    getState: (): FeatureState => ({\n      id: 'dyslexia-font',\n      enabled,\n      value: { fontLoaded },\n    }),\n    setState: (state: { enabled: boolean }) => {\n      if (state.enabled) {\n        activate();\n      } else {\n        deactivate();\n      }\n    },\n  };\n}\n"],"names":[],"mappings":"AAEA,SAAwB,2BAA0C;AAChE,MAAI,UAAU;AACd,MAAI,aAAa;AACjB,QAAM,WAAW;AACjB,QAAM,cAAc;AACpB,QAAM,WAAW;AACjB,QAAM,cAAc;AAEpB,iBAAe,WAA0B;AACvC,QAAI,WAAY;AAChB,QAAI;AACF,YAAM,OAAO,IAAI,SAAS,aAAa,OAAO,QAAQ,KAAK;AAAA,QACzD,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,MAAA,CACV;AACD,YAAM,aAAa,MAAM,KAAK,KAAA;AAC9B,eAAS,MAAM,IAAI,UAAU;AAC7B,mBAAa;AAAA,IACf,SAAS,KAAK;AACZ,cAAQ,KAAK,iDAAiD,GAAG;AAAA,IACnE;AAAA,EACF;AAEA,WAAS,YAAY;AACnB,QAAI,UAAU,SAAS,eAAe,QAAQ;AAC9C,QAAI,CAAC,SAAS;AACZ,gBAAU,SAAS,cAAc,OAAO;AACxC,cAAQ,KAAK;AACb,eAAS,KAAK,YAAY,OAAO;AAAA,IACnC;AACA,YAAQ,cAAc;AAAA;AAAA;AAAA,wBAGF,WAAW;AAAA;AAAA;AAAA,EAGjC;AAEA,WAAS,aAAa;AACpB,UAAM,UAAU,SAAS,eAAe,QAAQ;AAChD,aAAS,OAAA;AAAA,EACX;AAEA,iBAAe,WAAW;AACxB,cAAU;AACV,UAAM,SAAA;AACN,cAAA;AACA,iBAAa,QAAQ,aAAa,MAAM;AAAA,EAC1C;AAEA,WAAS,aAAa;AACpB,cAAU;AACV,eAAA;AACA,iBAAa,WAAW,WAAW;AAAA,EACrC;AAEA,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,MAAM,MAAM;AAAA,IACZ,aAAa;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,UAAU,OAAqB;AAAA,MAC7B,IAAI;AAAA,MACJ;AAAA,MACA,OAAO,EAAE,WAAA;AAAA,IAAW;AAAA,IAEtB,UAAU,CAAC,UAAgC;AACzC,UAAI,MAAM,SAAS;AACjB,iBAAA;AAAA,MACF,OAAO;AACL,mBAAA;AAAA,MACF;AAAA,IACF;AAAA,EAAA;AAEJ;"}