"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const r=[{icon:e.jsx(a.Target,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Focus Management",description:"Visible focus indicators, focus restoration on close (Modal, Drawer), auto-focus on open, and skip-navigation support.",iconBgClassName:"from-red-500 to-orange-500"},{icon:e.jsx(a.Keyboard,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Keyboard Navigation",description:"Tab/Shift+Tab traversal, Enter/Space activation, Escape to close, Arrow keys in Tabs and Select, Home/End support.",iconBgClassName:"from-blue-500 to-indigo-500"},{icon:e.jsx(a.Volume2,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Screen Reader Support",description:"Semantic HTML, ARIA labels, aria-describedby connections, live regions (Alert), and proper role attributes.",iconBgClassName:"from-purple-500 to-violet-500"},{icon:e.jsx(a.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Visual Accessibility",description:"High contrast modes, color-independent error indicators (aria-invalid), loading state announcements (aria-busy).",iconBgClassName:"from-teal-500 to-cyan-500"},{icon:e.jsx(a.Lock,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Focus Trapping",description:"Drawer implements full focus trap (Tab cycles within). Modal has Escape close and focus restoration but Tab can escape.",iconBgClassName:"from-amber-500 to-yellow-500"},{icon:e.jsx(a.FormInput,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Form Accessibility",description:"Auto-generated IDs (useId), label association (htmlFor), aria-required, aria-invalid, and aria-describedby for helpers/errors.",iconBgClassName:"from-green-500 to-emerald-500"}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Implemented Features",description:"Accessibility features currently available across the component library. Each feature has been verified against the source code.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.CheckCircle,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"What's Available Today"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Core accessibility features implemented across components"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:r.map(t=>e.jsx(s.FeatureCard,{layout:"vertical",...t},t.title))})]})]})};exports.default=i;
