@contractspec/lib.accessibility 3.7.16 → 3.7.17

package/dist/browser/AccessibilityPanel.js

@@ -1,362 +1 @@
-// src/preferences.tsx
-import React from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-var DEFAULT_PREFERENCES = {
-  textSize: "m",
-  textSpacing: "normal",
-  lineHeight: "normal",
-  underlineLinks: false,
-  focusRing: "normal",
-  reduceMotion: "system",
-  highContrast: false,
-  dyslexiaFont: false
-};
-var STORAGE_KEY = "a11y:preferences:v1";
-function getStoredPreferences() {
-  try {
-    const raw = typeof window !== "undefined" ? window.localStorage.getItem(STORAGE_KEY) : null;
-    if (!raw)
-      return null;
-    const parsed = JSON.parse(raw);
-    return { ...DEFAULT_PREFERENCES, ...parsed };
-  } catch {
-    return null;
-  }
-}
-function savePreferences(prefs) {
-  try {
-    if (typeof window !== "undefined") {
-      window.localStorage.setItem(STORAGE_KEY, JSON.stringify(prefs));
-    }
-  } catch {}
-}
-function applyCssVariables(prefs) {
-  if (typeof document === "undefined")
-    return;
-  const root = document.documentElement;
-  const body = document.body;
-  const sizeMap = {
-    s: "0.95",
-    m: "1",
-    l: "1.1",
-    xl: "1.25"
-  };
-  root.style.setProperty("--a11y-text-scale", sizeMap[prefs.textSize]);
-  const targetMin = prefs.textSize === "l" || prefs.textSize === "xl" ? "44px" : "0px";
-  root.style.setProperty("--a11y-target-min", targetMin);
-  root.style.setProperty("--a11y-letter-spacing", prefs.textSpacing === "increased" ? "0.12em" : "normal");
-  root.style.setProperty("--a11y-word-spacing", prefs.textSpacing === "increased" ? "0.16em" : "normal");
-  root.style.setProperty("--a11y-line-height", prefs.lineHeight === "increased" ? "1.6" : "1.5");
-  root.style.setProperty("--a11y-underline-links", prefs.underlineLinks ? "underline" : "revert");
-  root.style.setProperty("--a11y-focus-ring-width", prefs.focusRing === "thick" ? "4px" : "2px");
-  root.style.setProperty("--a11y-reduce-motion", prefs.reduceMotion);
-  root.style.setProperty("--a11y-contrast-mode", prefs.highContrast ? "high" : "normal");
-  if (prefs.highContrast) {
-    root.setAttribute("data-contrast", "high");
-  } else {
-    root.removeAttribute("data-contrast");
-  }
-  root.style.setProperty("--a11y-font-family-alt-enabled", prefs.dyslexiaFont ? "1" : "0");
-  if (body) {
-    if (prefs.textSpacing === "increased") {
-      body.style.letterSpacing = "0.12em";
-      body.style.wordSpacing = "0.16em";
-    } else {
-      body.style.letterSpacing = "";
-      body.style.wordSpacing = "";
-    }
-    body.style.lineHeight = prefs.lineHeight === "increased" ? "1.6" : "";
-  }
-}
-var PreferencesContext = React.createContext(null);
-function useA11YPreferences() {
-  const ctx = React.useContext(PreferencesContext);
-  if (!ctx)
-    throw new Error("useA11YPreferences must be used within A11YPreferencesProvider");
-  return ctx;
-}
-function A11YPreferencesProvider({
-  children
-}) {
-  const [preferences, setPreferencesState] = React.useState(DEFAULT_PREFERENCES);
-  const [hydrated, setHydrated] = React.useState(false);
-  React.useEffect(() => {
-    const stored = getStoredPreferences();
-    const next = stored ?? DEFAULT_PREFERENCES;
-    setPreferencesState(next);
-    setHydrated(true);
-    applyCssVariables(next);
-  }, []);
-  const setPreferences = React.useCallback((updater) => {
-    setPreferencesState((prev) => {
-      const next = typeof updater === "function" ? updater(prev) : { ...prev, ...updater };
-      savePreferences(next);
-      applyCssVariables(next);
-      try {
-        if (typeof window !== "undefined") {
-          const changed = {};
-          for (const key of Object.keys(next)) {
-            if (next[key] !== prev[key]) {
-              changed[key] = next[key];
-            }
-          }
-          window.dispatchEvent(new CustomEvent("a11y:pref_changed", {
-            detail: {
-              previous: prev,
-              current: next,
-              changed
-            }
-          }));
-        }
-      } catch {}
-      return next;
-    });
-  }, []);
-  const value = React.useMemo(() => ({ preferences, setPreferences }), [preferences, setPreferences]);
-  return /* @__PURE__ */ jsxDEV(PreferencesContext, {
-    value,
-    children: [
-      children,
-      !hydrated ? null : null
-    ]
-  }, undefined, true, undefined, this);
-}
-function a11yRootClassName() {
-  return "a11y-root";
-}
-
-// src/AccessibilityPanel.tsx
-import { Button } from "@contractspec/lib.design-system";
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger
-} from "@contractspec/lib.ui-kit-web/ui/dialog";
-import { Label } from "@contractspec/lib.ui-kit-web/ui/label";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "@contractspec/lib.ui-kit-web/ui/select";
-import { Switch } from "@contractspec/lib.ui-kit-web/ui/switch";
-import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-function AccessibilityPanel({ className }) {
-  const { preferences, setPreferences } = useA11YPreferences();
-  return /* @__PURE__ */ jsxDEV2(Dialog, {
-    children: [
-      /* @__PURE__ */ jsxDEV2(DialogTrigger, {
-        asChild: true,
-        children: /* @__PURE__ */ jsxDEV2(Button, {
-          variant: "outline",
-          "aria-haspopup": "dialog",
-          children: "Accessibility"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2(DialogPortal, {
-        children: [
-          /* @__PURE__ */ jsxDEV2(DialogOverlay, {
-            className: "fixed inset-0 z-50 bg-black/40"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV2(DialogContent, {
-            className: cn("max-w-md bg-background p-6 shadow-lg outline-hidden focus-visible:ring-2 focus-visible:ring-ring", className),
-            "aria-describedby": "a11y-panel-desc",
-            children: [
-              /* @__PURE__ */ jsxDEV2(DialogTitle, {
-                className: "font-semibold text-lg",
-                children: "Accessibility settings"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("p", {
-                id: "a11y-panel-desc",
-                className: "text-muted-foreground text-sm",
-                children: "Adjust text size, spacing, focus and motion to suit your needs."
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
-                className: "mt-6 space-y-6",
-                children: [
-                  /* @__PURE__ */ jsxDEV2("div", {
-                    className: "space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV2(Label, {
-                        children: "Text size"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2(Select, {
-                        value: preferences.textSize,
-                        onValueChange: (v) => setPreferences({ textSize: v }),
-                        children: [
-                          /* @__PURE__ */ jsxDEV2(SelectTrigger, {
-                            "aria-label": "Text size",
-                            children: /* @__PURE__ */ jsxDEV2(SelectValue, {}, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV2(SelectContent, {
-                            children: [
-                              /* @__PURE__ */ jsxDEV2(SelectItem, {
-                                value: "s",
-                                children: "Small"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV2(SelectItem, {
-                                value: "m",
-                                children: "Medium"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV2(SelectItem, {
-                                value: "l",
-                                children: "Large"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV2(SelectItem, {
-                                value: "xl",
-                                children: "Extra Large"
-                              }, undefined, false, undefined, this)
-                            ]
-                          }, undefined, true, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("div", {
-                    className: "flex items-center justify-between",
-                    children: [
-                      /* @__PURE__ */ jsxDEV2(Label, {
-                        htmlFor: "text-spacing",
-                        children: "Increase text spacing (WCAG 1.4.12)"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2(Switch, {
-                        id: "text-spacing",
-                        checked: preferences.textSpacing === "increased",
-                        onCheckedChange: (c) => setPreferences({ textSpacing: c ? "increased" : "normal" })
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("div", {
-                    className: "flex items-center justify-between",
-                    children: [
-                      /* @__PURE__ */ jsxDEV2(Label, {
-                        htmlFor: "line-height",
-                        children: "Increase line height"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2(Switch, {
-                        id: "line-height",
-                        checked: preferences.lineHeight === "increased",
-                        onCheckedChange: (c) => setPreferences({ lineHeight: c ? "increased" : "normal" })
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("div", {
-                    className: "flex items-center justify-between",
-                    children: [
-                      /* @__PURE__ */ jsxDEV2(Label, {
-                        htmlFor: "underline-links",
-                        children: "Always underline links"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2(Switch, {
-                        id: "underline-links",
-                        checked: preferences.underlineLinks,
-                        onCheckedChange: (c) => setPreferences({ underlineLinks: c })
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("div", {
-                    className: "flex items-center justify-between",
-                    children: [
-                      /* @__PURE__ */ jsxDEV2(Label, {
-                        htmlFor: "focus-ring",
-                        children: "Thick focus ring"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2(Switch, {
-                        id: "focus-ring",
-                        checked: preferences.focusRing === "thick",
-                        onCheckedChange: (c) => setPreferences({ focusRing: c ? "thick" : "normal" })
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("div", {
-                    className: "space-y-2",
-                    children: [
-                      /* @__PURE__ */ jsxDEV2(Label, {
-                        children: "Motion"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2(Select, {
-                        value: preferences.reduceMotion,
-                        onValueChange: (v) => setPreferences({ reduceMotion: v }),
-                        children: [
-                          /* @__PURE__ */ jsxDEV2(SelectTrigger, {
-                            "aria-label": "Motion preferences",
-                            children: /* @__PURE__ */ jsxDEV2(SelectValue, {}, undefined, false, undefined, this)
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ jsxDEV2(SelectContent, {
-                            children: [
-                              /* @__PURE__ */ jsxDEV2(SelectItem, {
-                                value: "system",
-                                children: "Follow system"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV2(SelectItem, {
-                                value: "reduce",
-                                children: "Reduce motion"
-                              }, undefined, false, undefined, this),
-                              /* @__PURE__ */ jsxDEV2(SelectItem, {
-                                value: "no-preference",
-                                children: "Allow motion"
-                              }, undefined, false, undefined, this)
-                            ]
-                          }, undefined, true, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("div", {
-                    className: "flex items-center justify-between",
-                    children: [
-                      /* @__PURE__ */ jsxDEV2(Label, {
-                        htmlFor: "contrast",
-                        children: "High contrast"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2(Switch, {
-                        id: "contrast",
-                        checked: preferences.highContrast,
-                        onCheckedChange: (c) => setPreferences({ highContrast: c })
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this),
-                  /* @__PURE__ */ jsxDEV2("div", {
-                    className: "flex items-center justify-between",
-                    children: [
-                      /* @__PURE__ */ jsxDEV2(Label, {
-                        htmlFor: "dyslexia-font",
-                        children: "Dyslexia-friendly font"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV2(Switch, {
-                        id: "dyslexia-font",
-                        checked: preferences.dyslexiaFont,
-                        onCheckedChange: (c) => setPreferences({ dyslexiaFont: c })
-                      }, undefined, false, undefined, this)
-                    ]
-                  }, undefined, true, undefined, this)
-                ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV2("div", {
-                className: "mt-8 flex justify-end gap-2",
-                children: /* @__PURE__ */ jsxDEV2(DialogClose, {
-                  asChild: true,
-                  children: /* @__PURE__ */ jsxDEV2(Button, {
-                    variant: "secondary",
-                    children: "Close"
-                  }, undefined, false, undefined, this)
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  AccessibilityPanel
-};
+import G from"react";import{jsxs as v}from"react/jsx-runtime";var Y={textSize:"m",textSpacing:"normal",lineHeight:"normal",underlineLinks:!1,focusRing:"normal",reduceMotion:"system",highContrast:!1,dyslexiaFont:!1},A="a11y:preferences:v1";function h(){try{let J=typeof window<"u"?window.localStorage.getItem(A):null;if(!J)return null;let Q=JSON.parse(J);return{...Y,...Q}}catch{return null}}function m(J){try{if(typeof window<"u")window.localStorage.setItem(A,JSON.stringify(J))}catch{}}function k(J){if(typeof document>"u")return;let{documentElement:Q,body:X}=document,W={s:"0.95",m:"1",l:"1.1",xl:"1.25"};Q.style.setProperty("--a11y-text-scale",W[J.textSize]);let U=J.textSize==="l"||J.textSize==="xl"?"44px":"0px";if(Q.style.setProperty("--a11y-target-min",U),Q.style.setProperty("--a11y-letter-spacing",J.textSpacing==="increased"?"0.12em":"normal"),Q.style.setProperty("--a11y-word-spacing",J.textSpacing==="increased"?"0.16em":"normal"),Q.style.setProperty("--a11y-line-height",J.lineHeight==="increased"?"1.6":"1.5"),Q.style.setProperty("--a11y-underline-links",J.underlineLinks?"underline":"revert"),Q.style.setProperty("--a11y-focus-ring-width",J.focusRing==="thick"?"4px":"2px"),Q.style.setProperty("--a11y-reduce-motion",J.reduceMotion),Q.style.setProperty("--a11y-contrast-mode",J.highContrast?"high":"normal"),J.highContrast)Q.setAttribute("data-contrast","high");else Q.removeAttribute("data-contrast");if(Q.style.setProperty("--a11y-font-family-alt-enabled",J.dyslexiaFont?"1":"0"),X){if(J.textSpacing==="increased")X.style.letterSpacing="0.12em",X.style.wordSpacing="0.16em";else X.style.letterSpacing="",X.style.wordSpacing="";X.style.lineHeight=J.lineHeight==="increased"?"1.6":""}}var F=G.createContext(null);function N(){let J=G.useContext(F);if(!J)throw Error("useA11YPreferences must be used within A11YPreferencesProvider");return J}function i({children:J}){let[Q,X]=G.useState(Y),[W,U]=G.useState(!1);G.useEffect(()=>{let z=h()??Y;X(z),U(!0),k(z)},[]);let V=G.useCallback((M)=>{X((z)=>{let B=typeof M==="function"?M(z):{...z,...M};m(B),k(B);try{if(typeof window<"u"){let _={};for(let O of Object.keys(B))if(B[O]!==z[O])_[O]=B[O];window.dispatchEvent(new CustomEvent("a11y:pref_changed",{detail:{previous:z,current:B,changed:_}}))}}catch{}return B})},[]),L=G.useMemo(()=>({preferences:Q,setPreferences:V}),[Q,V]);return v(F,{value:L,children:[J,!W?null:null]})}function l(){return"a11y-root"}import{Button as I}from"@contractspec/lib.design-system";import{Dialog as y,DialogClose as R,DialogContent as g,DialogOverlay as b,DialogPortal as u,DialogTitle as E,DialogTrigger as P}from"@contractspec/lib.ui-kit-web/ui/dialog";import{Label as $}from"@contractspec/lib.ui-kit-web/ui/label";import{Select as w,SelectContent as T,SelectItem as H,SelectTrigger as D,SelectValue as C}from"@contractspec/lib.ui-kit-web/ui/select";import{Switch as K}from"@contractspec/lib.ui-kit-web/ui/switch";import{cn as d}from"@contractspec/lib.ui-kit-web/ui/utils";import{jsx as q,jsxs as Z}from"react/jsx-runtime";function r({className:J}){let{preferences:Q,setPreferences:X}=N();return Z(y,{children:[q(P,{asChild:!0,children:q(I,{variant:"outline","aria-haspopup":"dialog",children:"Accessibility"})}),Z(u,{children:[q(b,{className:"fixed inset-0 z-50 bg-black/40"}),Z(g,{className:d("max-w-md bg-background p-6 shadow-lg outline-hidden focus-visible:ring-2 focus-visible:ring-ring",J),"aria-describedby":"a11y-panel-desc",children:[q(E,{className:"font-semibold text-lg",children:"Accessibility settings"}),q("p",{id:"a11y-panel-desc",className:"text-muted-foreground text-sm",children:"Adjust text size, spacing, focus and motion to suit your needs."}),Z("div",{className:"mt-6 space-y-6",children:[Z("div",{className:"space-y-2",children:[q($,{children:"Text size"}),Z(w,{value:Q.textSize,onValueChange:(W)=>X({textSize:W}),children:[q(D,{"aria-label":"Text size",children:q(C,{})}),Z(T,{children:[q(H,{value:"s",children:"Small"}),q(H,{value:"m",children:"Medium"}),q(H,{value:"l",children:"Large"}),q(H,{value:"xl",children:"Extra Large"})]})]})]}),Z("div",{className:"flex items-center justify-between",children:[q($,{htmlFor:"text-spacing",children:"Increase text spacing (WCAG 1.4.12)"}),q(K,{id:"text-spacing",checked:Q.textSpacing==="increased",onCheckedChange:(W)=>X({textSpacing:W?"increased":"normal"})})]}),Z("div",{className:"flex items-center justify-between",children:[q($,{htmlFor:"line-height",children:"Increase line height"}),q(K,{id:"line-height",checked:Q.lineHeight==="increased",onCheckedChange:(W)=>X({lineHeight:W?"increased":"normal"})})]}),Z("div",{className:"flex items-center justify-between",children:[q($,{htmlFor:"underline-links",children:"Always underline links"}),q(K,{id:"underline-links",checked:Q.underlineLinks,onCheckedChange:(W)=>X({underlineLinks:W})})]}),Z("div",{className:"flex items-center justify-between",children:[q($,{htmlFor:"focus-ring",children:"Thick focus ring"}),q(K,{id:"focus-ring",checked:Q.focusRing==="thick",onCheckedChange:(W)=>X({focusRing:W?"thick":"normal"})})]}),Z("div",{className:"space-y-2",children:[q($,{children:"Motion"}),Z(w,{value:Q.reduceMotion,onValueChange:(W)=>X({reduceMotion:W}),children:[q(D,{"aria-label":"Motion preferences",children:q(C,{})}),Z(T,{children:[q(H,{value:"system",children:"Follow system"}),q(H,{value:"reduce",children:"Reduce motion"}),q(H,{value:"no-preference",children:"Allow motion"})]})]})]}),Z("div",{className:"flex items-center justify-between",children:[q($,{htmlFor:"contrast",children:"High contrast"}),q(K,{id:"contrast",checked:Q.highContrast,onCheckedChange:(W)=>X({highContrast:W})})]}),Z("div",{className:"flex items-center justify-between",children:[q($,{htmlFor:"dyslexia-font",children:"Dyslexia-friendly font"}),q(K,{id:"dyslexia-font",checked:Q.dyslexiaFont,onCheckedChange:(W)=>X({dyslexiaFont:W})})]})]}),q("div",{className:"mt-8 flex justify-end gap-2",children:q(R,{asChild:!0,children:q(I,{variant:"secondary",children:"Close"})})})]})]})]})}export{r as AccessibilityPanel};

package/dist/browser/AccessibilityProvider.js

@@ -1,173 +1 @@
-// src/preferences.tsx
-import React from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-var DEFAULT_PREFERENCES = {
-  textSize: "m",
-  textSpacing: "normal",
-  lineHeight: "normal",
-  underlineLinks: false,
-  focusRing: "normal",
-  reduceMotion: "system",
-  highContrast: false,
-  dyslexiaFont: false
-};
-var STORAGE_KEY = "a11y:preferences:v1";
-function getStoredPreferences() {
-  try {
-    const raw = typeof window !== "undefined" ? window.localStorage.getItem(STORAGE_KEY) : null;
-    if (!raw)
-      return null;
-    const parsed = JSON.parse(raw);
-    return { ...DEFAULT_PREFERENCES, ...parsed };
-  } catch {
-    return null;
-  }
-}
-function savePreferences(prefs) {
-  try {
-    if (typeof window !== "undefined") {
-      window.localStorage.setItem(STORAGE_KEY, JSON.stringify(prefs));
-    }
-  } catch {}
-}
-function applyCssVariables(prefs) {
-  if (typeof document === "undefined")
-    return;
-  const root = document.documentElement;
-  const body = document.body;
-  const sizeMap = {
-    s: "0.95",
-    m: "1",
-    l: "1.1",
-    xl: "1.25"
-  };
-  root.style.setProperty("--a11y-text-scale", sizeMap[prefs.textSize]);
-  const targetMin = prefs.textSize === "l" || prefs.textSize === "xl" ? "44px" : "0px";
-  root.style.setProperty("--a11y-target-min", targetMin);
-  root.style.setProperty("--a11y-letter-spacing", prefs.textSpacing === "increased" ? "0.12em" : "normal");
-  root.style.setProperty("--a11y-word-spacing", prefs.textSpacing === "increased" ? "0.16em" : "normal");
-  root.style.setProperty("--a11y-line-height", prefs.lineHeight === "increased" ? "1.6" : "1.5");
-  root.style.setProperty("--a11y-underline-links", prefs.underlineLinks ? "underline" : "revert");
-  root.style.setProperty("--a11y-focus-ring-width", prefs.focusRing === "thick" ? "4px" : "2px");
-  root.style.setProperty("--a11y-reduce-motion", prefs.reduceMotion);
-  root.style.setProperty("--a11y-contrast-mode", prefs.highContrast ? "high" : "normal");
-  if (prefs.highContrast) {
-    root.setAttribute("data-contrast", "high");
-  } else {
-    root.removeAttribute("data-contrast");
-  }
-  root.style.setProperty("--a11y-font-family-alt-enabled", prefs.dyslexiaFont ? "1" : "0");
-  if (body) {
-    if (prefs.textSpacing === "increased") {
-      body.style.letterSpacing = "0.12em";
-      body.style.wordSpacing = "0.16em";
-    } else {
-      body.style.letterSpacing = "";
-      body.style.wordSpacing = "";
-    }
-    body.style.lineHeight = prefs.lineHeight === "increased" ? "1.6" : "";
-  }
-}
-var PreferencesContext = React.createContext(null);
-function useA11YPreferences() {
-  const ctx = React.useContext(PreferencesContext);
-  if (!ctx)
-    throw new Error("useA11YPreferences must be used within A11YPreferencesProvider");
-  return ctx;
-}
-function A11YPreferencesProvider({
-  children
-}) {
-  const [preferences, setPreferencesState] = React.useState(DEFAULT_PREFERENCES);
-  const [hydrated, setHydrated] = React.useState(false);
-  React.useEffect(() => {
-    const stored = getStoredPreferences();
-    const next = stored ?? DEFAULT_PREFERENCES;
-    setPreferencesState(next);
-    setHydrated(true);
-    applyCssVariables(next);
-  }, []);
-  const setPreferences = React.useCallback((updater) => {
-    setPreferencesState((prev) => {
-      const next = typeof updater === "function" ? updater(prev) : { ...prev, ...updater };
-      savePreferences(next);
-      applyCssVariables(next);
-      try {
-        if (typeof window !== "undefined") {
-          const changed = {};
-          for (const key of Object.keys(next)) {
-            if (next[key] !== prev[key]) {
-              changed[key] = next[key];
-            }
-          }
-          window.dispatchEvent(new CustomEvent("a11y:pref_changed", {
-            detail: {
-              previous: prev,
-              current: next,
-              changed
-            }
-          }));
-        }
-      } catch {}
-      return next;
-    });
-  }, []);
-  const value = React.useMemo(() => ({ preferences, setPreferences }), [preferences, setPreferences]);
-  return /* @__PURE__ */ jsxDEV(PreferencesContext, {
-    value,
-    children: [
-      children,
-      !hydrated ? null : null
-    ]
-  }, undefined, true, undefined, this);
-}
-function a11yRootClassName() {
-  return "a11y-root";
-}
-
-// src/next-route-announcer.tsx
-import { usePathname } from "next/navigation";
-import * as React2 from "react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-function NextRouteAnnouncer() {
-  const pathname = usePathname();
-  const [message, setMessage] = React2.useState("");
-  React2.useEffect(() => {
-    if (typeof document !== "undefined") {
-      setMessage(document.title || pathname || "");
-    }
-  }, [pathname]);
-  return /* @__PURE__ */ jsxDEV2("div", {
-    "aria-live": "polite",
-    "aria-atomic": "true",
-    className: "sr-only",
-    children: message
-  }, undefined, false, undefined, this);
-}
-
-// src/AccessibilityProvider.tsx
-import { SRLiveRegionProvider } from "@contractspec/lib.ui-kit-web/ui/live-region";
-import { SkipLink } from "@contractspec/lib.ui-kit-web/ui/skip-link";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-"use client";
-function AccessibilityProvider({
-  children,
-  skipTargetId = "main"
-}) {
-  return /* @__PURE__ */ jsxDEV3(A11YPreferencesProvider, {
-    children: /* @__PURE__ */ jsxDEV3(SRLiveRegionProvider, {
-      children: [
-        /* @__PURE__ */ jsxDEV3(SkipLink, {
-          targetId: skipTargetId
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV3(NextRouteAnnouncer, {}, undefined, false, undefined, this),
-        children
-      ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this);
-}
-export {
-  AccessibilityProvider
-};
+import X from"react";import{jsxs as F}from"react/jsx-runtime";var I={textSize:"m",textSpacing:"normal",lineHeight:"normal",underlineLinks:!1,focusRing:"normal",reduceMotion:"system",highContrast:!1,dyslexiaFont:!1},M="a11y:preferences:v1";function N(){try{let q=typeof window<"u"?window.localStorage.getItem(M):null;if(!q)return null;let B=JSON.parse(q);return{...I,...B}}catch{return null}}function _(q){try{if(typeof window<"u")window.localStorage.setItem(M,JSON.stringify(q))}catch{}}function D(q){if(typeof document>"u")return;let{documentElement:B,body:J}=document,G={s:"0.95",m:"1",l:"1.1",xl:"1.25"};B.style.setProperty("--a11y-text-scale",G[q.textSize]);let H=q.textSize==="l"||q.textSize==="xl"?"44px":"0px";if(B.style.setProperty("--a11y-target-min",H),B.style.setProperty("--a11y-letter-spacing",q.textSpacing==="increased"?"0.12em":"normal"),B.style.setProperty("--a11y-word-spacing",q.textSpacing==="increased"?"0.16em":"normal"),B.style.setProperty("--a11y-line-height",q.lineHeight==="increased"?"1.6":"1.5"),B.style.setProperty("--a11y-underline-links",q.underlineLinks?"underline":"revert"),B.style.setProperty("--a11y-focus-ring-width",q.focusRing==="thick"?"4px":"2px"),B.style.setProperty("--a11y-reduce-motion",q.reduceMotion),B.style.setProperty("--a11y-contrast-mode",q.highContrast?"high":"normal"),q.highContrast)B.setAttribute("data-contrast","high");else B.removeAttribute("data-contrast");if(B.style.setProperty("--a11y-font-family-alt-enabled",q.dyslexiaFont?"1":"0"),J){if(q.textSpacing==="increased")J.style.letterSpacing="0.12em",J.style.wordSpacing="0.16em";else J.style.letterSpacing="",J.style.wordSpacing="";J.style.lineHeight=q.lineHeight==="increased"?"1.6":""}}var U=X.createContext(null);function g(){let q=X.useContext(U);if(!q)throw Error("useA11YPreferences must be used within A11YPreferencesProvider");return q}function Y({children:q}){let[B,J]=X.useState(I),[G,H]=X.useState(!1);X.useEffect(()=>{let Q=N()??I;J(Q),H(!0),D(Q)},[]);let O=X.useCallback((Z)=>{J((Q)=>{let W=typeof Z==="function"?Z(Q):{...Q,...Z};_(W),D(W);try{if(typeof window<"u"){let V={};for(let $ of Object.keys(W))if(W[$]!==Q[$])V[$]=W[$];window.dispatchEvent(new CustomEvent("a11y:pref_changed",{detail:{previous:Q,current:W,changed:V}}))}}catch{}return W})},[]),L=X.useMemo(()=>({preferences:B,setPreferences:O}),[B,O]);return F(U,{value:L,children:[q,!G?null:null]})}function m(){return"a11y-root"}import{usePathname as A}from"next/navigation";import*as z from"react";import{jsx as C}from"react/jsx-runtime";function w(){let q=A(),[B,J]=z.useState("");return z.useEffect(()=>{if(typeof document<"u")J(document.title||q||"")},[q]),C("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:B})}import{SRLiveRegionProvider as T}from"@contractspec/lib.ui-kit-web/ui/live-region";import{SkipLink as j}from"@contractspec/lib.ui-kit-web/ui/skip-link";import{jsx as K,jsxs as b}from"react/jsx-runtime";function x({children:q,skipTargetId:B="main"}){return K(Y,{children:b(T,{children:[K(j,{targetId:B}),K(w,{}),q]})})}export{x as AccessibilityProvider};

package/dist/browser/index.css

@@ -1,60 +1 @@
-/* src/styles.css */
-:root {
-  --a11y-text-scale: 1;
-  --a11y-letter-spacing: normal;
-  --a11y-word-spacing: normal;
-  --a11y-line-height: 1.5;
-  --a11y-underline-links: auto;
-  --a11y-focus-ring-width: 2px;
-  --a11y-reduce-motion: system;
-  --a11y-contrast-mode: normal;
-  --a11y-font-family-alt-enabled: 0;
-}
-
-html, body {
-  font-size: calc(16px * var(--a11y-text-scale));
-}
-
-body, p, li {
-  letter-spacing: var(--a11y-letter-spacing);
-  word-spacing: var(--a11y-word-spacing);
-  line-height: var(--a11y-line-height);
-}
-
-a {
-  text-decoration: var(--a11y-underline-links);
-}
-
-:where(button, [role="button"], a, input, select, textarea) {
-  outline-offset: 2px;
-  min-height: var(--a11y-target-min, 0);
-  min-width: var(--a11y-target-min, 0);
-}
-
-:where(:focus-visible) {
-  outline: var(--a11y-focus-ring-width) solid currentColor;
-}
-
-:root[style*="--a11y-font-family-alt-enabled: 1"] body {
-  font-family: var(--font-dyslexia, system-ui, sans-serif);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  :root[style*="--a11y-reduce-motion: system"] * {
-    animation: none !important;
-    scroll-behavior: auto !important;
-    transition: none !important;
-  }
-}
-
-:root[style*="--a11y-reduce-motion: reduce"] * {
-  animation: none !important;
-  scroll-behavior: auto !important;
-  transition: none !important;
-}
-
-body {
-  letter-spacing: var(--a11y-letter-spacing, normal);
-  word-spacing: var(--a11y-word-spacing, normal);
-  line-height: var(--a11y-line-height, 1.5);
-}
+:root{--a11y-text-scale:1;--a11y-letter-spacing:normal;--a11y-word-spacing:normal;--a11y-line-height:1.5;--a11y-underline-links:auto;--a11y-focus-ring-width:2px;--a11y-reduce-motion:system;--a11y-contrast-mode:normal;--a11y-font-family-alt-enabled:0}html,body{font-size:calc(16px*var(--a11y-text-scale))}body,p,li{letter-spacing:var(--a11y-letter-spacing);word-spacing:var(--a11y-word-spacing);line-height:var(--a11y-line-height)}a{text-decoration:var(--a11y-underline-links)}:where(button,[role=button],a,input,select,textarea){outline-offset:2px;min-height:var(--a11y-target-min,0);min-width:var(--a11y-target-min,0)}:where(:focus-visible){outline:var(--a11y-focus-ring-width)solid currentColor}:root[style*="--a11y-font-family-alt-enabled: 1"] body{font-family:var(--font-dyslexia,system-ui,sans-serif)}@media (prefers-reduced-motion:reduce){:root[style*="--a11y-reduce-motion: system"] *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}:root[style*="--a11y-reduce-motion: reduce"] *{animation:none!important;scroll-behavior:auto!important;transition:none!important}body{letter-spacing:var(--a11y-letter-spacing,normal);word-spacing:var(--a11y-word-spacing,normal);line-height:var(--a11y-line-height,1.5)}

package/dist/browser/index.js

@@ -1,14 +1 @@
-export {
-  useSRLiveRegion,
-  useReducedMotion,
-  useA11YPreferences,
-  VisuallyHidden,
-  SkipLink,
-  SRLiveRegionProvider,
-  RouteAnnouncer,
-  NextRouteAnnouncer,
-  FocusOnRouteChange,
-  AccessibilityProvider,
-  AccessibilityPanel,
-  A11YPreferencesProvider
-};
+export{B as useSRLiveRegion,H as useReducedMotion,M as useA11YPreferences,J as VisuallyHidden,F as SkipLink,z as SRLiveRegionProvider,D as RouteAnnouncer,T as NextRouteAnnouncer,m as FocusOnRouteChange,R as AccessibilityProvider,O as AccessibilityPanel,L as A11YPreferencesProvider};

package/dist/browser/next-route-announcer.js

@@ -1,23 +1 @@
-// src/next-route-announcer.tsx
-import { usePathname } from "next/navigation";
-import * as React from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function NextRouteAnnouncer() {
-  const pathname = usePathname();
-  const [message, setMessage] = React.useState("");
-  React.useEffect(() => {
-    if (typeof document !== "undefined") {
-      setMessage(document.title || pathname || "");
-    }
-  }, [pathname]);
-  return /* @__PURE__ */ jsxDEV("div", {
-    "aria-live": "polite",
-    "aria-atomic": "true",
-    className: "sr-only",
-    children: message
-  }, undefined, false, undefined, this);
-}
-export {
-  NextRouteAnnouncer
-};
+import{usePathname as y}from"next/navigation";import*as b from"react";import{jsx as z}from"react/jsx-runtime";function B(){let f=y(),[k,q]=b.useState("");return b.useEffect(()=>{if(typeof document<"u")q(document.title||f||"")},[f]),z("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:k})}export{B as NextRouteAnnouncer};