assets/AccessibilityAnnotation-qrX9Fzr2.js

import{r as n,j as e,R as d}from"./react-B-lWpQRQ.js";import{d as x}from"./diff-CqM5-8zX.js";import{at as p,L as m,be as f}from"./index-DyMS-nC-.js";import"./@google-xfXoiafW.js";import"./marked-CesSW9Du.js";import"./@braintree-DY5JYOZd.js";import"./react-dom-CU2yWD-Y.js";import"./scheduler-DYLXRpC5.js";import"./idb-Dob3nYDb.js";import"./axe-core-CA05Kxsw.js";import"./@mermaid-js-Ce0__7Tp.js";import"./langium-B_PGe6V2.js";import"./vscode-jsonrpc-2tvYB2ki.js";import"./chevrotain-D5DQZOif.js";import"./@chevrotain-DMYZVohV.js";import"./lodash-es-CKTcnrxn.js";import"./chevrotain-allstar-eFSt8-qu.js";import"./vscode-languageserver-types-NoPvPymt.js";import"./vscode-languageserver-textdocument-CKBVUiR3.js";import"./vscode-uri-CoxP0whD.js";const u=`<div class="menu">
  <div>Menu Item 1</div>
  <div class="active">Menu Item 2</div>
  <div>Menu Item 3</div>
</div>`,h=d.memo(({oldCode:s,newCode:o})=>{const l=x(s,o);return e.jsx("pre",{className:"whitespace-pre-wrap font-mono text-xs",children:l.map((t,r)=>{const i=t.added?"bg-green-500/20 text-green-800 dark:text-green-300":t.removed?"bg-red-500/20":"text-text-secondary";return e.jsx("div",{className:i,children:t.value},r)})})}),V=()=>{const[s,o]=n.useState(u),[l,t]=n.useState(""),[r,i]=n.useState(!1),c=async()=>{i(!0),t("");try{const a=await f(s);t(a.replace(/^```(?:\w+\n)?/,"").replace(/```$/,""))}catch(a){console.error(a)}finally{i(!1)}};return e.jsxs("div",{className:"h-full flex flex-col p-4 sm:p-6 lg:p-8 text-text-primary",children:[e.jsxs("header",{className:"mb-6",children:[e.jsxs("h1",{className:"text-3xl font-bold flex items-center",children:[e.jsx(p,{}),e.jsx("span",{className:"ml-3",children:"Accessibility Annotation"})]}),e.jsx("p",{className:"text-text-secondary mt-1",children:"Add ARIA attributes to HTML to improve accessibility."})]}),e.jsxs("div",{className:"flex-grow grid grid-cols-1 lg:grid-cols-2 gap-6 min-h-0",children:[e.jsxs("div",{className:"flex flex-col",children:[e.jsx("label",{className:"text-sm font-medium mb-2",children:"Original HTML"}),e.jsx("textarea",{value:s,onChange:a=>o(a.target.value),className:"flex-grow p-2 bg-surface border rounded font-mono text-xs"}),e.jsx("button",{onClick:c,disabled:r,className:"btn-primary w-full mt-4 py-3",children:r?e.jsx(m,{}):"Annotate with ARIA"})]}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("label",{className:"text-sm font-medium mb-2",children:"Annotated HTML"}),e.jsx("div",{className:"flex-grow p-2 bg-background border rounded overflow-auto",children:r?e.jsx("div",{className:"flex justify-center items-center h-full",children:e.jsx(m,{})}):e.jsx(h,{oldCode:s,newCode:l})})]})]})]})};export{V as AccessibilityAnnotation};
//# sourceMappingURL=AccessibilityAnnotation-qrX9Fzr2.js.map