@ariakit/react-core 0.3.4 → 0.3.5

package/cjs/popover/popover.d.cts

@@ -0,0 +1,138 @@
+import type { HTMLAttributes } from "react";
+import type { DialogOptions } from "../dialog/dialog.js";
+import type { As, Props } from "../utils/types.js";
+import type { PopoverStore } from "./popover-store.js";
+type AnchorRect = {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+};
+/**
+ * Returns props to create a `Popover` component.
+ * @see https://ariakit.org/components/popover
+ * @example
+ * ```jsx
+ * const store = usePopoverStore();
+ * const props = usePopover({ store });
+ * <Role {...props}>Popover</Role>
+ * ```
+ */
+export declare const usePopover: import("../utils/types.js").Hook<PopoverOptions<"div">>;
+/**
+ * Renders a popover element.
+ * @see https://ariakit.org/components/popover
+ * @example
+ * ```jsx
+ * <PopoverProvider>
+ *   <PopoverDisclosure>Disclosure</PopoverDisclosure>
+ *   <Popover>Popover</Popover>
+ * </PopoverProvider>
+ * ```
+ */
+export declare const Popover: import("../utils/types.js").Component<PopoverOptions<"div">>;
+export interface PopoverOptions<T extends As = "div"> extends DialogOptions<T> {
+    /**
+     * Object returned by the
+     * [`usePopoverStore`](https://ariakit.org/reference/use-popover-store) hook.
+     * If not provided, the closest
+     * [`PopoverProvider`](https://ariakit.org/reference/popover-provider)
+     * component's context will be used.
+     */
+    store?: PopoverStore;
+    /**
+     * Props that will be passed to the popover wrapper element. This element will
+     * be used to position the popover.
+     */
+    wrapperProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Whether the popover has `position: fixed` or not.
+     * @default false
+     */
+    fixed?: boolean;
+    /**
+     * The distance between the popover and the anchor element.
+     * @default 0
+     */
+    gutter?: number;
+    /**
+     * The skidding of the popover along the anchor element. Can be set to
+     * negative values to make the popover shift to the opposite side.
+     * @default 0
+     */
+    shift?: number;
+    /**
+     * Controls the behavior of the popover when it overflows the viewport:
+     * - If a `boolean`, specifies whether the popover should flip to the opposite
+     *   side when it overflows.
+     * - If a `string`, indicates the preferred fallback placements when it
+     *   overflows. The placements must be spaced-delimited, e.g. "top left".
+     * @default true
+     */
+    flip?: boolean | string;
+    /**
+     * Whether the popover should slide when it overflows.
+     * @default true
+     */
+    slide?: boolean;
+    /**
+     * Whether the popover can overlap the anchor element when it overflows.
+     * @default false
+     */
+    overlap?: boolean;
+    /**
+     * Whether the popover should have the same width as the anchor element. This
+     * will be exposed to CSS as
+     * [`--popover-anchor-width`](https://ariakit.org/guide/styling#--popover-anchor-width).
+     * @default false
+     */
+    sameWidth?: boolean;
+    /**
+     * Whether the popover should fit the viewport. If this is set to true, the
+     * popover wrapper will have `maxWidth` and `maxHeight` set to the viewport
+     * size. This will be exposed to CSS as
+     * [`--popover-available-width`](https://ariakit.org/guide/styling#--popover-available-width)
+     * and
+     * [`--popover-available-height`](https://ariakit.org/guide/styling#--popover-available-height).
+     * @default false
+     */
+    fitViewport?: boolean;
+    /**
+     * The minimum padding between the arrow and the popover corner.
+     * @default 4
+     */
+    arrowPadding?: number;
+    /**
+     * The minimum padding between the popover and the viewport edge. This will be
+     * exposed to CSS as
+     * [`--popover-overflow-padding`](https://ariakit.org/guide/styling#--popover-overflow-padding).
+     * @default 8
+     */
+    overflowPadding?: number;
+    /**
+     * Function that returns the anchor element's DOMRect. If this is explicitly
+     * passed, it will override the anchor `getBoundingClientRect` method.
+     *
+     * Live examples:
+     *  - [Textarea with inline combobox](https://ariakit.org/examples/combobox-textarea)
+     *  - [Standalone Popover](https://ariakit.org/examples/popover-standalone)
+     *  - [Context menu](https://ariakit.org/examples/menu-context-menu)
+     *  - [Selection Popover](https://ariakit.org/examples/popover-selection)
+     * @param anchor The anchor element.
+     */
+    getAnchorRect?: (anchor: HTMLElement | null) => AnchorRect | null;
+    /**
+     * A callback that will be called when the popover needs to calculate its
+     * position. This will override the internal `updatePosition` function. The
+     * original `updatePosition` function will be passed as an argument, so it can
+     * be called inside the callback to apply the default behavior.
+     *
+     * Live examples:
+     *  - [Responsive Popover](https://ariakit.org/examples/popover-responsive)
+     */
+    updatePosition?: (props: {
+        updatePosition: () => Promise<void>;
+    }) => void | Promise<void>;
+}
+export type PopoverProps<T extends As = "div"> = Props<PopoverOptions<T>>;
+export {};

package/cjs/portal/portal-context.cjs

@@ -1,7 +1,8 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _NS56XHXGcjs = require('../__chunks/NS56XHXG.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _CVD2AZE2cjs = require('../__chunks/CVD2AZE2.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
-exports.PortalContext = _NS56XHXGcjs.PortalContext;
+
+exports.PortalContext = _CVD2AZE2cjs.PortalContext;

package/cjs/portal/portal-context.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Stores the element that will contain the portal. By default, it will be the
+ * body of the document.
+ * @example
+ * ```jsx
+ * const container = document.getElementById("container");
+ *
+ * function App() {
+ *   return (
+ *     <PortalContext.Provider value={container}>
+ *       <Portal />
+ *     </PortalContext.Provider>
+ *   );
+ * }
+ * ```
+ */
+export declare const PortalContext: import("react").Context<HTMLElement | null>;

package/cjs/portal/portal.cjs

@@ -1,15 +1,16 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _MNZPRWGCcjs = require('../__chunks/MNZPRWGC.cjs');
-require('../__chunks/CKEXTQ2S.cjs');
-require('../__chunks/NS56XHXG.cjs');
-require('../__chunks/KSFAO77E.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _AE6TH3T4cjs = require('../__chunks/AE6TH3T4.cjs');
+require('../__chunks/PG7QUWN4.cjs');
+require('../__chunks/CVD2AZE2.cjs');
+require('../__chunks/QCAPQDE7.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.Portal = _MNZPRWGCcjs.Portal; exports.usePortal = _MNZPRWGCcjs.usePortal;
+
+exports.Portal = _AE6TH3T4cjs.Portal; exports.usePortal = _AE6TH3T4cjs.usePortal;

package/cjs/portal/portal.d.cts

@@ -0,0 +1,75 @@
+import type { MutableRefObject, RefCallback } from "react";
+import type { As, Options, Props } from "../utils/types.js";
+/**
+ * Returns props to create a `Portal` component.
+ * @see https://ariakit.org/components/portal
+ * @example
+ * ```jsx
+ * const props = usePortal();
+ * <Role {...props}>Content</Role>
+ * ```
+ */
+export declare const usePortal: import("../utils/types.js").Hook<PortalOptions<"div">>;
+/**
+ * Renders an element using `ReactDOM.createPortal`.
+ * @see https://ariakit.org/components/portal
+ * @example
+ * ```jsx
+ * <Portal>Content</Portal>
+ * ```
+ */
+export declare const Portal: import("../utils/types.js").Component<PortalOptions<"div">>;
+export interface PortalOptions<T extends As = "div"> extends Options<T> {
+    /**
+     * When enabled, `preserveTabOrder` will keep the DOM element's tab order the
+     * same as the order in which the underlying
+     * [`Portal`](https://ariakit.org/reference/portal) component was mounted in
+     * the React tree.
+     * @default false
+     */
+    preserveTabOrder?: boolean;
+    /**
+     * `portalRef` is similar to `ref` but is scoped to the portal node. It's
+     * useful when you need to be informed when the portal element is appended to
+     * the DOM or removed from the DOM.
+     * @example
+     * ```jsx
+     * const [portalElement, setPortalElement] = useState(null);
+     *
+     * <Portal portalRef={setPortalElement} />
+     * ```
+     */
+    portalRef?: RefCallback<HTMLElement> | MutableRefObject<HTMLElement | null>;
+    /**
+     * Determines whether the element should be rendered as a React Portal.
+     * @default true
+     */
+    portal?: boolean;
+    /**
+     * An HTML element or a memoized callback function that returns an HTML
+     * element to be used as the portal element. By default, the portal element
+     * will be a `div` element appended to the `document.body`.
+     * @default HTMLDivElement
+     * @example
+     * ```jsx
+     * const [portal, setPortal] = useState(null);
+     * <>
+     *   <Portal portalElement={portal} />
+     *   <div ref={setPortal} />
+     * </>
+     * ```
+     * @example
+     * ```jsx
+     * const getPortalElement = useCallback(() => {
+     *   const div = document.createElement("div");
+     *   const portalRoot = document.getElementById("portal-root");
+     *   portalRoot.appendChild(div);
+     *   return div;
+     * }, []);
+     *
+     * <Portal portalElement={getPortalElement} />
+     * ```
+     */
+    portalElement?: ((element: HTMLElement) => HTMLElement | null) | HTMLElement | null;
+}
+export type PortalProps<T extends As = "div"> = Props<PortalOptions<T>>;

package/cjs/radio/radio-context.cjs

@@ -1,20 +1,21 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
 
 
-var _FPNO6JL5cjs = require('../__chunks/FPNO6JL5.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _FD3VCGWPcjs = require('../__chunks/FD3VCGWP.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
 
 
 
-exports.RadioContextProvider = _FPNO6JL5cjs.RadioContextProvider; exports.RadioScopedContextProvider = _FPNO6JL5cjs.RadioScopedContextProvider; exports.useRadioContext = _FPNO6JL5cjs.useRadioContext; exports.useRadioProviderContext = _FPNO6JL5cjs.useRadioProviderContext; exports.useRadioScopedContext = _FPNO6JL5cjs.useRadioScopedContext;
+
+exports.RadioContextProvider = _FD3VCGWPcjs.RadioContextProvider; exports.RadioScopedContextProvider = _FD3VCGWPcjs.RadioScopedContextProvider; exports.useRadioContext = _FD3VCGWPcjs.useRadioContext; exports.useRadioProviderContext = _FD3VCGWPcjs.useRadioProviderContext; exports.useRadioScopedContext = _FD3VCGWPcjs.useRadioScopedContext;

package/cjs/radio/radio-context.d.cts

@@ -0,0 +1,19 @@
+import type { RadioStore } from "./radio-store.js";
+/**
+ * Returns the radio store from the nearest radio container.
+ * @example
+ * function Radio() {
+ *   const store = useRadioContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Radio must be wrapped in RadioProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useRadioContext: () => RadioStore | undefined;
+export declare const useRadioScopedContext: (onlyScoped?: boolean) => RadioStore | undefined;
+export declare const useRadioProviderContext: () => RadioStore | undefined;
+export declare const RadioContextProvider: (props: import("react").ProviderProps<RadioStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioScopedContextProvider: (props: import("react").ProviderProps<RadioStore | undefined>) => import("react/jsx-runtime").JSX.Element;

package/cjs/radio/radio-group.cjs

@@ -1,56 +1,57 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _FPNO6JL5cjs = require('../__chunks/FPNO6JL5.cjs');
 
+var _FD3VCGWPcjs = require('../__chunks/FD3VCGWP.cjs');
 
-var _SELCJFCBcjs = require('../__chunks/SELCJFCB.cjs');
-require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
 
+var _6MOJZWMLcjs = require('../__chunks/6MOJZWML.cjs');
+require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
 
+var _VKYTJKYNcjs = require('../__chunks/VKYTJKYN.cjs');
 
-var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _JTVNRMACcjs = require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _WYXAWBLEcjs = require('../__chunks/WYXAWBLE.cjs');
 
 // src/radio/radio-group.tsx
 var _misc = require('@ariakit/core/utils/misc');
 var _jsxruntime = require('react/jsx-runtime');
-var useRadioGroup = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useRadioGroup = _VKYTJKYNcjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _FPNO6JL5cjs.useRadioProviderContext.call(void 0, );
+    var _b = _a, { store } = _b, props = _WYXAWBLEcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _FD3VCGWPcjs.useRadioProviderContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "RadioGroup must receive a `store` prop or be wrapped in a RadioProvider component."
     );
-    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
+    props = _JTVNRMACcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FPNO6JL5cjs.RadioScopedContextProvider, { value: store, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FD3VCGWPcjs.RadioScopedContextProvider, { value: store, children: element }),
       [store]
     );
-    props = _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _WYXAWBLEcjs.__spreadValues.call(void 0, {
       role: "radiogroup"
     }, props);
-    props = _SELCJFCBcjs.useComposite.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, { store }, props));
+    props = _6MOJZWMLcjs.useComposite.call(void 0, _WYXAWBLEcjs.__spreadValues.call(void 0, { store }, props));
     return props;
   }
 );
-var RadioGroup = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var RadioGroup = _VKYTJKYNcjs.createComponent.call(void 0, (props) => {
   const htmlProps = useRadioGroup(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _VKYTJKYNcjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   RadioGroup.displayName = "RadioGroup";

package/cjs/radio/radio-group.d.cts

@@ -0,0 +1,41 @@
+import type { CompositeOptions } from "../composite/composite.js";
+import type { As, Props } from "../utils/types.js";
+import type { RadioStore } from "./radio-store.js";
+/**
+ * Returns props to create a `RadioGroup` component.
+ * @see https://ariakit.org/components/radio
+ * @example
+ * ```jsx
+ * const store = useRadioStore();
+ * const props = useRadioGroup({ store });
+ * <Role {...props}>
+ *   <Radio value="Apple" />
+ *   <Radio value="Orange" />
+ * </Role>
+ * ```
+ */
+export declare const useRadioGroup: import("../utils/types.js").Hook<RadioGroupOptions<"div">>;
+/**
+ * Renders a radio group element.
+ * @see https://ariakit.org/components/radio
+ * @example
+ * ```jsx
+ * const radio = useRadioStore();
+ * <RadioGroup store={radio}>
+ *   <Radio value="Apple" />
+ *   <Radio value="Orange" />
+ * </RadioGroup>
+ * ```
+ */
+export declare const RadioGroup: import("../utils/types.js").Component<RadioGroupOptions<"div">>;
+export interface RadioGroupOptions<T extends As = "div"> extends CompositeOptions<T> {
+    /**
+     * Object returned by the
+     * [`useRadioStore`](https://ariakit.org/reference/use-radio-store) hook. If
+     * not provided, the closest
+     * [`RadioProvider`](https://ariakit.org/reference/radio-provider) component's
+     * context will be used.
+     */
+    store?: RadioStore;
+}
+export type RadioGroupProps<T extends As = "div"> = Props<RadioGroupOptions<T>>;

package/cjs/radio/radio-provider.cjs

@@ -1,24 +1,25 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _YCBMXOIOcjs = require('../__chunks/YCBMXOIO.cjs');
 
+var _TRPJVP5Kcjs = require('../__chunks/TRPJVP5K.cjs');
 
-var _FPNO6JL5cjs = require('../__chunks/FPNO6JL5.cjs');
-require('../__chunks/232HWSNY.cjs');
-require('../__chunks/76UBACFC.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _FD3VCGWPcjs = require('../__chunks/FD3VCGWP.cjs');
+require('../__chunks/U74DRAW2.cjs');
+require('../__chunks/W23HEISM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 // src/radio/radio-provider.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function RadioProvider(props = {}) {
-  const store = _YCBMXOIOcjs.useRadioStore.call(void 0, props);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FPNO6JL5cjs.RadioContextProvider, { value: store, children: props.children });
+  const store = _TRPJVP5Kcjs.useRadioStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FD3VCGWPcjs.RadioContextProvider, { value: store, children: props.children });
 }
 
 

package/cjs/radio/radio-provider.d.cts

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+import type { RadioStoreProps } from "./radio-store.js";
+/**
+ * Provides a radio store to Radio components.
+ * @see https://ariakit.org/components/radio
+ * @example
+ * ```jsx
+ * <RadioProvider defaultValue="Apple">
+ *   <RadioGroup>
+ *     <Radio value="Apple" />
+ *     <Radio value="Orange" />
+ *   </RadioGroup>
+ * </RadioProvider>
+ * ```
+ */
+export declare function RadioProvider(props?: RadioProviderProps): import("react/jsx-runtime").JSX.Element;
+export interface RadioProviderProps extends RadioStoreProps {
+    children?: ReactNode;
+}

package/cjs/radio/radio-store.cjs

@@ -1,14 +1,15 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _YCBMXOIOcjs = require('../__chunks/YCBMXOIO.cjs');
-require('../__chunks/232HWSNY.cjs');
-require('../__chunks/76UBACFC.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _TRPJVP5Kcjs = require('../__chunks/TRPJVP5K.cjs');
+require('../__chunks/U74DRAW2.cjs');
+require('../__chunks/W23HEISM.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.useRadioStore = _YCBMXOIOcjs.useRadioStore; exports.useRadioStoreProps = _YCBMXOIOcjs.useRadioStoreProps;
+
+exports.useRadioStore = _TRPJVP5Kcjs.useRadioStore; exports.useRadioStoreProps = _TRPJVP5Kcjs.useRadioStoreProps;

package/cjs/radio/radio-store.d.cts

@@ -0,0 +1,29 @@
+import * as Core from "@ariakit/core/radio/radio-store";
+import type { CompositeStoreFunctions, CompositeStoreOptions, CompositeStoreState } from "../composite/composite-store.js";
+import type { Store } from "../utils/store.js";
+export declare function useRadioStoreProps<T extends Core.RadioStore>(store: T, update: () => void, props: RadioStoreProps): T;
+/**
+ * Creates a radio store.
+ * @see https://ariakit.org/components/radio
+ * @example
+ * ```jsx
+ * const radio = useRadioStore();
+ * <RadioGroup store={radio}>
+ *   <Radio value="Apple" />
+ *   <Radio value="Orange" />
+ * </RadioGroup>
+ * ```
+ */
+export declare function useRadioStore(props?: RadioStoreProps): RadioStore;
+export interface RadioStoreState extends Core.RadioStoreState, CompositeStoreState {
+}
+export interface RadioStoreFunctions extends Core.RadioStoreFunctions, CompositeStoreFunctions {
+}
+export interface RadioStoreOptions extends Core.RadioStoreOptions, CompositeStoreOptions {
+    /**
+     * Function that will be called when the `value` state changes.
+     */
+    setValue?: (value: RadioStoreState["value"]) => void;
+}
+export type RadioStoreProps = RadioStoreOptions & Core.RadioStoreProps;
+export type RadioStore = RadioStoreFunctions & Store<Core.RadioStore>;

package/cjs/radio/radio.cjs

@@ -1,22 +1,23 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _5ZP4D2SQcjs = require('../__chunks/5ZP4D2SQ.cjs');
-require('../__chunks/FPNO6JL5.cjs');
-require('../__chunks/GUWJ7VTO.cjs');
-require('../__chunks/HWZH54NB.cjs');
-require('../__chunks/FMI5QF7N.cjs');
-require('../__chunks/KLZID3QO.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _2UXXG7NZcjs = require('../__chunks/2UXXG7NZ.cjs');
+require('../__chunks/FD3VCGWP.cjs');
+require('../__chunks/H2TTW65Q.cjs');
+require('../__chunks/F7HB6RYG.cjs');
+require('../__chunks/HY2NPBHW.cjs');
+require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/FQGSRSYD.cjs');
+require('../__chunks/JVORNAMD.cjs');
+require('../__chunks/7ARL6QHN.cjs');
+require('../__chunks/75KXQZJX.cjs');
+require('../__chunks/VKYTJKYN.cjs');
+require('../__chunks/WLJVTO7A.cjs');
+require('../__chunks/JTVNRMAC.cjs');
+require('../__chunks/LNE2FWJO.cjs');
+require('../__chunks/WYXAWBLE.cjs');
 
 
-exports.Radio = _5ZP4D2SQcjs.Radio; exports.useRadio = _5ZP4D2SQcjs.useRadio;
+
+exports.Radio = _2UXXG7NZcjs.Radio; exports.useRadio = _2UXXG7NZcjs.useRadio;

package/cjs/radio/radio.d.cts

@@ -0,0 +1,60 @@
+import type { SyntheticEvent } from "react";
+import type { BivariantCallback } from "@ariakit/core/utils/types";
+import type { CompositeItemOptions } from "../composite/composite-item.js";
+import type { As, Props } from "../utils/types.js";
+import type { RadioStore } from "./radio-store.js";
+/**
+ * Returns props to create a `Radio` component.
+ * @see https://ariakit.org/components/radio
+ * @example
+ * ```jsx
+ * const store = useRadioStore();
+ * const props = useRadio({ store, value: "Apple" });
+ * <RadioGroup store={store}>
+ *   <Role {...props} render={<input />} />
+ *   <Radio value="Orange" />
+ * </RadioGroup>
+ * ```
+ */
+export declare const useRadio: import("../utils/types.js").Hook<RadioOptions<"input">>;
+/**
+ * Renders a radio button element.
+ * @see https://ariakit.org/components/radio
+ * @example
+ * ```jsx
+ * const radio = useRadioStore();
+ * <RadioGroup store={radio}>
+ *   <Radio value="Apple" />
+ *   <Radio value="Orange" />
+ * </RadioGroup>
+ * ```
+ */
+export declare const Radio: import("../utils/types.js").Component<RadioOptions<"input">>;
+export interface RadioOptions<T extends As = "input"> extends CompositeItemOptions<T> {
+    /**
+     * Object returned by the
+     * [`useRadioStore`](https://ariakit.org/reference/use-radio-store) hook. If
+     * not provided, the closest
+     * [`RadioGroup`](https://ariakit.org/reference/radio-group) or
+     * [`RadioProvider`](https://ariakit.org/reference/radio-provider) components'
+     * context will be used.
+     */
+    store?: RadioStore;
+    /**
+     * The native `name` attribute.
+     */
+    name?: string;
+    /**
+     * The value of the radio button.
+     */
+    value: string | number;
+    /**
+     * Whether the radio button is checked.
+     */
+    checked?: boolean;
+    /**
+     * Callback function that is called when the radio button store changes.
+     */
+    onChange?: BivariantCallback<(event: SyntheticEvent<HTMLInputElement>) => void>;
+}
+export type RadioProps<T extends As = "input"> = Props<RadioOptions<T>>;