@ariakit/react-core 0.3.14 → 0.4.0

package/esm/tooltip/tooltip-store.d.ts

@@ -1,7 +1,9 @@
 import * as Core from "@ariakit/core/tooltip/tooltip-store";
 import type { HovercardStoreFunctions, HovercardStoreOptions, HovercardStoreState } from "../hovercard/hovercard-store.js";
 import type { Store } from "../utils/store.js";
-export declare function useTooltipStoreProps<T extends TooltipStore>(store: T, update: () => void, props: TooltipStoreProps): T;
+export declare function useTooltipStoreProps<T extends Core.TooltipStore>(store: T, update: () => void, props: TooltipStoreProps): T & {
+    disclosure: import("../disclosure/disclosure-store.js").DisclosureStore | null | undefined;
+};
 /**
  * Creates a tooltip store to control the state of
  * [Tooltip](https://ariakit.org/components/tooltip) components.
@@ -17,11 +19,11 @@ export declare function useTooltipStoreProps<T extends TooltipStore>(store: T, u
 export declare function useTooltipStore(props?: TooltipStoreProps): TooltipStore;
 export interface TooltipStoreState extends Core.TooltipStoreState, HovercardStoreState {
 }
-export interface TooltipStoreFunctions extends Core.TooltipStoreFunctions, HovercardStoreFunctions {
+export interface TooltipStoreFunctions extends Omit<Core.TooltipStoreFunctions, "disclosure">, HovercardStoreFunctions {
 }
-export interface TooltipStoreOptions extends Core.TooltipStoreOptions, HovercardStoreOptions {
+export interface TooltipStoreOptions extends Omit<Core.TooltipStoreOptions, "disclosure">, HovercardStoreOptions {
 }
-export interface TooltipStoreProps extends TooltipStoreOptions, Core.TooltipStoreProps {
+export interface TooltipStoreProps extends TooltipStoreOptions, Omit<Core.TooltipStoreProps, "disclosure"> {
 }
-export interface TooltipStore extends TooltipStoreFunctions, Store<Core.TooltipStore> {
+export interface TooltipStore extends TooltipStoreFunctions, Omit<Store<Core.TooltipStore>, "disclosure"> {
 }

package/esm/tooltip/tooltip-store.js

@@ -2,11 +2,11 @@
 import {
   useTooltipStore,
   useTooltipStoreProps
-} from "../__chunks/2QMN5E6B.js";
-import "../__chunks/ZU7LQC5V.js";
-import "../__chunks/MG4P3223.js";
-import "../__chunks/ZSELSBRM.js";
-import "../__chunks/SFCBA2JZ.js";
+} from "../__chunks/WKII7I2E.js";
+import "../__chunks/E5E7G32I.js";
+import "../__chunks/XWCFCD3Q.js";
+import "../__chunks/I62TROYO.js";
+import "../__chunks/HZJ2XALY.js";
 import "../__chunks/EKQEJRUF.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";

package/esm/tooltip/tooltip.d.ts

@@ -1,6 +1,9 @@
+import type { ElementType } from "react";
 import type { HovercardOptions } from "../hovercard/hovercard.js";
-import type { As, Props } from "../utils/types.js";
+import type { Props } from "../utils/types.js";
 import type { TooltipStore } from "./tooltip-store.js";
+declare const TagName = "div";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `Tooltip` component.
  * @see https://ariakit.org/components/tooltip
@@ -12,11 +15,16 @@ import type { TooltipStore } from "./tooltip-store.js";
  * <Role {...props}>Tooltip</Role>
  * ```
  */
-export declare const useTooltip: import("../utils/types.js").Hook<TooltipOptions<"div">>;
+export declare const useTooltip: import("../utils/types.js").Hook<"div", TooltipOptions<"div">>;
 /**
  * Renders a tooltip element that visually describes a
  * [`TooltipAnchor`](https://ariakit.org/reference/tooltip-anchor) when it
  * receives focus or is hovered.
+ *
+ * The tooltip is strictly for visual purposes. It's your responsibility to
+ * ensure the anchor element has an accessible name. See [Tooltip anchors must
+ * have accessible
+ * names](https://ariakit.org/components/tooltip#tooltip-anchors-must-have-accessible-names)
  * @see https://ariakit.org/components/tooltip
  * @example
  * ```jsx {3}
@@ -26,8 +34,8 @@ export declare const useTooltip: import("../utils/types.js").Hook<TooltipOptions
  * </TooltipProvider>
  * ```
  */
-export declare const Tooltip: import("../utils/types.js").Component<TooltipOptions<"div">>;
-export interface TooltipOptions<T extends As = "div"> extends HovercardOptions<T> {
+export declare const Tooltip: (props: TooltipProps<"div">) => import("react/jsx-runtime").JSX.Element | null;
+export interface TooltipOptions<T extends ElementType = TagName> extends HovercardOptions<T> {
     /**
      * Object returned by the
      * [`useTooltipStore`](https://ariakit.org/reference/use-tooltip-store) hook.
@@ -41,4 +49,5 @@ export interface TooltipOptions<T extends As = "div"> extends HovercardOptions<T
     /** @default 8 */
     gutter?: HovercardOptions<T>["gutter"];
 }
-export type TooltipProps<T extends As = "div"> = Props<TooltipOptions<T>>;
+export type TooltipProps<T extends ElementType = TagName> = Props<T, TooltipOptions<T>>;
+export {};

package/esm/tooltip/tooltip.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   useHovercard
-} from "../__chunks/QWSZGSIG.js";
+} from "../__chunks/WWVP4SPG.js";
 import "../__chunks/YMV43K4F.js";
-import "../__chunks/IRX7SFUJ.js";
+import "../__chunks/KMWSQ7OZ.js";
 import {
   createDialogComponent
-} from "../__chunks/NERBASET.js";
-import "../__chunks/LWHPHW7Q.js";
-import "../__chunks/TQYOGOE2.js";
+} from "../__chunks/SSK5L4K7.js";
+import "../__chunks/CJ6B7ETA.js";
+import "../__chunks/NOYDL3YS.js";
 import "../__chunks/BULCTPRV.js";
 import "../__chunks/6BJGLK2C.js";
 import "../__chunks/CS347UVZ.js";
@@ -21,32 +21,32 @@ import "../__chunks/OOBDFMJL.js";
 import "../__chunks/X6WIMZJE.js";
 import "../__chunks/677M2CI3.js";
 import "../__chunks/6GXEOXGT.js";
-import "../__chunks/HPP6CWMY.js";
+import "../__chunks/WCIYB4YS.js";
 import "../__chunks/UYRJLDVS.js";
-import "../__chunks/JPXNJYSO.js";
-import "../__chunks/CHKJ74UC.js";
+import "../__chunks/CK3UW3AQ.js";
+import "../__chunks/WKWX2XLD.js";
 import "../__chunks/7452U3HH.js";
 import "../__chunks/XPF5GU3Q.js";
-import "../__chunks/FSFPRQFR.js";
-import "../__chunks/CLE7NTOY.js";
+import "../__chunks/CBTO7DFZ.js";
+import "../__chunks/SOGTNTQC.js";
 import {
   TooltipScopedContextProvider,
   useTooltipProviderContext
-} from "../__chunks/MNFF5YOJ.js";
-import "../__chunks/TI7CMBHW.js";
-import "../__chunks/7H5KSHHF.js";
-import "../__chunks/G6BJYYBK.js";
-import "../__chunks/OAYFXAQ2.js";
-import "../__chunks/KK7H3W2B.js";
+} from "../__chunks/3OMHZVJD.js";
+import "../__chunks/TWDHCE7Y.js";
+import "../__chunks/TE637IA7.js";
+import "../__chunks/XXVAHUAO.js";
+import "../__chunks/J55AVALY.js";
+import "../__chunks/VA234QKF.js";
 import "../__chunks/SHA3WOPI.js";
-import "../__chunks/BG6HZDS7.js";
+import "../__chunks/IFT5JEUU.js";
 import {
-  createComponent,
   createElement,
-  createHook
-} from "../__chunks/3ORBWXWF.js";
-import "../__chunks/ZSELSBRM.js";
-import "../__chunks/SFCBA2JZ.js";
+  createHook,
+  forwardRef
+} from "../__chunks/5M6RSQEC.js";
+import "../__chunks/I62TROYO.js";
+import "../__chunks/HZJ2XALY.js";
 import "../__chunks/EKQEJRUF.js";
 import {
   useWrapElement
@@ -62,8 +62,9 @@ import {
 import { contains } from "@ariakit/core/utils/dom";
 import { invariant, isFalsyBooleanCallback } from "@ariakit/core/utils/misc";
 import { jsx } from "react/jsx-runtime";
+var TagName = "div";
 var useTooltip = createHook(
-  (_a) => {
+  function useTooltip2(_a) {
     var _b = _a, {
       store,
       portal = true,
@@ -99,7 +100,7 @@ var useTooltip = createHook(
       portal,
       gutter,
       preserveTabOrder,
-      hideOnHoverOutside: (event) => {
+      hideOnHoverOutside(event) {
         if (isFalsyBooleanCallback(hideOnHoverOutside, event))
           return false;
         const anchorElement = store == null ? void 0 : store.getState().anchorElement;
@@ -124,15 +125,12 @@ var useTooltip = createHook(
   }
 );
 var Tooltip = createDialogComponent(
-  createComponent((props) => {
+  forwardRef(function Tooltip2(props) {
     const htmlProps = useTooltip(props);
-    return createElement("div", htmlProps);
+    return createElement(TagName, htmlProps);
   }),
   useTooltipProviderContext
 );
-if (process.env.NODE_ENV !== "production") {
-  Tooltip.displayName = "Tooltip";
-}
 export {
   Tooltip,
   useTooltip

package/esm/utils/system.d.ts

@@ -1,84 +1,25 @@
 import * as React from "react";
+import type { AnyObject, EmptyObject } from "@ariakit/core/utils/types";
 import type { Store } from "./store.js";
-import type { Component, HTMLProps, Hook, Options, Props } from "./types.js";
+import type { HTMLProps, Hook, Options, Props } from "./types.js";
 /**
  * The same as `React.forwardRef` but passes the `ref` as a prop and returns a
  * component with the same generic type.
  */
-export declare function forwardRef<T extends React.FC>(render: T): T;
+export declare function forwardRef<T extends React.FC<any>>(render: T): T;
 /**
  * The same as `React.memo` but returns a component with the same generic type.
  */
-export declare function memo<P, T extends React.FC<P>>(Component: T, propsAreEqual?: (prevProps: Readonly<P>, nextProps: Readonly<P>) => boolean): T;
-/**
- * Creates a type-safe component with the `as` prop and `React.forwardRef`.
- *
- * @example
- * import { createComponent } from "@ariakit/react-core/utils/system";
- *
- * type Props = {
- *   as?: "div";
- *   customProp?: boolean;
- * };
- *
- * const Component = createComponent<Props>(({ customProp, ...props }) => {
- *   return <div {...props} />;
- * });
- *
- * <Component customProp render={<button />} />
- */
-export declare function createComponent<O extends Options>(render: (props: Props<O>) => React.ReactElement | null): Component<O>;
-/**
- * Creates a type-safe component with the `as` prop, `React.forwardRef` and
- * `React.memo`.
- *
- * @example
- * import { createMemoComponent } from "@ariakit/react-core/utils/system";
- *
- * type Props = {
- *   as?: "div";
- *   customProp?: boolean;
- * };
- *
- * const Component = createMemoComponent<Props>(({ customProp, ...props }) => {
- *   return <div {...props} />;
- * });
- *
- * <Component customProp render={<button />} />
- */
-export declare function createMemoComponent<O extends Options>(render: (props: Props<O>) => React.ReactElement | null): Component<O>;
+export declare function memo<T extends React.FC<any>>(Component: T, propsAreEqual?: (prevProps: Readonly<React.ComponentPropsWithoutRef<T>>, nextProps: Readonly<React.ComponentPropsWithoutRef<T>>) => boolean): T;
 /**
  * Creates a React element that supports the `render` and `wrapElement` props.
- * @example
- * import { createElement } from "@ariakit/react-core/utils/system";
- *
- * function Component() {
- *   const props = {
- *     render: (htmlProps) => <button {...htmlProps} />,
- *     wrapElement: (element) => <div>{element}</div>,
- *   };
- *   return createElement("div", props);
- * }
  */
-export declare function createElement(Type: React.ElementType, props: HTMLProps<Options>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare function createElement(Type: React.ElementType, props: Props<React.ElementType, Options>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 /**
  * Creates a component hook that accepts props and returns props so they can be
  * passed to a React element.
- *
- * @example
- * import { Options, createHook } from "@ariakit/react-core/utils/system";
- *
- * type Props = Options<"div"> & {
- *   customProp?: boolean;
- * };
- *
- * const useComponent = createHook<Props>(({ customProp, ...props }) => {
- *   return props;
- * });
- *
- * const props = useComponent({ as: "button", customProp: true });
  */
-export declare function createHook<O extends Options>(useProps: (props: Props<O>) => HTMLProps<O>): Hook<O>;
+export declare function createHook<T extends React.ElementType, P extends AnyObject = EmptyObject>(useProps: (props: Props<T, P>) => HTMLProps<T, P>): Hook<T, P>;
 type StoreProvider<T extends Store> = React.ComponentType<{
     value: T | undefined;
     children?: React.ReactNode;

package/esm/utils/system.js

@@ -1,21 +1,17 @@
 "use client";
 import {
-  createComponent,
   createElement,
   createHook,
-  createMemoComponent,
   createStoreContext,
   forwardRef,
   memo
-} from "../__chunks/3ORBWXWF.js";
+} from "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";
 export {
-  createComponent,
   createElement,
   createHook,
-  createMemoComponent,
   createStoreContext,
   forwardRef,
   memo

package/esm/utils/types.d.ts

@@ -1,4 +1,5 @@
 import type * as React from "react";
+import type { AnyObject, EmptyObject } from "@ariakit/core/utils/types";
 /**
  * Render prop type.
  * @template P Props
@@ -6,74 +7,50 @@ import type * as React from "react";
  * const children: RenderProp = (props) => <div {...props} />;
  */
 export type RenderProp<P = React.HTMLAttributes<any> & React.RefAttributes<any>> = (props: P) => React.ReactNode;
-/**
- * The `as` prop.
- * @template P Props
- */
-export type As<P = any> = React.ElementType<P>;
 /**
  * The `wrapElement` prop.
  */
 export type WrapElement = (element: React.ReactElement) => React.ReactElement;
 /**
- * The `children` prop that supports a function.
- * @template T Element type.
+ * Custom props including the `render` prop.
  */
-export type Children<T = any> = React.ReactNode | RenderProp<React.HTMLAttributes<T> & React.RefAttributes<T>>;
-/**
- * Props with the `as` prop.
- * @template T The `as` prop
- * @example
- * type ButtonOptions = Options<"button">;
- */
-export type Options<T extends As = any> = {
+export interface Options {
+    wrapElement?: WrapElement;
     /**
-     * @deprecated
-     * Use the [`render`](https://ariakit.org/guide/composition) prop instead.
+     * Allows the component to be rendered as a different HTML element or React
+     * component. The value can be a React element or a function that takes in the
+     * original component props and gives back a React element with the props
+     * merged.
+     *
+     * Check out the [Composition](https://ariakit.org/guide/composition) guide
+     * for more details.
      */
-    as?: T;
-};
-/**
- * Props that automatically includes HTML props based on the `as` prop.
- * @template O Options
- * @example
- * type ButtonHTMLProps = HTMLProps<Options<"button">>;
- */
-export type HTMLProps<O extends Options> = {
-    wrapElement?: WrapElement;
-    children?: Children;
     render?: RenderProp | React.ReactElement;
-    [index: `data-${string}`]: unknown;
-} & Omit<React.ComponentPropsWithRef<NonNullable<O["as"]>>, keyof O | "children">;
+}
 /**
- * Options & HTMLProps
- * @template O Options
+ * HTML props based on the element type, excluding custom props.
+ * @template T The element type.
+ * @template P Custom props.
  * @example
- * type ButtonProps = Props<Options<"button">>;
+ * type ButtonHTMLProps = HTMLProps<"button", { custom?: boolean }>;
  */
-export type Props<O extends Options> = O & HTMLProps<O>;
+export type HTMLProps<T extends React.ElementType, P extends AnyObject = EmptyObject> = Omit<React.ComponentPropsWithRef<T>, keyof P> & {
+    [index: `data-${string}`]: unknown;
+};
 /**
- * A component that supports the `as` prop and the `children` prop as a
- * function.
- * @template O Options
- * @example
- * type ButtonComponent = Component<Options<"button">>;
+ * Props based on the element type, including custom props.
+ * @template T The element type.
+ * @template P Custom props.
  */
-export interface Component<O extends Options> {
-    <T extends As>(props: Props<{
-        as: T;
-    } & Omit<O, "as">>): React.ReactElement | null;
-    (props: Props<O>): React.ReactElement | null;
-    displayName?: string;
-}
+export type Props<T extends React.ElementType, P extends AnyObject = EmptyObject> = P & HTMLProps<T, P>;
 /**
- * A component hook that supports the `as` prop and the `children` prop as a
- * function.
- * @template O Options
+ * A component hook that supports the `render` prop and returns HTML props based
+ * on the element type.
+ * @template T The element type.
+ * @template P Custom props.
  * @example
- * type ButtonHook = Hook<Options<"button">>;
+ * type UseButton = Hook<"button", { custom?: boolean }>;
  */
-export interface Hook<O extends Options> {
-    <T extends As = NonNullable<O["as"]>>(props?: Props<Options<T> & Omit<O, "as">>): HTMLProps<Options<T>>;
-    displayName?: string;
+export interface Hook<T extends React.ElementType, P extends AnyObject = EmptyObject> {
+    <ElementType extends React.ElementType = T>(props?: Props<ElementType, P>): HTMLProps<ElementType, P>;
 }

package/esm/visually-hidden/visually-hidden.d.ts

@@ -1,4 +1,7 @@
-import type { As, Options, Props } from "../utils/types.js";
+import type { ElementType } from "react";
+import type { Options, Props } from "../utils/types.js";
+declare const TagName = "span";
+type TagName = typeof TagName;
 /**
  * Returns props to create a `VisuallyHidden` component. When applying the props
  * returned by this hook to a component, the component will be visually hidden,
@@ -12,7 +15,7 @@ import type { As, Options, Props } from "../utils/types.js";
  * </a>
  * ```
  */
-export declare const useVisuallyHidden: import("../utils/types.js").Hook<VisuallyHiddenOptions<"span">>;
+export declare const useVisuallyHidden: import("../utils/types.js").Hook<"span", VisuallyHiddenOptions<"span">>;
 /**
  * Renders an element that's visually hidden, but still accessible to screen
  * readers.
@@ -24,6 +27,8 @@ export declare const useVisuallyHidden: import("../utils/types.js").Hook<Visuall
  * </a>
  * ```
  */
-export declare const VisuallyHidden: import("../utils/types.js").Component<VisuallyHiddenOptions<"span">>;
-export type VisuallyHiddenOptions<T extends As = "span"> = Options<T>;
-export type VisuallyHiddenProps<T extends As = "span"> = Props<VisuallyHiddenOptions<T>>;
+export declare const VisuallyHidden: (props: VisuallyHiddenProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export interface VisuallyHiddenOptions<_T extends ElementType = TagName> extends Options {
+}
+export type VisuallyHiddenProps<T extends ElementType = TagName> = Props<T, VisuallyHiddenOptions<T>>;
+export {};

package/esm/visually-hidden/visually-hidden.js

@@ -2,8 +2,8 @@
 import {
   VisuallyHidden,
   useVisuallyHidden
-} from "../__chunks/BG6HZDS7.js";
-import "../__chunks/3ORBWXWF.js";
+} from "../__chunks/IFT5JEUU.js";
+import "../__chunks/5M6RSQEC.js";
 import "../__chunks/6O5OEQGF.js";
 import "../__chunks/XM66DUTO.js";
 import "../__chunks/4R3V3JGP.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/react-core",
-  "version": "0.3.14",
+  "version": "0.4.0",
   "description": "Ariakit React core",
   "sideEffects": false,
   "license": "MIT",
@@ -30,7 +30,7 @@
     "core"
   ],
   "dependencies": {
-    "@ariakit/core": "0.3.11",
+    "@ariakit/core": "0.4.0",
     "@floating-ui/dom": "^1.0.0",
     "use-sync-external-store": "^1.2.0"
   },

package/cjs/__chunks/23HLSVKM.cjs

@@ -1,39 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-
-var _IO6J4PANcjs = require('./IO6J4PAN.cjs');
-
-
-var _LYIGAIJFcjs = require('./LYIGAIJF.cjs');
-
-
-
-
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
-
-
-
-var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
-
-// src/toolbar/toolbar-item.ts
-var useToolbarItem = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const context = _LYIGAIJFcjs.useToolbarContext.call(void 0, );
-    store = store || context;
-    props = _IO6J4PANcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, { store }, props));
-    return props;
-  }
-);
-var ToolbarItem = _RNZNGEL4cjs.createMemoComponent.call(void 0, (props) => {
-  const htmlProps = useToolbarItem(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  ToolbarItem.displayName = "ToolbarItem";
-}
-
-
-
-
-exports.useToolbarItem = useToolbarItem; exports.ToolbarItem = ToolbarItem;

package/cjs/__chunks/2KDFQUU7.cjs

@@ -1,35 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-
-var _KSAZE5E2cjs = require('./KSAZE5E2.cjs');
-
-
-
-
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
-
-
-var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
-
-// src/composite/composite-group.ts
-var useCompositeGroup = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _KSAZE5E2cjs.useGroup.call(void 0, props);
-    return props;
-  }
-);
-var CompositeGroup = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useCompositeGroup(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  CompositeGroup.displayName = "CompositeGroup";
-}
-
-
-
-
-exports.useCompositeGroup = useCompositeGroup; exports.CompositeGroup = CompositeGroup;

package/cjs/__chunks/5UTRYT6E.cjs

@@ -1,52 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-
-var _DAJUUBUIcjs = require('./DAJUUBUI.cjs');
-
-
-
-
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
-
-
-
-var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
-
-
-
-var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
-
-// src/button/button.ts
-var _react = require('react');
-var _dom = require('@ariakit/core/utils/dom');
-var useButton = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
-  const ref = _react.useRef.call(void 0, null);
-  const tagName = _EO6LS72Hcjs.useTagName.call(void 0, ref, props.as || "button");
-  const [isNativeButton, setIsNativeButton] = _react.useState.call(void 0, 
-    () => !!tagName && _dom.isButton.call(void 0, { tagName, type: props.type })
-  );
-  _react.useEffect.call(void 0, () => {
-    if (!ref.current)
-      return;
-    setIsNativeButton(_dom.isButton.call(void 0, ref.current));
-  }, []);
-  props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
-    role: !isNativeButton && tagName !== "a" ? "button" : void 0
-  }, props), {
-    ref: _EO6LS72Hcjs.useMergeRefs.call(void 0, ref, props.ref)
-  });
-  props = _DAJUUBUIcjs.useCommand.call(void 0, props);
-  return props;
-});
-var Button = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
-  const htmlProps = useButton(props);
-  return _RNZNGEL4cjs.createElement.call(void 0, "button", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  Button.displayName = "Button";
-}
-
-
-
-
-exports.useButton = useButton; exports.Button = Button;

package/cjs/__chunks/62JWM3VQ.cjs

@@ -1,49 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-
-var _F2A2ZQDBcjs = require('./F2A2ZQDB.cjs');
-
-
-
-
-var _RNZNGEL4cjs = require('./RNZNGEL4.cjs');
-
-
-
-var _EO6LS72Hcjs = require('./EO6LS72H.cjs');
-
-
-
-var _AV6KTKLEcjs = require('./AV6KTKLE.cjs');
-
-// src/dialog/dialog-description.ts
-var _react = require('react');
-var useDialogDescription = _RNZNGEL4cjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, { store } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store"]);
-    const setDescriptionId = _react.useContext.call(void 0, _F2A2ZQDBcjs.DialogDescriptionContext);
-    const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
-    _EO6LS72Hcjs.useSafeLayoutEffect.call(void 0, () => {
-      setDescriptionId == null ? void 0 : setDescriptionId(id);
-      return () => setDescriptionId == null ? void 0 : setDescriptionId(void 0);
-    }, [setDescriptionId, id]);
-    props = _AV6KTKLEcjs.__spreadValues.call(void 0, {
-      id
-    }, props);
-    return props;
-  }
-);
-var DialogDescription = _RNZNGEL4cjs.createComponent.call(void 0, 
-  (props) => {
-    const htmlProps = useDialogDescription(props);
-    return _RNZNGEL4cjs.createElement.call(void 0, "p", htmlProps);
-  }
-);
-if (process.env.NODE_ENV !== "production") {
-  DialogDescription.displayName = "DialogDescription";
-}
-
-
-
-
-exports.useDialogDescription = useDialogDescription; exports.DialogDescription = DialogDescription;