@ariakit/react 0.0.1 → 0.1.1

package/portal/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@ariakit/react/portal",
+  "private": true,
+  "sideEffects": false,
+  "main": "../cjs/portal",
+  "module": "../esm/portal"
+}

package/radio/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@ariakit/react/radio",
+  "private": true,
+  "sideEffects": false,
+  "main": "../cjs/radio",
+  "module": "../esm/radio"
+}

package/readme.md

@@ -0,0 +1,93 @@
+<h1 align="center">Ariakit</h1>
+
+<p align="center">
+  Toolkit for building accessible web apps with <a href="https://reactjs.org">React</a>.
+  <br>
+  <a href="https://ariakit.org"><strong>Explore website »</strong></a>
+</p>
+
+<br>
+
+<div align="center">
+  <a href="https://npmjs.org/package/@ariakit/react">
+    <img alt="NPM version" src="https://img.shields.io/npm/v/@ariakit/react.svg?logo=npm&color=007acc" />
+  </a>
+  <a href="https://github.com/ariakit/ariakit/releases">
+    <img alt="GitHub Release Date" src="https://img.shields.io/github/release-date/ariakit/ariakit?logo=github&color=007acc">
+  </a>
+  <a href="https://github.com/ariakit/ariakit/discussions">
+    <img alt="GitHub Discussions" src="https://img.shields.io/github/discussions/ariakit/ariakit?logo=github&color=007acc">
+  </a>
+  <br>
+  <a href="https://npmjs.org/package/@ariakit/react">
+    <img alt="NPM downloads" src="https://img.shields.io/npm/dm/@ariakit/react.svg?logo=npm&style=social">
+  </a>
+  &nbsp;
+  <a href="https://github.com/ariakit/ariakit/stargazers">
+    <img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/ariakit/ariakit?style=social">
+  </a>
+  &nbsp;
+  <a href="https://twitter.com/ariakitjs">
+    <img alt="Follow Ariakit on Twitter" src="https://img.shields.io/twitter/follow/ariakitjs.svg">
+  </a>
+</div>
+
+<br>
+
+---
+
+<p align="center">
+  This is the Ariakit main branch (<a href="https://gist.github.com/diegohaz/bc07491aee61a5f2469574b38c5c1aa0">What is Ariakit?</a>), which is still in beta.
+  <br>
+  If you're looking for Reakit, check out the <a href="https://github.com/ariakit/ariakit/tree/reakit">reakit</a> branch.
+</p>
+
+---
+
+## Installation
+
+npm:
+
+```
+npm i @ariakit/react
+```
+
+pnpm:
+
+```
+pnpm add @ariakit/react
+```
+
+Yarn:
+
+```
+yarn add @ariakit/react
+```
+
+## Usage
+
+```jsx
+import { createRoot } from "react-dom/client";
+import * as Ariakit from "@ariakit/react";
+
+function App() {
+  const dialog = Ariakit.useDialogStore();
+  return (
+    <>
+      <Ariakit.Button onClick={dialog.toggle}>Open dialog</Ariakit.Button>
+      <Ariakit.Dialog store={dialog}>
+        <Ariakit.DialogHeading>Welcome</Ariakit.DialogHeading>
+        <Ariakit.DialogDescription>
+          Welcome to Reakit!
+        </Ariakit.DialogDescription>
+      </Ariakit.Dialog>
+    </>
+  );
+}
+
+createRoot(document.getElementById("root")).render(<App />);
+```
+
+## Contributing
+
+Follow the instructions on the [contributing guide](https://github.com/ariakit/ariakit/blob/main/contributing.md).

package/role/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@ariakit/react/role",
+  "private": true,
+  "sideEffects": false,
+  "main": "../cjs/role",
+  "module": "../esm/role"
+}

package/select/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@ariakit/react/select",
+  "private": true,
+  "sideEffects": false,
+  "main": "../cjs/select",
+  "module": "../esm/select"
+}

package/separator/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@ariakit/react/separator",
+  "private": true,
+  "sideEffects": false,
+  "main": "../cjs/separator",
+  "module": "../esm/separator"
+}

package/tab/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@ariakit/react/tab",
+  "private": true,
+  "sideEffects": false,
+  "main": "../cjs/tab",
+  "module": "../esm/tab"
+}

package/toolbar/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@ariakit/react/toolbar",
+  "private": true,
+  "sideEffects": false,
+  "main": "../cjs/toolbar",
+  "module": "../esm/toolbar"
+}

package/tooltip/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@ariakit/react/tooltip",
+  "private": true,
+  "sideEffects": false,
+  "main": "../cjs/tooltip",
+  "module": "../esm/tooltip"
+}

package/tsconfig.build.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src"]
+}

package/visually-hidden/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@ariakit/react/visually-hidden",
+  "private": true,
+  "sideEffects": false,
+  "main": "../cjs/visually-hidden",
+  "module": "../esm/visually-hidden"
+}