@ariakit/react-core 0.3.12 → 0.3.14

package/esm/tab/tab-provider.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import type { TabStoreProps } from "./tab-store.js";
 /**
- * Provides a tab store to Tab components.
+ * Provides a tab store to [Tab](https://ariakit.org/components/tab) components.
  * @see https://ariakit.org/components/tab
  * @example
  * ```jsx

package/esm/tab/tab-store.d.ts

@@ -11,11 +11,13 @@ export declare function useTabStoreProps<T extends Core.TabStore>(store: T, upda
     };
 };
 /**
- * Creates a tab store.
+ * Creates a tab store to control the state of
+ * [Tab](https://ariakit.org/components/tab) components.
  * @see https://ariakit.org/components/tab
  * @example
  * ```jsx
  * const tab = useTabStore();
+ *
  * <TabList store={tab}>
  *   <Tab>Tab 1</Tab>
  *   <Tab>Tab 2</Tab>

package/esm/tab/tab.d.ts

@@ -16,8 +16,8 @@ import type { TabStore } from "./tab-store.js";
  */
 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.
+ * Renders a tab element inside a
+ * [`TabList`](https://ariakit.org/reference/tab-list) wrapper.
  * @see https://ariakit.org/components/tab
  * @example
  * ```jsx {3,4}

package/esm/toolbar/toolbar-container.d.ts

@@ -17,7 +17,7 @@ import type { ToolbarItemOptions } from "./toolbar-item.js";
  */
 export declare const useToolbarContainer: import("../utils/types.js").Hook<ToolbarContainerOptions<"div">>;
 /**
- * Renders a container for interactive widgets inside toolbar items.
+ * Renders a toolbar item that may contain interactive widgets inside.
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx {2-4}

package/esm/toolbar/toolbar-input.d.ts

@@ -15,7 +15,8 @@ import type { ToolbarItemOptions } from "./toolbar-item.js";
  */
 export declare const useToolbarInput: import("../utils/types.js").Hook<ToolbarInputOptions<"input">>;
 /**
- * Renders an input as a toolbar item.
+ * Renders a text input as a toolbar item, maintaining arrow key navigation on
+ * the toolbar.
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx {2}

package/esm/toolbar/toolbar-item.d.ts

@@ -15,7 +15,8 @@ import type { ToolbarStore } from "./toolbar-store.js";
  */
 export declare const useToolbarItem: import("../utils/types.js").Hook<ToolbarItemOptions<"button">>;
 /**
- * Renders an interactive element in a toolbar.
+ * Renders an interactive element inside a
+ * [`Toolbar`](https://ariakit.org/reference/toolbar).
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx {2}

package/esm/toolbar/toolbar-provider.d.ts

@@ -1,7 +1,8 @@
 import type { ReactNode } from "react";
 import type { ToolbarStoreProps } from "./toolbar-store.js";
 /**
- * Provides a toolbar store to Toolbar components.
+ * Provides a toolbar store to [Toolbar](https://ariakit.org/components/toolbar)
+ * components.
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx

package/esm/toolbar/toolbar-separator.d.ts

@@ -17,7 +17,8 @@ import type { ToolbarStore } from "./toolbar-store.js";
  */
 export declare const useToolbarSeparator: import("../utils/types.js").Hook<ToolbarSeparatorOptions<"hr">>;
 /**
- * Renders a separator for toolbar items.
+ * Renders a divider between
+ * [`ToolbarItem`](https://ariakit.org/reference/toolbar-item) elements.
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx {3}

package/esm/toolbar/toolbar-store.d.ts

@@ -3,11 +3,13 @@ import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreStat
 import type { Store } from "../utils/store.js";
 export declare function useToolbarStoreProps<T extends Core.ToolbarStore>(store: T, update: () => void, props: ToolbarStoreProps): T;
 /**
- * Creates a toolbar store.
+ * Creates a toolbar store to control the state of
+ * [Toolbar](https://ariakit.org/components/toolbar) components.
  * @see https://ariakit.org/components/toolbar
  * @example
  * ```jsx
  * const toolbar = useToolbarStore();
+ *
  * <Toolbar store={toolbar}>
  *   <ToolbarItem>Item 1</ToolbarItem>
  *   <ToolbarItem>Item 2</ToolbarItem>

package/esm/tooltip/tooltip-anchor.d.ts

@@ -14,9 +14,9 @@ import type { TooltipStore } from "./tooltip-store.js";
  */
 export declare const useTooltipAnchor: import("../utils/types.js").Hook<TooltipAnchorOptions<"div">>;
 /**
- * Renders an element that will be described by a
- * [`Tooltip`](https://ariakit.org/reference/tooltip) component. This component
- * will also be used as the reference to position the tooltip on the screen.
+ * Renders a reference element for a
+ * [`Tooltip`](https://ariakit.org/reference/tooltip), which is triggered by
+ * focusing or hovering over the anchor.
  * @see https://ariakit.org/components/tooltip
  * @example
  * ```jsx {2}

package/esm/tooltip/tooltip-arrow.d.ts

@@ -18,7 +18,7 @@ import type { TooltipStore } from "./tooltip-store.js";
 export declare const useTooltipArrow: import("../utils/types.js").Hook<TooltipArrowOptions<"div">>;
 /**
  * Renders an arrow inside a [`Tooltip`](https://ariakit.org/reference/tooltip)
- * component.
+ * pointing to the anchor element.
  * @see https://ariakit.org/components/tooltip
  * @example
  * ```jsx {4}

package/esm/tooltip/tooltip-provider.d.ts

@@ -1,7 +1,8 @@
 import type { ReactNode } from "react";
 import type { TooltipStoreProps } from "./tooltip-store.js";
 /**
- * Provides a tooltip store to Tooltip components.
+ * Provides a tooltip store to [Tooltip](https://ariakit.org/components/tooltip)
+ * components.
  * @see https://ariakit.org/components/tooltip
  * @example
  * ```jsx

package/esm/tooltip/tooltip-store.d.ts

@@ -3,11 +3,13 @@ import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreStat
 import type { Store } from "../utils/store.js";
 export declare function useTooltipStoreProps<T extends TooltipStore>(store: T, update: () => void, props: TooltipStoreProps): T;
 /**
- * Creates a tooltip store.
+ * Creates a tooltip store to control the state of
+ * [Tooltip](https://ariakit.org/components/tooltip) components.
  * @see https://ariakit.org/components/tooltip
  * @example
  * ```jsx
  * const tooltip = useTooltipStore();
+ *
  * <TooltipAnchor store={tooltip}>Anchor</TooltipAnchor>
  * <Tooltip store={tooltip}>Tooltip</Tooltip>
  * ```

package/esm/tooltip/tooltip.d.ts

@@ -14,7 +14,9 @@ import type { TooltipStore } from "./tooltip-store.js";
  */
 export declare const useTooltip: import("../utils/types.js").Hook<TooltipOptions<"div">>;
 /**
- * Renders a tooltip element.
+ * Renders a tooltip element that visually describes a
+ * [`TooltipAnchor`](https://ariakit.org/reference/tooltip-anchor) when it
+ * receives focus or is hovered.
  * @see https://ariakit.org/components/tooltip
  * @example
  * ```jsx {3}

package/esm/tooltip/tooltip.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   useHovercard
-} from "../__chunks/EPBRINPG.js";
+} from "../__chunks/QWSZGSIG.js";
 import "../__chunks/YMV43K4F.js";
-import "../__chunks/A6XC27R5.js";
+import "../__chunks/IRX7SFUJ.js";
 import {
   createDialogComponent
-} from "../__chunks/PGAEII2Q.js";
+} from "../__chunks/NERBASET.js";
 import "../__chunks/LWHPHW7Q.js";
-import "../__chunks/CLF4PQ7T.js";
+import "../__chunks/TQYOGOE2.js";
 import "../__chunks/BULCTPRV.js";
 import "../__chunks/6BJGLK2C.js";
 import "../__chunks/CS347UVZ.js";
@@ -16,11 +16,11 @@ import "../__chunks/IUB2BTEK.js";
 import "../__chunks/XHJGS6Z5.js";
 import "../__chunks/TL67WVI6.js";
 import "../__chunks/MKDDWKFK.js";
+import "../__chunks/72E5EPFF.js";
 import "../__chunks/OOBDFMJL.js";
+import "../__chunks/X6WIMZJE.js";
 import "../__chunks/677M2CI3.js";
 import "../__chunks/6GXEOXGT.js";
-import "../__chunks/72E5EPFF.js";
-import "../__chunks/X6WIMZJE.js";
 import "../__chunks/HPP6CWMY.js";
 import "../__chunks/UYRJLDVS.js";
 import "../__chunks/JPXNJYSO.js";

package/form/form-control/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ariakit/react-core/form/form-control",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../cjs/form/form-control.cjs",
+  "module": "../../esm/form/form-control.js",
+  "types": "../../cjs/form/form-control.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/react-core",
-  "version": "0.3.12",
+  "version": "0.3.14",
   "description": "Ariakit React core",
   "sideEffects": false,
   "license": "MIT",
@@ -30,7 +30,7 @@
     "core"
   ],
   "dependencies": {
-    "@ariakit/core": "0.3.10",
+    "@ariakit/core": "0.3.11",
     "@floating-ui/dom": "^1.0.0",
     "use-sync-external-store": "^1.2.0"
   },
@@ -900,6 +900,13 @@
         "default": "./cjs/form/form-description.cjs"
       }
     },
+    "./form/form-control": {
+      "import": "./esm/form/form-control.js",
+      "require": {
+        "types": "./cjs/form/form-control.d.cts",
+        "default": "./cjs/form/form-control.cjs"
+      }
+    },
     "./form/form-context": {
       "import": "./esm/form/form-context.js",
       "require": {

package/cjs/__chunks/{NKR65BKC.cjs → KSPMHEYZ.cjs}

@@ -7,9 +7,6 @@ var _PZL34OVOcjs = require('./PZL34OVO.cjs');
 var _7YLCVXZ7cjs = require('./7YLCVXZ7.cjs');
 
 
-var _6IUEXB4Lcjs = require('./6IUEXB4L.cjs');
-
-
 var _5GTNIPQ6cjs = require('./5GTNIPQ6.cjs');
 
 
@@ -17,6 +14,9 @@ var _5GTNIPQ6cjs = require('./5GTNIPQ6.cjs');
 
 var _V24PR4PWcjs = require('./V24PR4PW.cjs');
 
+
+var _6IUEXB4Lcjs = require('./6IUEXB4L.cjs');
+
 // src/dialog/utils/disable-tree.ts
 var _dom = require('@ariakit/core/utils/dom');
 var _focus = require('@ariakit/core/utils/focus');

package/esm/__chunks/{CLF4PQ7T.js → TQYOGOE2.js}

@@ -5,9 +5,6 @@ import {
 import {
   isBackdrop
 } from "./MKDDWKFK.js";
-import {
-  supportsInert
-} from "./677M2CI3.js";
 import {
   walkTreeOutside
 } from "./72E5EPFF.js";
@@ -16,6 +13,9 @@ import {
   setAttribute,
   setProperty
 } from "./X6WIMZJE.js";
+import {
+  supportsInert
+} from "./677M2CI3.js";
 
 // src/dialog/utils/disable-tree.ts
 import { contains } from "@ariakit/core/utils/dom";