@allxsmith/bestax-bulma 5.66.1 → 5.67.0

package/dist/types-cjs/helpers/useAnchoredPosition.d.ts

@@ -62,11 +62,11 @@ export interface UseAnchoredPositionOptions {
      */
     matchWidth?: boolean;
     /**
-     * Measures again after each render of the component holding the hook, for
-     * a panel whose content changes while it's open, as a filtered list's
-     * does. A fixed panel above its anchor is placed from its height, and
-     * `auto` reads the height too, so a measurement taken when it opened goes
-     * stale as the content changes.
+     * Measures again after each render of the component holding the hook,
+     * before the panel paints, for a panel whose content that component
+     * changes while it's open, as a filtered list's does. A change in size is
+     * followed without it too, but a frame later, so a panel above its anchor
+     * would show for a frame where its old height put it.
      * @defaultValue false
      */
     followContent?: boolean;
@@ -80,14 +80,16 @@ export declare function marginGap(panel: HTMLElement): number;
 /**
  * Places a floating panel against its anchor: resolves `auto` to a corner
  * and, for a panel fixed to the viewport, works out its coordinates. It
- * measures again on resize and on any scroll of the anchor's window (an
- * iframe's, when the anchor renders into one), so a fixed panel follows its
- * anchor, and with `followContent` after each render too. A measurement that
- * changes nothing doesn't render again.
+ * measures again on resize, on any scroll of the anchor's window (an
+ * iframe's, when the anchor renders into one), and when the panel or the
+ * anchor changes size, so a fixed panel follows its anchor and its own
+ * content. Those measure once in the next frame, however many arrive before
+ * it. With `followContent` it also measures after each render. A
+ * measurement that changes nothing doesn't render again.
  *
- * Measuring happens in a layout effect, so the panel is placed before it
- * paints. It needs both elements on the page while `active` is on, and
- * keeps the last placement when either is missing.
+ * The first measurement happens in a layout effect, so the panel is placed
+ * before it paints. It needs both elements on the page while `active` is
+ * on, and keeps the last placement when either is missing.
  *
  * @function useAnchoredPosition
  * @param anchorRef - The element the panel opens from.

package/dist/types-cjs/layout/Level.d.ts

@@ -5,6 +5,16 @@ import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses.js';
  * Props for the Level component.
  */
 export interface LevelProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+    /**
+     * HTML element to render (default: `nav`, as in Bulma's markup). A `nav` is
+     * a `navigation` landmark, so keep it for a row of links. A row that is not
+     * navigation, such as figures or a toolbar, takes `div`, which is no
+     * landmark. `header` suits a level that opens a section and `footer` one
+     * that closes it. A `header` is a `banner` landmark, and a `footer` a
+     * `contentinfo` one, only when no `section`, `article`, `aside`, `nav` or
+     * `main` is around it.
+     */
+    as?: 'nav' | 'div' | 'header' | 'footer';
     /** Keeps the level horizontal on mobile (Bulma `is-mobile`). Without it
      * the level stacks vertically below tablet. */
     isMobile?: boolean;