@ariakit/react-core 0.2.9 → 0.2.11

package/esm/utils/store.js

@@ -2,10 +2,10 @@ import {
   useStore,
   useStoreProps,
   useStoreState
-} from "../__chunks/USB5JBON.js";
-import "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
-import "../__chunks/4BKCJXBM.js";
+} from "../__chunks/FHQZ2KRN.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import "../__chunks/PNRLI7OV.js";
 export {
   useStore,
   useStoreProps,

package/esm/utils/system.d.ts

@@ -1,5 +1,14 @@
-import type { ElementType, ReactElement } from "react";
+import * as React from "react";
 import type { Component, 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;
+/**
+ * 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`.
  *
@@ -17,7 +26,7 @@ import type { Component, HTMLProps, Hook, Options, Props } from "./types.js";
  *
  * <Component customProp render={<button />} />
  */
-export declare function createComponent<O extends Options>(render: (props: Props<O>) => ReactElement): Component<O>;
+export declare function createComponent<O extends Options>(render: (props: Props<O>) => React.ReactElement): Component<O>;
 /**
  * Creates a type-safe component with the `as` prop, `React.forwardRef` and
  * `React.memo`.
@@ -36,7 +45,7 @@ export declare function createComponent<O extends Options>(render: (props: Props
  *
  * <Component customProp render={<button />} />
  */
-export declare function createMemoComponent<O extends Options>(render: (props: Props<O>) => ReactElement): Component<O>;
+export declare function createMemoComponent<O extends Options>(render: (props: Props<O>) => React.ReactElement): Component<O>;
 /**
  * Creates a React element that supports the `render` and `wrapElement` props.
  * @example
@@ -50,7 +59,7 @@ export declare function createMemoComponent<O extends Options>(render: (props: P
  *   return createElement("div", props);
  * }
  */
-export declare function createElement(Type: ElementType, props: HTMLProps<Options>): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare function createElement(Type: React.ElementType, props: HTMLProps<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.

package/esm/utils/system.js

@@ -2,14 +2,18 @@ import {
   createComponent,
   createElement,
   createHook,
-  createMemoComponent
-} from "../__chunks/7GCARSHZ.js";
-import "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
-import "../__chunks/4BKCJXBM.js";
+  createMemoComponent,
+  forwardRef,
+  memo
+} from "../__chunks/NQJBHION.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import "../__chunks/PNRLI7OV.js";
 export {
   createComponent,
   createElement,
   createHook,
-  createMemoComponent
+  createMemoComponent,
+  forwardRef,
+  memo
 };

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

@@ -1,11 +1,11 @@
 import {
   VisuallyHidden,
   useVisuallyHidden
-} from "../__chunks/K4NEG23J.js";
-import "../__chunks/7GCARSHZ.js";
-import "../__chunks/SN2N5P2D.js";
-import "../__chunks/UWUL6FFR.js";
-import "../__chunks/4BKCJXBM.js";
+} from "../__chunks/FL2AU7YJ.js";
+import "../__chunks/NQJBHION.js";
+import "../__chunks/J7Q2EO23.js";
+import "../__chunks/CP3U4HPL.js";
+import "../__chunks/PNRLI7OV.js";
 export {
   VisuallyHidden,
   useVisuallyHidden

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ariakit/react-core",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "description": "Ariakit React core",
   "sideEffects": false,
   "license": "MIT",
@@ -30,7 +30,7 @@
     "core"
   ],
   "dependencies": {
-    "@ariakit/core": "0.2.5",
+    "@ariakit/core": "0.2.7",
     "@floating-ui/dom": "^1.0.0",
     "use-sync-external-store": "^1.2.0"
   },
@@ -155,6 +155,10 @@
       "import": "./esm/select/select-row.js",
       "require": "./cjs/select/select-row.cjs"
     },
+    "./select/select-renderer": {
+      "import": "./esm/select/select-renderer.js",
+      "require": "./cjs/select/select-renderer.cjs"
+    },
     "./select/select-popover": {
       "import": "./esm/select/select-popover.js",
       "require": "./cjs/select/select-popover.cjs"
@@ -619,6 +623,10 @@
       "import": "./esm/composite/composite-row.js",
       "require": "./cjs/composite/composite-row.cjs"
     },
+    "./composite/composite-renderer": {
+      "import": "./esm/composite/composite-renderer.js",
+      "require": "./cjs/composite/composite-renderer.cjs"
+    },
     "./composite/composite-overflow": {
       "import": "./esm/composite/composite-overflow.js",
       "require": "./cjs/composite/composite-overflow.cjs"
@@ -723,6 +731,10 @@
       "import": "./esm/collection/collection-store.js",
       "require": "./cjs/collection/collection-store.cjs"
     },
+    "./collection/collection-renderer": {
+      "import": "./esm/collection/collection-renderer.js",
+      "require": "./cjs/collection/collection-renderer.cjs"
+    },
     "./collection/collection-item": {
       "import": "./esm/collection/collection-item.js",
       "require": "./cjs/collection/collection-item.cjs"

package/select/select-renderer/package.json

@@ -0,0 +1,8 @@
+{
+  "name": "@ariakit/react-core/select/select-renderer",
+  "private": true,
+  "sideEffects": false,
+  "main": "../../cjs/select/select-renderer.cjs",
+  "module": "../../esm/select/select-renderer.js",
+  "types": "../../cjs/select/select-renderer.d.ts"
+}

package/cjs/__chunks/B4IMQMNP.cjs

@@ -1,36 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
-
-
-var _FHX4GO67cjs = require('./FHX4GO67.cjs');
-
-
-
-
-var _6455U47Tcjs = require('./6455U47T.cjs');
-
-// src/popover/popover-anchor.ts
-var usePopoverAnchor = _O3Z4C76Tcjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _FHX4GO67cjs.useMergeRefs.call(void 0, store.setAnchorElement, props.ref)
-    });
-    return props;
-  }
-);
-var PopoverAnchor = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
-  const htmlProps = usePopoverAnchor(props);
-  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  PopoverAnchor.displayName = "PopoverAnchor";
-}
-
-
-
-
-exports.usePopoverAnchor = usePopoverAnchor; exports.PopoverAnchor = PopoverAnchor;

package/cjs/__chunks/N6BZRQWT.cjs

@@ -1,32 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _4JALWV3Vcjs = require('./4JALWV3V.cjs');
-
-
-
-
-var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
-
-
-var _6455U47Tcjs = require('./6455U47T.cjs');
-
-// src/form/form-group.ts
-var useFormGroup = _O3Z4C76Tcjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _4JALWV3Vcjs.useGroup.call(void 0, props);
-    return props;
-  }
-);
-var FormGroup = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
-  const htmlProps = useFormGroup(props);
-  return _O3Z4C76Tcjs.createElement.call(void 0, "div", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  FormGroup.displayName = "FormGroup";
-}
-
-
-
-
-exports.useFormGroup = useFormGroup; exports.FormGroup = FormGroup;

package/cjs/__chunks/NVMBKFRB.cjs

@@ -1,13 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/composite/composite-context.ts
-var _react = require('react');
-var CompositeRowContext = _react.createContext.call(void 0, void 0);
-var CompositeItemContext = _react.createContext.call(void 0, void 0);
-var CompositeContext = _react.createContext.call(void 0, 
-  void 0
-);
-
-
-
-
-
-exports.CompositeRowContext = CompositeRowContext; exports.CompositeItemContext = CompositeItemContext; exports.CompositeContext = CompositeContext;

package/cjs/__chunks/O3Z4C76T.cjs

@@ -1,72 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _FHX4GO67cjs = require('./FHX4GO67.cjs');
-
-
-
-var _2KYUOSJ4cjs = require('./2KYUOSJ4.cjs');
-
-
-
-
-var _6455U47Tcjs = require('./6455U47T.cjs');
-
-// src/utils/system.tsx
-var _react = require('react');
-var _misc = require('@ariakit/core/utils/misc');
-var _jsxruntime = require('react/jsx-runtime');
-function isRenderProp(children) {
-  return typeof children === "function";
-}
-function createComponent(render) {
-  const Role = (props, ref) => render(_6455U47Tcjs.__spreadValues.call(void 0, { ref }, props));
-  return _react.forwardRef.call(void 0, Role);
-}
-function createMemoComponent(render) {
-  const Role = createComponent(render);
-  return _react.memo.call(void 0, Role);
-}
-function createElement(Type, props) {
-  const _a = props, { as: As, wrapElement, render } = _a, rest = _6455U47Tcjs.__objRest.call(void 0, _a, ["as", "wrapElement", "render"]);
-  let element;
-  const mergedRef = _FHX4GO67cjs.useMergeRefs.call(void 0, props.ref, _2KYUOSJ4cjs.getRefProperty.call(void 0, render));
-  if (As && typeof As !== "string") {
-    element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, As, _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, rest), { render }));
-  } else if (_react.isValidElement.call(void 0, render)) {
-    const renderProps = _6455U47Tcjs.__spreadProps.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, {}, render.props), { ref: mergedRef });
-    element = _react.cloneElement.call(void 0, render, _2KYUOSJ4cjs.mergeProps.call(void 0, rest, renderProps));
-  } else if (render) {
-    element = render(rest);
-  } else if (isRenderProp(props.children)) {
-    const _b = rest, { children } = _b, otherProps = _6455U47Tcjs.__objRest.call(void 0, _b, ["children"]);
-    element = props.children(otherProps);
-  } else if (As) {
-    element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, As, _6455U47Tcjs.__spreadValues.call(void 0, {}, rest));
-  } else {
-    element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Type, _6455U47Tcjs.__spreadValues.call(void 0, {}, rest));
-  }
-  if (wrapElement) {
-    return wrapElement(element);
-  }
-  return element;
-}
-function createHook(useProps) {
-  const useRole = (props = {}) => {
-    const htmlProps = useProps(props);
-    const copy = {};
-    for (const prop in htmlProps) {
-      if (_misc.hasOwnProperty.call(void 0, htmlProps, prop) && htmlProps[prop] !== void 0) {
-        copy[prop] = htmlProps[prop];
-      }
-    }
-    return copy;
-  };
-  return useRole;
-}
-
-
-
-
-
-
-exports.createComponent = createComponent; exports.createMemoComponent = createMemoComponent; exports.createElement = createElement; exports.createHook = createHook;

package/cjs/__chunks/V4OMCLAW.cjs

@@ -1,33 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-
-var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
-
-
-
-var _6455U47Tcjs = require('./6455U47T.cjs');
-
-// src/separator/separator.ts
-var useSeparator = _O3Z4C76Tcjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, { orientation = "horizontal" } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["orientation"]);
-    props = _6455U47Tcjs.__spreadValues.call(void 0, {
-      role: "separator",
-      "aria-orientation": orientation
-    }, props);
-    return props;
-  }
-);
-var Separator = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
-  const htmlProps = useSeparator(props);
-  return _O3Z4C76Tcjs.createElement.call(void 0, "hr", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  Separator.displayName = "Separator";
-}
-
-
-
-
-exports.useSeparator = useSeparator; exports.Separator = Separator;

package/cjs/__chunks/XI6W2T6N.cjs

@@ -1,33 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _4D7KCBQDcjs = require('./4D7KCBQD.cjs');
-
-
-
-
-var _O3Z4C76Tcjs = require('./O3Z4C76T.cjs');
-
-
-
-var _6455U47Tcjs = require('./6455U47T.cjs');
-
-// src/select/select-arrow.ts
-var useSelectArrow = _O3Z4C76Tcjs.createHook.call(void 0, 
-  (_a) => {
-    var _b = _a, { store } = _b, props = _6455U47Tcjs.__objRest.call(void 0, _b, ["store"]);
-    props = _4D7KCBQDcjs.usePopoverDisclosureArrow.call(void 0, _6455U47Tcjs.__spreadValues.call(void 0, { store }, props));
-    return props;
-  }
-);
-var SelectArrow = _O3Z4C76Tcjs.createComponent.call(void 0, (props) => {
-  const htmlProps = useSelectArrow(props);
-  return _O3Z4C76Tcjs.createElement.call(void 0, "span", htmlProps);
-});
-if (process.env.NODE_ENV !== "production") {
-  SelectArrow.displayName = "SelectArrow";
-}
-
-
-
-
-exports.useSelectArrow = useSelectArrow; exports.SelectArrow = SelectArrow;

package/cjs/__chunks/{S2VSVWFY.cjs → ZWMVFMQY.cjs}

@@ -3,10 +3,10 @@
 var _O22LNQHScjs = require('./O22LNQHS.cjs');
 
 
-var _56NPFF7Pcjs = require('./56NPFF7P.cjs');
+var _Z3TLXRS7cjs = require('./Z3TLXRS7.cjs');
 
 
-var _Z3TLXRS7cjs = require('./Z3TLXRS7.cjs');
+var _56NPFF7Pcjs = require('./56NPFF7P.cjs');
 
 
 

package/esm/__chunks/{QLHUIPVK.js → AR6DTI3S.js}

@@ -1,12 +1,12 @@
 import {
   hideElementFromAccessibilityTree
 } from "./CYJJUQU3.js";
-import {
-  supportsInert
-} from "./KOVUJERF.js";
 import {
   isBackdrop
 } from "./IXXFVVA2.js";
+import {
+  supportsInert
+} from "./KOVUJERF.js";
 import {
   assignStyle,
   setAttribute,