@muraldevkit/ui-toolkit 4.65.0 → 4.65.1

package/dist/components/modal/MrlModalContent/MrlModalContent.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface MrlModalHeaderProps {
+interface MrlModalContentProps {
     /**
      * Children to be rendered within the component.
      */
@@ -15,5 +15,5 @@ interface MrlModalHeaderProps {
  * @param {React.ReactElement} props.children - The children to be rendered within the component
  * @returns {React.ReactElement}} The rendered MrlModalContent component
  */
-export declare const MrlModalContent: ({ children, className, ...rest }: MrlModalHeaderProps) => JSX.Element;
+export declare const MrlModalContent: ({ children, className, ...rest }: MrlModalContentProps) => JSX.Element;
 export {};

package/dist/components/modal/demo/ModalWithTriggerDemo.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import '../MrlModal/stories.scss';
 interface ModalDemoProps {
     /** Additional function to be run when the modal closes */
     hookClose?: (() => void) | undefined;

package/dist/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './useCoordinate';
 export * from './useBreakpoint';
 export * from './useElementDimensions';
+export * from './useHasFocusableDescendant';
 export * from './useScrollbarInfo';

package/dist/hooks/useHasFocusableDescendant/index.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+/**
+ * Tracks whether the subtree of the given ref contains at least one element
+ * that participates in sequential focus navigation.
+ *
+ * Used by scrollable wrapper components (`MrlPanel`, `MrlModalContent`) to
+ * decide whether the wrapper itself needs `tabindex="0"`. Per ACT rule
+ * 0ssw9k (https://www.w3.org/WAI/standards-guidelines/act/rules/0ssw9k/) a
+ * scrollable region passes WCAG 2.1.1 Keyboard either by being focusable
+ * itself or by having a focusable descendant. When focusable descendants
+ * already exist, adding `tabindex="0"` to the wrapper produces a
+ * "meaningless tab stop" finding from manual auditors.
+ *
+ * The default return value is `true` so that, on the very first render
+ * (before the layout effect has measured the DOM), components err on the
+ * side of NOT adding a tab stop. The MutationObserver flips it to `false`
+ * synchronously inside the layout effect if the wrapper is genuinely
+ * empty of focusable descendants.
+ *
+ * @param {React.RefObject<HTMLElement | null>} ref - Ref pointing at the container whose subtree should be observed.
+ * @returns {boolean} `true` while the subtree contains at least one focusable element, `false` otherwise.
+ */
+export declare function useHasFocusableDescendant(ref: React.RefObject<HTMLElement | null>): boolean;