@ariakit/react 0.3.3 → 0.3.5

package/esm/index.js

@@ -1,27 +1,28 @@
+"use client";
 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 {
   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 +32,7 @@ import {
   DialogProvider,
   useDialogContext,
   useDialogStore
-} from "./__chunks/4IDSAFME.js";
+} from "./__chunks/6J63DDWN.js";
 import {
   Composite,
   CompositeGroup,
@@ -44,10 +45,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 +64,18 @@ import {
   ComboboxSeparator,
   useComboboxContext,
   useComboboxStore
-} from "./__chunks/VRQVUGUC.js";
+} from "./__chunks/BMQRQS5U.js";
 import {
   Collection,
   CollectionItem,
   CollectionProvider,
   useCollectionContext,
   useCollectionStore
-} from "./__chunks/EKTWLEVS.js";
+} from "./__chunks/P3XY2YBH.js";
 import {
   Portal,
   PortalContext
-} from "./__chunks/IA7QEMAF.js";
+} from "./__chunks/7FNMRS2F.js";
 import {
   Popover,
   PopoverAnchor,
@@ -87,7 +88,7 @@ import {
   PopoverProvider,
   usePopoverContext,
   usePopoverStore
-} from "./__chunks/EWPJEOTI.js";
+} from "./__chunks/NWEXBSCX.js";
 import {
   Menu,
   MenuArrow,
@@ -111,7 +112,7 @@ import {
   useMenuBarStore,
   useMenuContext,
   useMenuStore
-} from "./__chunks/JNOG2DG3.js";
+} from "./__chunks/NZJS6FCJ.js";
 import {
   Hovercard,
   HovercardAnchor,
@@ -123,15 +124,15 @@ 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";
+} from "./__chunks/ZL4AJIDL.js";
 import {
   Form,
   FormCheckbox,
@@ -151,10 +152,10 @@ import {
   FormSubmit,
   useFormContext,
   useFormStore
-} from "./__chunks/PEDXUZO5.js";
+} from "./__chunks/YIUT3GRB.js";
 import {
   VisuallyHidden
-} from "./__chunks/E2SWWNJ4.js";
+} from "./__chunks/6OHDLPN7.js";
 import {
   Tooltip,
   TooltipAnchor,
@@ -162,7 +163,7 @@ import {
   TooltipProvider,
   useTooltipContext,
   useTooltipStore
-} from "./__chunks/3KDJ7VI3.js";
+} from "./__chunks/AABBG3SH.js";
 import {
   Toolbar,
   ToolbarContainer,
@@ -172,7 +173,7 @@ import {
   ToolbarSeparator,
   useToolbarContext,
   useToolbarStore
-} from "./__chunks/IQHJB6ZG.js";
+} from "./__chunks/ADBCZIQL.js";
 import {
   Tab,
   TabList,
@@ -180,10 +181,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 +200,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,

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/react",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "Toolkit for building accessible web apps with React",
   "sideEffects": false,
   "license": "MIT",
@@ -37,7 +37,7 @@
     "components"
   ],
   "dependencies": {
-    "@ariakit/react-core": "0.3.3"
+    "@ariakit/react-core": "0.3.5"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",
@@ -46,107 +46,185 @@
   "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"
+      }
     },
     "./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>
     </>
   );
 }