@ariakit/react 0.3.4 → 0.3.6

package/esm/index.js

@@ -1,27 +1,55 @@
+"use client";
+import {
+  Collection,
+  CollectionItem,
+  CollectionProvider,
+  useCollectionContext,
+  useCollectionStore
+} from "./__chunks/P3XY2YBH.js";
 import {
   Checkbox,
   CheckboxCheck,
   CheckboxProvider,
   useCheckboxContext,
   useCheckboxStore
-} from "./__chunks/JPYPUP6I.js";
+} from "./__chunks/CLB7CBSD.js";
 import {
   Button
-} from "./__chunks/7MZYOIO4.js";
+} from "./__chunks/LI3X5M2M.js";
+import {
+  Form,
+  FormCheckbox,
+  FormDescription,
+  FormError,
+  FormField,
+  FormGroup,
+  FormGroupLabel,
+  FormInput,
+  FormLabel,
+  FormProvider,
+  FormPush,
+  FormRadio,
+  FormRadioGroup,
+  FormRemove,
+  FormReset,
+  FormSubmit,
+  useFormContext,
+  useFormStore
+} from "./__chunks/YIUT3GRB.js";
 import {
   Focusable
-} from "./__chunks/MSZDSQIN.js";
+} from "./__chunks/H2GJECQG.js";
 import {
   FocusTrap,
   FocusTrapRegion
-} from "./__chunks/6QEALWEX.js";
+} from "./__chunks/HX55FU5Y.js";
 import {
   Disclosure,
   DisclosureContent,
   DisclosureProvider,
   useDisclosureContext,
   useDisclosureStore
-} from "./__chunks/ODZSMDRQ.js";
+} from "./__chunks/45LTDKFS.js";
 import {
   Dialog,
   DialogDescription,
@@ -31,7 +59,7 @@ import {
   DialogProvider,
   useDialogContext,
   useDialogStore
-} from "./__chunks/4IDSAFME.js";
+} from "./__chunks/6J63DDWN.js";
 import {
   Composite,
   CompositeGroup,
@@ -44,10 +72,10 @@ import {
   CompositeTypeahead,
   useCompositeContext,
   useCompositeStore
-} from "./__chunks/VEJT42TI.js";
+} from "./__chunks/H2QN6ELW.js";
 import {
   Command
-} from "./__chunks/JZLINDNV.js";
+} from "./__chunks/3IMSX6M3.js";
 import {
   Combobox,
   ComboboxCancel,
@@ -63,18 +91,11 @@ import {
   ComboboxSeparator,
   useComboboxContext,
   useComboboxStore
-} from "./__chunks/VRQVUGUC.js";
-import {
-  Collection,
-  CollectionItem,
-  CollectionProvider,
-  useCollectionContext,
-  useCollectionStore
-} from "./__chunks/EKTWLEVS.js";
+} from "./__chunks/BMQRQS5U.js";
 import {
   Portal,
   PortalContext
-} from "./__chunks/IA7QEMAF.js";
+} from "./__chunks/7FNMRS2F.js";
 import {
   Popover,
   PopoverAnchor,
@@ -87,7 +108,13 @@ import {
   PopoverProvider,
   usePopoverContext,
   usePopoverStore
-} from "./__chunks/EWPJEOTI.js";
+} from "./__chunks/NWEXBSCX.js";
+import {
+  Menubar,
+  MenubarProvider,
+  useMenubarContext,
+  useMenubarStore
+} from "./__chunks/BXE66XRQ.js";
 import {
   Menu,
   MenuArrow,
@@ -111,7 +138,7 @@ import {
   useMenuBarStore,
   useMenuContext,
   useMenuStore
-} from "./__chunks/JNOG2DG3.js";
+} from "./__chunks/NZJS6FCJ.js";
 import {
   Hovercard,
   HovercardAnchor,
@@ -123,38 +150,18 @@ import {
   HovercardProvider,
   useHovercardContext,
   useHovercardStore
-} from "./__chunks/XHA6N3ML.js";
+} from "./__chunks/42VA7B4Z.js";
 import {
   Heading,
   HeadingLevel
-} from "./__chunks/4UZKVCZQ.js";
+} from "./__chunks/WA3BE3AY.js";
 import {
   Group,
   GroupLabel
-} from "./__chunks/7KUQPEB6.js";
-import {
-  Form,
-  FormCheckbox,
-  FormDescription,
-  FormError,
-  FormField,
-  FormGroup,
-  FormGroupLabel,
-  FormInput,
-  FormLabel,
-  FormProvider,
-  FormPush,
-  FormRadio,
-  FormRadioGroup,
-  FormRemove,
-  FormReset,
-  FormSubmit,
-  useFormContext,
-  useFormStore
-} from "./__chunks/PEDXUZO5.js";
+} from "./__chunks/ZL4AJIDL.js";
 import {
   VisuallyHidden
-} from "./__chunks/E2SWWNJ4.js";
+} from "./__chunks/6OHDLPN7.js";
 import {
   Tooltip,
   TooltipAnchor,
@@ -162,7 +169,7 @@ import {
   TooltipProvider,
   useTooltipContext,
   useTooltipStore
-} from "./__chunks/3KDJ7VI3.js";
+} from "./__chunks/AABBG3SH.js";
 import {
   Toolbar,
   ToolbarContainer,
@@ -172,7 +179,7 @@ import {
   ToolbarSeparator,
   useToolbarContext,
   useToolbarStore
-} from "./__chunks/IQHJB6ZG.js";
+} from "./__chunks/ADBCZIQL.js";
 import {
   Tab,
   TabList,
@@ -180,10 +187,10 @@ import {
   TabProvider,
   useTabContext,
   useTabStore
-} from "./__chunks/7GYZGKZZ.js";
+} from "./__chunks/C7PAEXNA.js";
 import {
   Separator
-} from "./__chunks/FFCM3V3K.js";
+} from "./__chunks/JBAWBCWC.js";
 import {
   Select,
   SelectArrow,
@@ -199,17 +206,17 @@ import {
   SelectSeparator,
   useSelectContext,
   useSelectStore
-} from "./__chunks/TC2Q64L4.js";
+} from "./__chunks/GJRYH2AH.js";
 import {
   Role
-} from "./__chunks/XZBJIEA5.js";
+} from "./__chunks/VGHCPDMA.js";
 import {
   Radio,
   RadioGroup,
   RadioProvider,
   useRadioContext,
   useRadioStore
-} from "./__chunks/XIV7JDMS.js";
+} from "./__chunks/KPNBOGNT.js";
 export {
   Button,
   Checkbox,
@@ -298,6 +305,8 @@ export {
   MenuList,
   MenuProvider,
   MenuSeparator,
+  Menubar,
+  MenubarProvider,
   Popover,
   PopoverAnchor,
   PopoverArrow,
@@ -361,6 +370,8 @@ export {
   useMenuBarStore,
   useMenuContext,
   useMenuStore,
+  useMenubarContext,
+  useMenubarStore,
   usePopoverContext,
   usePopoverStore,
   useRadioContext,

package/esm/menu.js

@@ -1,3 +1,4 @@
+"use client";
 import {
   Menu,
   MenuArrow,
@@ -21,7 +22,7 @@ import {
   useMenuBarStore,
   useMenuContext,
   useMenuStore
-} from "./__chunks/JNOG2DG3.js";
+} from "./__chunks/NZJS6FCJ.js";
 export {
   Menu,
   MenuArrow,

package/esm/menubar.d.ts

@@ -0,0 +1,7 @@
+export { useMenubarContext } from "@ariakit/react-core/menubar/menubar-context";
+export { useMenubarStore } from "@ariakit/react-core/menubar/menubar-store";
+export { Menubar } from "@ariakit/react-core/menubar/menubar";
+export { MenubarProvider } from "@ariakit/react-core/menubar/menubar-provider";
+export type { MenubarStore, MenubarStoreProps, MenubarStoreState, } from "@ariakit/react-core/menubar/menubar-store";
+export type { MenubarProps, MenubarOptions, } from "@ariakit/react-core/menubar/menubar";
+export type { MenubarProviderProps } from "@ariakit/react-core/menubar/menubar-provider";

package/esm/menubar.js

@@ -0,0 +1,13 @@
+"use client";
+import {
+  Menubar,
+  MenubarProvider,
+  useMenubarContext,
+  useMenubarStore
+} from "./__chunks/BXE66XRQ.js";
+export {
+  Menubar,
+  MenubarProvider,
+  useMenubarContext,
+  useMenubarStore
+};

package/esm/popover.js

@@ -1,3 +1,4 @@
+"use client";
 import {
   Popover,
   PopoverAnchor,
@@ -10,7 +11,7 @@ import {
   PopoverProvider,
   usePopoverContext,
   usePopoverStore
-} from "./__chunks/EWPJEOTI.js";
+} from "./__chunks/NWEXBSCX.js";
 export {
   Popover,
   PopoverAnchor,

package/esm/portal.js

@@ -1,7 +1,8 @@
+"use client";
 import {
   Portal,
   PortalContext
-} from "./__chunks/IA7QEMAF.js";
+} from "./__chunks/7FNMRS2F.js";
 export {
   Portal,
   PortalContext

package/esm/radio.js

@@ -1,10 +1,11 @@
+"use client";
 import {
   Radio,
   RadioGroup,
   RadioProvider,
   useRadioContext,
   useRadioStore
-} from "./__chunks/XIV7JDMS.js";
+} from "./__chunks/KPNBOGNT.js";
 export {
   Radio,
   RadioGroup,

package/esm/role.js

@@ -1,6 +1,7 @@
+"use client";
 import {
   Role
-} from "./__chunks/XZBJIEA5.js";
+} from "./__chunks/VGHCPDMA.js";
 export {
   Role
 };

package/esm/select.js

@@ -1,3 +1,4 @@
+"use client";
 import {
   Select,
   SelectArrow,
@@ -13,7 +14,7 @@ import {
   SelectSeparator,
   useSelectContext,
   useSelectStore
-} from "./__chunks/TC2Q64L4.js";
+} from "./__chunks/GJRYH2AH.js";
 export {
   Select,
   SelectArrow,

package/esm/separator.js

@@ -1,6 +1,7 @@
+"use client";
 import {
   Separator
-} from "./__chunks/FFCM3V3K.js";
+} from "./__chunks/JBAWBCWC.js";
 export {
   Separator
 };

package/esm/tab.js

@@ -1,3 +1,4 @@
+"use client";
 import {
   Tab,
   TabList,
@@ -5,7 +6,7 @@ import {
   TabProvider,
   useTabContext,
   useTabStore
-} from "./__chunks/7GYZGKZZ.js";
+} from "./__chunks/C7PAEXNA.js";
 export {
   Tab,
   TabList,

package/esm/toolbar.js

@@ -1,3 +1,4 @@
+"use client";
 import {
   Toolbar,
   ToolbarContainer,
@@ -7,7 +8,7 @@ import {
   ToolbarSeparator,
   useToolbarContext,
   useToolbarStore
-} from "./__chunks/IQHJB6ZG.js";
+} from "./__chunks/ADBCZIQL.js";
 export {
   Toolbar,
   ToolbarContainer,

package/esm/tooltip.js

@@ -1,3 +1,4 @@
+"use client";
 import {
   Tooltip,
   TooltipAnchor,
@@ -5,7 +6,7 @@ import {
   TooltipProvider,
   useTooltipContext,
   useTooltipStore
-} from "./__chunks/3KDJ7VI3.js";
+} from "./__chunks/AABBG3SH.js";
 export {
   Tooltip,
   TooltipAnchor,

package/esm/visually-hidden.js

@@ -1,6 +1,7 @@
+"use client";
 import {
   VisuallyHidden
-} from "./__chunks/E2SWWNJ4.js";
+} from "./__chunks/6OHDLPN7.js";
 export {
   VisuallyHidden
 };

package/menubar/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/react",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "Toolkit for building accessible web apps with React",
   "sideEffects": false,
   "license": "MIT",
@@ -37,7 +37,7 @@
     "components"
   ],
   "dependencies": {
-    "@ariakit/react-core": "0.3.4"
+    "@ariakit/react-core": "0.3.6"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",
@@ -46,107 +46,192 @@
   "exports": {
     ".": {
       "import": "./esm/index.js",
-      "require": "./cjs/index.cjs"
+      "require": {
+        "types": "./cjs/index.d.cts",
+        "default": "./cjs/index.cjs"
+      }
     },
     "./visually-hidden": {
       "import": "./esm/visually-hidden.js",
-      "require": "./cjs/visually-hidden.cjs"
+      "require": {
+        "types": "./cjs/visually-hidden.d.cts",
+        "default": "./cjs/visually-hidden.cjs"
+      }
     },
     "./tooltip": {
       "import": "./esm/tooltip.js",
-      "require": "./cjs/tooltip.cjs"
+      "require": {
+        "types": "./cjs/tooltip.d.cts",
+        "default": "./cjs/tooltip.cjs"
+      }
     },
     "./toolbar": {
       "import": "./esm/toolbar.js",
-      "require": "./cjs/toolbar.cjs"
+      "require": {
+        "types": "./cjs/toolbar.d.cts",
+        "default": "./cjs/toolbar.cjs"
+      }
     },
     "./tab": {
       "import": "./esm/tab.js",
-      "require": "./cjs/tab.cjs"
+      "require": {
+        "types": "./cjs/tab.d.cts",
+        "default": "./cjs/tab.cjs"
+      }
     },
     "./separator": {
       "import": "./esm/separator.js",
-      "require": "./cjs/separator.cjs"
+      "require": {
+        "types": "./cjs/separator.d.cts",
+        "default": "./cjs/separator.cjs"
+      }
     },
     "./select": {
       "import": "./esm/select.js",
-      "require": "./cjs/select.cjs"
+      "require": {
+        "types": "./cjs/select.d.cts",
+        "default": "./cjs/select.cjs"
+      }
     },
     "./role": {
       "import": "./esm/role.js",
-      "require": "./cjs/role.cjs"
+      "require": {
+        "types": "./cjs/role.d.cts",
+        "default": "./cjs/role.cjs"
+      }
     },
     "./radio": {
       "import": "./esm/radio.js",
-      "require": "./cjs/radio.cjs"
+      "require": {
+        "types": "./cjs/radio.d.cts",
+        "default": "./cjs/radio.cjs"
+      }
     },
     "./portal": {
       "import": "./esm/portal.js",
-      "require": "./cjs/portal.cjs"
+      "require": {
+        "types": "./cjs/portal.d.cts",
+        "default": "./cjs/portal.cjs"
+      }
     },
     "./popover": {
       "import": "./esm/popover.js",
-      "require": "./cjs/popover.cjs"
+      "require": {
+        "types": "./cjs/popover.d.cts",
+        "default": "./cjs/popover.cjs"
+      }
+    },
+    "./menubar": {
+      "import": "./esm/menubar.js",
+      "require": {
+        "types": "./cjs/menubar.d.cts",
+        "default": "./cjs/menubar.cjs"
+      }
     },
     "./menu": {
       "import": "./esm/menu.js",
-      "require": "./cjs/menu.cjs"
+      "require": {
+        "types": "./cjs/menu.d.cts",
+        "default": "./cjs/menu.cjs"
+      }
     },
     "./hovercard": {
       "import": "./esm/hovercard.js",
-      "require": "./cjs/hovercard.cjs"
+      "require": {
+        "types": "./cjs/hovercard.d.cts",
+        "default": "./cjs/hovercard.cjs"
+      }
     },
     "./heading": {
       "import": "./esm/heading.js",
-      "require": "./cjs/heading.cjs"
+      "require": {
+        "types": "./cjs/heading.d.cts",
+        "default": "./cjs/heading.cjs"
+      }
     },
     "./group": {
       "import": "./esm/group.js",
-      "require": "./cjs/group.cjs"
+      "require": {
+        "types": "./cjs/group.d.cts",
+        "default": "./cjs/group.cjs"
+      }
     },
     "./form": {
       "import": "./esm/form.js",
-      "require": "./cjs/form.cjs"
+      "require": {
+        "types": "./cjs/form.d.cts",
+        "default": "./cjs/form.cjs"
+      }
     },
     "./focusable": {
       "import": "./esm/focusable.js",
-      "require": "./cjs/focusable.cjs"
+      "require": {
+        "types": "./cjs/focusable.d.cts",
+        "default": "./cjs/focusable.cjs"
+      }
     },
     "./focus-trap": {
       "import": "./esm/focus-trap.js",
-      "require": "./cjs/focus-trap.cjs"
+      "require": {
+        "types": "./cjs/focus-trap.d.cts",
+        "default": "./cjs/focus-trap.cjs"
+      }
     },
     "./disclosure": {
       "import": "./esm/disclosure.js",
-      "require": "./cjs/disclosure.cjs"
+      "require": {
+        "types": "./cjs/disclosure.d.cts",
+        "default": "./cjs/disclosure.cjs"
+      }
     },
     "./dialog": {
       "import": "./esm/dialog.js",
-      "require": "./cjs/dialog.cjs"
+      "require": {
+        "types": "./cjs/dialog.d.cts",
+        "default": "./cjs/dialog.cjs"
+      }
     },
     "./composite": {
       "import": "./esm/composite.js",
-      "require": "./cjs/composite.cjs"
+      "require": {
+        "types": "./cjs/composite.d.cts",
+        "default": "./cjs/composite.cjs"
+      }
     },
     "./command": {
       "import": "./esm/command.js",
-      "require": "./cjs/command.cjs"
+      "require": {
+        "types": "./cjs/command.d.cts",
+        "default": "./cjs/command.cjs"
+      }
     },
     "./combobox": {
       "import": "./esm/combobox.js",
-      "require": "./cjs/combobox.cjs"
+      "require": {
+        "types": "./cjs/combobox.d.cts",
+        "default": "./cjs/combobox.cjs"
+      }
     },
     "./collection": {
       "import": "./esm/collection.js",
-      "require": "./cjs/collection.cjs"
+      "require": {
+        "types": "./cjs/collection.d.cts",
+        "default": "./cjs/collection.cjs"
+      }
     },
     "./checkbox": {
       "import": "./esm/checkbox.js",
-      "require": "./cjs/checkbox.cjs"
+      "require": {
+        "types": "./cjs/checkbox.d.cts",
+        "default": "./cjs/checkbox.cjs"
+      }
     },
     "./button": {
       "import": "./esm/button.js",
-      "require": "./cjs/button.cjs"
+      "require": {
+        "types": "./cjs/button.d.cts",
+        "default": "./cjs/button.cjs"
+      }
     },
     "./package.json": "./package.json"
   }

package/readme.md

@@ -57,20 +57,19 @@ yarn add @ariakit/react
 ## Usage
 
 ```jsx
+import { useState } from "react";
 import { createRoot } from "react-dom/client";
-import * as Ariakit from "@ariakit/react";
+import { Button, Dialog, DialogHeading } from "@ariakit/react";
 
 function App() {
-  const dialog = Ariakit.useDialogStore();
+  const [open, setOpen] = useState(false);
   return (
     <>
-      <Ariakit.Button onClick={dialog.toggle}>Open dialog</Ariakit.Button>
-      <Ariakit.Dialog store={dialog}>
-        <Ariakit.DialogHeading>Welcome</Ariakit.DialogHeading>
-        <Ariakit.DialogDescription>
-          Welcome to Ariakit!
-        </Ariakit.DialogDescription>
-      </Ariakit.Dialog>
+      <Button onClick={() => setOpen(true)}>Open dialog</Button>
+      <Dialog open={open} onClose={() => setOpen(false)}>
+        <DialogHeading>Ariakit</DialogHeading>
+        <p>Welcome to Ariakit!</p>
+      </Dialog>
     </>
   );
 }