@mieweb/ui 0.3.0-dev.76 → 0.3.0-dev.78

package/dist/index.js

@@ -26,8 +26,8 @@ import { RadioGroup, Radio } from './chunk-PU6ZC4GI.js';
 export { Radio, RadioGroup, radioVariants } from './chunk-PU6ZC4GI.js';
 export { RecordButton, formatDuration, recordButtonVariants } from './chunk-QVJBUWJQ.js';
 export { DateButton, DatePicker, RadioOption, SchedulePicker, TimeButton, TimePicker, dateButtonVariants, radioOptionVariants, timeButtonVariants } from './chunk-4DMZAVB2.js';
-import { Select } from './chunk-IEVAVY43.js';
-export { Select, selectTriggerVariants } from './chunk-IEVAVY43.js';
+import { Select } from './chunk-PIKMFAMZ.js';
+export { Select, selectTriggerVariants } from './chunk-PIKMFAMZ.js';
 import { Skeleton } from './chunk-4Z6ZZKIY.js';
 export { Skeleton, SkeletonCard, SkeletonTable, SkeletonText, skeletonVariants } from './chunk-4Z6ZZKIY.js';
 export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from './chunk-5PUEQH2L.js';
@@ -10505,7 +10505,7 @@ function CSVColumnMapper({
         className: "bg-primary/10 border-primary/30 mb-4 rounded-lg border p-4",
         children: [
           /* @__PURE__ */ jsx(
-            "h4",
+            "h3",
             {
               "data-slot": "csv-mapper-alert-title",
               className: "text-primary-800 dark:text-primary-200 mb-1 font-semibold",
@@ -10584,7 +10584,7 @@ function CSVColumnCard({
       "data-slot": "csv-card",
       className: cn(
         "bg-card text-card-foreground rounded-xl border-2 shadow-sm",
-        column.ignored ? "border-border opacity-50" : isMapped ? "border-success/30" : "border-warning/30"
+        column.ignored ? "border-border border-dashed shadow-none" : isMapped ? "border-success/30" : "border-warning/30"
       ),
       children: [
         /* @__PURE__ */ jsxs(
@@ -10615,7 +10615,7 @@ function CSVColumnCard({
                 /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4", className: "fill-warning" })
               ] }) })),
               /* @__PURE__ */ jsx(
-                "h6",
+                "h4",
                 {
                   "data-slot": "csv-card-title",
                   className: "truncate text-sm font-semibold",
@@ -10666,6 +10666,7 @@ function CSVColumnCard({
                   Select,
                   {
                     id: formatHtmlId(column.name),
+                    label: `Map ${column.name} to field`,
                     options: selectOptions,
                     value: column.mappedTo || "",
                     onValueChange: (value) => onMappingChange(value, void 0),
@@ -10694,6 +10695,7 @@ function CSVColumnCard({
               Select,
               {
                 id: formatHtmlId(column.name, column.mappedTo),
+                label: `${column.name} sub-field`,
                 options: childSelectOptions,
                 value: column.childField || "",
                 onValueChange: (value) => onMappingChange(column.mappedTo, value),
@@ -30846,6 +30848,7 @@ function ReportDashboard({
             /* @__PURE__ */ jsx(
               Select,
               {
+                "aria-label": "Date range",
                 options: Array.isArray(dateRangeOptions) && dateRangeOptions.every(
                   (opt) => opt && typeof opt === "object" && "value" in opt && "label" in opt && typeof opt.value === "string" && typeof opt.label === "string"
                 ) ? dateRangeOptions : [],
@@ -30904,7 +30907,7 @@ function ReportDashboard({
       }
     ),
     chartData.length > 0 && /* @__PURE__ */ jsx("div", { "data-slot": "report-dashboard-chart", children: /* @__PURE__ */ jsxs(Card, { children: [
-      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: "Order Volume" }) }),
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { as: "h2", className: "text-lg", children: "Order Volume" }) }),
       /* @__PURE__ */ jsxs(CardContent, { children: [
         /* @__PURE__ */ jsx("div", { className: "flex h-48 items-end gap-1", children: chartData.map((point, index) => /* @__PURE__ */ jsxs(
           "div",
@@ -30957,7 +30960,7 @@ function ReportDashboard({
         className: "grid gap-6 md:grid-cols-2",
         children: [
           topServices.length > 0 && /* @__PURE__ */ jsx("div", { "data-slot": "report-dashboard-services", children: /* @__PURE__ */ jsxs(Card, { children: [
-            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: "Top Services" }) }),
+            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { as: "h2", className: "text-lg", children: "Top Services" }) }),
             /* @__PURE__ */ jsx(CardContent, { className: "space-y-3", children: topServices.map((service, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
               /* @__PURE__ */ jsx(
                 Badge,
@@ -30983,7 +30986,7 @@ function ReportDashboard({
             ] }, service.id)) })
           ] }) }),
           topEmployers.length > 0 && /* @__PURE__ */ jsx("div", { "data-slot": "report-dashboard-employers", children: /* @__PURE__ */ jsxs(Card, { children: [
-            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: "Top Employers" }) }),
+            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { as: "h2", className: "text-lg", children: "Top Employers" }) }),
             /* @__PURE__ */ jsx(CardContent, { className: "space-y-3", children: topEmployers.map((employer, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
               /* @__PURE__ */ jsx(
                 Badge,
@@ -31629,6 +31632,7 @@ function ScheduleCalendar({
                     variant: "outline",
                     size: "sm",
                     onClick: () => navigateDate("prev"),
+                    "aria-label": "Previous",
                     children: /* @__PURE__ */ jsx(
                       "svg",
                       {
@@ -31655,6 +31659,7 @@ function ScheduleCalendar({
                     variant: "outline",
                     size: "sm",
                     onClick: () => navigateDate("next"),
+                    "aria-label": "Next",
                     children: /* @__PURE__ */ jsx(
                       "svg",
                       {
@@ -31700,7 +31705,13 @@ function ScheduleCalendar({
                   {
                     className: `flex-1 border-l border-gray-200 p-2 text-center dark:border-gray-700 ${isSameDay(date, /* @__PURE__ */ new Date()) ? "bg-blue-50 dark:bg-blue-900/20" : ""}`,
                     children: [
-                      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: date.toLocaleDateString("en-US", { weekday: "short" }) }),
+                      /* @__PURE__ */ jsx(
+                        "p",
+                        {
+                          className: `text-xs ${isSameDay(date, /* @__PURE__ */ new Date()) ? "text-blue-600 dark:text-blue-400" : "text-muted-foreground"}`,
+                          children: date.toLocaleDateString("en-US", { weekday: "short" })
+                        }
+                      ),
                       /* @__PURE__ */ jsx(
                         "p",
                         {
@@ -31746,6 +31757,7 @@ function ScheduleCalendar({
                       {
                         role: onAddAppointment ? "button" : void 0,
                         tabIndex: onAddAppointment ? 0 : void 0,
+                        "aria-label": onAddAppointment ? `Add appointment at ${new Date(2e3, 0, 1, hour).toLocaleTimeString("en-US", { hour: "numeric", hour12: true })}` : void 0,
                         className: "h-16 border-b border-gray-100 dark:border-gray-800",
                         onClick: () => {
                           if (onAddAppointment) {
@@ -31755,7 +31767,8 @@ function ScheduleCalendar({
                           }
                         },
                         onKeyDown: (e) => {
-                          if (e.key === "Enter" && onAddAppointment) {
+                          if ((e.key === "Enter" || e.key === " ") && onAddAppointment) {
+                            e.preventDefault();
                             const clickDate = new Date(date);
                             clickDate.setHours(hour, 0, 0, 0);
                             onAddAppointment(clickDate, `${hour}:00`);
@@ -31772,6 +31785,7 @@ function ScheduleCalendar({
                           "data-slot": "schedule-calendar-appointment",
                           role: "button",
                           tabIndex: 0,
+                          "aria-label": `${appointment.patientName || appointment.title}, ${formatTime4(appointment.startTime)}`,
                           className: `absolute right-1 left-1 cursor-pointer overflow-hidden rounded border-l-4 px-2 py-1 text-xs text-white ${getStatusColor(appointment.status)}`,
                           style: {
                             top: position.top,
@@ -31779,7 +31793,12 @@ function ScheduleCalendar({
                             minHeight: "1.5rem"
                           },
                           onClick: () => onAppointmentClick?.(appointment),
-                          onKeyDown: (e) => e.key === "Enter" && onAppointmentClick?.(appointment),
+                          onKeyDown: (e) => {
+                            if (e.key === "Enter" || e.key === " ") {
+                              e.preventDefault();
+                              onAppointmentClick?.(appointment);
+                            }
+                          },
                           children: [
                             /* @__PURE__ */ jsx("p", { className: "truncate font-medium", children: appointment.patientName || appointment.title }),
                             /* @__PURE__ */ jsx("p", { className: "truncate", children: formatTime4(appointment.startTime) })