@mieweb/ui 0.3.0-dev.88 → 0.3.0-dev.90

package/dist/index.d.cts

@@ -7063,8 +7063,10 @@ interface ServiceAccordionProps extends VariantProps<typeof accordionVariants> {
     onExpandedChange?: (expanded: string[]) => void;
     /** Additional CSS classes */
     className?: string;
+    /** Accessible label for the region */
+    'aria-label'?: string;
 }
-declare function ServiceAccordion({ categories, variant, basePath, onServiceClick, allowMultiple, expandedCategories: controlledExpanded, onExpandedChange, className, }: ServiceAccordionProps): react_jsx_runtime.JSX.Element;
+declare function ServiceAccordion({ categories, variant, basePath, onServiceClick, allowMultiple, expandedCategories: controlledExpanded, onExpandedChange, className, 'aria-label': ariaLabel, }: ServiceAccordionProps): react_jsx_runtime.JSX.Element;
 interface ServiceTagCloudProps$1 {
     /** Flat list of services */
     services: ServiceItem[];

package/dist/index.d.ts

@@ -7063,8 +7063,10 @@ interface ServiceAccordionProps extends VariantProps<typeof accordionVariants> {
     onExpandedChange?: (expanded: string[]) => void;
     /** Additional CSS classes */
     className?: string;
+    /** Accessible label for the region */
+    'aria-label'?: string;
 }
-declare function ServiceAccordion({ categories, variant, basePath, onServiceClick, allowMultiple, expandedCategories: controlledExpanded, onExpandedChange, className, }: ServiceAccordionProps): react_jsx_runtime.JSX.Element;
+declare function ServiceAccordion({ categories, variant, basePath, onServiceClick, allowMultiple, expandedCategories: controlledExpanded, onExpandedChange, className, 'aria-label': ariaLabel, }: ServiceAccordionProps): react_jsx_runtime.JSX.Element;
 interface ServiceTagCloudProps$1 {
     /** Flat list of services */
     services: ServiceItem[];

package/dist/index.js

@@ -29259,7 +29259,7 @@ function ProviderSettings({
       ] }),
       /* @__PURE__ */ jsx(TabsContent, { value: "general", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
         /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: "Basic Information" }) }),
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { as: "h2", className: "text-lg", children: "Basic Information" }) }),
           /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx(
@@ -29339,7 +29339,7 @@ function ProviderSettings({
           ] })
         ] }),
         /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: "Contact Information" }) }),
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { as: "h2", className: "text-lg", children: "Contact Information" }) }),
           /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
             /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx(
@@ -29401,7 +29401,7 @@ function ProviderSettings({
           ] })
         ] }),
         /* @__PURE__ */ jsxs(Card, { className: "md:col-span-2", children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: "Address" }) }),
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { as: "h2", className: "text-lg", children: "Address" }) }),
           /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
             /* @__PURE__ */ jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [
               /* @__PURE__ */ jsxs("div", { children: [
@@ -29519,7 +29519,7 @@ function ProviderSettings({
         ] })
       ] }) }),
       /* @__PURE__ */ jsx(TabsContent, { value: "notifications", children: /* @__PURE__ */ jsx("div", { "data-slot": "provider-settings-notifications", children: /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: "Notification Preferences" }) }),
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { as: "h2", className: "text-lg", children: "Notification Preferences" }) }),
         /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("h3", { className: "mb-4 font-medium text-gray-900 dark:text-white", children: "Email Notifications" }),
@@ -29533,7 +29533,8 @@ function ProviderSettings({
                   Switch,
                   {
                     checked: settings.notifications.emailNewOrders,
-                    onCheckedChange: (checked) => updateNotifications("emailNewOrders", checked)
+                    onCheckedChange: (checked) => updateNotifications("emailNewOrders", checked),
+                    "aria-label": "Email new orders"
                   }
                 )
               ] }),
@@ -29546,7 +29547,8 @@ function ProviderSettings({
                   Switch,
                   {
                     checked: settings.notifications.emailOrderUpdates,
-                    onCheckedChange: (checked) => updateNotifications("emailOrderUpdates", checked)
+                    onCheckedChange: (checked) => updateNotifications("emailOrderUpdates", checked),
+                    "aria-label": "Email order updates"
                   }
                 )
               ] }),
@@ -29559,7 +29561,8 @@ function ProviderSettings({
                   Switch,
                   {
                     checked: settings.notifications.emailInvoices,
-                    onCheckedChange: (checked) => updateNotifications("emailInvoices", checked)
+                    onCheckedChange: (checked) => updateNotifications("emailInvoices", checked),
+                    "aria-label": "Email invoice notifications"
                   }
                 )
               ] })
@@ -29577,7 +29580,8 @@ function ProviderSettings({
                   Switch,
                   {
                     checked: settings.notifications.smsNewOrders,
-                    onCheckedChange: (checked) => updateNotifications("smsNewOrders", checked)
+                    onCheckedChange: (checked) => updateNotifications("smsNewOrders", checked),
+                    "aria-label": "SMS new orders"
                   }
                 )
               ] }),
@@ -29590,7 +29594,8 @@ function ProviderSettings({
                   Switch,
                   {
                     checked: settings.notifications.smsOrderUpdates,
-                    onCheckedChange: (checked) => updateNotifications("smsOrderUpdates", checked)
+                    onCheckedChange: (checked) => updateNotifications("smsOrderUpdates", checked),
+                    "aria-label": "SMS order updates"
                   }
                 )
               ] })
@@ -29599,7 +29604,7 @@ function ProviderSettings({
         ] })
       ] }) }) }),
       /* @__PURE__ */ jsx(TabsContent, { value: "scheduling", children: /* @__PURE__ */ jsx("div", { "data-slot": "provider-settings-scheduling", children: /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: "Scheduling Settings" }) }),
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { as: "h2", className: "text-lg", children: "Scheduling Settings" }) }),
         /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
           /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
@@ -29611,7 +29616,8 @@ function ProviderSettings({
                 Switch,
                 {
                   checked: settings.scheduling.acceptingNewPatients,
-                  onCheckedChange: (checked) => updateScheduling("acceptingNewPatients", checked)
+                  onCheckedChange: (checked) => updateScheduling("acceptingNewPatients", checked),
+                  "aria-label": "Accepting new patients"
                 }
               )
             ] }),
@@ -29624,7 +29630,8 @@ function ProviderSettings({
                 Switch,
                 {
                   checked: settings.scheduling.requireAppointment,
-                  onCheckedChange: (checked) => updateScheduling("requireAppointment", checked)
+                  onCheckedChange: (checked) => updateScheduling("requireAppointment", checked),
+                  "aria-label": "Require appointment"
                 }
               )
             ] })
@@ -29682,7 +29689,7 @@ function ProviderSettings({
         ] })
       ] }) }) }),
       /* @__PURE__ */ jsx(TabsContent, { value: "payments", children: /* @__PURE__ */ jsx("div", { "data-slot": "provider-settings-payments", children: /* @__PURE__ */ jsxs(Card, { children: [
-        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { className: "text-lg", children: "Payment Settings" }) }),
+        /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { as: "h2", className: "text-lg", children: "Payment Settings" }) }),
         /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("h3", { className: "mb-4 font-medium text-gray-900 dark:text-white", children: "Accepted Payment Methods" }),
@@ -29713,7 +29720,8 @@ function ProviderSettings({
                   Switch,
                   {
                     checked: settings.payments.acceptsCreditCard,
-                    onCheckedChange: (checked) => updatePayments("acceptsCreditCard", checked)
+                    onCheckedChange: (checked) => updatePayments("acceptsCreditCard", checked),
+                    "aria-label": "Accept credit card"
                   }
                 )
               ] }),
@@ -29743,7 +29751,8 @@ function ProviderSettings({
                   Switch,
                   {
                     checked: settings.payments.acceptsACH,
-                    onCheckedChange: (checked) => updatePayments("acceptsACH", checked)
+                    onCheckedChange: (checked) => updatePayments("acceptsACH", checked),
+                    "aria-label": "Accept ACH / bank transfer"
                   }
                 )
               ] }),
@@ -29773,7 +29782,8 @@ function ProviderSettings({
                   Switch,
                   {
                     checked: settings.payments.acceptsCash,
-                    onCheckedChange: (checked) => updatePayments("acceptsCash", checked)
+                    onCheckedChange: (checked) => updatePayments("acceptsCash", checked),
+                    "aria-label": "Accept cash"
                   }
                 )
               ] }),
@@ -29803,7 +29813,8 @@ function ProviderSettings({
                   Switch,
                   {
                     checked: settings.payments.acceptsCheck,
-                    onCheckedChange: (checked) => updatePayments("acceptsCheck", checked)
+                    onCheckedChange: (checked) => updatePayments("acceptsCheck", checked),
+                    "aria-label": "Accept check"
                   }
                 )
               ] })
@@ -32068,7 +32079,7 @@ function SubCategoryAccordion({
           "overflow-hidden transition-all duration-200 ease-in-out",
           isExpanded ? "max-h-[1000px] opacity-100" : "max-h-0 opacity-0"
         ),
-        "aria-hidden": !isExpanded,
+        inert: !isExpanded || void 0,
         children: /* @__PURE__ */ jsx("div", { className: "space-y-1 pb-2 pl-4", children: subCategory.services.map((service, serviceIdx) => /* @__PURE__ */ jsx(
           ServiceLink,
           {
@@ -32153,7 +32164,7 @@ function CategoryAccordionItem({
               isExpanded ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0",
               variant === "cards" && "rounded-b-lg border border-t-0 border-neutral-200 bg-white dark:border-neutral-700 dark:bg-neutral-800"
             ),
-            "aria-hidden": !isExpanded,
+            inert: !isExpanded || void 0,
             children: /* @__PURE__ */ jsxs("div", { className: "space-y-2 p-4", children: [
               category.services && category.services.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1", children: category.services.map((service, serviceIdx) => /* @__PURE__ */ jsx(
                 ServiceLink,
@@ -32189,7 +32200,8 @@ function ServiceAccordion({
   allowMultiple = true,
   expandedCategories: controlledExpanded,
   onExpandedChange,
-  className
+  className,
+  "aria-label": ariaLabel = "Service categories"
 }) {
   const [internalExpanded, setInternalExpanded] = React48.useState([]);
   const isControlled = controlledExpanded !== void 0;
@@ -32217,7 +32229,7 @@ function ServiceAccordion({
       "data-slot": "service-accordion",
       className: cn(accordionVariants({ variant }), className),
       role: "region",
-      "aria-label": "Service categories",
+      "aria-label": ariaLabel,
       children: categories.map((category, index) => /* @__PURE__ */ jsx(
         CategoryAccordionItem,
         {
@@ -32264,7 +32276,7 @@ function ServiceTagCloud({
             className: cn(
               "inline-flex items-center gap-1.5 rounded-full px-3 py-1.5",
               "text-sm font-medium",
-              "bg-primary-100 text-primary-800 hover:bg-primary-200",
+              "bg-primary-100 text-primary-900 hover:bg-primary-200",
               "dark:bg-primary-900/30 dark:text-primary-300 dark:hover:bg-primary-900/50",
               "transition-colors",
               "focus-visible:ring-primary-500 focus:outline-none focus-visible:ring-2"
@@ -32272,7 +32284,7 @@ function ServiceTagCloud({
             "data-cy": `service-tag-${service.slug}`,
             children: [
               service.name,
-              showCounts && service.providerCount !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs opacity-70", children: [
+              showCounts && service.providerCount !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-primary-900 dark:text-primary-300 text-xs", children: [
                 "(",
                 service.providerCount,
                 ")"