@ariakit/react-core 0.2.16 → 0.3.0

package/cjs/__chunks/{6MKUVCEN.cjs → XH2CZ7VF.cjs}

@@ -1,8 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _AKOG5S2Tcjs = require('./AKOG5S2T.cjs');
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+
+
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
 var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
@@ -13,18 +16,20 @@ var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
 var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 
 // src/popover/popover-anchor.ts
-var usePopoverAnchor = _CWY2PHPRcjs.createHook.call(void 0, 
+var usePopoverAnchor = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
+    const context = _AKOG5S2Tcjs.usePopoverProviderContext.call(void 0, );
+    store = store || context;
     props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), {
-      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, store.setAnchorElement, props.ref)
+      ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, store == null ? void 0 : store.setAnchorElement, props.ref)
     });
     return props;
   }
 );
-var PopoverAnchor = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var PopoverAnchor = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = usePopoverAnchor(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   PopoverAnchor.displayName = "PopoverAnchor";

package/cjs/__chunks/{GTZQOSRG.cjs → YJVXQQJ3.cjs}

@@ -5,7 +5,7 @@ var _KLZID3QOcjs = require('./KLZID3QO.cjs');
 
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
 var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
@@ -31,7 +31,7 @@ function getValueLength(element) {
   }
   return 0;
 }
-var useCompositeInput = _CWY2PHPRcjs.createHook.call(void 0, 
+var useCompositeInput = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store"]);
     const onKeyDownCaptureProp = props.onKeyDownCapture;
@@ -69,10 +69,10 @@ var useCompositeInput = _CWY2PHPRcjs.createHook.call(void 0,
     return props;
   }
 );
-var CompositeInput = _CWY2PHPRcjs.createComponent.call(void 0, 
+var CompositeInput = _Z5PUIG6Acjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useCompositeInput(props);
-    return _CWY2PHPRcjs.createElement.call(void 0, "input", htmlProps);
+    return _Z5PUIG6Acjs.createElement.call(void 0, "input", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/__chunks/{CWY2PHPR.cjs → Z5PUIG6A.cjs}

@@ -40,6 +40,16 @@ function createElement(Type, props) {
   const _a = props, { as: As, wrapElement, render } = _a, rest = _72I2GWXFcjs.__objRest.call(void 0, _a, ["as", "wrapElement", "render"]);
   let element;
   const mergedRef = _5WLTMVVQcjs.useMergeRefs.call(void 0, props.ref, _7WUTS26Ycjs.getRefProperty.call(void 0, render));
+  if (process.env.NODE_ENV !== "production") {
+    React.useEffect(() => {
+      if (!As)
+        return;
+      console.warn(
+        "The `as` prop is deprecated. Use the `render` prop instead.",
+        "See https://ariakit.org/guide/composition"
+      );
+    }, [As]);
+  }
   if (As && typeof As !== "string") {
     element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, As, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, rest), { render }));
   } else if (React.isValidElement(render)) {
@@ -48,6 +58,14 @@ function createElement(Type, props) {
   } else if (render) {
     element = render(rest);
   } else if (isRenderProp(props.children)) {
+    if (process.env.NODE_ENV !== "production") {
+      React.useEffect(() => {
+        console.warn(
+          "The `children` prop as a function is deprecated. Use the `render` prop instead.",
+          "See https://ariakit.org/guide/composition"
+        );
+      }, []);
+    }
     const _b = rest, { children } = _b, otherProps = _72I2GWXFcjs.__objRest.call(void 0, _b, ["children"]);
     element = props.children(otherProps);
   } else if (As) {
@@ -73,6 +91,47 @@ function createHook(useProps) {
   };
   return useRole;
 }
+function createStoreContext(providers = [], scopedProviders = []) {
+  const context = React.createContext(void 0);
+  const scopedContext = React.createContext(void 0);
+  const useContext2 = () => React.useContext(context);
+  const useScopedContext = (onlyScoped = false) => {
+    const scoped = React.useContext(scopedContext);
+    const store = useContext2();
+    if (onlyScoped)
+      return scoped;
+    return scoped || store;
+  };
+  const useProviderContext = () => {
+    const scoped = React.useContext(scopedContext);
+    const store = useContext2();
+    if (scoped && scoped === store)
+      return;
+    return store;
+  };
+  const ContextProvider = (props) => {
+    return providers.reduceRight(
+      (children, Provider) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Provider, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { children })),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, context.Provider, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props))
+    );
+  };
+  const ScopedContextProvider = (props) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ContextProvider, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { children: scopedProviders.reduceRight(
+      (children, Provider) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Provider, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { children })),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, scopedContext.Provider, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props))
+    ) }));
+  };
+  return {
+    context,
+    scopedContext,
+    useContext: useContext2,
+    useScopedContext,
+    useProviderContext,
+    ContextProvider,
+    ScopedContextProvider
+  };
+}
+
 
 
 
@@ -81,4 +140,4 @@ function createHook(useProps) {
 
 
 
-exports.forwardRef = forwardRef2; exports.memo = memo2; exports.createComponent = createComponent; exports.createMemoComponent = createMemoComponent; exports.createElement = createElement; exports.createHook = createHook;
+exports.forwardRef = forwardRef2; exports.memo = memo2; exports.createComponent = createComponent; exports.createMemoComponent = createMemoComponent; exports.createElement = createElement; exports.createHook = createHook; exports.createStoreContext = createStoreContext;

package/cjs/__chunks/ZBG4TGVL.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _H7R5D2FRcjs = require('./H7R5D2FR.cjs');
+
+
+
+var _AKOG5S2Tcjs = require('./AKOG5S2T.cjs');
+
+
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
+
+// src/combobox/combobox-context.tsx
+var _react = require('react');
+var ctx = _Z5PUIG6Acjs.createStoreContext.call(void 0, 
+  [_AKOG5S2Tcjs.PopoverContextProvider, _H7R5D2FRcjs.CompositeContextProvider],
+  [_AKOG5S2Tcjs.PopoverScopedContextProvider, _H7R5D2FRcjs.CompositeScopedContextProvider]
+);
+var useComboboxContext = ctx.useContext;
+var useComboboxScopedContext = ctx.useScopedContext;
+var useComboboxProviderContext = ctx.useProviderContext;
+var ComboboxContextProvider = ctx.ContextProvider;
+var ComboboxScopedContextProvider = ctx.ScopedContextProvider;
+var ComboboxItemValueContext = _react.createContext.call(void 0, 
+  void 0
+);
+
+
+
+
+
+
+
+
+exports.useComboboxContext = useComboboxContext; exports.useComboboxScopedContext = useComboboxScopedContext; exports.useComboboxProviderContext = useComboboxProviderContext; exports.ComboboxContextProvider = ComboboxContextProvider; exports.ComboboxScopedContextProvider = ComboboxScopedContextProvider; exports.ComboboxItemValueContext = ComboboxItemValueContext;

package/cjs/__chunks/{N2KSMVA7.cjs → ZHMGQCNX.cjs}

@@ -3,12 +3,12 @@
 var _4K6QJIPXcjs = require('./4K6QJIPX.cjs');
 
 
-var _W5PBA4D6cjs = require('./W5PBA4D6.cjs');
+var _AKOG5S2Tcjs = require('./AKOG5S2T.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
 
@@ -44,14 +44,14 @@ function useComputedStyle(store) {
   }, [contentElement]);
   return style;
 }
-var usePopoverArrow = _CWY2PHPRcjs.createHook.call(void 0, 
+var usePopoverArrow = _Z5PUIG6Acjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, { store, size = defaultSize } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "size"]);
-    const context = _react.useContext.call(void 0, _W5PBA4D6cjs.PopoverContext);
+    const context = _AKOG5S2Tcjs.usePopoverContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
-      process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component"
+      process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component."
     );
     const dir = store.useState(
       (state) => state.currentPlacement.split("-")[0]
@@ -89,9 +89,9 @@ var usePopoverArrow = _CWY2PHPRcjs.createHook.call(void 0,
     return props;
   }
 );
-var PopoverArrow = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var PopoverArrow = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = usePopoverArrow(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   PopoverArrow.displayName = "PopoverArrow";

package/cjs/__chunks/{IY72JWXE.cjs → ZMSJUL55.cjs}

@@ -5,7 +5,7 @@ var _K56WQU76cjs = require('./K56WQU76.cjs');
 
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
 var _5WLTMVVQcjs = require('./5WLTMVVQ.cjs');
@@ -16,7 +16,7 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 // src/group/group.tsx
 var _react = require('react');
 var _jsxruntime = require('react/jsx-runtime');
-var useGroup = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
+var useGroup = _Z5PUIG6Acjs.createHook.call(void 0, (props) => {
   const [labelId, setLabelId] = _react.useState.call(void 0, );
   props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
     props,
@@ -29,9 +29,9 @@ var useGroup = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
   }, props);
   return props;
 });
-var Group = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var Group = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useGroup(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "div", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Group.displayName = "Group";

package/cjs/__chunks/{NXDHPYNQ.cjs → ZQTMT453.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _OSQTQ6OFcjs = require('./OSQTQ6OF.cjs');
+var _NPDPNCSDcjs = require('./NPDPNCSD.cjs');
 
 
 
 
-var _CWY2PHPRcjs = require('./CWY2PHPR.cjs');
+var _Z5PUIG6Acjs = require('./Z5PUIG6A.cjs');
 
 
 
@@ -18,7 +18,7 @@ var _72I2GWXFcjs = require('./72I2GWXF.cjs');
 // src/button/button.ts
 var _react = require('react');
 var _dom = require('@ariakit/core/utils/dom');
-var useButton = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
+var useButton = _Z5PUIG6Acjs.createHook.call(void 0, (props) => {
   const ref = _react.useRef.call(void 0, null);
   const tagName = _5WLTMVVQcjs.useTagName.call(void 0, ref, props.as || "button");
   const [isNativeButton, setIsNativeButton] = _react.useState.call(void 0, 
@@ -34,12 +34,12 @@ var useButton = _CWY2PHPRcjs.createHook.call(void 0, (props) => {
   }, props), {
     ref: _5WLTMVVQcjs.useMergeRefs.call(void 0, ref, props.ref)
   });
-  props = _OSQTQ6OFcjs.useCommand.call(void 0, props);
+  props = _NPDPNCSDcjs.useCommand.call(void 0, props);
   return props;
 });
-var Button = _CWY2PHPRcjs.createComponent.call(void 0, (props) => {
+var Button = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
   const htmlProps = useButton(props);
-  return _CWY2PHPRcjs.createElement.call(void 0, "button", htmlProps);
+  return _Z5PUIG6Acjs.createElement.call(void 0, "button", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   Button.displayName = "Button";

package/cjs/button/button.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _NXDHPYNQcjs = require('../__chunks/NXDHPYNQ.cjs');
-require('../__chunks/OSQTQ6OF.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+var _ZQTMT453cjs = require('../__chunks/ZQTMT453.cjs');
+require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.Button = _NXDHPYNQcjs.Button; exports.useButton = _NXDHPYNQcjs.useButton;
+exports.Button = _ZQTMT453cjs.Button; exports.useButton = _ZQTMT453cjs.useButton;

package/cjs/checkbox/checkbox-check.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _T23EIXNFcjs = require('../__chunks/T23EIXNF.cjs');
+var _P4F26HLTcjs = require('../__chunks/P4F26HLT.cjs');
 require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/CWY2PHPR.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.CheckboxCheck = _T23EIXNFcjs.CheckboxCheck; exports.useCheckboxCheck = _T23EIXNFcjs.useCheckboxCheck;
+exports.CheckboxCheck = _P4F26HLTcjs.CheckboxCheck; exports.useCheckboxCheck = _P4F26HLTcjs.useCheckboxCheck;

package/cjs/checkbox/checkbox-context.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+var _NER6RNCQcjs = require('../__chunks/NER6RNCQ.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
+require('../__chunks/72I2GWXF.cjs');
+
+
+
+
+
+
+exports.CheckboxContextProvider = _NER6RNCQcjs.CheckboxContextProvider; exports.CheckboxScopedContextProvider = _NER6RNCQcjs.CheckboxScopedContextProvider; exports.useCheckboxContext = _NER6RNCQcjs.useCheckboxContext; exports.useCheckboxProviderContext = _NER6RNCQcjs.useCheckboxProviderContext; exports.useCheckboxScopedContext = _NER6RNCQcjs.useCheckboxScopedContext;

package/cjs/checkbox/checkbox-context.d.ts

@@ -0,0 +1,19 @@
+import type { CheckboxStore } from "./checkbox-store.js";
+/**
+ * Returns the checkbox store from the nearest checkbox container.
+ * @example
+ * function Checkbox() {
+ *   const store = useCheckboxContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Checkbox must be wrapped in CheckboxProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useCheckboxContext: () => CheckboxStore<string | number | boolean | (string | number)[]> | undefined;
+export declare const useCheckboxScopedContext: (onlyScoped?: boolean) => CheckboxStore<string | number | boolean | (string | number)[]> | undefined;
+export declare const useCheckboxProviderContext: () => CheckboxStore<string | number | boolean | (string | number)[]> | undefined;
+export declare const CheckboxContextProvider: (props: import("react").ProviderProps<CheckboxStore<string | number | boolean | (string | number)[]> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxScopedContextProvider: (props: import("react").ProviderProps<CheckboxStore<string | number | boolean | (string | number)[]> | undefined>) => import("react/jsx-runtime").JSX.Element;

package/cjs/checkbox/checkbox-provider.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _CFO65DTJcjs = require('../__chunks/CFO65DTJ.cjs');
+
+
+var _NER6RNCQcjs = require('../__chunks/NER6RNCQ.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/42FA4OOB.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
+require('../__chunks/72I2GWXF.cjs');
+
+// src/checkbox/checkbox-provider.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function CheckboxProvider(props = {}) {
+  const store = _CFO65DTJcjs.useCheckboxStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NER6RNCQcjs.CheckboxContextProvider, { value: store, children: props.children });
+}
+
+
+exports.CheckboxProvider = CheckboxProvider;

package/cjs/checkbox/checkbox-provider.d.ts

@@ -0,0 +1,29 @@
+import type { ReactElement, ReactNode } from "react";
+import type { PickRequired } from "@ariakit/core/utils/types";
+import type { CheckboxStoreProps, CheckboxStoreValue } from "./checkbox-store.js";
+type Value = CheckboxStoreValue;
+/**
+ * Provides a checkbox store to its descendants. This is useful to create a
+ * group of checkboxes that share the same store.
+ * @see https://ariakit.org/components/checkbox
+ * @example
+ * ```jsx
+ * <CheckboxProvider defaultValue={["orange"]}>
+ *   <label>
+ *     <Checkbox value="apple" /> Apple
+ *   </label>
+ *   <label>
+ *     <Checkbox value="orange" /> Orange
+ *   </label>
+ *   <label>
+ *     <Checkbox value="mango" /> Mango
+ *   </label>
+ * </CheckboxProvider>
+ * ```
+ */
+export declare function CheckboxProvider<T extends Value = Value>(props: PickRequired<CheckboxProviderProps<T>, "value" | "defaultValue">): ReactElement;
+export declare function CheckboxProvider(props?: CheckboxProviderProps): ReactElement;
+export interface CheckboxProviderProps<T extends Value = Value> extends CheckboxStoreProps<T> {
+    children?: ReactNode;
+}
+export {};

package/cjs/checkbox/checkbox-store.cjs

@@ -1,14 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-
-var _VGBPLBUZcjs = require('../__chunks/VGBPLBUZ.cjs');
-require('../__chunks/QW7NAUIX.cjs');
+var _CFO65DTJcjs = require('../__chunks/CFO65DTJ.cjs');
+require('../__chunks/42FA4OOB.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-
-exports.useCheckboxStore = _VGBPLBUZcjs.useCheckboxStore; exports.useCheckboxStoreOptions = _VGBPLBUZcjs.useCheckboxStoreOptions; exports.useCheckboxStoreProps = _VGBPLBUZcjs.useCheckboxStoreProps;
+exports.useCheckboxStore = _CFO65DTJcjs.useCheckboxStore; exports.useCheckboxStoreProps = _CFO65DTJcjs.useCheckboxStoreProps;

package/cjs/checkbox/checkbox-store.d.ts

@@ -2,8 +2,7 @@ import * as Core from "@ariakit/core/checkbox/checkbox-store";
 import type { PickRequired } from "@ariakit/core/utils/types";
 import type { Store } from "../utils/store.js";
 type Value = Core.CheckboxStoreValue;
-export declare function useCheckboxStoreOptions(_props: CheckboxStoreProps): Partial<CheckboxStoreOptions>;
-export declare function useCheckboxStoreProps<T extends CheckboxStore>(store: T, props: CheckboxStoreProps): T;
+export declare function useCheckboxStoreProps<T extends Core.CheckboxStore>(store: T, update: () => void, props: CheckboxStoreProps): T;
 /**
  * Creates a checkbox store.
  * @see https://ariakit.org/components/checkbox

package/cjs/checkbox/checkbox.cjs

@@ -1,17 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _BIJBAZHTcjs = require('../__chunks/BIJBAZHT.cjs');
+var _MYVMDX23cjs = require('../__chunks/MYVMDX23.cjs');
+require('../__chunks/NER6RNCQ.cjs');
 require('../__chunks/FO6MB5HF.cjs');
-require('../__chunks/OSQTQ6OF.cjs');
-require('../__chunks/I4JDDV3V.cjs');
+require('../__chunks/NPDPNCSD.cjs');
+require('../__chunks/BFLDQF3L.cjs');
 require('../__chunks/LHHW5ZQP.cjs');
-require('../__chunks/CWY2PHPR.cjs');
-require('../__chunks/QW7NAUIX.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/42FA4OOB.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.Checkbox = _BIJBAZHTcjs.Checkbox; exports.useCheckbox = _BIJBAZHTcjs.useCheckbox;
+exports.Checkbox = _MYVMDX23cjs.Checkbox; exports.useCheckbox = _MYVMDX23cjs.useCheckbox;

package/cjs/collection/collection-context.cjs

@@ -1,7 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ZQAFJQIScjs = require('../__chunks/ZQAFJQIS.cjs');
+
+
+
+
+var _NHZBX2RScjs = require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
-exports.CollectionContext = _ZQAFJQIScjs.CollectionContext;
+
+
+
+
+exports.CollectionContextProvider = _NHZBX2RScjs.CollectionContextProvider; exports.CollectionScopedContextProvider = _NHZBX2RScjs.CollectionScopedContextProvider; exports.useCollectionContext = _NHZBX2RScjs.useCollectionContext; exports.useCollectionProviderContext = _NHZBX2RScjs.useCollectionProviderContext; exports.useCollectionScopedContext = _NHZBX2RScjs.useCollectionScopedContext;

package/cjs/collection/collection-context.d.ts

@@ -1,5 +1,34 @@
 import type { CollectionStore } from "./collection-store.js";
-export declare const CollectionContext: import("react").Context<CollectionStore<{
+/**
+ * Returns the collection store from the nearest collection container.
+ * @example
+ * function CollectionItem() {
+ *   const store = useCollectionContext();
+ *
+ *   if (!store) {
+ *     throw new Error("CollectionItem must be wrapped in CollectionProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useCollectionContext: () => CollectionStore<{
     id: string;
     element?: HTMLElement | null | undefined;
-}> | undefined>;
+}> | undefined;
+export declare const useCollectionScopedContext: (onlyScoped?: boolean) => CollectionStore<{
+    id: string;
+    element?: HTMLElement | null | undefined;
+}> | undefined;
+export declare const useCollectionProviderContext: () => CollectionStore<{
+    id: string;
+    element?: HTMLElement | null | undefined;
+}> | undefined;
+export declare const CollectionContextProvider: (props: import("react").ProviderProps<CollectionStore<{
+    id: string;
+    element?: HTMLElement | null | undefined;
+}> | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const CollectionScopedContextProvider: (props: import("react").ProviderProps<CollectionStore<{
+    id: string;
+    element?: HTMLElement | null | undefined;
+}> | undefined>) => import("react/jsx-runtime").JSX.Element;

package/cjs/collection/collection-item.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _ETK4FMZHcjs = require('../__chunks/ETK4FMZH.cjs');
-require('../__chunks/ZQAFJQIS.cjs');
-require('../__chunks/CWY2PHPR.cjs');
+var _FMI5QF7Ncjs = require('../__chunks/FMI5QF7N.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.CollectionItem = _ETK4FMZHcjs.CollectionItem; exports.useCollectionItem = _ETK4FMZHcjs.useCollectionItem;
+exports.CollectionItem = _FMI5QF7Ncjs.CollectionItem; exports.useCollectionItem = _FMI5QF7Ncjs.useCollectionItem;

package/cjs/collection/collection-provider.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _KAZTJBAFcjs = require('../__chunks/KAZTJBAF.cjs');
+
+
+var _NHZBX2RScjs = require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/42FA4OOB.cjs');
+require('../__chunks/5WLTMVVQ.cjs');
+require('../__chunks/7WUTS26Y.cjs');
+require('../__chunks/72I2GWXF.cjs');
+
+// src/collection/collection-provider.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function CollectionProvider(props = {}) {
+  const store = _KAZTJBAFcjs.useCollectionStore.call(void 0, props);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _NHZBX2RScjs.CollectionContextProvider, { value: store, children: props.children });
+}
+
+
+exports.CollectionProvider = CollectionProvider;

package/cjs/collection/collection-provider.d.ts

@@ -0,0 +1,22 @@
+import type { ReactElement, ReactNode } from "react";
+import type { PickRequired } from "@ariakit/core/utils/types";
+import type { CollectionStoreItem, CollectionStoreProps } from "./collection-store.js";
+type Item = CollectionStoreItem;
+/**
+ * Provides a collection store to CollectionItem components.
+ * @see https://ariakit.org/components/collection
+ * @example
+ * ```jsx
+ * <CollectionProvider>
+ *   <CollectionItem />
+ *   <CollectionItem />
+ *   <CollectionItem />
+ * </CollectionProvider>
+ * ```
+ */
+export declare function CollectionProvider<T extends Item = Item>(props: PickRequired<CollectionProviderProps<T>, "items" | "defaultItems">): ReactElement;
+export declare function CollectionProvider(props?: CollectionProviderProps): ReactElement;
+export interface CollectionProviderProps<T extends Item = Item> extends CollectionStoreProps<T> {
+    children?: ReactNode;
+}
+export {};

package/cjs/collection/collection-renderer.cjs

@@ -3,10 +3,10 @@
 
 
 
-var _5SFIKBWFcjs = require('../__chunks/5SFIKBWF.cjs');
-require('../__chunks/ZQAFJQIS.cjs');
-require('../__chunks/CWY2PHPR.cjs');
-require('../__chunks/QW7NAUIX.cjs');
+var _UIP5UBUPcjs = require('../__chunks/UIP5UBUP.cjs');
+require('../__chunks/NHZBX2RS.cjs');
+require('../__chunks/Z5PUIG6A.cjs');
+require('../__chunks/42FA4OOB.cjs');
 require('../__chunks/5WLTMVVQ.cjs');
 require('../__chunks/7WUTS26Y.cjs');
 require('../__chunks/72I2GWXF.cjs');
@@ -15,4 +15,4 @@ require('../__chunks/72I2GWXF.cjs');
 
 
 
-exports.CollectionRenderer = _5SFIKBWFcjs.CollectionRenderer; exports.getCollectionRendererItem = _5SFIKBWFcjs.getCollectionRendererItem; exports.getCollectionRendererItemId = _5SFIKBWFcjs.getCollectionRendererItemId; exports.useCollectionRenderer = _5SFIKBWFcjs.useCollectionRenderer;
+exports.CollectionRenderer = _UIP5UBUPcjs.CollectionRenderer; exports.getCollectionRendererItem = _UIP5UBUPcjs.getCollectionRendererItem; exports.getCollectionRendererItemId = _UIP5UBUPcjs.getCollectionRendererItemId; exports.useCollectionRenderer = _UIP5UBUPcjs.useCollectionRenderer;