@wisemen/vue-core-design-system 1.13.0 → 1.14.0

package/dist/composables/adaptiveContentWidth.composable.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+export interface UseAdaptiveContentWidthReturn {
+    contentRef: Ref<HTMLElement | null>;
+    style: Ref<{
+        minWidth: string;
+    } | null>;
+}
+/**
+ * Lets a popover/menu content element grow wider than its default min-width
+ * to fit its content. While open, it remembers the widest size it has
+ * rendered at so it never shrinks back down again, preventing layout shifts
+ * when content changes. This is reset each time it is reopened.
+ */
+export declare function useAdaptiveContentWidth(isEnabled: () => boolean, isOpen: () => boolean): UseAdaptiveContentWidthReturn;

package/dist/composables/menuAutoHighlight.composable.d.ts

@@ -0,0 +1,14 @@
+export interface UseMenuAutoHighlightReturn {
+    onOpenAutoFocus: (event: Event) => void;
+}
+/**
+ * Reka UI only highlights the first menu item on open when the menu was
+ * triggered via keyboard, and even then only if the item already exists in
+ * the DOM at that exact moment. This makes sure a menu always ends up with
+ * an item highlighted whenever the user is driving it via keyboard - whether
+ * that's right on open, once items that were still loading become
+ * available, or because the user started typing a search query into a menu
+ * that was originally opened by pointer. A menu that's opened and never
+ * interacted with via keyboard is left untouched.
+ */
+export declare function useMenuAutoHighlight(): UseMenuAutoHighlightReturn;