@reapit/elements 5.0.0-beta.60 → 5.0.0-beta.61

package/dist/types/utils/listbox/use-focus-management/handle-focus-event.d.ts

@@ -0,0 +1,24 @@
+import type { FocusEvent } from 'react';
+/**
+ * Handles focus events for a listbox element to manage keyboard navigation and selection behavior.
+ *
+ * This function implements the ARIA listbox focus management pattern, ensuring proper
+ * keyboard navigation and selection behavior. It handles two primary scenarios:
+ *
+ * **Behavior 1: Focus moving between options within the listbox**
+ * When focus moves from one option to another via keyboard navigation and `selectionFollowsFocus`
+ * is enabled, the newly focused option is automatically clicked to select it. This provides
+ * a more efficient keyboard navigation experience where users don't need to press Enter/Space
+ * to confirm their selection.
+ *
+ * **Behavior 2: Focus entering the listbox from outside**
+ * When focus enters the listbox from outside (e.g., via Tab key), the listbox is removed from
+ * the tab sequence (tabIndex set to -1) to implement roving tabindex. Focus is then moved to:
+ * 1. The first selected option (if any exists), OR
+ * 2. The first available option (if no selections exist)
+ *
+ * In case 2, if `selectionFollowsFocus` is enabled and focus was via keyboard, the first
+ * option is also automatically selected.
+ */
+export declare function handleFocusEvent(event: FocusEvent<HTMLElement>): void;
+//# sourceMappingURL=handle-focus-event.d.ts.map

package/dist/types/utils/listbox/use-focus-management/handle-focus-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle-focus-event.d.ts","sourceRoot":"/","sources":["utils/listbox/use-focus-management/handle-focus-event.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAwBvC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,GAAG,IAAI,CA8CrE"}

package/dist/types/utils/listbox/use-focus-management/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-focus-management';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/utils/listbox/use-focus-management/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["utils/listbox/use-focus-management/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}

package/dist/types/utils/listbox/use-focus-management/use-focus-management.d.ts

@@ -0,0 +1,31 @@
+import type { FocusEventHandler, KeyboardEventHandler } from 'react';
+export declare namespace useFocusManagement {
+    interface Input {
+        /** Blur handler called before internal blur handling */
+        onBlur?: FocusEventHandler<HTMLDivElement>;
+        /** Focus handler called before internal focus handling */
+        onFocus?: FocusEventHandler<HTMLDivElement>;
+        /** Keydown handler called before internal keyboard navigation */
+        onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
+    }
+    interface Output {
+        /** Manages tab index when focus leaves the listbox */
+        onBlur: FocusEventHandler<HTMLDivElement>;
+        /** Manages focus and selection when entering or moving within the listbox */
+        onFocus: FocusEventHandler<HTMLDivElement>;
+        /** Enables arrow key navigation between options */
+        onKeyDown: KeyboardEventHandler<HTMLDivElement>;
+    }
+}
+/**
+ * Manages focus behavior and keyboard navigation for a listbox.
+ * Provides event handlers implementing ARIA listbox keyboard interaction patterns.
+ *
+ * Orchestrates these focus-related behaviors:
+ * - Arrow key navigation between options
+ * - Focus management when entering/leaving the listbox
+ * - Selection following focus (when enabled)
+ * - Tab index management for roving tabindex pattern
+ */
+export declare function useFocusManagement({ onBlur, onFocus, onKeyDown, }: useFocusManagement.Input): useFocusManagement.Output;
+//# sourceMappingURL=use-focus-management.d.ts.map

package/dist/types/utils/listbox/use-focus-management/use-focus-management.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-focus-management.d.ts","sourceRoot":"/","sources":["utils/listbox/use-focus-management/use-focus-management.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAEpE,yBAAiB,kBAAkB,CAAC;IAClC,UAAiB,KAAK;QACpB,wDAAwD;QACxD,MAAM,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;QAC1C,0DAA0D;QAC1D,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;QAC3C,iEAAiE;QACjE,SAAS,CAAC,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAA;KACjD;IAED,UAAiB,MAAM;QACrB,sDAAsD;QACtD,MAAM,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;QACzC,6EAA6E;QAC7E,OAAO,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;QAC1C,mDAAmD;QACnD,SAAS,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAA;KAChD;CACF;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,SAAS,GACV,EAAE,kBAAkB,CAAC,KAAK,GAAG,kBAAkB,CAAC,MAAM,CAqBtD"}

package/dist/types/utils/listbox/use-listbox-selection-observer.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Observes selection changes in a listbox and invokes a callback with the selected options.
+ *
+ * Uses a MutationObserver to watch `aria-checked` and `aria-selected` attributes within the
+ * listbox, triggering the callback whenever selection state changes. Invokes the callback on
+ * initial mount to capture the initial selection state.
+ *
+ * Handles unstable callback references with a ref, preventing unnecessary re-observation when
+ * the callback reference changes but the listbox ID remains constant.
+ */
+export declare function useListboxSelectionObserver(listboxId: string, callback: (selectedOptions: HTMLButtonElement[]) => void): void;
+//# sourceMappingURL=use-listbox-selection-observer.d.ts.map

package/dist/types/utils/listbox/use-listbox-selection-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-listbox-selection-observer.d.ts","sourceRoot":"/","sources":["utils/listbox/use-listbox-selection-observer.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AACH,wBAAgB,2BAA2B,CACzC,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,CAAC,eAAe,EAAE,iBAAiB,EAAE,KAAK,IAAI,GACvD,IAAI,CAiCN"}

package/dist/types/utils/listbox/use-listbox-state.d.ts

@@ -0,0 +1,30 @@
+import type { ChangeEventHandler } from 'react';
+export declare namespace useListboxState {
+    interface Input {
+        /** Initially selected option values for uncontrolled mode */
+        defaultValue?: readonly string[];
+        /** Allows multiple option selection */
+        multiple: boolean;
+        /** Change event handler for the underlying select element */
+        onChange?: ChangeEventHandler<HTMLSelectElement>;
+        /** Selected option values for controlled mode */
+        value?: readonly string[];
+    }
+    type Output = [
+        /** Currently selected option values */
+        value: readonly string[],
+        /** Change handler for the select element */
+        onChange: ChangeEventHandler<HTMLSelectElement>
+    ];
+}
+/**
+ * Manages selection state for a listbox in both controlled and uncontrolled modes.
+ * Supports single- and multi-select behavior.
+ *
+ * In controlled mode, uses the provided `value` prop to determine selection.
+ * In uncontrolled mode, manages internal state initialized from `defaultValue`.
+ *
+ * For single-select listboxes, uses only the first selected value.
+ */
+export declare function useListboxState({ defaultValue, multiple, onChange, value, }: useListboxState.Input): useListboxState.Output;
+//# sourceMappingURL=use-listbox-state.d.ts.map

package/dist/types/utils/listbox/use-listbox-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-listbox-state.d.ts","sourceRoot":"/","sources":["utils/listbox/use-listbox-state.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAA;AAE/C,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,KAAK;QACpB,6DAA6D;QAC7D,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;QAChC,uCAAuC;QACvC,QAAQ,EAAE,OAAO,CAAA;QACjB,6DAA6D;QAC7D,QAAQ,CAAC,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAA;QAChD,iDAAiD;QACjD,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;KAC1B;IAED,KAAY,MAAM,GAAG;QACnB,uCAAuC;QACvC,KAAK,EAAE,SAAS,MAAM,EAAE;QACxB,4CAA4C;QAC5C,QAAQ,EAAE,kBAAkB,CAAC,iBAAiB,CAAC;KAChD,CAAA;CACF;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE,eAAe,CAAC,KAAK,GAAG,eAAe,CAAC,MAAM,CAYhD"}

package/dist/types/utils/mutation-observer/__tests__/use-mutation-observer.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-mutation-observer.test.d.ts.map

package/dist/types/utils/mutation-observer/__tests__/use-mutation-observer.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mutation-observer.test.d.ts","sourceRoot":"/","sources":["utils/mutation-observer/__tests__/use-mutation-observer.test.tsx"],"names":[],"mappings":""}

package/dist/types/utils/mutation-observer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-mutation-observer';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/utils/mutation-observer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["utils/mutation-observer/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA"}

package/dist/types/utils/mutation-observer/use-mutation-observer.d.ts

@@ -0,0 +1,32 @@
+import type { RefObject } from 'react';
+/**
+ * Creates a `MutationObserver` that invokes the supplied callback when DOM changes occur for the
+ * referenced element. The observer will begin monitoring the DOM element immediately, and it will
+ * automatically disconnect when the component (not the DOM element being observed) is unmounted.
+ * It will also create a new `MutationObserver` and begin observing the specified DOM element whenever
+ * the DOM element, callback, or options change.
+ *
+ * See MDN's [MutationObserver](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver)
+ * documentation for more information, as well as
+ * [Smashing Magazine's guide](https://www.smashingmagazine.com/2019/04/mutationobserver-api-guide/).
+ */
+export declare function useMutationObserver(
+/** A mutable ref object attached to the DOM element that should be observed, or its ID. */
+refOrId: string | RefObject<HTMLElement>, 
+/**
+ * A _stable_ function which will be called on each DOM change that qualifies given the observed node or
+ * subtree and options. The callback function takes as input two parameters:
+ * - An array of [MutationRecord](https://developer.mozilla.org/en-US/docs/Web/API/MutationRecord) objects,
+ *   describing each change that occurred; and
+ * - the [MutationObserver](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver)
+ *   that invoked the callback.
+ */
+callback: MutationCallback, 
+/**
+ * A _stable_ object providing options that describe which DOM mutations should be reported to the observer's
+ * callback. At a minimum, one of `childList`, `attributes`, and/or `characterData` must be `true`.
+ * The full list of options available can be found
+ * [here](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver/observe#parameters)
+ */
+options: MutationObserverInit): void;
+//# sourceMappingURL=use-mutation-observer.d.ts.map

package/dist/types/utils/mutation-observer/use-mutation-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mutation-observer.d.ts","sourceRoot":"/","sources":["utils/mutation-observer/use-mutation-observer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB;AACjC,2FAA2F;AAC3F,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC;AACxC;;;;;;;GAOG;AACH,QAAQ,EAAE,gBAAgB;AAC1B;;;;;GAKG;AACH,OAAO,EAAE,oBAAoB,QA0B9B"}

package/dist/types/utils/popover/get-closest-popover-element.d.ts

@@ -1,6 +1,6 @@
 /**
- * Returns the closest ancestor acting as a popover for the given element. Useful in event
- * handlers when needing to imperatively control the popover from one of its descendants.
+ * Finds the closest popover ancestor. Use in event handlers to control the popover
+ * from a descendant element.
  */
 export declare function getClosestPopoverElement(element: HTMLElement): HTMLElement | null;
 //# sourceMappingURL=get-closest-popover-element.d.ts.map

package/dist/types/utils/popover/get-popover-trigger-props.d.ts

@@ -1,16 +1,14 @@
 /**
- * React 18 does not support the HTML attributes involved in the
- * [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API). This helper
- * provides a way for consumers to use them without incurring TS prop type errors or React
- * development runtime errors.
+ * Adapts Popover API attributes for React 18, which lacks support for the
+ * [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API). Prevents
+ * TypeScript errors and React runtime warnings.
  *
- * The input properties match React 19's type definitions for the popover attributes. See
+ * Input properties match React 19's type definitions for popover attributes. See
  * [@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped/pull/69670/files#diff-d0d8d4879e505e2bd1813a8e662eeedbdf85c1fae8b76c4dff609bb5bcfe3a98R128)
  *
- * The output properties are all lowercase so that React 18 will pass them through to the
- * underlying DOM element without throwing a runtime error about unrecognised attributes.
+ * Output properties use lowercase to allow React 18 to pass them through.
  *
- * @returns popover trigger attributes for use in React 18 consumers.
+ * @returns Popover trigger attributes for React 18.
  */
 export declare function getPopoverTriggerProps({ id, popoverTarget, popoverTargetAction, }: getPopoverTriggerProps.Input): getPopoverTriggerProps.Output;
 export declare namespace getPopoverTriggerProps {

package/dist/types/utils/popover/get-popover-trigger-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-popover-trigger-props.d.ts","sourceRoot":"/","sources":["utils/popover/get-popover-trigger-props.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,EAAE,EACF,aAAa,EACb,mBAAmB,GACpB,EAAE,sBAAsB,CAAC,KAAK,GAAG,sBAAsB,CAAC,MAAM,CAM9D;AAED,yBAAiB,sBAAsB,CAAC;IACtC,UAAiB,KAAK;QACpB,EAAE,EAAE,MAAM,CAAA;QACV,aAAa,EAAE,MAAM,CAAA;QACrB,mBAAmB,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;KAChD;IAED,UAAiB,MAAM;QACrB,EAAE,EAAE,MAAM,CAAA;QACV,aAAa,EAAE,MAAM,CAAA;QACrB,mBAAmB,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;KAChD;CACF;AAED;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG,sBAAsB,CAAC,KAAK,CAAA;AAEtE;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,sBAAsB,CAAC,MAAM,CAAA"}
+{"version":3,"file":"get-popover-trigger-props.d.ts","sourceRoot":"/","sources":["utils/popover/get-popover-trigger-props.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,EAAE,EACF,aAAa,EACb,mBAAmB,GACpB,EAAE,sBAAsB,CAAC,KAAK,GAAG,sBAAsB,CAAC,MAAM,CAM9D;AAED,yBAAiB,sBAAsB,CAAC;IACtC,UAAiB,KAAK;QACpB,EAAE,EAAE,MAAM,CAAA;QACV,aAAa,EAAE,MAAM,CAAA;QACrB,mBAAmB,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;KAChD;IAED,UAAiB,MAAM;QACrB,EAAE,EAAE,MAAM,CAAA;QACV,aAAa,EAAE,MAAM,CAAA;QACrB,mBAAmB,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;KAChD;CACF;AAED;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG,sBAAsB,CAAC,KAAK,CAAA;AAEtE;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,sBAAsB,CAAC,MAAM,CAAA"}

package/dist/types/utils/popover/index.d.ts

@@ -1,5 +1,6 @@
 export * from './get-popover-trigger-props';
 export * from './popover';
 export * from './styles';
-export type { PopoverPlacement } from './map-placement-to-css';
+export { placements as popoverPlacements } from '#src/utils/anchor-positioning';
+export type { Placement as PopoverPlacement } from '#src/utils/anchor-positioning';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/utils/popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["utils/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AAExB,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"/","sources":["utils/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AAExB,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAC/E,YAAY,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAA"}

package/dist/types/utils/popover/popover.d.ts

@@ -1,64 +1,38 @@
+import { AnchorPositioning } from '#src/utils/anchor-positioning';
 import { getPopoverTriggerProps } from './get-popover-trigger-props';
 import type { HTMLAttributes, ReactNode } from 'react';
-import type { PopoverPlacement } from './map-placement-to-css';
+type AttributesToOmit = 'anchorElementId' | 'positionedElementId';
 export declare namespace Popover {
-    interface Props extends HTMLAttributes<HTMLDivElement> {
-        /** The ID of the element this popover to which this popover should be anchored. */
+    interface Props extends Omit<AnchorPositioning.PositioningProps, AttributesToOmit>, HTMLAttributes<HTMLDivElement> {
+        /** ID of the element to anchor this popover to. */
         anchorId: string;
         /**
-         * The border radius of the popover. Can be any valid CSS length, though a border radius
-         * CSS variable is recommended. By default, the radius will be zero.
+         * Border radius. Accepts any valid CSS length. Defaults to zero. Prefer CSS variables.
          */
         borderRadius?: string;
-        /** The content of the popover. */
+        /** Popover content. */
         children: ReactNode;
-        /** The visual elevation of the popover. Determines how much shadow the popover casts. */
+        /** Visual elevation. Determines shadow depth. */
         elevation?: 'none' | 'xl';
         /**
-         * The gap between the popover and the anchor. Can be any valid CSS length, though `--spacing-*`
-         * CSS variables are recommended. By default, the gap will be zero.
-         */
-        gap?: string;
-        /**
-         * The ID of this popover. This is mandatory because the popover's trigger will need to reference
-         * this in it's `popovertarget` attribute.
+         * Popover ID. Required for the trigger's `popovertarget` attribute.
          */
         id: string;
         /**
-         * The maximum height of the popover. Can be any valid CSS length, though `--size-*`
-         * CSS variables are recommended. By default, the popover will be as tall as its content requires.
+         * Maximum height. Accepts any valid CSS length. Defaults to content height.
+         * Prefer `--size-*` variables.
          */
         maxHeight?: string;
         /**
-         * The maximum width of the popover. Can be any valid CSS length, though `--size-*`
-         * CSS variables are recommended. By default, the popover will be as wide as its content requires.
-         */
-        maxWidth?: string;
-        /**
-         * The "kind" of popover this should be. See
-         * [popover](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/popover)
-         * for more details.
+         * Popover type. See
+         * [popover](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/popover).
          *
-         * For browsers that do not support `hint`, they will fallback to `manual`.
+         * Browsers without `hint` support fall back to `manual`.
          *
-         * A special value of `null` allows the popover to not be a popover. This can be useful when you need
-         * to display a popover element permanently in the UI (such as in documentation or example code). Just
-         * note that the absence of the `popover` attribute means the element will not be displayed within the
-         * top-layer, so may be susceptible to z-index issues.
+         * Use `null` to display the popover permanently (for documentation or examples). Without the
+         * `popover` attribute, the element won't render in the top layer and may encounter z-index issues.
          */
         popover?: 'auto' | 'hint' | 'manual' | null;
-        /** Where the popover should be placed relative to its anchor. */
-        placement: PopoverPlacement;
-        /**
-         * Fallback positions for the popover that should be tried when it would otherwise overflow the viewport.
-         * See [position-try-fallbacks](https://developer.mozilla.org/en-US/docs/Web/CSS/position-try-fallbacks)
-         * for more details. Note that the [polyfill](https://anchor-positioning.oddbird.net/) we rely on for
-         * anchor positioning in some browsers will not play nicely with all available options.
-         *
-         * Typically, "flip-block", "flip-inline" or both will be sufficient for most use cases.
-         * Defaults to "none".
-         */
-        positionTryFallbacks?: string;
     }
 }
 /**
@@ -66,25 +40,21 @@ export declare namespace Popover {
  */
 export type PopoverProps = Popover.Props;
 /**
- * A simple popover that can be positioned relative to an anchor. It is designed to work with the
- * global [popover](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/popover)
- * attribute. Positioning is facilitated using
- * [CSS Anchor Positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning),
- * which currently requires a polyfill in some browsers.
+ * A popover positioned relative to an anchor using
+ * [CSS Anchor Positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning)
+ * and the [popover](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/popover)
+ * attribute. Requires a polyfill in some browsers.
  *
- * If custom styles need to be applied to the Popover element itself, it's important to ensure a
- * custom `display` property is only set when the popover is open (via the `:popover-open`
- * pseudo-class), otherwise the custom `display` property will override the browser's default handling
- * of the popover's display.
+ * Custom `display` properties must use the `:popover-open` pseudo-class to avoid overriding
+ * the browser's default popover display handling.
  *
- * **note:** When working with Popover directly (uncommon) within a React 18 consumer, the
- * `getPopoverTriggerProps` helper will be useful to avoid type errors or development runtime errors
- * about the [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) attributes used
- * to show/hide/toggle popovers.
+ * **Note:** React 18 users should use `getPopoverTriggerProps` to avoid type and runtime errors
+ * with [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) attributes.
  */
-export declare function Popover({ anchorId, borderRadius, children, className, elevation, gap, id, maxHeight, maxWidth, placement, positionTryFallbacks, popover, style, ...rest }: Popover.Props): import("react/jsx-runtime").JSX.Element;
+export declare function Popover({ alignSelf, anchorId, borderRadius, children, className, bottom, elevation, gap, id, justifySelf, left, maxHeight, maxWidth, minWidth, placement, positionTryFallbacks, popover, right, style, top, ...rest }: Popover.Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace Popover {
     var getTriggerProps: typeof getPopoverTriggerProps;
     var getClosestPopoverElement: typeof import("./get-closest-popover-element").getClosestPopoverElement;
 }
+export {};
 //# sourceMappingURL=popover.d.ts.map

package/dist/types/utils/popover/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"/","sources":["utils/popover/popover.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAGpE,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAE9D,yBAAiB,OAAO,CAAC;IACvB,UAAiB,KAAM,SAAQ,cAAc,CAAC,cAAc,CAAC;QAC3D,mFAAmF;QACnF,QAAQ,EAAE,MAAM,CAAA;QAChB;;;WAGG;QACH,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,kCAAkC;QAClC,QAAQ,EAAE,SAAS,CAAA;QACnB,yFAAyF;QACzF,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;QACzB;;;WAGG;QACH,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ;;;WAGG;QACH,EAAE,EAAE,MAAM,CAAA;QACV;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB;;;WAGG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB;;;;;;;;;;;WAWG;QACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAA;QAC3C,iEAAiE;QACjE,SAAS,EAAE,gBAAgB,CAAA;QAC3B;;;;;;;;WAQG;QACH,oBAAoB,CAAC,EAAE,MAAM,CAAA;KAC9B;CACF;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAA;AAExC;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,SAAkB,EAClB,GAAS,EACT,EAAE,EACF,SAAS,EACT,QAAQ,EACR,SAAS,EACT,oBAA6B,EAC7B,OAAgB,EAChB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,OAAO,CAAC,KAAK,2CAgDf;yBA/De,OAAO"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"/","sources":["utils/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAIjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,OAAO,KAAK,EAAiB,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrE,KAAK,gBAAgB,GAAG,iBAAiB,GAAG,qBAAqB,CAAA;AAEjE,yBAAiB,OAAO,CAAC;IACvB,UAAiB,KACf,SAAQ,IAAI,CAAC,iBAAiB,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,EAChE,cAAc,CAAC,cAAc,CAAC;QAChC,mDAAmD;QACnD,QAAQ,EAAE,MAAM,CAAA;QAChB;;WAEG;QACH,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,uBAAuB;QACvB,QAAQ,EAAE,SAAS,CAAA;QACnB,iDAAiD;QACjD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;QACzB;;WAEG;QACH,EAAE,EAAE,MAAM,CAAA;QACV;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB;;;;;;;;WAQG;QACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAA;KAC5C;CACF;AAED;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAA;AAExC;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,MAAM,EACN,SAAkB,EAClB,GAAG,EACH,EAAE,EACF,WAAW,EACX,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,OAAgB,EAChB,KAAK,EACL,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,OAAO,CAAC,KAAK,2CAmCf;yBAzDe,OAAO"}

package/dist/types/utils/popover/popover.stories.d.ts

@@ -30,9 +30,19 @@ export declare const Example: Story;
  */
 export declare const Gap: Story;
 /**
- * There are a number of placements available for popovers relative to their anchor. They are shown below.
+ * A number of common positions for popovers relative to their anchor are available as simple string-based
+ * placements. These are shown below.
  */
 export declare const Placements: Story;
+/**
+ * When the predefined placements are insufficient, the `placement` prop can also accept an object with
+ * inset properties, `top`, `right`, `bottom`, and `left`, and self-alignment properties, `alignSelf` and
+ * `justifySelf`, defined.
+ *
+ * See [Using inset properties with anchor() function values](https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Anchor_positioning/Using#using_inset_properties_with_anchor_function_values)
+ * for details on how to position the popover element using this approach.
+ */
+export declare const CustomPositioning: Story;
 /**
  * The border radius of the popover element can be adjusted with the `borderRadius` prop. While
  * this prop accepts any valid CSS length, it should typically be a border-radius-related CSS
@@ -45,9 +55,16 @@ export declare const BorderRadius: Story;
  * than overflowing.
  *
  * While the maximum width can be defined using any valid CSS length, the value should typically be a
- * `--size-*` CSS variable.
+ * `--size-*` CSS variable, though the special `anchor-size()` value is also supported, allowing the popover
+ * to ensure it doesn't become wider than its anchor.
  */
 export declare const MaxWidth: Story;
+/**
+ * A minimum width can also be specified. While the minimum width can be defined using any valid CSS
+ * length, the value should typically be a `--size-*` CSS variable, though the special `anchor-size()`
+ * value is also supported, allowing the popover to ensure it doesn't become narrower than its anchor.
+ */
+export declare const MinWidth: Story;
 /**
  * Similarly, popovers will grow, by default, to the height of their content. To constrain this behaviour,
  * a maximum height can also be specified, at which point the popover will scroll the content.

package/dist/types/utils/popover/popover.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.stories.d.ts","sourceRoot":"/","sources":["utils/popover/popover.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAInC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAiCsB,CAAA;AAEhC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,GAAG,EAAE,KAKjB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAyDxB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA"}
+{"version":3,"file":"popover.stories.d.ts","sourceRoot":"/","sources":["utils/popover/popover.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAInC,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAS3D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAgCsB,CAAA;AAEhC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC;;;;;;GAMG;AACH,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,GAAG,EAAE,KAKjB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAsExB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAW/B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reapit/elements",
-  "version": "5.0.0-beta.60",
+  "version": "5.0.0-beta.61",
   "description": "A collection of React components and utilities for building apps for Reapit Marketplace",
   "homepage": "https://github.com/reapit/elements#readme",
   "bugs": {
@@ -104,9 +104,8 @@
     "@babel/core": "7.28.5",
     "@babel/preset-react": "7.28.5",
     "@babel/preset-typescript": "7.28.5",
-    "@figma/code-connect": "^1.3.7",
+    "@figma/code-connect": "^1.3.9",
     "@linaria/postcss-linaria": "6.3.0",
-    "@mdx-js/react": "3.0.1",
     "@playwright/test": "1.56.1",
     "@storybook/addon-a11y": "9.1.13",
     "@storybook/addon-docs": "9.1.13",
@@ -117,46 +116,46 @@
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.0",
     "@types/babel__core": "7.20.5",
-    "@types/node": "22.18.12",
+    "@types/node": "22.19.1",
     "@types/react": "18.3.26",
     "@types/react-dom": "18.3.7",
     "@types/react-syntax-highlighter": "15.5.13",
-    "@typescript-eslint/eslint-plugin": "7.6.0",
-    "@typescript-eslint/parser": "7.6.0",
-    "@vitejs/plugin-react": "^5.0.4",
-    "@vitest/coverage-v8": "^4.0.2",
-    "@wyw-in-js/babel-preset": "0.6.0",
-    "@wyw-in-js/vite": "0.6.0",
-    "aws-cdk": "2.137.0",
-    "aws-cdk-lib": "2.137.0",
-    "aws-sdk": "2.1597.0",
+    "@typescript-eslint/eslint-plugin": "7.18.0",
+    "@typescript-eslint/parser": "7.18.0",
+    "@vitejs/plugin-react": "5.0.2",
+    "@vitest/coverage-v8": "^4.0.9",
+    "@wyw-in-js/babel-preset": "0.8.0",
+    "@wyw-in-js/vite": "0.8.0",
+    "aws-cdk": "2.1031.2",
+    "aws-cdk-lib": "2.224.0",
+    "aws-sdk": "2.1692.0",
     "colord": "2.9.3",
     "concurrently": "8.2.2",
     "constructs": "10.3.0",
-    "coverage-badges-cli": "2.1.0",
+    "coverage-badges-cli": "2.2.0",
     "dashify": "2.0.0",
     "eslint": "8.57.1",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-prettier": "5.1.3",
-    "eslint-plugin-react": "7.34.1",
-    "eslint-plugin-react-hooks": "4.6.0",
-    "eslint-plugin-storybook": "9.1.13",
-    "happy-dom": "^20.0.8",
+    "eslint-config-prettier": "9.1.2",
+    "eslint-plugin-prettier": "5.5.4",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "4.6.2",
+    "eslint-plugin-storybook": "10.0.6",
+    "happy-dom": "^20.0.10",
     "postcss": "8.5.6",
     "prettier": "3.6.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-syntax-highlighter": "15.5.0",
-    "rimraf": "6.0.1",
-    "snyk": "^1.1300.1",
+    "rimraf": "6.1.0",
+    "snyk": "^1.1300.2",
     "storybook": "9.1.13",
     "style-dictionary": "5.1.1",
     "stylelint": "16.25.0",
     "ts-node": "10.9.2",
     "typescript": "^5.9.3",
-    "vite": "^7.1.12",
+    "vite": "^7.2.2",
     "vite-plugin-svgr": "^4.5.0",
-    "vitest": "^4.0.2"
+    "vitest": "^4.0.9"
   },
   "peerDependencies": {
     "react": ">=18.0.2",
@@ -164,5 +163,8 @@
   },
   "snyk": true,
   "packageManager": "yarn@4.9.4",
-  "stableVersion": "5.0.0-beta.5"
+  "stableVersion": "5.0.0-beta.5",
+  "resolutions": {
+    "@wyw-in-js/transform@npm:0.8.0": "patch:@wyw-in-js/transform@npm%3A0.8.0#~/.yarn/patches/@wyw-in-js-transform-npm-0.8.0-b3c8de59bc.patch"
+  }
 }

package/dist/js/button-base-D8LjBAOF.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),C=require("./index-8ctufnBx.cjs"),O=require("./index-Dmlb2--K.cjs"),b=require("react");function S(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const p=S(b),f="el-button",i=O.styled_default("span")({name:"ElButtonIconContainer",class:"el-button-icon-container",propsAsIs:!1}),m="el-button-spinner",y=e=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"currentColor",viewBox:"0 0 16 16",...e},p.createElement("path",{fillRule:"evenodd",d:"M9.081 1.388a.667.667 0 0 1 .817-.472 7.333 7.333 0 1 1-7.083 12.27.667.667 0 1 1 .942-.944A6 6 0 1 0 9.553 2.204a.667.667 0 0 1-.472-.816Z",clipRule:"evenodd"}));function E({"aria-disabled":e,as:n,className:t,children:a,hasNoPadding:g,iconLeft:l,iconRight:s,isBusy:c,isDestructive:x,onClick:u,size:h,useLinkStyle:j,variant:B,...d}){const v=!a&&(l||s)&&!(l&&s),w=b.useCallback(o=>{if(o.currentTarget.getAttribute("aria-disabled")==="true"){o.preventDefault(),o.stopPropagation();return}u?.(o)},[u]);return r.jsxs(n,{...d,className:C.cx_default(f,t),"aria-disabled":!!c||!!d.disabled||!!e,"data-variant":B,"data-size":h,"data-has-no-padding":g,"data-is-destructive":x,"data-is-icon-only":v,"data-use-link-style":j,onClick:w,children:[c?r.jsx(i,{"aria-hidden":!0,className:m,children:r.jsx(y,{})}):l&&r.jsx(i,{"aria-hidden":!0,children:l}),a,!c&&s&&r.jsx(i,{"aria-hidden":!0,children:s})]})}exports.ButtonBase=E;exports.ElButtonIconContainer=i;exports.elButton=f;exports.elButtonSpinner=m;

package/dist/js/match-media-BEA-ogMA.cjs

@@ -1 +0,0 @@
-"use strict";const n=require("react");function h(e){const[t,a]=n.useState(()=>globalThis.matchMedia(e).matches);return n.useEffect(function(){const s=globalThis.matchMedia(e);a(s.matches);const c=u=>{a(u.matches)};return s.addEventListener("change",c),()=>{s.removeEventListener("change",c)}},[e]),t}function r({condition:e,children:t}){return h(e)?t:null}exports.MatchMedia=r;exports.useMatchMedia=h;

package/dist/js/match-media-DGLjaFrm.js

@@ -1,24 +0,0 @@
-import { useState as h, useEffect as r } from "react";
-function u(e) {
-  const [t, a] = h(() => globalThis.matchMedia(e).matches);
-  return r(
-    function() {
-      const s = globalThis.matchMedia(e);
-      a(s.matches);
-      const c = (n) => {
-        a(n.matches);
-      };
-      return s.addEventListener("change", c), () => {
-        s.removeEventListener("change", c);
-      };
-    },
-    [e]
-  ), t;
-}
-function o({ condition: e, children: t }) {
-  return u(e) ? t : null;
-}
-export {
-  o as M,
-  u
-};

package/dist/js/menu-Dnh4NX8q.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),v=require("./index-8ctufnBx.cjs"),a=require("./index-Dmlb2--K.cjs"),r=require("react"),g=require("./popover-Y-ha5ifI.cjs"),D=require("./divider-CGhRVA_A.cjs"),j=require("./utils/keyboard-navigation.cjs"),_=a.styled_default("div")({name:"ElMenuGroup",class:"el-menu-group",propsAsIs:!1}),k=a.styled_default("div")({name:"ElMenuGroupLabelContainer",class:"el-menu-group-label-container",propsAsIs:!1});function E({"aria-label":e,children:n,label:l,role:i="group",...o}){const s=r.useId();return t.jsxs(_,{...o,"aria-label":e,"aria-labelledby":e?void 0:s,role:i,children:[l&&t.jsx(k,{id:s,children:l}),n]})}E.displayName="Menu.Group";const G="el-menu-item",b=a.styled_default("span")({name:"ElMenuItemIconContainer",class:"el-menu-item-icon-container",propsAsIs:!1}),P=a.styled_default("span")({name:"ElMenuItemContentContainer",class:"el-menu-item-content-container",propsAsIs:!1}),N=a.styled_default("span")({name:"ElMenuItemLabel",class:"el-menu-item-label",propsAsIs:!1}),T=a.styled_default("span")({name:"ElMenuItemLabelText",class:"el-menu-item-label-text",propsAsIs:!1}),L=a.styled_default("span")({name:"ElMenuItemBadgeContainer",class:"el-menu-item-badge-container",propsAsIs:!1}),q=a.styled_default("span")({name:"ElMenuItemSupplementaryInfo",class:"el-menu-item-supplementary-info",propsAsIs:!1});function x({"aria-disabled":e,as:n,badge:l,className:i,children:o,iconLeft:s,iconRight:d,onClick:c,role:f="menuitem",supplementaryInfo:m,...p}){const I=r.useId(),y=r.useId(),A=r.useId(),B=r.useCallback(M=>{if(M.currentTarget.getAttribute("aria-disabled")==="true"){M.preventDefault(),M.stopPropagation();return}c?.(M)},[c]);return t.jsxs(n,{...p,"aria-details":`${y} ${A}`,"aria-disabled":!!p.disabled||!!e,"aria-labelledby":I,className:v.cx_default(G,i),onClick:B,role:f,children:[s&&t.jsx(b,{"aria-hidden":!0,children:s}),t.jsxs(P,{children:[t.jsxs(N,{children:[o&&t.jsx(T,{id:I,children:o}),l&&t.jsx(L,{id:y,children:l})]}),m&&t.jsx(q,{id:A,children:m})]}),d&&t.jsx(b,{"aria-hidden":!0,children:d})]})}function C(e){return t.jsx(x,{as:"a",...e})}C.displayName="Menu.AnchorItem";function h(e){return t.jsx(x,{as:"button",...e})}h.displayName="Menu.Item";const $="el-menu";function S(e){return r.useCallback(n=>{e?.(n),!n.defaultPrevented&&n.target instanceof HTMLElement&&(n.target.role==="menuitem"||n.target.closest('[role="menuitem"]')!==null)&&n.currentTarget.hidePopover()},[e])}function H(e){return r.useCallback(n=>{e?.(n),!n.defaultPrevented&&(j.handleLinkActivation(n),j.handleArrowNavigation(n))},[e])}function u({"aria-labelledby":e,children:n,className:l,gap:i="--spacing-1",maxHeight:o,maxWidth:s,onClick:d,onKeyDown:c,placement:f="top-start",...m}){const p=S(d),I=H(c);return t.jsx(g.Popover,{...m,"aria-labelledby":e,anchorId:e,className:v.cx_default($,l),elevation:"xl",gap:`var(${i})`,maxHeight:`var(${o})`,maxWidth:`var(${s})`,onClick:p,onKeyDown:I,placement:f,positionTryFallbacks:"flip-block, flip-inline",popover:"auto",role:"menu",children:n})}u.AnchorItem=C;u.Divider=D.Divider;u.Group=E;u.Item=h;u.getClosestMenuElement=g.Popover.getClosestPopoverElement;u.getTriggerProps=g.Popover.getTriggerProps;exports.AnchorMenuItem=C;exports.ElMenuGroup=_;exports.ElMenuGroupLabelContainer=k;exports.ElMenuItemBadgeContainer=L;exports.ElMenuItemContentContainer=P;exports.ElMenuItemIconContainer=b;exports.ElMenuItemLabel=N;exports.ElMenuItemLabelText=T;exports.ElMenuItemSupplementaryInfo=q;exports.Menu=u;exports.MenuGroup=E;exports.MenuItem=h;exports.MenuItemBase=x;exports.elMenu=$;exports.elMenuItem=G;

package/dist/js/popover-Y-ha5ifI.cjs

@@ -1,59 +0,0 @@
-"use strict";const l=require("react/jsx-runtime"),d=require("./index-8ctufnBx.cjs"),h=require("react");function u({id:o,popoverTarget:t,popoverTargetAction:e}){return{id:o,popovertarget:t,popovertargetaction:e}}function y(){return CSS.supports("anchor-name","--myanchor")}async function C({elements:o,excludeInlineStyles:t=!0,useAnimationFrame:e=!1}={}){if(!y()){const{default:r}=await Promise.resolve().then(()=>require("./css-anchor-positioning-fn-DmupQmpv.cjs"));await r({elements:o,excludeInlineStyles:t,useAnimationFrame:e})}}function k(o,t){switch(o){case"bottom":return`
-        top: anchor(bottom);
-        justify-self: anchor-center;
-        margin-block: ${t};
-      `;case"bottom-end":return`
-        top: anchor(bottom);
-        right: anchor(right);
-        margin-block: ${t};
-      `;case"bottom-start":return`
-        top: anchor(bottom);
-        left: anchor(left);
-        margin-block: ${t};
-      `;case"left":return`
-        align-self: anchor-center;
-        right: anchor(left);
-        margin-inline: ${t};
-      `;case"left-end":return`
-        bottom: anchor(bottom);
-        right: anchor(left);
-        margin-inline: ${t};
-      `;case"left-start":return`
-        top: anchor(top);
-        right: anchor(left);
-        margin-inline: ${t};
-      `;case"right":return`
-        align-self: anchor-center;
-        left: anchor(right);
-        margin-inline: ${t};
-      `;case"right-end":return`
-        bottom: anchor(bottom);
-        left: anchor(right);
-        margin-inline: ${t};
-      `;case"right-start":return`
-        top: anchor(top);
-        left: anchor(right);
-        margin-inline: ${t};
-      `;case"top":return`
-        bottom: anchor(top);
-        justify-self: anchor-center;
-        margin-block: ${t};
-      `;case"top-end":return`
-        bottom: anchor(top);
-        right: anchor(right);
-        margin-block: ${t};
-      `;case"top-start":return`
-        bottom: anchor(top);
-        left: anchor(left);
-        margin-block: ${t};
-      `}}function x({anchorElementId:o,placement:t,positionedElementId:e,positionTryFallbacks:r,gap:c}){const n=`--${CSS.escape(o)}`,i=k(t,c);return`
-    #${CSS.escape(o)} {
-      anchor-name: ${n};
-    }
-
-    #${CSS.escape(e)} {
-      position-anchor: ${n};
-      position-try-fallbacks: ${r};
-      ${i}
-    }
-  `}const p="el-popover";function j(o){return o.closest("[popover]")}function s({anchorId:o,borderRadius:t,children:e,className:r,elevation:c="none",gap:n="0",id:i,maxHeight:f,maxWidth:m,placement:g,positionTryFallbacks:S="none",popover:b="auto",style:P,...$}){const a=h.useRef(null),v=x({anchorElementId:o,positionedElementId:i,placement:g,positionTryFallbacks:S,gap:n});return h.useLayoutEffect(function(){a.current&&C({elements:[a.current]})},[]),l.jsxs("div",{...$,className:d.cx_default(p,r),"data-elevation":c,id:i,popover:b,style:{...P,"--popover-border-radius":t,"--popover-max-height":f,"--popover-max-width":m},children:[l.jsx("style",{ref:a,children:v}),e]})}s.getTriggerProps=u;s.getClosestPopoverElement=j;exports.Popover=s;exports.elPopover=p;exports.getPopoverTriggerProps=u;