@ariakit/react-core 0.0.1 → 0.1.1

package/cjs/combobox/combobox.d.ts

@@ -0,0 +1,124 @@
+import type { ChangeEvent, MouseEvent, KeyboardEvent as ReactKeyboardEvent } from "react";
+import type { BooleanOrCallback } from "@ariakit/core/utils/types";
+import type { CompositeOptions } from "../composite/composite.js";
+import type { PopoverAnchorOptions } from "../popover/popover-anchor.js";
+import type { As, Props } from "../utils/types.js";
+import type { ComboboxStore } from "./combobox-store.js";
+/**
+ * Returns props to create a `Combobox` component.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * const store = useComboboxStore();
+ * const props = useCombobox({ store });
+ * <Role {...props} />
+ * <ComboboxPopover store={store}>
+ *   <ComboboxItem value="Apple" />
+ *   <ComboboxItem value="Banana" />
+ *   <ComboboxItem value="Orange" />
+ * </ComboboxPopover>
+ * ```
+ */
+export declare const useCombobox: import("../utils/types.js").Hook<ComboboxOptions<"input">>;
+/**
+ * Renders a combobox input.
+ * @see https://ariakit.org/components/combobox
+ * @example
+ * ```jsx
+ * const combobox = useComboboxStore();
+ * <Combobox store={combobox} />
+ * <ComboboxPopover store={combobox}>
+ *   <ComboboxItem value="Apple" />
+ *   <ComboboxItem value="Banana" />
+ *   <ComboboxItem value="Orange" />
+ * </ComboboxPopover>
+ * ```
+ */
+export declare const Combobox: import("../utils/types.js").Component<ComboboxOptions<"input">>;
+export interface ComboboxOptions<T extends As = "input"> extends CompositeOptions<T>, PopoverAnchorOptions<T> {
+    /**
+     * Object returned by the `useComboboxStore` hook.
+     */
+    store: ComboboxStore;
+    /**
+     * Whether the first item will be automatically selected when the combobox
+     * input value changes. When it's set to `true`, the exact behavior will
+     * depend on the value of `autoComplete` prop:
+     *   - If `autoComplete` is `both` or `inline`, the first item is
+     *     automatically focused when the popup opens, and the input value
+     *     changes to reflect this. The inline completion string will be
+     *     highlighted and will have a selected state.
+     *   - If `autoComplete` is `list` or `none`, the first item is
+     *     automatically focused when the popup opens, but the input value
+     *     doesn't change.
+     * @default false
+     */
+    autoSelect?: boolean;
+    /**
+     * Whether the items will be filtered based on `value` and whether the input
+     * value will temporarily change based on the active item. If `defaultList`
+     * or `list` are provided, this will be set to `list` by default, otherwise
+     * it'll default to `none`.
+     *   - `both`: the items will be filtered based on `value` and the input
+     *     value will temporarily change based on the active item.
+     *   - `list`: the items will be filtered based on `value` and the input
+     *     value will NOT change based on the active item.
+     *   - `inline`: the items are static, that is, they won't be filtered based
+     *     on `value`, but the input value will temporarily change based on the
+     *     active item.
+     *   - `none`: the items are static and the input value will NOT change
+     *     based on the active item.
+     */
+    autoComplete?: "both" | "inline" | "list" | "none";
+    /**
+     * Whether the combobox list/popover should be shown when the input value is
+     * changed.
+     * @default true
+     * @example
+     * ```jsx
+     * <Combobox showOnChange={(event) => event.target.value.length > 1} />
+     * ```
+     */
+    showOnChange?: BooleanOrCallback<ChangeEvent<HTMLElement>>;
+    /**
+     * Whether the combobox store value will be updated when the input value
+     * changes. This is useful if you want to customize how the store value is
+     * updated based on the input value.
+     * @default true
+     */
+    setValueOnChange?: BooleanOrCallback<ChangeEvent<HTMLElement>>;
+    /**
+     * Whether the combobox list/popover should be shown when the input is
+     * clicked.
+     * @default true
+     * @example
+     * ```jsx
+     * const combobox = useComboboxStore();
+     * const canShow = combobox.useState((state) => state.value.length > 1);
+     * <Combobox store={combobox} showOnMouseDown={canShow} />
+     * ```
+     */
+    showOnMouseDown?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+    /**
+     * Whether the combobox list/popover should be shown when the user presses
+     * the arrow up or down keys while focusing on the combobox input element.
+     * @default true
+     * @example
+     * ```jsx
+     * const combobox = useComboboxStore();
+     * const canShow = combobox.useState((state) => state.value.length > 1);
+     * <Combobox store={combobox} showOnKeyDown={canShow} />
+     * ```
+     */
+    showOnKeyDown?: BooleanOrCallback<ReactKeyboardEvent<HTMLElement>>;
+    /**
+     * Whether the combobox store value will be updated when the combobox input
+     * element gets clicked. This usually only applies when `autoComplete` is
+     * `both` or `inline`, because the input value will temporarily change based
+     * on the active item and the store value will not be updated until the user
+     * confirms the selection.
+     * @default true
+     */
+    setValueOnClick?: BooleanOrCallback<MouseEvent<HTMLElement>>;
+}
+export type ComboboxProps<T extends As = "input"> = Props<ComboboxOptions<T>>;

package/cjs/command/command.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _EWCMH6G3cjs = require('../__chunks/EWCMH6G3.cjs');
+require('../__chunks/44UMDBZE.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.Command = _EWCMH6G3cjs.Command; exports.useCommand = _EWCMH6G3cjs.useCommand;

package/cjs/command/command.d.ts

@@ -0,0 +1,38 @@
+import type { FocusableOptions } from "../focusable/focusable.js";
+import type { As, Props } from "../utils/types.js";
+/**
+ * Returns props to create a `Command` component. If the element is not a native
+ * clickable element (like a button), this hook will return additional props to
+ * make sure it's accessible.
+ * @see https://ariakit.org/components/command
+ * @example
+ * ```jsx
+ * const props = useCommand({ as: "div" });
+ * <Role {...props}>Accessible button</Role>
+ * ```
+ */
+export declare const useCommand: import("../utils/types.js").Hook<CommandOptions<"button">>;
+/**
+ * Renders a clickable element (like a button). If the underlying element is not
+ * a native clickable element, this component will pass additional attributes to
+ * make sure it's accessible.
+ * @see https://ariakit.org/components/command
+ * @example
+ * ```jsx
+ * <Command as="div">Accessible button</Command>
+ * ```
+ */
+export declare const Command: import("../utils/types.js").Component<CommandOptions<"button">>;
+export interface CommandOptions<T extends As = "button"> extends FocusableOptions<T> {
+    /**
+     * If true, pressing the enter key will trigger a click on the button.
+     * @default true
+     */
+    clickOnEnter?: boolean;
+    /**
+     * If true, pressing the space key will trigger a click on the button.
+     * @default true
+     */
+    clickOnSpace?: boolean;
+}
+export type CommandProps<T extends As = "button"> = Props<CommandOptions<T>>;

package/cjs/composite/composite-container.cjs

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _ABU7PK6Gcjs = require('../__chunks/ABU7PK6G.cjs');
+require('../__chunks/6622YWGR.cjs');
+require('../__chunks/NVMBKFRB.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/F6IOE5QT.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.CompositeContainer = _ABU7PK6Gcjs.CompositeContainer; exports.useCompositeContainer = _ABU7PK6Gcjs.useCompositeContainer;

package/cjs/composite/composite-container.d.ts

@@ -0,0 +1,44 @@
+import type { As, Options, Props } from "../utils/types.js";
+import type { CompositeStore } from "./composite-store.js";
+/**
+ * Returns props to create a `CompositeContainer` component. This component
+ * renders interactive widgets inside composite items. This should be used in
+ * conjunction with the `CompositeItem` component, the `useCompositeItem` hook,
+ * or any other component/hook that uses `CompositeItem` underneath.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const store = useCompositeStore();
+ * const props = useCompositeContainer({ store });
+ * <Composite store={store}>
+ *   <CompositeItem {...props}>
+ *     <input type="text" />
+ *   </CompositeItem>
+ * </Composite>
+ * ```
+ */
+export declare const useCompositeContainer: import("../utils/types.js").Hook<CompositeContainerOptions<"div">>;
+/**
+ * Renders a container for interactive widgets inside composite items. This
+ * should be used in conjunction with the `CompositeItem` component or a
+ * component that uses `CompositeItem` underneath.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const composite = useCompositeStore();
+ * <Composite store={composite}>
+ *   <CompositeItem as={CompositeContainer}>
+ *     <input type="text" />
+ *   </CompositeItem>
+ * </Composite>
+ * ```
+ */
+export declare const CompositeContainer: import("../utils/types.js").Component<CompositeContainerOptions<"div">>;
+export interface CompositeContainerOptions<T extends As = "div"> extends Options<T> {
+    /**
+     * Object returned by the `useCompositeStore` hook. If not provided, the
+     * parent `Composite` component's context will be used.
+     */
+    store?: CompositeStore;
+}
+export type CompositeContainerProps<T extends As = "div"> = Props<CompositeContainerOptions<T>>;

package/cjs/composite/composite-context.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _NVMBKFRBcjs = require('../__chunks/NVMBKFRB.cjs');
+
+
+
+
+exports.CompositeContext = _NVMBKFRBcjs.CompositeContext; exports.CompositeItemContext = _NVMBKFRBcjs.CompositeItemContext; exports.CompositeRowContext = _NVMBKFRBcjs.CompositeRowContext;

package/cjs/composite/composite-context.d.ts

@@ -0,0 +1,9 @@
+import type { CompositeStore } from "./composite-store.js";
+type ItemContext = {
+    baseElement?: HTMLElement;
+    id?: string;
+} | undefined;
+export declare const CompositeRowContext: import("react").Context<ItemContext>;
+export declare const CompositeItemContext: import("react").Context<ItemContext>;
+export declare const CompositeContext: import("react").Context<CompositeStore | undefined>;
+export {};

package/cjs/composite/composite-group-label.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _EE77OJ6Wcjs = require('../__chunks/EE77OJ6W.cjs');
+require('../__chunks/EFF3S3YM.cjs');
+require('../__chunks/K56WQU76.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.CompositeGroupLabel = _EE77OJ6Wcjs.CompositeGroupLabel; exports.useCompositeGroupLabel = _EE77OJ6Wcjs.useCompositeGroupLabel;

package/cjs/composite/composite-group-label.d.ts

@@ -0,0 +1,42 @@
+import type { GroupLabelOptions } from "../group/group-label.js";
+import type { As, Props } from "../utils/types.js";
+import type { CompositeStore } from "./composite-store.js";
+/**
+ * Returns props to create a `CompositeGroupLabel` component. This hook must be
+ * used in a component that's wrapped with `CompositeGroup` so the
+ * `aria-labelledby` prop is properly set on the composite group element.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * // This component must be wrapped with CompositeGroup
+ * const props = useCompositeGroupLabel();
+ * <Role {...props}>Label</Role>
+ * ```
+ */
+export declare const useCompositeGroupLabel: import("../utils/types.js").Hook<CompositeGroupLabelOptions<"div">>;
+/**
+ * Renders a label in a composite group. This component must be wrapped with
+ * `CompositeGroup` so the `aria-labelledby` prop is properly set on the
+ * composite group element.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const composite = useCompositeStore();
+ * <Composite store={composite}>
+ *   <CompositeGroup>
+ *     <CompositeGroupLabel>Label</CompositeGroupLabel>
+ *     <CompositeItem>Item 1</CompositeItem>
+ *     <CompositeItem>Item 2</CompositeItem>
+ *   </CompositeGroup>
+ * </Composite>
+ * ```
+ */
+export declare const CompositeGroupLabel: import("../utils/types.js").Component<CompositeGroupLabelOptions<"div">>;
+export interface CompositeGroupLabelOptions<T extends As = "div"> extends GroupLabelOptions<T> {
+    /**
+     * Object returned by the `useCompositeStore` hook. If not provided, the
+     * parent `Composite` component's context will be used.
+     */
+    store?: CompositeStore;
+}
+export type CompositeGroupLabelProps<T extends As = "div"> = Props<CompositeGroupLabelOptions<T>>;

package/cjs/composite/composite-group.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _7AIJRTAHcjs = require('../__chunks/7AIJRTAH.cjs');
+require('../__chunks/UIUFH5TV.cjs');
+require('../__chunks/K56WQU76.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.CompositeGroup = _7AIJRTAHcjs.CompositeGroup; exports.useCompositeGroup = _7AIJRTAHcjs.useCompositeGroup;

package/cjs/composite/composite-group.d.ts

@@ -0,0 +1,44 @@
+import type { GroupOptions } from "../group/group.js";
+import type { As, Props } from "../utils/types.js";
+import type { CompositeStore } from "./composite-store.js";
+/**
+ * Returns props to create a `CompositeGroup` component.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const store = useCompositeStore();
+ * const props = useCompositeGroup({ store });
+ * <Composite store={store}>
+ *   <Role {...props}>
+ *     <CompositeGroupLabel>Label</CompositeGroupLabel>
+ *     <CompositeItem>Item 1</CompositeItem>
+ *     <CompositeItem>Item 2</CompositeItem>
+ *   </Role>
+ * </Composite>
+ * ```
+ */
+export declare const useCompositeGroup: import("../utils/types.js").Hook<CompositeGroupOptions<"div">>;
+/**
+ * Renders a group element for composite items.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const composite = useCompositeStore();
+ * <Composite store={composite}>
+ *   <CompositeGroup>
+ *     <CompositeGroupLabel>Label</CompositeGroupLabel>
+ *     <CompositeItem>Item 1</CompositeItem>
+ *     <CompositeItem>Item 2</CompositeItem>
+ *   </CompositeGroup>
+ * </Composite>
+ * ```
+ */
+export declare const CompositeGroup: import("../utils/types.js").Component<CompositeGroupOptions<"div">>;
+export interface CompositeGroupOptions<T extends As = "div"> extends GroupOptions<T> {
+    /**
+     * Object returned by the `useCompositeStore` hook. If not provided, the
+     * parent `Composite` component's context will be used.
+     */
+    store?: CompositeStore;
+}
+export type CompositeGroupProps<T extends As = "div"> = Props<CompositeGroupOptions<T>>;

package/cjs/composite/composite-hover.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _TBYPXZ5Hcjs = require('../__chunks/TBYPXZ5H.cjs');
+require('../__chunks/NVMBKFRB.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.CompositeHover = _TBYPXZ5Hcjs.CompositeHover; exports.useCompositeHover = _TBYPXZ5Hcjs.useCompositeHover;

package/cjs/composite/composite-hover.d.ts

@@ -0,0 +1,47 @@
+import type { MouseEvent as ReactMouseEvent } from "react";
+import type { BooleanOrCallback } from "@ariakit/core/utils/types";
+import type { As, Options, Props } from "../utils/types.js";
+import type { CompositeStore } from "./composite-store.js";
+/**
+ * Returns props to create a `CompositeHover` component. The composite item that
+ * receives these props will get focused on mouse move and lose focus to the
+ * composite base element on mouse leave. This should be combined with the
+ * `CompositeItem` component, the `useCompositeItem` hook or any component/hook
+ * that uses them underneath.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const store = useCompositeStore();
+ * const props = useCompositeHover({ store });
+ * <CompositeItem store={store} {...props}>Item</CompositeItem>
+ * ```
+ */
+export declare const useCompositeHover: import("../utils/types.js").Hook<CompositeHoverOptions<"div">>;
+/**
+ * Renders an element in a composite widget that receives focus on mouse move
+ * and loses focus to the composite base element on mouse leave. This should be
+ * combined with the `CompositeItem` component, the `useCompositeItem` hook or
+ * any component/hook that uses them underneath.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const composite = useCompositeStore();
+ * <Composite store={composite}>
+ *   <CompositeHover as={CompositeItem}>Item</CompositeHover>
+ * </Composite>
+ * ```
+ */
+export declare const CompositeHover: import("../utils/types.js").Component<CompositeHoverOptions<"div">>;
+export interface CompositeHoverOptions<T extends As = "div"> extends Options<T> {
+    /**
+     * Object returned by the `useCompositeStore` hook. If not provided, the
+     * parent `Composite` component's context will be used.
+     */
+    store?: CompositeStore;
+    /**
+     * Whether to focus the composite item on hover.
+     * @default true
+     */
+    focusOnHover?: BooleanOrCallback<ReactMouseEvent<HTMLElement>>;
+}
+export type CompositeHoverProps<T extends As = "div"> = Props<CompositeHoverOptions<T>>;

package/cjs/composite/composite-input.cjs

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _EZH72G5Tcjs = require('../__chunks/EZH72G5T.cjs');
+require('../__chunks/6622YWGR.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.CompositeInput = _EZH72G5Tcjs.CompositeInput; exports.useCompositeInput = _EZH72G5Tcjs.useCompositeInput;

package/cjs/composite/composite-input.d.ts

@@ -0,0 +1,39 @@
+import type { As, Options, Props } from "../utils/types.js";
+import type { CompositeStore } from "./composite-store.js";
+/**
+ * Returns props to create a `CompositeInput` component. This should be used in
+ * conjunction with the `CompositeItem` component, the `useCompositeItem` hook,
+ * or any other component/hook that uses `CompositeItem` underneath.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const store = useCompositeStore();
+ * const props = useCompositeInput({ store });
+ * <Composite store={store}>
+ *   <CompositeItem {...props} />
+ * </Composite>
+ * ```
+ */
+export declare const useCompositeInput: import("../utils/types.js").Hook<CompositeInputOptions<"input">>;
+/**
+ * Renders an input as a composite item. This should be used in conjunction with
+ * the `CompositeItem` component or a component that uses `CompositeItem`
+ * underneath.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const composite = useCompositeStore();
+ * <Composite store={composite}>
+ *   <CompositeItem as={CompositeInput} />
+ * </Composite>
+ * ```
+ */
+export declare const CompositeInput: import("../utils/types.js").Component<CompositeInputOptions<"input">>;
+export interface CompositeInputOptions<T extends As = "input"> extends Options<T> {
+    /**
+     * Object returned by the `useCompositeStore` hook. If not provided, the
+     * parent `Composite` component's context will be used.
+     */
+    store?: CompositeStore;
+}
+export type CompositeInputProps<T extends As = "input"> = Props<CompositeInputOptions<T>>;

package/cjs/composite/composite-item.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _TIVUAJD3cjs = require('../__chunks/TIVUAJD3.cjs');
+require('../__chunks/EWCMH6G3.cjs');
+require('../__chunks/3QEUUQVB.cjs');
+require('../__chunks/ZQAFJQIS.cjs');
+require('../__chunks/6622YWGR.cjs');
+require('../__chunks/44UMDBZE.cjs');
+require('../__chunks/NVMBKFRB.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.CompositeItem = _TIVUAJD3cjs.CompositeItem; exports.useCompositeItem = _TIVUAJD3cjs.useCompositeItem;

package/cjs/composite/composite-item.d.ts

@@ -0,0 +1,56 @@
+import type { KeyboardEvent } from "react";
+import type { BooleanOrCallback } from "@ariakit/core/utils/types";
+import type { CollectionItemOptions } from "../collection/collection-item.js";
+import type { CommandOptions } from "../command/command.js";
+import type { As, Props } from "../utils/types.js";
+import type { CompositeStore } from "./composite-store.js";
+/**
+ * Returns props to create a `CompositeItem` component.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const store = useCompositeStore();
+ * const props = useCompositeItem({ store });
+ * <Role {...props}>Item 1</Role>
+ * ```
+ */
+export declare const useCompositeItem: import("../utils/types.js").Hook<CompositeItemOptions<"button">>;
+/**
+ * Renders a composite item.
+ * @see https://ariakit.org/components/composite
+ * @example
+ * ```jsx
+ * const composite = useCompositeStore();
+ * <Composite store={composite}>
+ *   <CompositeItem>Item 1</CompositeItem>
+ *   <CompositeItem>Item 2</CompositeItem>
+ *   <CompositeItem>Item 3</CompositeItem>
+ * </Composite>
+ * ```
+ */
+export declare const CompositeItem: import("../utils/types.js").Component<CompositeItemOptions<"button">>;
+export interface CompositeItemOptions<T extends As = "button"> extends CommandOptions<T>, CollectionItemOptions<T> {
+    /**
+     * Object returned by the `useCompositeStore` hook. If not provided, the
+     * parent `Composite` component's context will be used.
+     */
+    store?: CompositeStore;
+    /**
+     * The id that will be used to group items in the same row. This is usually
+     * retrieved by the `CompositeRow` component through context so in most cases
+     * you don't need to set it manually.
+     */
+    rowId?: string;
+    /**
+     * Whether the scroll behavior should be prevented when pressing arrow keys on
+     * the first or the last items.
+     * @default false
+     */
+    preventScrollOnKeyDown?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
+    /**
+     * Whether pressing arrow keys should move the focus to a different item.
+     * @default true
+     */
+    moveOnKeyPress?: BooleanOrCallback<KeyboardEvent<HTMLElement>>;
+}
+export type CompositeItemProps<T extends As = "button"> = Props<CompositeItemOptions<T>>;

package/cjs/composite/composite-overflow-disclosure.cjs

@@ -0,0 +1,74 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _LICOAFSXcjs = require('../__chunks/LICOAFSX.cjs');
+require('../__chunks/22VQR3WC.cjs');
+require('../__chunks/VSKE43XZ.cjs');
+require('../__chunks/GTWUFHVO.cjs');
+require('../__chunks/W5PBA4D6.cjs');
+require('../__chunks/BJTWNJAP.cjs');
+
+
+var _TIVUAJD3cjs = require('../__chunks/TIVUAJD3.cjs');
+require('../__chunks/EWCMH6G3.cjs');
+require('../__chunks/3QEUUQVB.cjs');
+require('../__chunks/ZQAFJQIS.cjs');
+require('../__chunks/6622YWGR.cjs');
+require('../__chunks/44UMDBZE.cjs');
+require('../__chunks/NVMBKFRB.cjs');
+
+
+
+
+var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+
+
+
+var _5QY4WCTRcjs = require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+// src/composite/composite-overflow-disclosure.ts
+var _react = require('react');
+var useCompositeOverflowDisclosure = _UYIFJ7U3cjs.createHook.call(void 0, ({ store, ...props }) => {
+  const ref = _react.useRef.call(void 0, null);
+  const [shouldRegisterItem, setShouldRegisterItem] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    return store.sync(() => {
+      store.setDisclosureElement(ref.current);
+    }, ["disclosureElement"]);
+  }, [store]);
+  const onFocusProp = props.onFocus;
+  const onFocus = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
+    _optionalChain([onFocusProp, 'optionalCall', _ => _(event)]);
+    if (event.defaultPrevented)
+      return;
+    setShouldRegisterItem(true);
+  });
+  const onBlurProp = props.onBlur;
+  const onBlur = _5QY4WCTRcjs.useEvent.call(void 0, (event) => {
+    _optionalChain([onBlurProp, 'optionalCall', _2 => _2(event)]);
+    if (event.defaultPrevented)
+      return;
+    setShouldRegisterItem(false);
+  });
+  props = {
+    "aria-hidden": !shouldRegisterItem,
+    ...props,
+    ref: _5QY4WCTRcjs.useForkRef.call(void 0, props.ref, ref),
+    onFocus,
+    onBlur
+  };
+  props = _TIVUAJD3cjs.useCompositeItem.call(void 0, { ...props, shouldRegisterItem });
+  props = _LICOAFSXcjs.usePopoverDisclosure.call(void 0, { store, ...props });
+  return props;
+});
+var CompositeOverflowDisclosure = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+  const htmlProps = useCompositeOverflowDisclosure(props);
+  return _UYIFJ7U3cjs.createElement.call(void 0, "button", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  CompositeOverflowDisclosure.displayName = "CompositeOverflowDisclosure";
+}
+
+
+
+exports.CompositeOverflowDisclosure = CompositeOverflowDisclosure; exports.useCompositeOverflowDisclosure = useCompositeOverflowDisclosure;