ngp-accessibility 1.0.1 → 1.0.2

package/dist/AccessibilityContext.d.ts

@@ -0,0 +1,32 @@
+import React, { ReactNode } from 'react';
+import { Language, TranslationKey } from './translations';
+interface AccessibilityState {
+    language: Language;
+    textSize: number;
+    highContrast: boolean;
+    negativeContrast: boolean;
+    lightBackground: boolean;
+    underlineLinks: boolean;
+    readableFont: boolean;
+    voiceEnabled: boolean;
+}
+interface AccessibilityContextType extends AccessibilityState {
+    setLanguage: (lang: Language) => void;
+    increaseText: () => void;
+    decreaseText: () => void;
+    toggleHighContrast: () => void;
+    toggleNegativeContrast: () => void;
+    toggleLightBackground: () => void;
+    toggleUnderlineLinks: () => void;
+    toggleReadableFont: () => void;
+    toggleVoice: () => void;
+    translate: (key: TranslationKey) => string;
+    t: (key: string) => string;
+}
+interface AccessibilityProviderProps {
+    children: ReactNode;
+    translations?: Record<string, Record<string, any>>;
+}
+export declare const AccessibilityProvider: React.FC<AccessibilityProviderProps>;
+export declare const useAccessibility: () => AccessibilityContextType;
+export {};

package/dist/AccessibilityDropdown.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AccessibilityDropdown: React.FC;

package/dist/AccessibilityToolbar.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AccessibilityToolbar: React.FC;

package/dist/T.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TranslationKey } from './translations';
+interface TProps {
+    k: TranslationKey | string;
+    children?: React.ReactNode;
+}
+export declare const T: React.FC<TProps>;
+export {};

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { AccessibilityProvider, useAccessibility } from './AccessibilityContext';
+export { AccessibilityToolbar } from './AccessibilityToolbar';
+export { AccessibilityDropdown } from './AccessibilityDropdown';
+export { T } from './T';
+export { translations, type Language, type TranslationKey } from './translations';
+export type { default as React } from 'react';

package/dist/index.esm.js

@@ -0,0 +1,177 @@
+import React, { createContext, useState, useEffect, useContext } from 'react';
+
+const translations = {
+    en: {
+        increaseText: 'Increase Text',
+        decreaseText: 'Decrease Text',
+        highContrast: 'High Contrast',
+        negativeContrast: 'Negative Contrast',
+        lightBackground: 'Light Background',
+        underlineLinks: 'Underline Links',
+        readableFont: 'Readable Font',
+        voiceCommand: 'Voice Command',
+    },
+    tl: {
+        increaseText: 'Palakihin ang Teksto',
+        decreaseText: 'Paliitin ang Teksto',
+        highContrast: 'Mataas na Contrast',
+        negativeContrast: 'Negatibong Contrast',
+        lightBackground: 'Maliwanag na Background',
+        underlineLinks: 'May Guhit na Links',
+        readableFont: 'Madaling Basahin na Font',
+        voiceCommand: 'Voice Command',
+    },
+    ceb: {
+        increaseText: 'Padak-on ang Teksto',
+        decreaseText: 'Pagamay-on ang Teksto',
+        highContrast: 'Taas nga Contrast',
+        negativeContrast: 'Negatibo nga Contrast',
+        lightBackground: 'Hayag nga Background',
+        underlineLinks: 'Linya sa Ubos sa Links',
+        readableFont: 'Sayon Basahon nga Font',
+        voiceCommand: 'Voice Command',
+    },
+};
+
+const AccessibilityContext = createContext(undefined);
+const AccessibilityProvider = ({ children, translations: customTranslations }) => {
+    const [state, setState] = useState({
+        language: 'en',
+        textSize: 100,
+        highContrast: false,
+        negativeContrast: false,
+        lightBackground: false,
+        underlineLinks: false,
+        readableFont: false,
+        voiceEnabled: false,
+    });
+    const allTranslations = customTranslations || translations;
+    useEffect(() => {
+        const root = document.documentElement;
+        root.style.fontSize = `${state.textSize}%`;
+        root.classList.toggle('high-contrast', state.highContrast);
+        root.classList.toggle('negative-contrast', state.negativeContrast);
+        root.classList.toggle('light-background', state.lightBackground);
+        root.classList.toggle('underline-links', state.underlineLinks);
+        root.classList.toggle('readable-font', state.readableFont);
+    }, [state]);
+    useEffect(() => {
+        if (!state.voiceEnabled || !('webkitSpeechRecognition' in window || 'SpeechRecognition' in window))
+            return;
+        const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+        const recognition = new SpeechRecognition();
+        recognition.continuous = true;
+        recognition.lang = state.language === 'tl' ? 'tl-PH' : state.language === 'ceb' ? 'ceb-PH' : 'en-US';
+        recognition.onresult = (event) => {
+            const transcript = event.results[event.results.length - 1][0].transcript.toLowerCase();
+            if (transcript.includes('increase text') || transcript.includes('palakihin'))
+                increaseText();
+            if (transcript.includes('decrease text') || transcript.includes('paliitin'))
+                decreaseText();
+            if (transcript.includes('high contrast') || transcript.includes('mataas'))
+                toggleHighContrast();
+            if (transcript.includes('negative contrast') || transcript.includes('negatibo'))
+                toggleNegativeContrast();
+            if (transcript.includes('light background') || transcript.includes('maliwanag'))
+                toggleLightBackground();
+            if (transcript.includes('underline') || transcript.includes('guhit'))
+                toggleUnderlineLinks();
+            if (transcript.includes('readable font') || transcript.includes('madaling'))
+                toggleReadableFont();
+        };
+        recognition.start();
+        return () => recognition.stop();
+    }, [state.voiceEnabled, state.language]);
+    const setLanguage = (lang) => setState(s => (Object.assign(Object.assign({}, s), { language: lang })));
+    const increaseText = () => setState(s => (Object.assign(Object.assign({}, s), { textSize: Math.min(s.textSize + 10, 200) })));
+    const decreaseText = () => setState(s => (Object.assign(Object.assign({}, s), { textSize: Math.max(s.textSize - 10, 80) })));
+    const toggleHighContrast = () => setState(s => (Object.assign(Object.assign({}, s), { highContrast: !s.highContrast, negativeContrast: false })));
+    const toggleNegativeContrast = () => setState(s => (Object.assign(Object.assign({}, s), { negativeContrast: !s.negativeContrast, highContrast: false })));
+    const toggleLightBackground = () => setState(s => (Object.assign(Object.assign({}, s), { lightBackground: !s.lightBackground })));
+    const toggleUnderlineLinks = () => setState(s => (Object.assign(Object.assign({}, s), { underlineLinks: !s.underlineLinks })));
+    const toggleReadableFont = () => setState(s => (Object.assign(Object.assign({}, s), { readableFont: !s.readableFont })));
+    const toggleVoice = () => setState(s => (Object.assign(Object.assign({}, s), { voiceEnabled: !s.voiceEnabled })));
+    const translate = (key) => translations[state.language][key];
+    const t = (key) => { var _a; return ((_a = allTranslations[state.language]) === null || _a === void 0 ? void 0 : _a[key]) || key; };
+    return (React.createElement(AccessibilityContext.Provider, { value: Object.assign(Object.assign({}, state), { setLanguage,
+            increaseText,
+            decreaseText,
+            toggleHighContrast,
+            toggleNegativeContrast,
+            toggleLightBackground,
+            toggleUnderlineLinks,
+            toggleReadableFont,
+            toggleVoice,
+            translate,
+            t }) }, children));
+};
+const useAccessibility = () => {
+    const context = useContext(AccessibilityContext);
+    if (!context)
+        throw new Error('useAccessibility must be used within AccessibilityProvider');
+    return context;
+};
+
+const AccessibilityToolbar = () => {
+    const { language, setLanguage, increaseText, decreaseText, toggleHighContrast, toggleNegativeContrast, toggleLightBackground, toggleUnderlineLinks, toggleReadableFont, toggleVoice, translate, highContrast, negativeContrast, lightBackground, underlineLinks, readableFont, voiceEnabled, } = useAccessibility();
+    return (React.createElement("div", { className: "accessibility-toolbar" },
+        React.createElement("select", { value: language, onChange: (e) => setLanguage(e.target.value) },
+            React.createElement("option", { value: "en" }, "English"),
+            React.createElement("option", { value: "tl" }, "Tagalog"),
+            React.createElement("option", { value: "ceb" }, "Cebuano")),
+        React.createElement("button", { onClick: increaseText },
+            "+ ",
+            translate('increaseText')),
+        React.createElement("button", { onClick: decreaseText },
+            "- ",
+            translate('decreaseText')),
+        React.createElement("button", { onClick: toggleHighContrast, className: highContrast ? 'active' : '' }, translate('highContrast')),
+        React.createElement("button", { onClick: toggleNegativeContrast, className: negativeContrast ? 'active' : '' }, translate('negativeContrast')),
+        React.createElement("button", { onClick: toggleLightBackground, className: lightBackground ? 'active' : '' }, translate('lightBackground')),
+        React.createElement("button", { onClick: toggleUnderlineLinks, className: underlineLinks ? 'active' : '' }, translate('underlineLinks')),
+        React.createElement("button", { onClick: toggleReadableFont, className: readableFont ? 'active' : '' }, translate('readableFont')),
+        React.createElement("button", { onClick: toggleVoice, className: voiceEnabled ? 'active' : '' },
+            "\uD83C\uDFA4 ",
+            translate('voiceCommand'))));
+};
+
+const AccessibilityDropdown = () => {
+    const [isOpen, setIsOpen] = useState(false);
+    const { language, setLanguage, increaseText, decreaseText, toggleHighContrast, toggleNegativeContrast, toggleLightBackground, toggleUnderlineLinks, toggleReadableFont, toggleVoice, translate, highContrast, negativeContrast, lightBackground, underlineLinks, readableFont, voiceEnabled, } = useAccessibility();
+    return (React.createElement("div", { className: "accessibility-dropdown" },
+        React.createElement("button", { className: "accessibility-dropdown-toggle", onClick: () => setIsOpen(!isOpen) }, "\u267F Accessibility"),
+        isOpen && (React.createElement("div", { className: "accessibility-dropdown-menu" },
+            React.createElement("div", { className: "accessibility-dropdown-section" },
+                React.createElement("label", null, "Language:"),
+                React.createElement("select", { value: language, onChange: (e) => setLanguage(e.target.value) },
+                    React.createElement("option", { value: "en" }, "English"),
+                    React.createElement("option", { value: "tl" }, "Tagalog"),
+                    React.createElement("option", { value: "ceb" }, "Cebuano"))),
+            React.createElement("div", { className: "accessibility-dropdown-section" },
+                React.createElement("button", { onClick: increaseText },
+                    "+ ",
+                    translate('increaseText')),
+                React.createElement("button", { onClick: decreaseText },
+                    "- ",
+                    translate('decreaseText'))),
+            React.createElement("div", { className: "accessibility-dropdown-section" },
+                React.createElement("button", { onClick: toggleHighContrast, className: highContrast ? 'active' : '' }, translate('highContrast')),
+                React.createElement("button", { onClick: toggleNegativeContrast, className: negativeContrast ? 'active' : '' }, translate('negativeContrast')),
+                React.createElement("button", { onClick: toggleLightBackground, className: lightBackground ? 'active' : '' }, translate('lightBackground')),
+                React.createElement("button", { onClick: toggleUnderlineLinks, className: underlineLinks ? 'active' : '' }, translate('underlineLinks')),
+                React.createElement("button", { onClick: toggleReadableFont, className: readableFont ? 'active' : '' }, translate('readableFont')),
+                React.createElement("button", { onClick: toggleVoice, className: voiceEnabled ? 'active' : '' },
+                    "\uD83C\uDFA4 ",
+                    translate('voiceCommand')))))));
+};
+
+const T = ({ k, children }) => {
+    const { translate, language } = useAccessibility();
+    if (children && typeof children === 'string') {
+        return React.createElement(React.Fragment, null, children);
+    }
+    return React.createElement(React.Fragment, null, translate(k));
+};
+
+export { AccessibilityDropdown, AccessibilityProvider, AccessibilityToolbar, T, translations, useAccessibility };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/translations.ts","../src/AccessibilityContext.tsx","../src/AccessibilityToolbar.tsx","../src/AccessibilityDropdown.tsx","../src/T.tsx"],"sourcesContent":["export const translations = {\n  en: {\n    increaseText: 'Increase Text',\n    decreaseText: 'Decrease Text',\n    highContrast: 'High Contrast',\n    negativeContrast: 'Negative Contrast',\n    lightBackground: 'Light Background',\n    underlineLinks: 'Underline Links',\n    readableFont: 'Readable Font',\n    voiceCommand: 'Voice Command',\n  },\n  tl: {\n    increaseText: 'Palakihin ang Teksto',\n    decreaseText: 'Paliitin ang Teksto',\n    highContrast: 'Mataas na Contrast',\n    negativeContrast: 'Negatibong Contrast',\n    lightBackground: 'Maliwanag na Background',\n    underlineLinks: 'May Guhit na Links',\n    readableFont: 'Madaling Basahin na Font',\n    voiceCommand: 'Voice Command',\n  },\n  ceb: {\n    increaseText: 'Padak-on ang Teksto',\n    decreaseText: 'Pagamay-on ang Teksto',\n    highContrast: 'Taas nga Contrast',\n    negativeContrast: 'Negatibo nga Contrast',\n    lightBackground: 'Hayag nga Background',\n    underlineLinks: 'Linya sa Ubos sa Links',\n    readableFont: 'Sayon Basahon nga Font',\n    voiceCommand: 'Voice Command',\n  },\n};\n\nexport type Language = keyof typeof translations;\nexport type TranslationKey = keyof typeof translations.en;\n","import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';\nimport { Language, translations, TranslationKey } from './translations';\n\ninterface AccessibilityState {\n  language: Language;\n  textSize: number;\n  highContrast: boolean;\n  negativeContrast: boolean;\n  lightBackground: boolean;\n  underlineLinks: boolean;\n  readableFont: boolean;\n  voiceEnabled: boolean;\n}\n\ninterface AccessibilityContextType extends AccessibilityState {\n  setLanguage: (lang: Language) => void;\n  increaseText: () => void;\n  decreaseText: () => void;\n  toggleHighContrast: () => void;\n  toggleNegativeContrast: () => void;\n  toggleLightBackground: () => void;\n  toggleUnderlineLinks: () => void;\n  toggleReadableFont: () => void;\n  toggleVoice: () => void;\n  translate: (key: TranslationKey) => string;\n  t: (key: string) => string;\n}\n\nconst AccessibilityContext = createContext<AccessibilityContextType | undefined>(undefined);\n\ninterface AccessibilityProviderProps {\n  children: ReactNode;\n  translations?: Record<string, Record<string, any>>;\n}\n\nexport const AccessibilityProvider: React.FC<AccessibilityProviderProps> = ({ children, translations: customTranslations }) => {\n  const [state, setState] = useState<AccessibilityState>({\n    language: 'en',\n    textSize: 100,\n    highContrast: false,\n    negativeContrast: false,\n    lightBackground: false,\n    underlineLinks: false,\n    readableFont: false,\n    voiceEnabled: false,\n  });\n\n  const allTranslations = customTranslations || translations;\n\n  useEffect(() => {\n    const root = document.documentElement;\n    root.style.fontSize = `${state.textSize}%`;\n    \n    root.classList.toggle('high-contrast', state.highContrast);\n    root.classList.toggle('negative-contrast', state.negativeContrast);\n    root.classList.toggle('light-background', state.lightBackground);\n    root.classList.toggle('underline-links', state.underlineLinks);\n    root.classList.toggle('readable-font', state.readableFont);\n  }, [state]);\n\n  useEffect(() => {\n    if (!state.voiceEnabled || !('webkitSpeechRecognition' in window || 'SpeechRecognition' in window)) return;\n\n    const SpeechRecognition = (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition;\n    const recognition = new SpeechRecognition();\n    recognition.continuous = true;\n    recognition.lang = state.language === 'tl' ? 'tl-PH' : state.language === 'ceb' ? 'ceb-PH' : 'en-US';\n\n    recognition.onresult = (event: any) => {\n      const transcript = event.results[event.results.length - 1][0].transcript.toLowerCase();\n      \n      if (transcript.includes('increase text') || transcript.includes('palakihin')) increaseText();\n      if (transcript.includes('decrease text') || transcript.includes('paliitin')) decreaseText();\n      if (transcript.includes('high contrast') || transcript.includes('mataas')) toggleHighContrast();\n      if (transcript.includes('negative contrast') || transcript.includes('negatibo')) toggleNegativeContrast();\n      if (transcript.includes('light background') || transcript.includes('maliwanag')) toggleLightBackground();\n      if (transcript.includes('underline') || transcript.includes('guhit')) toggleUnderlineLinks();\n      if (transcript.includes('readable font') || transcript.includes('madaling')) toggleReadableFont();\n    };\n\n    recognition.start();\n    return () => recognition.stop();\n  }, [state.voiceEnabled, state.language]);\n\n  const setLanguage = (lang: Language) => setState(s => ({ ...s, language: lang }));\n  const increaseText = () => setState(s => ({ ...s, textSize: Math.min(s.textSize + 10, 200) }));\n  const decreaseText = () => setState(s => ({ ...s, textSize: Math.max(s.textSize - 10, 80) }));\n  const toggleHighContrast = () => setState(s => ({ ...s, highContrast: !s.highContrast, negativeContrast: false }));\n  const toggleNegativeContrast = () => setState(s => ({ ...s, negativeContrast: !s.negativeContrast, highContrast: false }));\n  const toggleLightBackground = () => setState(s => ({ ...s, lightBackground: !s.lightBackground }));\n  const toggleUnderlineLinks = () => setState(s => ({ ...s, underlineLinks: !s.underlineLinks }));\n  const toggleReadableFont = () => setState(s => ({ ...s, readableFont: !s.readableFont }));\n  const toggleVoice = () => setState(s => ({ ...s, voiceEnabled: !s.voiceEnabled }));\n  const translate = (key: TranslationKey) => translations[state.language][key];\n  const t = (key: string) => allTranslations[state.language]?.[key] || key;\n\n  return (\n    <AccessibilityContext.Provider value={{\n      ...state,\n      setLanguage,\n      increaseText,\n      decreaseText,\n      toggleHighContrast,\n      toggleNegativeContrast,\n      toggleLightBackground,\n      toggleUnderlineLinks,\n      toggleReadableFont,\n      toggleVoice,\n      translate,\n      t,\n    }}>\n      {children}\n    </AccessibilityContext.Provider>\n  );\n};\n\nexport const useAccessibility = () => {\n  const context = useContext(AccessibilityContext);\n  if (!context) throw new Error('useAccessibility must be used within AccessibilityProvider');\n  return context;\n};\n","import React from 'react';\nimport { useAccessibility } from './AccessibilityContext';\n\nexport const AccessibilityToolbar: React.FC = () => {\n  const {\n    language,\n    setLanguage,\n    increaseText,\n    decreaseText,\n    toggleHighContrast,\n    toggleNegativeContrast,\n    toggleLightBackground,\n    toggleUnderlineLinks,\n    toggleReadableFont,\n    toggleVoice,\n    translate,\n    highContrast,\n    negativeContrast,\n    lightBackground,\n    underlineLinks,\n    readableFont,\n    voiceEnabled,\n  } = useAccessibility();\n\n  return (\n    <div className=\"accessibility-toolbar\">\n      <select value={language} onChange={(e) => setLanguage(e.target.value as any)}>\n        <option value=\"en\">English</option>\n        <option value=\"tl\">Tagalog</option>\n        <option value=\"ceb\">Cebuano</option>\n      </select>\n      <button onClick={increaseText}>+ {translate('increaseText')}</button>\n      <button onClick={decreaseText}>- {translate('decreaseText')}</button>\n      <button onClick={toggleHighContrast} className={highContrast ? 'active' : ''}>\n        {translate('highContrast')}\n      </button>\n      <button onClick={toggleNegativeContrast} className={negativeContrast ? 'active' : ''}>\n        {translate('negativeContrast')}\n      </button>\n      <button onClick={toggleLightBackground} className={lightBackground ? 'active' : ''}>\n        {translate('lightBackground')}\n      </button>\n      <button onClick={toggleUnderlineLinks} className={underlineLinks ? 'active' : ''}>\n        {translate('underlineLinks')}\n      </button>\n      <button onClick={toggleReadableFont} className={readableFont ? 'active' : ''}>\n        {translate('readableFont')}\n      </button>\n      <button onClick={toggleVoice} className={voiceEnabled ? 'active' : ''}>\n        🎤 {translate('voiceCommand')}\n      </button>\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { useAccessibility } from './AccessibilityContext';\n\nexport const AccessibilityDropdown: React.FC = () => {\n  const [isOpen, setIsOpen] = useState(false);\n  const {\n    language,\n    setLanguage,\n    increaseText,\n    decreaseText,\n    toggleHighContrast,\n    toggleNegativeContrast,\n    toggleLightBackground,\n    toggleUnderlineLinks,\n    toggleReadableFont,\n    toggleVoice,\n    translate,\n    highContrast,\n    negativeContrast,\n    lightBackground,\n    underlineLinks,\n    readableFont,\n    voiceEnabled,\n  } = useAccessibility();\n\n  return (\n    <div className=\"accessibility-dropdown\">\n      <button \n        className=\"accessibility-dropdown-toggle\"\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        ♿ Accessibility\n      </button>\n      \n      {isOpen && (\n        <div className=\"accessibility-dropdown-menu\">\n          <div className=\"accessibility-dropdown-section\">\n            <label>Language:</label>\n            <select value={language} onChange={(e) => setLanguage(e.target.value as any)}>\n              <option value=\"en\">English</option>\n              <option value=\"tl\">Tagalog</option>\n              <option value=\"ceb\">Cebuano</option>\n            </select>\n          </div>\n\n          <div className=\"accessibility-dropdown-section\">\n            <button onClick={increaseText}>+ {translate('increaseText')}</button>\n            <button onClick={decreaseText}>- {translate('decreaseText')}</button>\n          </div>\n\n          <div className=\"accessibility-dropdown-section\">\n            <button onClick={toggleHighContrast} className={highContrast ? 'active' : ''}>\n              {translate('highContrast')}\n            </button>\n            <button onClick={toggleNegativeContrast} className={negativeContrast ? 'active' : ''}>\n              {translate('negativeContrast')}\n            </button>\n            <button onClick={toggleLightBackground} className={lightBackground ? 'active' : ''}>\n              {translate('lightBackground')}\n            </button>\n            <button onClick={toggleUnderlineLinks} className={underlineLinks ? 'active' : ''}>\n              {translate('underlineLinks')}\n            </button>\n            <button onClick={toggleReadableFont} className={readableFont ? 'active' : ''}>\n              {translate('readableFont')}\n            </button>\n            <button onClick={toggleVoice} className={voiceEnabled ? 'active' : ''}>\n              🎤 {translate('voiceCommand')}\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useAccessibility } from './AccessibilityContext';\nimport { TranslationKey } from './translations';\n\ninterface TProps {\n  k: TranslationKey | string;\n  children?: React.ReactNode;\n}\n\nexport const T: React.FC<TProps> = ({ k, children }) => {\n  const { translate, language } = useAccessibility();\n  \n  if (children && typeof children === 'string') {\n    return <>{children}</>;\n  }\n  \n  return <>{translate(k as TranslationKey)}</>;\n};\n"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,184 @@
+'use strict';
+
+var React = require('react');
+
+const translations = {
+    en: {
+        increaseText: 'Increase Text',
+        decreaseText: 'Decrease Text',
+        highContrast: 'High Contrast',
+        negativeContrast: 'Negative Contrast',
+        lightBackground: 'Light Background',
+        underlineLinks: 'Underline Links',
+        readableFont: 'Readable Font',
+        voiceCommand: 'Voice Command',
+    },
+    tl: {
+        increaseText: 'Palakihin ang Teksto',
+        decreaseText: 'Paliitin ang Teksto',
+        highContrast: 'Mataas na Contrast',
+        negativeContrast: 'Negatibong Contrast',
+        lightBackground: 'Maliwanag na Background',
+        underlineLinks: 'May Guhit na Links',
+        readableFont: 'Madaling Basahin na Font',
+        voiceCommand: 'Voice Command',
+    },
+    ceb: {
+        increaseText: 'Padak-on ang Teksto',
+        decreaseText: 'Pagamay-on ang Teksto',
+        highContrast: 'Taas nga Contrast',
+        negativeContrast: 'Negatibo nga Contrast',
+        lightBackground: 'Hayag nga Background',
+        underlineLinks: 'Linya sa Ubos sa Links',
+        readableFont: 'Sayon Basahon nga Font',
+        voiceCommand: 'Voice Command',
+    },
+};
+
+const AccessibilityContext = React.createContext(undefined);
+const AccessibilityProvider = ({ children, translations: customTranslations }) => {
+    const [state, setState] = React.useState({
+        language: 'en',
+        textSize: 100,
+        highContrast: false,
+        negativeContrast: false,
+        lightBackground: false,
+        underlineLinks: false,
+        readableFont: false,
+        voiceEnabled: false,
+    });
+    const allTranslations = customTranslations || translations;
+    React.useEffect(() => {
+        const root = document.documentElement;
+        root.style.fontSize = `${state.textSize}%`;
+        root.classList.toggle('high-contrast', state.highContrast);
+        root.classList.toggle('negative-contrast', state.negativeContrast);
+        root.classList.toggle('light-background', state.lightBackground);
+        root.classList.toggle('underline-links', state.underlineLinks);
+        root.classList.toggle('readable-font', state.readableFont);
+    }, [state]);
+    React.useEffect(() => {
+        if (!state.voiceEnabled || !('webkitSpeechRecognition' in window || 'SpeechRecognition' in window))
+            return;
+        const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+        const recognition = new SpeechRecognition();
+        recognition.continuous = true;
+        recognition.lang = state.language === 'tl' ? 'tl-PH' : state.language === 'ceb' ? 'ceb-PH' : 'en-US';
+        recognition.onresult = (event) => {
+            const transcript = event.results[event.results.length - 1][0].transcript.toLowerCase();
+            if (transcript.includes('increase text') || transcript.includes('palakihin'))
+                increaseText();
+            if (transcript.includes('decrease text') || transcript.includes('paliitin'))
+                decreaseText();
+            if (transcript.includes('high contrast') || transcript.includes('mataas'))
+                toggleHighContrast();
+            if (transcript.includes('negative contrast') || transcript.includes('negatibo'))
+                toggleNegativeContrast();
+            if (transcript.includes('light background') || transcript.includes('maliwanag'))
+                toggleLightBackground();
+            if (transcript.includes('underline') || transcript.includes('guhit'))
+                toggleUnderlineLinks();
+            if (transcript.includes('readable font') || transcript.includes('madaling'))
+                toggleReadableFont();
+        };
+        recognition.start();
+        return () => recognition.stop();
+    }, [state.voiceEnabled, state.language]);
+    const setLanguage = (lang) => setState(s => (Object.assign(Object.assign({}, s), { language: lang })));
+    const increaseText = () => setState(s => (Object.assign(Object.assign({}, s), { textSize: Math.min(s.textSize + 10, 200) })));
+    const decreaseText = () => setState(s => (Object.assign(Object.assign({}, s), { textSize: Math.max(s.textSize - 10, 80) })));
+    const toggleHighContrast = () => setState(s => (Object.assign(Object.assign({}, s), { highContrast: !s.highContrast, negativeContrast: false })));
+    const toggleNegativeContrast = () => setState(s => (Object.assign(Object.assign({}, s), { negativeContrast: !s.negativeContrast, highContrast: false })));
+    const toggleLightBackground = () => setState(s => (Object.assign(Object.assign({}, s), { lightBackground: !s.lightBackground })));
+    const toggleUnderlineLinks = () => setState(s => (Object.assign(Object.assign({}, s), { underlineLinks: !s.underlineLinks })));
+    const toggleReadableFont = () => setState(s => (Object.assign(Object.assign({}, s), { readableFont: !s.readableFont })));
+    const toggleVoice = () => setState(s => (Object.assign(Object.assign({}, s), { voiceEnabled: !s.voiceEnabled })));
+    const translate = (key) => translations[state.language][key];
+    const t = (key) => { var _a; return ((_a = allTranslations[state.language]) === null || _a === void 0 ? void 0 : _a[key]) || key; };
+    return (React.createElement(AccessibilityContext.Provider, { value: Object.assign(Object.assign({}, state), { setLanguage,
+            increaseText,
+            decreaseText,
+            toggleHighContrast,
+            toggleNegativeContrast,
+            toggleLightBackground,
+            toggleUnderlineLinks,
+            toggleReadableFont,
+            toggleVoice,
+            translate,
+            t }) }, children));
+};
+const useAccessibility = () => {
+    const context = React.useContext(AccessibilityContext);
+    if (!context)
+        throw new Error('useAccessibility must be used within AccessibilityProvider');
+    return context;
+};
+
+const AccessibilityToolbar = () => {
+    const { language, setLanguage, increaseText, decreaseText, toggleHighContrast, toggleNegativeContrast, toggleLightBackground, toggleUnderlineLinks, toggleReadableFont, toggleVoice, translate, highContrast, negativeContrast, lightBackground, underlineLinks, readableFont, voiceEnabled, } = useAccessibility();
+    return (React.createElement("div", { className: "accessibility-toolbar" },
+        React.createElement("select", { value: language, onChange: (e) => setLanguage(e.target.value) },
+            React.createElement("option", { value: "en" }, "English"),
+            React.createElement("option", { value: "tl" }, "Tagalog"),
+            React.createElement("option", { value: "ceb" }, "Cebuano")),
+        React.createElement("button", { onClick: increaseText },
+            "+ ",
+            translate('increaseText')),
+        React.createElement("button", { onClick: decreaseText },
+            "- ",
+            translate('decreaseText')),
+        React.createElement("button", { onClick: toggleHighContrast, className: highContrast ? 'active' : '' }, translate('highContrast')),
+        React.createElement("button", { onClick: toggleNegativeContrast, className: negativeContrast ? 'active' : '' }, translate('negativeContrast')),
+        React.createElement("button", { onClick: toggleLightBackground, className: lightBackground ? 'active' : '' }, translate('lightBackground')),
+        React.createElement("button", { onClick: toggleUnderlineLinks, className: underlineLinks ? 'active' : '' }, translate('underlineLinks')),
+        React.createElement("button", { onClick: toggleReadableFont, className: readableFont ? 'active' : '' }, translate('readableFont')),
+        React.createElement("button", { onClick: toggleVoice, className: voiceEnabled ? 'active' : '' },
+            "\uD83C\uDFA4 ",
+            translate('voiceCommand'))));
+};
+
+const AccessibilityDropdown = () => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const { language, setLanguage, increaseText, decreaseText, toggleHighContrast, toggleNegativeContrast, toggleLightBackground, toggleUnderlineLinks, toggleReadableFont, toggleVoice, translate, highContrast, negativeContrast, lightBackground, underlineLinks, readableFont, voiceEnabled, } = useAccessibility();
+    return (React.createElement("div", { className: "accessibility-dropdown" },
+        React.createElement("button", { className: "accessibility-dropdown-toggle", onClick: () => setIsOpen(!isOpen) }, "\u267F Accessibility"),
+        isOpen && (React.createElement("div", { className: "accessibility-dropdown-menu" },
+            React.createElement("div", { className: "accessibility-dropdown-section" },
+                React.createElement("label", null, "Language:"),
+                React.createElement("select", { value: language, onChange: (e) => setLanguage(e.target.value) },
+                    React.createElement("option", { value: "en" }, "English"),
+                    React.createElement("option", { value: "tl" }, "Tagalog"),
+                    React.createElement("option", { value: "ceb" }, "Cebuano"))),
+            React.createElement("div", { className: "accessibility-dropdown-section" },
+                React.createElement("button", { onClick: increaseText },
+                    "+ ",
+                    translate('increaseText')),
+                React.createElement("button", { onClick: decreaseText },
+                    "- ",
+                    translate('decreaseText'))),
+            React.createElement("div", { className: "accessibility-dropdown-section" },
+                React.createElement("button", { onClick: toggleHighContrast, className: highContrast ? 'active' : '' }, translate('highContrast')),
+                React.createElement("button", { onClick: toggleNegativeContrast, className: negativeContrast ? 'active' : '' }, translate('negativeContrast')),
+                React.createElement("button", { onClick: toggleLightBackground, className: lightBackground ? 'active' : '' }, translate('lightBackground')),
+                React.createElement("button", { onClick: toggleUnderlineLinks, className: underlineLinks ? 'active' : '' }, translate('underlineLinks')),
+                React.createElement("button", { onClick: toggleReadableFont, className: readableFont ? 'active' : '' }, translate('readableFont')),
+                React.createElement("button", { onClick: toggleVoice, className: voiceEnabled ? 'active' : '' },
+                    "\uD83C\uDFA4 ",
+                    translate('voiceCommand')))))));
+};
+
+const T = ({ k, children }) => {
+    const { translate, language } = useAccessibility();
+    if (children && typeof children === 'string') {
+        return React.createElement(React.Fragment, null, children);
+    }
+    return React.createElement(React.Fragment, null, translate(k));
+};
+
+exports.AccessibilityDropdown = AccessibilityDropdown;
+exports.AccessibilityProvider = AccessibilityProvider;
+exports.AccessibilityToolbar = AccessibilityToolbar;
+exports.T = T;
+exports.translations = translations;
+exports.useAccessibility = useAccessibility;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/translations.ts","../src/AccessibilityContext.tsx","../src/AccessibilityToolbar.tsx","../src/AccessibilityDropdown.tsx","../src/T.tsx"],"sourcesContent":["export const translations = {\n  en: {\n    increaseText: 'Increase Text',\n    decreaseText: 'Decrease Text',\n    highContrast: 'High Contrast',\n    negativeContrast: 'Negative Contrast',\n    lightBackground: 'Light Background',\n    underlineLinks: 'Underline Links',\n    readableFont: 'Readable Font',\n    voiceCommand: 'Voice Command',\n  },\n  tl: {\n    increaseText: 'Palakihin ang Teksto',\n    decreaseText: 'Paliitin ang Teksto',\n    highContrast: 'Mataas na Contrast',\n    negativeContrast: 'Negatibong Contrast',\n    lightBackground: 'Maliwanag na Background',\n    underlineLinks: 'May Guhit na Links',\n    readableFont: 'Madaling Basahin na Font',\n    voiceCommand: 'Voice Command',\n  },\n  ceb: {\n    increaseText: 'Padak-on ang Teksto',\n    decreaseText: 'Pagamay-on ang Teksto',\n    highContrast: 'Taas nga Contrast',\n    negativeContrast: 'Negatibo nga Contrast',\n    lightBackground: 'Hayag nga Background',\n    underlineLinks: 'Linya sa Ubos sa Links',\n    readableFont: 'Sayon Basahon nga Font',\n    voiceCommand: 'Voice Command',\n  },\n};\n\nexport type Language = keyof typeof translations;\nexport type TranslationKey = keyof typeof translations.en;\n","import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';\nimport { Language, translations, TranslationKey } from './translations';\n\ninterface AccessibilityState {\n  language: Language;\n  textSize: number;\n  highContrast: boolean;\n  negativeContrast: boolean;\n  lightBackground: boolean;\n  underlineLinks: boolean;\n  readableFont: boolean;\n  voiceEnabled: boolean;\n}\n\ninterface AccessibilityContextType extends AccessibilityState {\n  setLanguage: (lang: Language) => void;\n  increaseText: () => void;\n  decreaseText: () => void;\n  toggleHighContrast: () => void;\n  toggleNegativeContrast: () => void;\n  toggleLightBackground: () => void;\n  toggleUnderlineLinks: () => void;\n  toggleReadableFont: () => void;\n  toggleVoice: () => void;\n  translate: (key: TranslationKey) => string;\n  t: (key: string) => string;\n}\n\nconst AccessibilityContext = createContext<AccessibilityContextType | undefined>(undefined);\n\ninterface AccessibilityProviderProps {\n  children: ReactNode;\n  translations?: Record<string, Record<string, any>>;\n}\n\nexport const AccessibilityProvider: React.FC<AccessibilityProviderProps> = ({ children, translations: customTranslations }) => {\n  const [state, setState] = useState<AccessibilityState>({\n    language: 'en',\n    textSize: 100,\n    highContrast: false,\n    negativeContrast: false,\n    lightBackground: false,\n    underlineLinks: false,\n    readableFont: false,\n    voiceEnabled: false,\n  });\n\n  const allTranslations = customTranslations || translations;\n\n  useEffect(() => {\n    const root = document.documentElement;\n    root.style.fontSize = `${state.textSize}%`;\n    \n    root.classList.toggle('high-contrast', state.highContrast);\n    root.classList.toggle('negative-contrast', state.negativeContrast);\n    root.classList.toggle('light-background', state.lightBackground);\n    root.classList.toggle('underline-links', state.underlineLinks);\n    root.classList.toggle('readable-font', state.readableFont);\n  }, [state]);\n\n  useEffect(() => {\n    if (!state.voiceEnabled || !('webkitSpeechRecognition' in window || 'SpeechRecognition' in window)) return;\n\n    const SpeechRecognition = (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition;\n    const recognition = new SpeechRecognition();\n    recognition.continuous = true;\n    recognition.lang = state.language === 'tl' ? 'tl-PH' : state.language === 'ceb' ? 'ceb-PH' : 'en-US';\n\n    recognition.onresult = (event: any) => {\n      const transcript = event.results[event.results.length - 1][0].transcript.toLowerCase();\n      \n      if (transcript.includes('increase text') || transcript.includes('palakihin')) increaseText();\n      if (transcript.includes('decrease text') || transcript.includes('paliitin')) decreaseText();\n      if (transcript.includes('high contrast') || transcript.includes('mataas')) toggleHighContrast();\n      if (transcript.includes('negative contrast') || transcript.includes('negatibo')) toggleNegativeContrast();\n      if (transcript.includes('light background') || transcript.includes('maliwanag')) toggleLightBackground();\n      if (transcript.includes('underline') || transcript.includes('guhit')) toggleUnderlineLinks();\n      if (transcript.includes('readable font') || transcript.includes('madaling')) toggleReadableFont();\n    };\n\n    recognition.start();\n    return () => recognition.stop();\n  }, [state.voiceEnabled, state.language]);\n\n  const setLanguage = (lang: Language) => setState(s => ({ ...s, language: lang }));\n  const increaseText = () => setState(s => ({ ...s, textSize: Math.min(s.textSize + 10, 200) }));\n  const decreaseText = () => setState(s => ({ ...s, textSize: Math.max(s.textSize - 10, 80) }));\n  const toggleHighContrast = () => setState(s => ({ ...s, highContrast: !s.highContrast, negativeContrast: false }));\n  const toggleNegativeContrast = () => setState(s => ({ ...s, negativeContrast: !s.negativeContrast, highContrast: false }));\n  const toggleLightBackground = () => setState(s => ({ ...s, lightBackground: !s.lightBackground }));\n  const toggleUnderlineLinks = () => setState(s => ({ ...s, underlineLinks: !s.underlineLinks }));\n  const toggleReadableFont = () => setState(s => ({ ...s, readableFont: !s.readableFont }));\n  const toggleVoice = () => setState(s => ({ ...s, voiceEnabled: !s.voiceEnabled }));\n  const translate = (key: TranslationKey) => translations[state.language][key];\n  const t = (key: string) => allTranslations[state.language]?.[key] || key;\n\n  return (\n    <AccessibilityContext.Provider value={{\n      ...state,\n      setLanguage,\n      increaseText,\n      decreaseText,\n      toggleHighContrast,\n      toggleNegativeContrast,\n      toggleLightBackground,\n      toggleUnderlineLinks,\n      toggleReadableFont,\n      toggleVoice,\n      translate,\n      t,\n    }}>\n      {children}\n    </AccessibilityContext.Provider>\n  );\n};\n\nexport const useAccessibility = () => {\n  const context = useContext(AccessibilityContext);\n  if (!context) throw new Error('useAccessibility must be used within AccessibilityProvider');\n  return context;\n};\n","import React from 'react';\nimport { useAccessibility } from './AccessibilityContext';\n\nexport const AccessibilityToolbar: React.FC = () => {\n  const {\n    language,\n    setLanguage,\n    increaseText,\n    decreaseText,\n    toggleHighContrast,\n    toggleNegativeContrast,\n    toggleLightBackground,\n    toggleUnderlineLinks,\n    toggleReadableFont,\n    toggleVoice,\n    translate,\n    highContrast,\n    negativeContrast,\n    lightBackground,\n    underlineLinks,\n    readableFont,\n    voiceEnabled,\n  } = useAccessibility();\n\n  return (\n    <div className=\"accessibility-toolbar\">\n      <select value={language} onChange={(e) => setLanguage(e.target.value as any)}>\n        <option value=\"en\">English</option>\n        <option value=\"tl\">Tagalog</option>\n        <option value=\"ceb\">Cebuano</option>\n      </select>\n      <button onClick={increaseText}>+ {translate('increaseText')}</button>\n      <button onClick={decreaseText}>- {translate('decreaseText')}</button>\n      <button onClick={toggleHighContrast} className={highContrast ? 'active' : ''}>\n        {translate('highContrast')}\n      </button>\n      <button onClick={toggleNegativeContrast} className={negativeContrast ? 'active' : ''}>\n        {translate('negativeContrast')}\n      </button>\n      <button onClick={toggleLightBackground} className={lightBackground ? 'active' : ''}>\n        {translate('lightBackground')}\n      </button>\n      <button onClick={toggleUnderlineLinks} className={underlineLinks ? 'active' : ''}>\n        {translate('underlineLinks')}\n      </button>\n      <button onClick={toggleReadableFont} className={readableFont ? 'active' : ''}>\n        {translate('readableFont')}\n      </button>\n      <button onClick={toggleVoice} className={voiceEnabled ? 'active' : ''}>\n        🎤 {translate('voiceCommand')}\n      </button>\n    </div>\n  );\n};\n","import React, { useState } from 'react';\nimport { useAccessibility } from './AccessibilityContext';\n\nexport const AccessibilityDropdown: React.FC = () => {\n  const [isOpen, setIsOpen] = useState(false);\n  const {\n    language,\n    setLanguage,\n    increaseText,\n    decreaseText,\n    toggleHighContrast,\n    toggleNegativeContrast,\n    toggleLightBackground,\n    toggleUnderlineLinks,\n    toggleReadableFont,\n    toggleVoice,\n    translate,\n    highContrast,\n    negativeContrast,\n    lightBackground,\n    underlineLinks,\n    readableFont,\n    voiceEnabled,\n  } = useAccessibility();\n\n  return (\n    <div className=\"accessibility-dropdown\">\n      <button \n        className=\"accessibility-dropdown-toggle\"\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        ♿ Accessibility\n      </button>\n      \n      {isOpen && (\n        <div className=\"accessibility-dropdown-menu\">\n          <div className=\"accessibility-dropdown-section\">\n            <label>Language:</label>\n            <select value={language} onChange={(e) => setLanguage(e.target.value as any)}>\n              <option value=\"en\">English</option>\n              <option value=\"tl\">Tagalog</option>\n              <option value=\"ceb\">Cebuano</option>\n            </select>\n          </div>\n\n          <div className=\"accessibility-dropdown-section\">\n            <button onClick={increaseText}>+ {translate('increaseText')}</button>\n            <button onClick={decreaseText}>- {translate('decreaseText')}</button>\n          </div>\n\n          <div className=\"accessibility-dropdown-section\">\n            <button onClick={toggleHighContrast} className={highContrast ? 'active' : ''}>\n              {translate('highContrast')}\n            </button>\n            <button onClick={toggleNegativeContrast} className={negativeContrast ? 'active' : ''}>\n              {translate('negativeContrast')}\n            </button>\n            <button onClick={toggleLightBackground} className={lightBackground ? 'active' : ''}>\n              {translate('lightBackground')}\n            </button>\n            <button onClick={toggleUnderlineLinks} className={underlineLinks ? 'active' : ''}>\n              {translate('underlineLinks')}\n            </button>\n            <button onClick={toggleReadableFont} className={readableFont ? 'active' : ''}>\n              {translate('readableFont')}\n            </button>\n            <button onClick={toggleVoice} className={voiceEnabled ? 'active' : ''}>\n              🎤 {translate('voiceCommand')}\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport { useAccessibility } from './AccessibilityContext';\nimport { TranslationKey } from './translations';\n\ninterface TProps {\n  k: TranslationKey | string;\n  children?: React.ReactNode;\n}\n\nexport const T: React.FC<TProps> = ({ k, children }) => {\n  const { translate, language } = useAccessibility();\n  \n  if (children && typeof children === 'string') {\n    return <>{children}</>;\n  }\n  \n  return <>{translate(k as TranslationKey)}</>;\n};\n"],"names":["createContext","useState","useEffect","useContext"],"mappings":"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"}

package/dist/styles.css

@@ -0,0 +1,127 @@
+.accessibility-toolbar {
+  display: flex;
+  gap: 8px;
+  padding: 12px;
+  background: #f5f5f5;
+  border-bottom: 1px solid #ddd;
+  flex-wrap: wrap;
+}
+
+.accessibility-toolbar button,
+.accessibility-toolbar select {
+  padding: 8px 12px;
+  border: 1px solid #ccc;
+  background: white;
+  cursor: pointer;
+  border-radius: 4px;
+  font-size: 14px;
+}
+
+.accessibility-toolbar button:hover {
+  background: #e9e9e9;
+}
+
+.accessibility-toolbar button.active {
+  background: #007bff;
+  color: white;
+  border-color: #007bff;
+}
+
+/* Dropdown Styles */
+.accessibility-dropdown {
+  position: relative;
+  display: inline-block;
+}
+
+.accessibility-dropdown-toggle {
+  padding: 10px 16px;
+  background: #007bff;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.accessibility-dropdown-toggle:hover {
+  background: #0056b3;
+}
+
+.accessibility-dropdown-menu {
+  position: absolute;
+  top: 100%;
+  right: 0;
+  margin-top: 8px;
+  background: white;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+  min-width: 280px;
+  z-index: 1000;
+  padding: 12px;
+}
+
+.accessibility-dropdown-section {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 8px 0;
+  border-bottom: 1px solid #eee;
+}
+
+.accessibility-dropdown-section:last-child {
+  border-bottom: none;
+}
+
+.accessibility-dropdown-section label {
+  font-weight: 500;
+  font-size: 14px;
+  margin-bottom: 4px;
+}
+
+.accessibility-dropdown-section button,
+.accessibility-dropdown-section select {
+  padding: 8px 12px;
+  border: 1px solid #ccc;
+  background: white;
+  cursor: pointer;
+  border-radius: 4px;
+  font-size: 14px;
+  text-align: left;
+}
+
+.accessibility-dropdown-section button:hover {
+  background: #f5f5f5;
+}
+
+.accessibility-dropdown-section button.active {
+  background: #007bff;
+  color: white;
+  border-color: #007bff;
+}
+
+.high-contrast {
+  filter: contrast(2);
+}
+
+.negative-contrast {
+  filter: invert(1) hue-rotate(180deg);
+}
+
+.light-background,
+.light-background body {
+  background: #ffffff !important;
+  color: #000000 !important;
+}
+
+.underline-links a {
+  text-decoration: underline !important;
+}
+
+.readable-font,
+.readable-font * {
+  font-family: 'Arial', 'Helvetica', sans-serif !important;
+  letter-spacing: 0.05em !important;
+  line-height: 1.6 !important;
+}

package/dist/translations.d.ts

@@ -0,0 +1,34 @@
+export declare const translations: {
+    en: {
+        increaseText: string;
+        decreaseText: string;
+        highContrast: string;
+        negativeContrast: string;
+        lightBackground: string;
+        underlineLinks: string;
+        readableFont: string;
+        voiceCommand: string;
+    };
+    tl: {
+        increaseText: string;
+        decreaseText: string;
+        highContrast: string;
+        negativeContrast: string;
+        lightBackground: string;
+        underlineLinks: string;
+        readableFont: string;
+        voiceCommand: string;
+    };
+    ceb: {
+        increaseText: string;
+        decreaseText: string;
+        highContrast: string;
+        negativeContrast: string;
+        lightBackground: string;
+        underlineLinks: string;
+        readableFont: string;
+        voiceCommand: string;
+    };
+};
+export type Language = keyof typeof translations;
+export type TranslationKey = keyof typeof translations.en;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngp-accessibility",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "React accessibility package with translation, text sizing, contrast modes, and voice commands",
   "author": {
     "name": "Rodolfo Miclat Jr."
@@ -12,7 +12,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "rollup -c",
+    "build": "rollup -c && cp src/styles.css dist/styles.css",
     "dev": "rollup -c -w"
   },
   "keywords": [
@@ -32,6 +32,7 @@
     "@rollup/plugin-typescript": "^11.0.0",
     "@types/react": "^18.0.0",
     "rollup": "^3.0.0",
+    "tslib": "^2.6.0",
     "typescript": "^5.0.0"
   },
   "license": "MIT"