@vygruppen/spor-react 12.24.9 → 12.24.11

package/dist/index.mjs

@@ -108,10 +108,17 @@ var AccordionItemTrigger = forwardRef(function AccordionItemTrigger2(props, ref)
   ] }) });
 });
 var AccordionItemContent = forwardRef(function AccordionItemContent2(props, ref) {
-  const { children } = props;
+  const { children, "aria-labelledby": ariaLabelledBy, ...otherProps } = props;
   const recipe = useSlotRecipe({ key: "accordion" });
   const styles = recipe();
-  return /* @__PURE__ */ jsx(Accordion$1.ItemContent, { css: styles.itemContent, children: /* @__PURE__ */ jsx(Accordion$1.ItemBody, { ...props, ref, children }) });
+  return /* @__PURE__ */ jsx(
+    Accordion$1.ItemContent,
+    {
+      css: styles.itemContent,
+      "aria-labelledby": ariaLabelledBy,
+      children: /* @__PURE__ */ jsx(Accordion$1.ItemBody, { ...otherProps, ref, children })
+    }
+  );
 });
 Accordion.displayName = "Accordion";
 var AccordionItem = Accordion$1.Item;
@@ -1504,9 +1511,19 @@ PressableCard.displayName = "PressableCard";
 var RadioCard = forwardRef(
   (props, ref) => {
     const { inputProps, children } = props;
+    const uniqueId = useId();
+    const itemControlId = `radio-card-item-control-${uniqueId}`;
+    const inputHasAriaLabel = (inputProps == null ? void 0 : inputProps["aria-labelledby"]) || (inputProps == null ? void 0 : inputProps["aria-label"]);
     return /* @__PURE__ */ jsxs(RadioCard$1.Item, { ...props, children: [
-      /* @__PURE__ */ jsx(RadioCard$1.ItemHiddenInput, { ref, ...inputProps }),
-      /* @__PURE__ */ jsx(RadioCard$1.ItemControl, { children })
+      /* @__PURE__ */ jsx(
+        RadioCard$1.ItemHiddenInput,
+        {
+          "aria-labelledby": inputHasAriaLabel ? inputProps == null ? void 0 : inputProps["aria-labelledby"] : itemControlId,
+          ref,
+          ...inputProps
+        }
+      ),
+      /* @__PURE__ */ jsx(RadioCard$1.ItemControl, { id: itemControlId, "aria-hidden": true, children })
     ] });
   }
 );
@@ -3331,7 +3348,7 @@ var Autocomplete = ({
   );
   const combobox = useCombobox({
     collection,
-    openOnClick,
+    openOnClick: filteredChildren.length > 0 ? openOnClick : false,
     onInputValueChange: (event) => {
       if (!filteredExternally) {
         filter(event.inputValue);
@@ -3364,16 +3381,16 @@ var Autocomplete = ({
           required,
           onFocus: (event) => {
             onFocus == null ? void 0 : onFocus(event);
-            if (openOnFocus)
+            if (openOnFocus && filteredChildren.length > 0)
               combobox.setOpen(true);
           }
         }
       ) }),
-      /* @__PURE__ */ jsx(Combobox.IndicatorGroup, { children: /* @__PURE__ */ jsx(Combobox.ClearTrigger, { asChild: true, "aria-label": t(texts14.clearValue), children: /* @__PURE__ */ jsx(CloseButton, { size: "xs" }) }) })
+      /* @__PURE__ */ jsx(Combobox.IndicatorGroup, { children: /* @__PURE__ */ jsx(Combobox.ClearTrigger, { asChild: true, "aria-label": t(texts14.clearValue), children: /* @__PURE__ */ jsx(CloseButton, { size: "xs", tabIndex: 0 }) }) })
     ] }),
     /* @__PURE__ */ jsx(Combobox.Positioner, { children: /* @__PURE__ */ jsxs(Combobox.Content, { children: [
-      /* @__PURE__ */ jsx(Combobox.Empty, { children: !loading && (emptyLabel ?? t(texts14.noItemsFound)) }),
-      loading ? /* @__PURE__ */ jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : /* @__PURE__ */ jsx(Fragment, { children: filteredChildren })
+      !loading && /* @__PURE__ */ jsx(Combobox.Empty, { children: emptyLabel ?? t(texts14.noItemsFound) }),
+      loading ? /* @__PURE__ */ jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : filteredChildren
     ] }) })
   ] });
 };