@mieweb/ui 0.3.0-dev.89 → 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

@@ -32079,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,
           {
@@ -32164,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,
@@ -32200,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;
@@ -32228,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,
         {
@@ -32275,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"
@@ -32283,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,
                 ")"