@ariakit/react-components 0.1.0

package/dist/dialog/dialog-disclosure.js

@@ -0,0 +1,52 @@
+"use client";
+import { useDialogProviderContext } from "./dialog-context.js";
+import { useDisclosure } from "../disclosure/disclosure.js";
+import { createElement, createHook, forwardRef } from "@ariakit/react-utils";
+import { getPopupRole, invariant } from "@ariakit/utils";
+import { useStoreState } from "@ariakit/react-store";
+//#region src/dialog/dialog-disclosure.tsx
+const TagName = "button";
+/**
+* Returns props to create a `DialogDisclosure` component.
+* @see https://ariakit.com/components/dialog
+* @example
+* ```jsx
+* const store = useDialogStore();
+* const props = useDialogDisclosure({ store });
+* <Role {...props}>Disclosure</Role>
+* <Dialog store={store}>Content</Dialog>
+* ```
+*/
+const useDialogDisclosure = createHook(function useDialogDisclosure({ store, ...props }) {
+	const context = useDialogProviderContext();
+	store = store || context;
+	invariant(store, "DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component.");
+	props = {
+		"aria-haspopup": getPopupRole(useStoreState(store, "contentElement"), "dialog"),
+		...props
+	};
+	props = useDisclosure({
+		store,
+		...props
+	});
+	return props;
+});
+/**
+* Renders a button that toggles the visibility of a
+* [`Dialog`](https://ariakit.com/reference/dialog) component when clicked.
+* @see https://ariakit.com/components/dialog
+* @example
+* ```jsx {2}
+* <DialogProvider>
+*   <DialogDisclosure>Disclosure</DialogDisclosure>
+*   <Dialog>Content</Dialog>
+* </DialogProvider>
+* ```
+*/
+const DialogDisclosure = forwardRef(function DialogDisclosure(props) {
+	return createElement(TagName, useDialogDisclosure(props));
+});
+//#endregion
+export { DialogDisclosure, useDialogDisclosure };
+
+//# sourceMappingURL=dialog-disclosure.js.map

package/dist/dialog/dialog-disclosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-disclosure.js","names":[],"sources":["../../src/dialog/dialog-disclosure.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport { createElement, createHook, forwardRef } from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport { getPopupRole, invariant } from \"@ariakit/utils\";\nimport type { ElementType } from \"react\";\nimport type { DisclosureOptions } from \"../disclosure/disclosure.tsx\";\nimport { useDisclosure } from \"../disclosure/disclosure.tsx\";\nimport { useDialogProviderContext } from \"./dialog-context.tsx\";\nimport type { DialogStore } from \"./dialog-store.ts\";\n\nconst TagName = \"button\" satisfies ElementType;\ntype TagName = typeof TagName;\n\n/**\n * Returns props to create a `DialogDisclosure` component.\n * @see https://ariakit.com/components/dialog\n * @example\n * ```jsx\n * const store = useDialogStore();\n * const props = useDialogDisclosure({ store });\n * <Role {...props}>Disclosure</Role>\n * <Dialog store={store}>Content</Dialog>\n * ```\n */\nexport const useDialogDisclosure = createHook<TagName, DialogDisclosureOptions>(\n  function useDialogDisclosure({ store, ...props }) {\n    const context = useDialogProviderContext();\n    store = store || context;\n\n    invariant(\n      store,\n      process.env.NODE_ENV !== \"production\" &&\n        \"DialogDisclosure must receive a `store` prop or be wrapped in a DialogProvider component.\",\n    );\n\n    const contentElement = useStoreState(store, \"contentElement\");\n\n    props = {\n      \"aria-haspopup\": getPopupRole(contentElement, \"dialog\"),\n      ...props,\n    };\n\n    props = useDisclosure({ store, ...props });\n\n    return props;\n  },\n);\n\n/**\n * Renders a button that toggles the visibility of a\n * [`Dialog`](https://ariakit.com/reference/dialog) component when clicked.\n * @see https://ariakit.com/components/dialog\n * @example\n * ```jsx {2}\n * <DialogProvider>\n *   <DialogDisclosure>Disclosure</DialogDisclosure>\n *   <Dialog>Content</Dialog>\n * </DialogProvider>\n * ```\n */\nexport const DialogDisclosure = forwardRef(function DialogDisclosure(\n  props: DialogDisclosureProps,\n) {\n  const htmlProps = useDialogDisclosure(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface DialogDisclosureOptions<\n  T extends ElementType = TagName,\n> extends DisclosureOptions<T> {\n  /**\n   * Object returned by the\n   * [`useDialogStore`](https://ariakit.com/reference/use-dialog-store) hook. If\n   * not provided, the closest\n   * [`DialogProvider`](https://ariakit.com/reference/dialog-provider)\n   * component's context will be used.\n   */\n  store?: DialogStore;\n}\n\nexport type DialogDisclosureProps<T extends ElementType = TagName> = Props<\n  T,\n  DialogDisclosureOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;MA0BI,sBAAgB,WAAA,SAAyB,oBAAA,EAAA,OAAA,GAAA,SAAA;CACzC,MAAA,UAAQ,yBAAS;CAEjB,QAAA,SAGI;CAKJ,UAAQ,OAAA,2FAAA;SACN;EACA,iBAAG,aAAA,cAAA,OAAA,gBAAA,GAAA,QAAA;EACL,GAAA;CAEA;SAAwB,cAAA;EAAO;EAAU,GAAA;CAEzC,CAAA;CAEJ,OAAA;;;;;;;;;;;;;;MAkBE,mBAAqB,WADH,SAAA,iBACqB,OAAA;CACxC,OAAA,cAAA,SAAA,oBAAA,KAAA,CAAA"}

package/dist/dialog/dialog-dismiss.d.ts

@@ -0,0 +1,2 @@
+import { i as useDialogDismiss, n as DialogDismissOptions, r as DialogDismissProps, t as DialogDismiss } from "../dialog-dismiss-CnwEbzc6.js";
+export { DialogDismiss, DialogDismissOptions, DialogDismissProps, useDialogDismiss };

package/dist/dialog/dialog-dismiss.js

@@ -0,0 +1,80 @@
+"use client";
+import { useButton } from "../button/button.js";
+import { useDialogScopedContext } from "./dialog-context.js";
+import { createElement, createHook, forwardRef, useEvent } from "@ariakit/react-utils";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/dialog/dialog-dismiss.tsx
+const TagName = "button";
+/**
+* Returns props to create a `DialogDismiss` component.
+* @see https://ariakit.com/components/dialog
+* @example
+* ```jsx
+* const store = useDialogStore();
+* const props = useDialogDismiss({ store });
+* <Dialog store={store}>
+*   <Role {...props} />
+* </Dialog>
+* ```
+*/
+const useDialogDismiss = createHook(function useDialogDismiss({ store, ...props }) {
+	const context = useDialogScopedContext();
+	store = store || context;
+	const onClickProp = props.onClick;
+	const onClick = useEvent((event) => {
+		onClickProp?.(event);
+		if (event.defaultPrevented) return;
+		store?.hide();
+	});
+	props = {
+		"data-dialog-dismiss": "",
+		children: useMemo(() => /* @__PURE__ */ jsxs("svg", {
+			"aria-label": "Dismiss popup",
+			display: "block",
+			fill: "none",
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 1.5,
+			viewBox: "0 0 16 16",
+			height: "1em",
+			width: "1em",
+			children: [/* @__PURE__ */ jsx("line", {
+				x1: "4",
+				y1: "4",
+				x2: "12",
+				y2: "12"
+			}), /* @__PURE__ */ jsx("line", {
+				x1: "4",
+				y1: "12",
+				x2: "12",
+				y2: "4"
+			})]
+		}), []),
+		...props,
+		onClick
+	};
+	props = useButton(props);
+	return props;
+});
+/**
+* Renders a button that hides a
+* [`Dialog`](https://ariakit.com/reference/dialog) when clicked.
+* @see https://ariakit.com/components/dialog
+* @example
+* ```jsx {4}
+* const [open, setOpen] = useState(false);
+*
+* <Dialog open={open} onClose={() => setOpen(false)}>
+*   <DialogDismiss />
+* </Dialog>
+* ```
+*/
+const DialogDismiss = forwardRef(function DialogDismiss(props) {
+	return createElement(TagName, useDialogDismiss(props));
+});
+//#endregion
+export { DialogDismiss, useDialogDismiss };
+
+//# sourceMappingURL=dialog-dismiss.js.map

package/dist/dialog/dialog-dismiss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-dismiss.js","names":[],"sources":["../../src/dialog/dialog-dismiss.tsx"],"sourcesContent":["import {\n  useEvent,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport type { ElementType, MouseEvent } from \"react\";\nimport { useMemo } from \"react\";\nimport type { ButtonOptions } from \"../button/button.tsx\";\nimport { useButton } from \"../button/button.tsx\";\nimport { useDialogScopedContext } from \"./dialog-context.tsx\";\nimport type { DialogStore } from \"./dialog-store.ts\";\n\nconst TagName = \"button\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\n/**\n * Returns props to create a `DialogDismiss` component.\n * @see https://ariakit.com/components/dialog\n * @example\n * ```jsx\n * const store = useDialogStore();\n * const props = useDialogDismiss({ store });\n * <Dialog store={store}>\n *   <Role {...props} />\n * </Dialog>\n * ```\n */\nexport const useDialogDismiss = createHook<TagName, DialogDismissOptions>(\n  function useDialogDismiss({ store, ...props }) {\n    const context = useDialogScopedContext();\n    store = store || context;\n\n    const onClickProp = props.onClick;\n\n    const onClick = useEvent((event: MouseEvent<HTMLType>) => {\n      onClickProp?.(event);\n      if (event.defaultPrevented) return;\n      store?.hide();\n    });\n\n    const children = useMemo(\n      () => (\n        <svg\n          aria-label=\"Dismiss popup\"\n          display=\"block\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth={1.5}\n          viewBox=\"0 0 16 16\"\n          height=\"1em\"\n          width=\"1em\"\n        >\n          <line x1=\"4\" y1=\"4\" x2=\"12\" y2=\"12\" />\n          <line x1=\"4\" y1=\"12\" x2=\"12\" y2=\"4\" />\n        </svg>\n      ),\n      [],\n    );\n\n    props = {\n      \"data-dialog-dismiss\": \"\",\n      children,\n      ...props,\n      onClick,\n    };\n\n    props = useButton(props);\n\n    return props;\n  },\n);\n\n/**\n * Renders a button that hides a\n * [`Dialog`](https://ariakit.com/reference/dialog) when clicked.\n * @see https://ariakit.com/components/dialog\n * @example\n * ```jsx {4}\n * const [open, setOpen] = useState(false);\n *\n * <Dialog open={open} onClose={() => setOpen(false)}>\n *   <DialogDismiss />\n * </Dialog>\n * ```\n */\nexport const DialogDismiss = forwardRef(function DialogDismiss(\n  props: DialogDismissProps,\n) {\n  const htmlProps = useDialogDismiss(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface DialogDismissOptions<\n  T extends ElementType = TagName,\n> extends ButtonOptions<T> {\n  /**\n   * Object returned by the\n   * [`useDialogStore`](https://ariakit.com/reference/use-dialog-store) hook. If\n   * not provided, the closest [`Dialog`](https://ariakit.com/reference/dialog)\n   * component's context will be used.\n   */\n  store?: DialogStore;\n}\n\nexport type DialogDismissProps<T extends ElementType = TagName> = Props<\n  T,\n  DialogDismissOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;MAgCI,mBAAgB,WAAA,SAAuB,iBAAA,EAAA,OAAA,GAAA,SAAA;CACvC,MAAA,UAAQ,uBAAS;CAEjB,QAAM,SAAA;CAEN,MAAM,cAAU,MAAU;OACxB,UAAc,UAAK,UAAA;EACnB,cAAU,KAAA;EACV,IAAA,MAAO,kBAAK;EACb,OAAA,KAAA;CAuBD,CAAA;SACE;EACA,uBAvBe;YAGX,cAAW,qBAAA,OAAA;GACX,cAAQ;GACR,SAAK;GACL,MAAA;GACA,QAAA;GACA,eAAA;GACA,gBAAa;GACb,aAAQ;GACR,SAAO;GACP,QAAM;;aAEG,CAAA,oBAAA,QAAA;IAAI,IAAG;IAAI,IAAG;IAAK,IAAG;IAAM,IACrC;IAAM,GAAG,oBAAA,QAAA;IAAI,IAAG;IAAK,IAAG;IAAK,IAAG;IAAK,IAClC;;EAQP,CAAA,GAAG,CAAA,CAAA;EACH,GAAA;EACF;CAEA;CAEA,QAAO,UAAA,KAAA;CAEX,OAAA;;;;;;;;;;;;;;;MAmBE,gBAAqB,WADH,SAAA,cACqB,OAAA;CACxC,OAAA,cAAA,SAAA,iBAAA,KAAA,CAAA"}

package/dist/dialog/dialog-heading.d.ts

@@ -0,0 +1,2 @@
+import { i as useDialogHeading, n as DialogHeadingOptions, r as DialogHeadingProps, t as DialogHeading } from "../dialog-heading-DQvnOfZH.js";
+export { DialogHeading, DialogHeadingOptions, DialogHeadingProps, useDialogHeading };

package/dist/dialog/dialog-heading.js

@@ -0,0 +1,54 @@
+"use client";
+import { DialogHeadingContext } from "./dialog-context.js";
+import { useHeading } from "../heading/heading.js";
+import { createElement, createHook, forwardRef, useId, useSafeLayoutEffect } from "@ariakit/react-utils";
+import { useContext } from "react";
+//#region src/dialog/dialog-heading.tsx
+const TagName = "h1";
+/**
+* Returns props to create a `DialogHeading` component. This hook must be used
+* in a component that's wrapped with `Dialog` so the `aria-labelledby` prop is
+* properly set on the dialog element.
+* @see https://ariakit.com/components/dialog
+* @example
+* ```jsx
+* // This component must be wrapped with Dialog
+* const props = useDialogHeading();
+* <Role {...props}>Heading</Role>
+* ```
+*/
+const useDialogHeading = createHook(function useDialogHeading({ store, ...props }) {
+	const setHeadingId = useContext(DialogHeadingContext);
+	const id = useId(props.id);
+	useSafeLayoutEffect(() => {
+		setHeadingId?.(id);
+		return () => setHeadingId?.(void 0);
+	}, [setHeadingId, id]);
+	props = {
+		...props,
+		id
+	};
+	props = useHeading(props);
+	return props;
+});
+/**
+* Renders a heading in a dialog. This component must be wrapped with
+* [`Dialog`](https://ariakit.com/reference/dialog) so the `aria-labelledby`
+* prop is properly set on the dialog element.
+* @see https://ariakit.com/components/dialog
+* @example
+* ```jsx {4}
+* const [open, setOpen] = useState(false);
+*
+* <Dialog open={open} onClose={() => setOpen(false)}>
+*   <DialogHeading>Heading</DialogHeading>
+* </Dialog>
+* ```
+*/
+const DialogHeading = forwardRef(function DialogHeading(props) {
+	return createElement(TagName, useDialogHeading(props));
+});
+//#endregion
+export { DialogHeading, useDialogHeading };
+
+//# sourceMappingURL=dialog-heading.js.map

package/dist/dialog/dialog-heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-heading.js","names":[],"sources":["../../src/dialog/dialog-heading.tsx"],"sourcesContent":["import {\n  useId,\n  useSafeLayoutEffect,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport type { ElementType } from \"react\";\nimport { useContext } from \"react\";\nimport type { HeadingOptions } from \"../heading/heading.tsx\";\nimport { useHeading } from \"../heading/heading.tsx\";\nimport { DialogHeadingContext } from \"./dialog-context.tsx\";\nimport type { DialogStore } from \"./dialog-store.ts\";\n\nconst TagName = \"h1\" satisfies ElementType;\ntype TagName = typeof TagName;\n\n/**\n * Returns props to create a `DialogHeading` component. This hook must be used\n * in a component that's wrapped with `Dialog` so the `aria-labelledby` prop is\n * properly set on the dialog element.\n * @see https://ariakit.com/components/dialog\n * @example\n * ```jsx\n * // This component must be wrapped with Dialog\n * const props = useDialogHeading();\n * <Role {...props}>Heading</Role>\n * ```\n */\nexport const useDialogHeading = createHook<TagName, DialogHeadingOptions>(\n  function useDialogHeading({ store, ...props }) {\n    const setHeadingId = useContext(DialogHeadingContext);\n    const id = useId(props.id);\n\n    useSafeLayoutEffect(() => {\n      setHeadingId?.(id);\n      return () => setHeadingId?.(undefined);\n    }, [setHeadingId, id]);\n\n    props = {\n      ...props,\n      id,\n    };\n\n    props = useHeading(props);\n\n    return props;\n  },\n);\n\n/**\n * Renders a heading in a dialog. This component must be wrapped with\n * [`Dialog`](https://ariakit.com/reference/dialog) so the `aria-labelledby`\n * prop is properly set on the dialog element.\n * @see https://ariakit.com/components/dialog\n * @example\n * ```jsx {4}\n * const [open, setOpen] = useState(false);\n *\n * <Dialog open={open} onClose={() => setOpen(false)}>\n *   <DialogHeading>Heading</DialogHeading>\n * </Dialog>\n * ```\n */\nexport const DialogHeading = forwardRef(function DialogHeading(\n  props: DialogHeadingProps,\n) {\n  const htmlProps = useDialogHeading(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface DialogHeadingOptions<\n  T extends ElementType = TagName,\n> extends HeadingOptions<T> {\n  /**\n   * Object returned by the\n   * [`useDialogStore`](https://ariakit.com/reference/use-dialog-store) hook. If\n   * not provided, the closest [`Dialog`](https://ariakit.com/reference/dialog)\n   * component's context will be used.\n   */\n  store?: DialogStore;\n}\n\nexport type DialogHeadingProps<T extends ElementType = TagName> = Props<\n  T,\n  DialogHeadingOptions<T>\n>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;MAgCI,mBAAqB,WAAW,SAAA,iBAAoB,EAAA,OAAA,GAAA,SAAA;CACpD,MAAM,eAAW,WAAQ,oBAAA;CAEzB,MAAA,KAAA,MAAA,MAAA,EAAA;2BACmB;EACjB,eAAa,EAAA;EACf,aAAI,eAAiB,KAAA,CAAA;CAErB,GAAA,CAAA,cAAQ,EAAA,CAAA;SACH;EACH,GAAA;EACF;CAEA;CAEA,QAAO,WAAA,KAAA;CAEX,OAAA;;;;;;;;;;;;;;;;MAoBE,gBAAqB,WADH,SAAA,cACqB,OAAA;CACxC,OAAA,cAAA,SAAA,iBAAA,KAAA,CAAA"}

package/dist/dialog/dialog-provider.d.ts

@@ -0,0 +1,22 @@
+import { i as DialogStoreProps } from "../dialog-store-Cjt12T_Y.js";
+import { ReactNode } from "react";
+
+//#region src/dialog/dialog-provider.d.ts
+/**
+ * Provides a dialog store to [Dialog](https://ariakit.com/components/dialog)
+ * components.
+ * @see https://ariakit.com/components/dialog
+ * @example
+ * ```jsx
+ * <DialogProvider>
+ *   <Dialog />
+ * </DialogProvider>
+ * ```
+ */
+declare function DialogProvider(props?: DialogProviderProps): import("react/jsx-runtime").JSX.Element;
+interface DialogProviderProps extends DialogStoreProps {
+  children?: ReactNode;
+}
+//#endregion
+export { DialogProvider, DialogProviderProps };
+//# sourceMappingURL=dialog-provider.d.ts.map

package/dist/dialog/dialog-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-provider.d.ts","names":["ReactNode","DialogStoreProps","DialogProvider","DialogProviderProps","props","JSX","Element","children"],"sources":["../../src/dialog/dialog-provider.d.ts"],"mappings":";;;;;;AAaA;;;;;;;;;iBAAwBE,cAAAA,CAAeE,KAAAA,GAAQD,mBAAmB,+BAA+BE,GAAAA,CAAIC,OAAAA;AAAAA,UACpFH,mBAAAA,SAA4BF,gBAAgB;EACzDM,QAAAA,GAAWP,SAAAA;AAAAA"}

package/dist/dialog/dialog-provider.js

@@ -0,0 +1,26 @@
+"use client";
+import { DialogContextProvider } from "./dialog-context.js";
+import { useDialogStore } from "./dialog-store.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/dialog/dialog-provider.tsx
+/**
+* Provides a dialog store to [Dialog](https://ariakit.com/components/dialog)
+* components.
+* @see https://ariakit.com/components/dialog
+* @example
+* ```jsx
+* <DialogProvider>
+*   <Dialog />
+* </DialogProvider>
+* ```
+*/
+function DialogProvider(props = {}) {
+	return /* @__PURE__ */ jsx(DialogContextProvider, {
+		value: useDialogStore(props),
+		children: props.children
+	});
+}
+//#endregion
+export { DialogProvider };
+
+//# sourceMappingURL=dialog-provider.js.map

package/dist/dialog/dialog-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-provider.js","names":[],"sources":["../../src/dialog/dialog-provider.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { DialogContextProvider } from \"./dialog-context.tsx\";\nimport type { DialogStoreProps } from \"./dialog-store.ts\";\nimport { useDialogStore } from \"./dialog-store.ts\";\n\n/**\n * Provides a dialog store to [Dialog](https://ariakit.com/components/dialog)\n * components.\n * @see https://ariakit.com/components/dialog\n * @example\n * ```jsx\n * <DialogProvider>\n *   <Dialog />\n * </DialogProvider>\n * ```\n */\nexport function DialogProvider(props: DialogProviderProps = {}) {\n  const store = useDialogStore(props);\n  return (\n    <DialogContextProvider value={store}>\n      {props.children}\n    </DialogContextProvider>\n  );\n}\n\nexport interface DialogProviderProps extends DialogStoreProps {\n  children?: ReactNode;\n}\n"],"mappings":";;;;;;;;;;;;;;;;SAmBI,eAAA,QAAC,CAAA,GAAA;QAF0B,oBAAA,uBAEO;wBACzB,KAAA;EACc,UAAA,MAAA;CAE3B,CAAA"}

package/dist/dialog/dialog-store.d.ts

@@ -0,0 +1,2 @@
+import { a as DialogStoreState, i as DialogStoreProps, n as DialogStoreFunctions, o as useDialogStore, r as DialogStoreOptions, s as useDialogStoreProps, t as DialogStore } from "../dialog-store-Cjt12T_Y.js";
+export { DialogStore, DialogStoreFunctions, DialogStoreOptions, DialogStoreProps, DialogStoreState, useDialogStore, useDialogStoreProps };

package/dist/dialog/dialog-store.js

@@ -0,0 +1,28 @@
+"use client";
+import { useDisclosureStoreProps } from "../disclosure/disclosure-store.js";
+import { useStore } from "@ariakit/react-store";
+import * as Core from "@ariakit/components/dialog/dialog-store";
+//#region src/dialog/dialog-store.ts
+function useDialogStoreProps(store, update, props) {
+	return useDisclosureStoreProps(store, update, props);
+}
+/**
+* Creates a dialog store to control the state of
+* [Dialog](https://ariakit.com/components/dialog) components.
+* @see https://ariakit.com/components/dialog
+* @example
+* ```jsx
+* const dialog = useDialogStore();
+*
+* <button onClick={dialog.toggle}>Open dialog</button>
+* <Dialog store={dialog}>Content</Dialog>
+* ```
+*/
+function useDialogStore(props = {}) {
+	const [store, update] = useStore(Core.createDialogStore, props);
+	return useDialogStoreProps(store, update, props);
+}
+//#endregion
+export { useDialogStore, useDialogStoreProps };
+
+//# sourceMappingURL=dialog-store.js.map

package/dist/dialog/dialog-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-store.js","names":[],"sources":["../../src/dialog/dialog-store.ts"],"sourcesContent":["import * as Core from \"@ariakit/components/dialog/dialog-store\";\nimport { useStore } from \"@ariakit/react-store\";\nimport type { Store } from \"@ariakit/react-store\";\nimport type {\n  DisclosureStoreFunctions,\n  DisclosureStoreOptions,\n  DisclosureStoreState,\n} from \"../disclosure/disclosure-store.ts\";\nimport { useDisclosureStoreProps } from \"../disclosure/disclosure-store.ts\";\n\nexport function useDialogStoreProps<T extends Core.DialogStore>(\n  store: T,\n  update: () => void,\n  props: DialogStoreProps,\n) {\n  return useDisclosureStoreProps(store, update, props);\n}\n\n/**\n * Creates a dialog store to control the state of\n * [Dialog](https://ariakit.com/components/dialog) components.\n * @see https://ariakit.com/components/dialog\n * @example\n * ```jsx\n * const dialog = useDialogStore();\n *\n * <button onClick={dialog.toggle}>Open dialog</button>\n * <Dialog store={dialog}>Content</Dialog>\n * ```\n */\nexport function useDialogStore(props: DialogStoreProps = {}): DialogStore {\n  const [store, update] = useStore(Core.createDialogStore, props);\n  return useDialogStoreProps(store, update, props);\n}\n\nexport interface DialogStoreState\n  extends Core.DialogStoreState, DisclosureStoreState {}\n\nexport interface DialogStoreFunctions\n  extends\n    Omit<Core.DialogStoreFunctions, \"disclosure\">,\n    DisclosureStoreFunctions {}\n\nexport interface DialogStoreOptions\n  extends Omit<Core.DialogStoreOptions, \"disclosure\">, DisclosureStoreOptions {}\n\nexport interface DialogStoreProps\n  extends DialogStoreOptions, Omit<Core.DialogStoreProps, \"disclosure\"> {}\n\nexport interface DialogStore\n  extends DialogStoreFunctions, Omit<Store<Core.DialogStore>, \"disclosure\"> {}\n"],"mappings":";;;;;SAeS,oBAAA,OAAwB,QAAO,OAAQ;CAChD,OAAA,wBAAA,OAAA,QAAA,KAAA;;;;;;;;;;;;;;SAeS,eAAO,QAAU,CAAA,GAAS;CACjC,MAAA,CAAO,OAAA,UAAA,SAAoB,KAAO,mBAAa,KAAA;CACjD,OAAA,oBAAA,OAAA,QAAA,KAAA"}

package/dist/dialog/dialog.d.ts

@@ -0,0 +1,2 @@
+import { a as useDialog, i as createDialogComponent, n as DialogOptions, r as DialogProps, t as Dialog } from "../dialog-C__C-zX2.js";
+export { Dialog, DialogOptions, DialogProps, createDialogComponent, useDialog };