@vygruppen/spor-react 12.24.9 → 12.24.11

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @vygruppen/spor-react@12.24.9 build /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.24.11 build /home/runner/work/spor/spor/packages/spor-react
 > tsup
 
 CLI Building entry: src/index.tsx, src/icons/index.tsx
@@ -11,17 +11,17 @@
 ESM Build start
 CJS Build start
 DTS Build start
-CJS dist/index.cjs           356.13 KB
+CJS dist/index.cjs           356.73 KB
 CJS dist/icons/index.cjs     381.00 B
+CJS dist/index.cjs.map       703.26 KB
 CJS dist/icons/index.cjs.map 157.00 B
-CJS dist/index.cjs.map       702.12 KB
-CJS ⚡️ Build success in 2606ms
-ESM dist/index.mjs           331.95 KB
+CJS ⚡️ Build success in 2702ms
+ESM dist/index.mjs           332.58 KB
 ESM dist/icons/index.mjs     110.00 B
-ESM dist/index.mjs.map       702.12 KB
+ESM dist/index.mjs.map       703.26 KB
 ESM dist/icons/index.mjs.map 157.00 B
-ESM ⚡️ Build success in 2609ms
-DTS ⚡️ Build success in 20140ms
+ESM ⚡️ Build success in 2703ms
+DTS ⚡️ Build success in 20415ms
 DTS dist/icons/index.d.ts  44.00 B
 DTS dist/index.d.ts        147.62 KB
 DTS dist/icons/index.d.cts 44.00 B

package/.turbo/turbo-postinstall.log

@@ -1,8 +1,8 @@
 
-> @vygruppen/spor-react@12.24.9 postinstall /home/runner/work/spor/spor/packages/spor-react
+> @vygruppen/spor-react@12.24.11 postinstall /home/runner/work/spor/spor/packages/spor-react
 > chakra typegen src/theme/index.ts
 
-[dotenv@17.3.1] injecting env (0) from .env -- tip: 🛡️ auth for agents: https://vestauth.com
+[dotenv@17.3.1] injecting env (0) from .env -- tip: 🤖 agentic secret storage: https://dotenvx.com/as2
 ┌  Chakra CLI ⚡️
 [?25l│
 ◒  Generating conditions types...

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @vygruppen/spor-react
 
+## 12.24.11
+
+### Patch Changes
+
+- 4b468fb: Autocomplete - Empty result text now does not display when input is empty
+- ecdcdba: Improve voiceover support on RadioCards
+- e73653c: Improve voiceover support on Accordion
+- Updated dependencies [3c08bf8]
+  - @vygruppen/spor-icon-react@4.5.3
+
+## 12.24.10
+
+### Patch Changes
+
+- 4d11f81: Fix closetrigger tabbable autocomplete
+
 ## 12.24.9
 
 ### Patch Changes

package/dist/index.cjs

@@ -128,10 +128,17 @@ var AccordionItemTrigger = React20.forwardRef(function AccordionItemTrigger2(pro
   ] }) });
 });
 var AccordionItemContent = React20.forwardRef(function AccordionItemContent2(props, ref) {
-  const { children } = props;
+  const { children, "aria-labelledby": ariaLabelledBy, ...otherProps } = props;
   const recipe = react.useSlotRecipe({ key: "accordion" });
   const styles = recipe();
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Accordion.ItemContent, { css: styles.itemContent, children: /* @__PURE__ */ jsxRuntime.jsx(react.Accordion.ItemBody, { ...props, ref, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Accordion.ItemContent,
+    {
+      css: styles.itemContent,
+      "aria-labelledby": ariaLabelledBy,
+      children: /* @__PURE__ */ jsxRuntime.jsx(react.Accordion.ItemBody, { ...otherProps, ref, children })
+    }
+  );
 });
 Accordion.displayName = "Accordion";
 var AccordionItem = react.Accordion.Item;
@@ -1524,9 +1531,19 @@ PressableCard.displayName = "PressableCard";
 var RadioCard = React20.forwardRef(
   (props, ref) => {
     const { inputProps, children } = props;
+    const uniqueId = React20.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__ */ jsxRuntime.jsxs(react.RadioCard.Item, { ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(react.RadioCard.ItemHiddenInput, { ref, ...inputProps }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.RadioCard.ItemControl, { children })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        react.RadioCard.ItemHiddenInput,
+        {
+          "aria-labelledby": inputHasAriaLabel ? inputProps == null ? void 0 : inputProps["aria-labelledby"] : itemControlId,
+          ref,
+          ...inputProps
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(react.RadioCard.ItemControl, { id: itemControlId, "aria-hidden": true, children })
     ] });
   }
 );
@@ -3351,7 +3368,7 @@ var Autocomplete = ({
   );
   const combobox = react.useCombobox({
     collection,
-    openOnClick,
+    openOnClick: filteredChildren.length > 0 ? openOnClick : false,
     onInputValueChange: (event) => {
       if (!filteredExternally) {
         filter(event.inputValue);
@@ -3384,16 +3401,16 @@ var Autocomplete = ({
           required,
           onFocus: (event) => {
             onFocus == null ? void 0 : onFocus(event);
-            if (openOnFocus)
+            if (openOnFocus && filteredChildren.length > 0)
               combobox.setOpen(true);
           }
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.IndicatorGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.ClearTrigger, { asChild: true, "aria-label": t(texts14.clearValue), children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { size: "xs" }) }) })
+      /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.IndicatorGroup, { children: /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.ClearTrigger, { asChild: true, "aria-label": t(texts14.clearValue), children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { size: "xs", tabIndex: 0 }) }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.Positioner, { children: /* @__PURE__ */ jsxRuntime.jsxs(react.Combobox.Content, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.Empty, { children: !loading && (emptyLabel ?? t(texts14.noItemsFound)) }),
-      loading ? /* @__PURE__ */ jsxRuntime.jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: filteredChildren })
+      !loading && /* @__PURE__ */ jsxRuntime.jsx(react.Combobox.Empty, { children: emptyLabel ?? t(texts14.noItemsFound) }),
+      loading ? /* @__PURE__ */ jsxRuntime.jsx(ColorSpinner, { width: "1.5rem", p: "2" }) : filteredChildren
     ] }) })
   ] });
 };