@ariakit/react-core 0.3.4 → 0.3.5

package/cjs/tab/tab-panel.d.cts

@@ -0,0 +1,54 @@
+import type { CollectionItemOptions } from "../collection/collection-item.js";
+import type { DisclosureContentOptions } from "../disclosure/disclosure-content.jsx";
+import type { FocusableOptions } from "../focusable/focusable.js";
+import type { As, Props } from "../utils/types.js";
+import type { TabStore } from "./tab-store.js";
+/**
+ * Returns props to create a `TabPanel` component.
+ * @see https://ariakit.org/components/tab
+ * @example
+ * ```jsx
+ * const store = useTabStore();
+ * const props = useTabPanel({ store });
+ * <TabList store={store}>
+ *   <Tab>Tab 1</Tab>
+ * </TabList>
+ * <Role {...props}>Panel 1</Role>
+ * ```
+ */
+export declare const useTabPanel: import("../utils/types.js").Hook<TabPanelOptions<"div">>;
+/**
+ * Renders a tab panel element.
+ * @see https://ariakit.org/components/tab
+ * @example
+ * ```jsx {6,7}
+ * <TabProvider>
+ *   <TabList>
+ *     <Tab>Tab 1</Tab>
+ *     <Tab>Tab 2</Tab>
+ *   </TabList>
+ *   <TabPanel>Panel 1</TabPanel>
+ *   <TabPanel>Panel 2</TabPanel>
+ * </TabProvider>
+ * ```
+ */
+export declare const TabPanel: import("../utils/types.js").Component<TabPanelOptions<"div">>;
+export interface TabPanelOptions<T extends As = "div"> extends FocusableOptions<T>, CollectionItemOptions<T>, Omit<DisclosureContentOptions<T>, "store" | "unmountOnHide"> {
+    /**
+     * Object returned by the
+     * [`useTabStore`](https://ariakit.org/reference/use-tab-store) hook. If not
+     * provided, the closest
+     * [`TabProvider`](https://ariakit.org/reference/tab-provider) component's
+     * context will be used.
+     */
+    store?: TabStore;
+    /**
+     * The id of the tab that controls this panel. By default, this value will
+     * be inferred based on the order of the tabs and the panels.
+     *
+     * Live examples:
+     * - [Tab with React Router](https://ariakit.org/examples/tab-react-router)
+     */
+    tabId?: string | null;
+}
+export type TabPanelProps<T extends As = "div"> = Props<TabPanelOptions<T>>;

package/cjs/tab/tab-provider.cjs

@@ -1,24 +1,25 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _4QHHTATPcjs = require('../__chunks/4QHHTATP.cjs');
 
+var _BYH4RK4Ncjs = require('../__chunks/BYH4RK4N.cjs');
 
-var _HBZJ2UC5cjs = require('../__chunks/HBZJ2UC5.cjs');
-require('../__chunks/232HWSNY.cjs');
-require('../__chunks/76UBACFC.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _HDF3U5G4cjs = require('../__chunks/HDF3U5G4.cjs');
+require('../__chunks/U74DRAW2.cjs');
+require('../__chunks/W23HEISM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 // src/tab/tab-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function TabProvider(props = {}) {
-  const store = _4QHHTATPcjs.useTabStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HBZJ2UC5cjs.TabContextProvider, { value: store, children: props.children });
+  const store = _BYH4RK4Ncjs.useTabStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HDF3U5G4cjs.TabContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/tab/tab-provider.d.cts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+import type { TabStoreProps } from "./tab-store.js";
+/**
+ * Provides a tab store to Tab components.
+ * @see https://ariakit.org/components/tab
+ * @example
+ * ```jsx
+ * <TabProvider>
+ *   <TabList>
+ *     <Tab>For You</Tab>
+ *     <Tab>Following</Tab>
+ *   </TabList>
+ *   <TabPanel>For You</TabPanel>
+ *   <TabPanel>Following</TabPanel>
+ * </TabProvider>
+ * ```
+ */
+export declare function TabProvider(props?: TabProviderProps): import("react/jsx-runtime").JSX.Element;
+export interface TabProviderProps extends TabStoreProps {
+    children?: ReactNode;
+}

package/cjs/tab/tab-store.cjs

@@ -1,14 +1,15 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _4QHHTATPcjs = require('../__chunks/4QHHTATP.cjs');
-require('../__chunks/232HWSNY.cjs');
-require('../__chunks/76UBACFC.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _BYH4RK4Ncjs = require('../__chunks/BYH4RK4N.cjs');
+require('../__chunks/U74DRAW2.cjs');
+require('../__chunks/W23HEISM.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.useTabStore = _4QHHTATPcjs.useTabStore; exports.useTabStoreProps = _4QHHTATPcjs.useTabStoreProps;
+
+exports.useTabStore = _BYH4RK4Ncjs.useTabStore; exports.useTabStoreProps = _BYH4RK4Ncjs.useTabStoreProps;

package/cjs/tab/tab-store.d.cts

@@ -0,0 +1,74 @@
+import * as Core from "@ariakit/core/tab/tab-store";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
+import type { Store } from "../utils/store.js";
+type Item = Core.TabStoreItem;
+export declare function useTabStoreProps<T extends Core.TabStore>(store: T, update: () => void, props: TabStoreProps): T & {
+    panels: import("@ariakit/core/collection/collection-store").CollectionStoreFunctions<{
+        id: string;
+        element?: HTMLElement | null | undefined;
+    } & {
+        tabId?: string | null | undefined;
+    }> & import("@ariakit/core/utils/store").Store<import("@ariakit/core/collection/collection-store").CollectionStoreState<{
+        id: string;
+        element?: HTMLElement | null | undefined;
+    } & {
+        tabId?: string | null | undefined;
+    }>> & {
+        useState: {
+            (): import("@ariakit/core/collection/collection-store").CollectionStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                tabId?: string | null | undefined;
+            }>;
+            <K extends keyof import("@ariakit/core/collection/collection-store").CollectionStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                tabId?: string | null | undefined;
+            }>>(key: K): import("@ariakit/core/collection/collection-store").CollectionStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                tabId?: string | null | undefined;
+            }>[K];
+            <V>(selector: (state: import("@ariakit/core/collection/collection-store").CollectionStoreState<{
+                id: string;
+                element?: HTMLElement | null | undefined;
+            } & {
+                tabId?: string | null | undefined;
+            }>) => V): V;
+        };
+    };
+};
+/**
+ * Creates a tab store.
+ * @see https://ariakit.org/components/tab
+ * @example
+ * ```jsx
+ * const tab = useTabStore();
+ * <TabList store={tab}>
+ *   <Tab>Tab 1</Tab>
+ *   <Tab>Tab 2</Tab>
+ * </TabList>
+ * <TabPanel store={tab}>Panel 1</TabPanel>
+ * <TabPanel store={tab}>Panel 2</TabPanel>
+ * ```
+ */
+export declare function useTabStore(props?: TabStoreProps): TabStore;
+export type TabStoreItem = Item;
+export interface TabStoreState extends Core.TabStoreState, CompositeStoreState<Item> {
+}
+export interface TabStoreFunctions extends Core.TabStoreFunctions, CompositeStoreFunctions<Item> {
+    panels: Store<Core.TabStoreFunctions["panels"]>;
+}
+export interface TabStoreOptions extends Core.TabStoreOptions, CompositeStoreOptions<Item> {
+    /**
+     * Function that will be called when the `selectedId` state changes.
+     * @param selectedId The new selected id.
+     */
+    setSelectedId?: (selectedId: TabStoreState["selectedId"]) => void;
+}
+export type TabStoreProps = TabStoreOptions & Core.TabStoreProps;
+export type TabStore = TabStoreFunctions & Store<Core.TabStore>;
+export {};

package/cjs/tab/tab.cjs

@@ -1,59 +1,60 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _GUWJ7VTOcjs = require('../__chunks/GUWJ7VTO.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/FMI5QF7N.cjs');
 
+var _H2TTW65Qcjs = require('../__chunks/H2TTW65Q.cjs');
+require('../__chunks/F7HB6RYG.cjs');
+require('../__chunks/HY2NPBHW.cjs');
 
-var _HBZJ2UC5cjs = require('../__chunks/HBZJ2UC5.cjs');
-require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
 
+var _HDF3U5G4cjs = require('../__chunks/HDF3U5G4.cjs');
+require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
 
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
 
 
-var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _JTVNRMACcjs = require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
 
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('../__chunks/WYXAWBLE.cjs');
 
 // src/tab/tab.ts
 var _react = require('react');
 var _misc = require('@ariakit/core/utils/misc');
-var useTab = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useTab = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
       accessibleWhenDisabled = true,
       getItem: getItemProp
-    } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, [
       "store",
       "accessibleWhenDisabled",
       "getItem"
     ]);
-    const context = _HBZJ2UC5cjs.useTabScopedContext.call(void 0, );
+    const context = _HDF3U5G4cjs.useTabScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component."
     );
-    const defaultId = _5WLTMVVQcjs.useId.call(void 0, );
+    const defaultId = _JTVNRMACcjs.useId.call(void 0, );
     const id = props.id || defaultId;
-    const dimmed = props.disabled;
+    const dimmed = _misc.disabledFromProps.call(void 0, props);
     const getItem = _react.useCallback.call(void 0, 
       (item) => {
-        const nextItem = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, item), { dimmed });
+        const nextItem = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {}, item), { dimmed });
         if (getItemProp) {
           return getItemProp(nextItem);
         }
@@ -62,7 +63,7 @@ var useTab = _Z5PUIG6Acjs.createHook.call(void 0,
       [dimmed, getItemProp]
     );
     const onClickProp = props.onClick;
-    const onClick = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const onClick = _JTVNRMACcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -75,7 +76,7 @@ var useTab = _Z5PUIG6Acjs.createHook.call(void 0,
       }
     );
     const selected = store.useState((state) => !!id && state.selectedId === id);
-    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
       id,
       role: "tab",
       "aria-selected": selected,
@@ -83,7 +84,7 @@ var useTab = _Z5PUIG6Acjs.createHook.call(void 0,
     }, props), {
       onClick
     });
-    props = _GUWJ7VTOcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _H2TTW65Qcjs.useCompositeItem.call(void 0, _WYXAWBLEcjs.__spreadProps.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       accessibleWhenDisabled,
@@ -93,9 +94,9 @@ var useTab = _Z5PUIG6Acjs.createHook.call(void 0,
     return props;
   }
 );
-var Tab = _Z5PUIG6Acjs.createMemoComponent.call(void 0, (props) => {
+var Tab = _VKYTJKYNcjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useTab(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
+  return _VKYTJKYNcjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Tab.displayName = "Tab";

package/cjs/tab/tab.d.cts

@@ -0,0 +1,48 @@
+import type { CompositeItemOptions } from "../composite/composite-item.js";
+import type { As, Props } from "../utils/types.js";
+import type { TabStore } from "./tab-store.js";
+/**
+ * Returns props to create a `Tab` component.
+ * @see https://ariakit.org/components/tab
+ * @example
+ * ```jsx
+ * const store = useTabStore();
+ * const props = useTab({ store });
+ * <TabList store={store}>
+ *   <Role {...props}>Tab 1</Role>
+ * </TabList>
+ * <TabPanel store={store}>Panel 1</TabPanel>
+ * ```
+ */
+export declare const useTab: import("../utils/types.js").Hook<TabOptions<"button">>;
+/**
+ * Renders a tab element. The underlying element must be wrapped in a `TabList`
+ * component.
+ * @see https://ariakit.org/components/tab
+ * @example
+ * ```jsx {3,4}
+ * <TabProvider>
+ *   <TabList>
+ *     <Tab>Tab 1</Tab>
+ *     <Tab>Tab 2</Tab>
+ *   </TabList>
+ *   <TabPanel>Panel 1</TabPanel>
+ *   <TabPanel>Panel 2</TabPanel>
+ * </TabProvider>
+ * ```
+ */
+export declare const Tab: import("../utils/types.js").Component<TabOptions<"button">>;
+export interface TabOptions<T extends As = "button"> extends CompositeItemOptions<T> {
+    /**
+     * Object returned by the
+     * [`useTabStore`](https://ariakit.org/reference/use-tab-store) hook. If not
+     * provided, the closest [`TabList`](https://ariakit.org/reference/tab-list)
+     * component's context will be used.
+     */
+    store?: TabStore;
+    /**
+     * @default true
+     */
+    accessibleWhenDisabled?: CompositeItemOptions["accessibleWhenDisabled"];
+}
+export type TabProps<T extends As = "button"> = Props<TabOptions<T>>;

package/cjs/toolbar/toolbar-container.cjs

@@ -1,48 +1,49 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _UK2DHDQUcjs = require('../__chunks/UK2DHDQU.cjs');
 
+var _JLZMDZGEcjs = require('../__chunks/JLZMDZGE.cjs');
 
-var _ZQZC54NScjs = require('../__chunks/ZQZC54NS.cjs');
-require('../__chunks/GUWJ7VTO.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/FMI5QF7N.cjs');
-require('../__chunks/KLZID3QO.cjs');
 
+var _NLP7FWTBcjs = require('../__chunks/NLP7FWTB.cjs');
+require('../__chunks/H2TTW65Q.cjs');
+require('../__chunks/F7HB6RYG.cjs');
+require('../__chunks/HY2NPBHW.cjs');
+require('../__chunks/RV3PHHWM.cjs');
 
-var _WSW5XX7Fcjs = require('../__chunks/WSW5XX7F.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
 
+var _4YG3D3TMcjs = require('../__chunks/4YG3D3TM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('../__chunks/WYXAWBLE.cjs');
 
 // src/toolbar/toolbar-container.ts
-var useToolbarContainer = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useToolbarContainer = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _WSW5XX7Fcjs.useToolbarContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _4YG3D3TMcjs.useToolbarContext.call(void 0, );
     store = store || context;
-    props = _UK2DHDQUcjs.useCompositeContainer.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
-    props = _ZQZC54NScjs.useToolbarItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _JLZMDZGEcjs.useCompositeContainer.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _NLP7FWTBcjs.useToolbarItem.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var ToolbarContainer = _Z5PUIG6Acjs.createMemoComponent.call(void 0, 
+var ToolbarContainer = _VKYTJKYNcjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useToolbarContainer(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+    return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/toolbar/toolbar-container.d.cts

@@ -0,0 +1,34 @@
+import type { CompositeContainerOptions } from "../composite/composite-container.js";
+import type { As, Props } from "../utils/types.js";
+import type { ToolbarItemOptions } from "./toolbar-item.js";
+/**
+ * Returns props to create a `ToolbarContainer` component.
+ * @see https://ariakit.org/components/toolbar
+ * @example
+ * ```jsx
+ * const store = useToolbarStore();
+ * const props = useToolbarContainer({ store });
+ * <Toolbar store={store}>
+ *   <Role {...props}>
+ *     <input type="text" />
+ *   </Role>
+ * </Toolbar>
+ * ```
+ */
+export declare const useToolbarContainer: import("../utils/types.js").Hook<ToolbarContainerOptions<"div">>;
+/**
+ * Renders a container for interactive widgets inside toolbar items.
+ * @see https://ariakit.org/components/toolbar
+ * @example
+ * ```jsx {2-4}
+ * <Toolbar>
+ *   <ToolbarContainer>
+ *     <input type="text" />
+ *   </ToolbarContainer>
+ * </Toolbar>
+ * ```
+ */
+export declare const ToolbarContainer: import("../utils/types.js").Component<ToolbarContainerOptions<"div">>;
+export interface ToolbarContainerOptions<T extends As = "div"> extends ToolbarItemOptions<T>, Omit<CompositeContainerOptions<T>, "store"> {
+}
+export type ToolbarContainerProps<T extends As = "div"> = Props<ToolbarContainerOptions<T>>;

package/cjs/toolbar/toolbar-context.cjs

@@ -1,20 +1,21 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
 
 
-var _WSW5XX7Fcjs = require('../__chunks/WSW5XX7F.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _4YG3D3TMcjs = require('../__chunks/4YG3D3TM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
 
 
 
-exports.ToolbarContextProvider = _WSW5XX7Fcjs.ToolbarContextProvider; exports.ToolbarScopedContextProvider = _WSW5XX7Fcjs.ToolbarScopedContextProvider; exports.useToolbarContext = _WSW5XX7Fcjs.useToolbarContext; exports.useToolbarProviderContext = _WSW5XX7Fcjs.useToolbarProviderContext; exports.useToolbarScopedContext = _WSW5XX7Fcjs.useToolbarScopedContext;
+
+exports.ToolbarContextProvider = _4YG3D3TMcjs.ToolbarContextProvider; exports.ToolbarScopedContextProvider = _4YG3D3TMcjs.ToolbarScopedContextProvider; exports.useToolbarContext = _4YG3D3TMcjs.useToolbarContext; exports.useToolbarProviderContext = _4YG3D3TMcjs.useToolbarProviderContext; exports.useToolbarScopedContext = _4YG3D3TMcjs.useToolbarScopedContext;

package/cjs/toolbar/toolbar-context.d.cts

@@ -0,0 +1,19 @@
+import type { ToolbarStore } from "./toolbar-store.js";
+/**
+ * Returns the toolbar store from the nearest toolbar container.
+ * @example
+ * function ToolbarItem() {
+ *   const store = useToolbarContext();
+ *
+ *   if (!store) {
+ *     throw new Error("ToolbarItem must be wrapped in ToolbarProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useToolbarContext: () => ToolbarStore | undefined;
+export declare const useToolbarScopedContext: (onlyScoped?: boolean) => ToolbarStore | undefined;
+export declare const useToolbarProviderContext: () => ToolbarStore | undefined;
+export declare const ToolbarContextProvider: (props: import("react").ProviderProps<ToolbarStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarScopedContextProvider: (props: import("react").ProviderProps<ToolbarStore | undefined>) => import("react/jsx-runtime").JSX.Element;

package/cjs/toolbar/toolbar-input.cjs

@@ -1,48 +1,49 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _YJVXQQJ3cjs = require('../__chunks/YJVXQQJ3.cjs');
 
+var _I2Z34PEHcjs = require('../__chunks/I2Z34PEH.cjs');
 
-var _ZQZC54NScjs = require('../__chunks/ZQZC54NS.cjs');
-require('../__chunks/GUWJ7VTO.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/FMI5QF7N.cjs');
-require('../__chunks/KLZID3QO.cjs');
 
+var _NLP7FWTBcjs = require('../__chunks/NLP7FWTB.cjs');
+require('../__chunks/H2TTW65Q.cjs');
+require('../__chunks/F7HB6RYG.cjs');
+require('../__chunks/HY2NPBHW.cjs');
+require('../__chunks/RV3PHHWM.cjs');
 
-var _WSW5XX7Fcjs = require('../__chunks/WSW5XX7F.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
 
+var _4YG3D3TMcjs = require('../__chunks/4YG3D3TM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('../__chunks/WYXAWBLE.cjs');
 
 // src/toolbar/toolbar-input.ts
-var useToolbarInput = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useToolbarInput = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _WSW5XX7Fcjs.useToolbarContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _4YG3D3TMcjs.useToolbarContext.call(void 0, );
     store = store || context;
-    props = _YJVXQQJ3cjs.useCompositeInput.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
-    props = _ZQZC54NScjs.useToolbarItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _I2Z34PEHcjs.useCompositeInput.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store }, props));
+    props = _NLP7FWTBcjs.useToolbarItem.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var ToolbarInput = _Z5PUIG6Acjs.createMemoComponent.call(void 0, 
+var ToolbarInput = _VKYTJKYNcjs.createMemoComponent.call(void 0, 
   (props) => {
     const htmlProps = useToolbarInput(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "input", htmlProps);
+    return _VKYTJKYNcjs.createElement.call(void 0, "input", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/toolbar/toolbar-input.d.cts

@@ -0,0 +1,30 @@
+import type { CompositeInputOptions } from "../composite/composite-input.js";
+import type { As, Props } from "../utils/types.js";
+import type { ToolbarItemOptions } from "./toolbar-item.js";
+/**
+ * Returns props to create a `ToolbarInput` component.
+ * @see https://ariakit.org/components/toolbar
+ * @example
+ * ```jsx
+ * const store = useToolbarStore();
+ * const props = useToolbarInput({ store });
+ * <Toolbar store={store}>
+ *   <Role {...props} />
+ * </Toolbar>
+ * ```
+ */
+export declare const useToolbarInput: import("../utils/types.js").Hook<ToolbarInputOptions<"input">>;
+/**
+ * Renders an input as a toolbar item.
+ * @see https://ariakit.org/components/toolbar
+ * @example
+ * ```jsx {2}
+ * <Toolbar>
+ *   <ToolbarInput />
+ * </Toolbar>
+ * ```
+ */
+export declare const ToolbarInput: import("../utils/types.js").Component<ToolbarInputOptions<"input">>;
+export interface ToolbarInputOptions<T extends As = "input"> extends ToolbarItemOptions<T>, Omit<CompositeInputOptions<T>, "store"> {
+}
+export type ToolbarInputProps<T extends As = "input"> = Props<ToolbarInputOptions<T>>;