@ariakit/react-core 0.3.4 → 0.3.6

package/cjs/select/select-arrow.cjs

@@ -1,19 +1,20 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _FTX6TAJCcjs = require('../__chunks/FTX6TAJC.cjs');
-require('../__chunks/VIPX6GSM.cjs');
-require('../__chunks/I2EPCLS6.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _KQN7YDDZcjs = require('../__chunks/KQN7YDDZ.cjs');
+require('../__chunks/YU7XEYUJ.cjs');
+require('../__chunks/2WCJJQSK.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
-exports.SelectArrow = _FTX6TAJCcjs.SelectArrow; exports.useSelectArrow = _FTX6TAJCcjs.useSelectArrow;
+
+exports.SelectArrow = _KQN7YDDZcjs.SelectArrow; exports.useSelectArrow = _KQN7YDDZcjs.useSelectArrow;

package/cjs/select/select-arrow.d.cts

@@ -0,0 +1,52 @@
+import type { PopoverDisclosureArrowOptions } from "../popover/popover-disclosure-arrow.js";
+import type { As, Props } from "../utils/types.js";
+import type { SelectStore } from "./select-store.js";
+/**
+ * Returns props to create a `SelectArrow` component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * const store = useSelectStore();
+ * const props = useSelectArrow({ store });
+ * <Select store={store}>
+ *   {store.value}
+ *   <Role {...props} />
+ * </Select>
+ * <SelectPopover store={store}>
+ *   <SelectItem value="Apple" />
+ *   <SelectItem value="Orange" />
+ * </SelectPopover>
+ * ```
+ */
+export declare const useSelectArrow: import("../utils/types.js").Hook<SelectArrowOptions<"span">>;
+/**
+ * Renders an arrow pointing to the select popover position. It's usually
+ * rendered inside the [`Select`](https://ariakit.org/reference/select)
+ * component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {4}
+ * <SelectProvider>
+ *   <Select>
+ *     {select.value}
+ *     <SelectArrow />
+ *   </Select>
+ *   <SelectPopover>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Orange" />
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare const SelectArrow: import("../utils/types.js").Component<SelectArrowOptions<"span">>;
+export interface SelectArrowOptions<T extends As = "span"> extends PopoverDisclosureArrowOptions<T> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the closest [`Select`](https://ariakit.org/reference/select)
+     * or [`SelectProvider`](https://ariakit.org/reference/select-provider)
+     * components' context will be used.
+     */
+    store?: SelectStore;
+}
+export type SelectArrowProps<T extends As = "span"> = Props<SelectArrowOptions<T>>;

package/cjs/select/select-context.cjs

@@ -1,25 +1,26 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
 
 
 
 
-var _I2EPCLS6cjs = require('../__chunks/I2EPCLS6.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
 
+var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 
 
 
 
 
-exports.SelectContextProvider = _I2EPCLS6cjs.SelectContextProvider; exports.SelectItemCheckedContext = _I2EPCLS6cjs.SelectItemCheckedContext; exports.SelectScopedContextProvider = _I2EPCLS6cjs.SelectScopedContextProvider; exports.useSelectContext = _I2EPCLS6cjs.useSelectContext; exports.useSelectProviderContext = _I2EPCLS6cjs.useSelectProviderContext; exports.useSelectScopedContext = _I2EPCLS6cjs.useSelectScopedContext;
+
+exports.SelectContextProvider = _2WCJJQSKcjs.SelectContextProvider; exports.SelectItemCheckedContext = _2WCJJQSKcjs.SelectItemCheckedContext; exports.SelectScopedContextProvider = _2WCJJQSKcjs.SelectScopedContextProvider; exports.useSelectContext = _2WCJJQSKcjs.useSelectContext; exports.useSelectProviderContext = _2WCJJQSKcjs.useSelectProviderContext; exports.useSelectScopedContext = _2WCJJQSKcjs.useSelectScopedContext;

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

@@ -0,0 +1,20 @@
+import type { SelectStore } from "./select-store.js";
+/**
+ * Returns the select store from the nearest select container.
+ * @example
+ * function Select() {
+ *   const store = useSelectContext();
+ *
+ *   if (!store) {
+ *     throw new Error("Select must be wrapped in SelectProvider");
+ *   }
+ *
+ *   // Use the store...
+ * }
+ */
+export declare const useSelectContext: () => SelectStore | undefined;
+export declare const useSelectScopedContext: (onlyScoped?: boolean) => SelectStore | undefined;
+export declare const useSelectProviderContext: () => SelectStore | undefined;
+export declare const SelectContextProvider: (props: import("react").ProviderProps<SelectStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectScopedContextProvider: (props: import("react").ProviderProps<SelectStore | undefined>) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectItemCheckedContext: import("react").Context<boolean>;

package/cjs/select/select-group-label.cjs

@@ -1,28 +1,29 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _DGL5AMAWcjs = require('../__chunks/DGL5AMAW.cjs');
-require('../__chunks/TDUVWW2F.cjs');
-require('../__chunks/K56WQU76.cjs');
 
+var _TUDQDX77cjs = require('../__chunks/TUDQDX77.cjs');
+require('../__chunks/QQCFY3MB.cjs');
+require('../__chunks/FE3YCURH.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 // src/select/select-group-label.ts
-var useSelectGroupLabel = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useSelectGroupLabel = _RNZNGEL4cjs.createHook.call(void 0, 
   (props) => {
-    props = _DGL5AMAWcjs.useCompositeGroupLabel.call(void 0, props);
+    props = _TUDQDX77cjs.useCompositeGroupLabel.call(void 0, props);
     return props;
   }
 );
-var SelectGroupLabel = _Z5PUIG6Acjs.createComponent.call(void 0, 
+var SelectGroupLabel = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useSelectGroupLabel(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/select/select-group-label.d.cts

@@ -0,0 +1,53 @@
+import type { CompositeGroupLabelOptions } from "../composite/composite-group-label.js";
+import type { As, Props } from "../utils/types.js";
+import type { SelectStore } from "./select-store.js";
+/**
+ * Returns props to create a `SelectGroupLabel` component. This hook must be
+ * used in a component that's wrapped with `SelectGroup` so the
+ * `aria-labelledby` prop is properly set on the select group element.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * // This component must be wrapped with SelectGroup
+ * const props = useSelectGroupLabel();
+ * <Role {...props}>Label</Role>
+ * ```
+ */
+export declare const useSelectGroupLabel: import("../utils/types.js").Hook<SelectGroupLabelOptions<"div">>;
+/**
+ * Renders a label in a select group. This component must be wrapped with
+ * `SelectGroup` so the `aria-labelledby` prop is properly set on the select
+ * group element.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {5,10}
+ * <SelectProvider>
+ *   <Select />
+ *   <SelectPopover>
+ *     <SelectGroup>
+ *       <SelectGroupLabel>Fruits</SelectGroupLabel>
+ *       <SelectItem value="Apple" />
+ *       <SelectItem value="Orange" />
+ *     </SelectGroup>
+ *     <SelectGroup>
+ *       <SelectGroupLabel>Meat</SelectGroupLabel>
+ *       <SelectItem value="Beef" />
+ *       <SelectItem value="Chicken" />
+ *     </SelectGroup>
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare const SelectGroupLabel: import("../utils/types.js").Component<SelectGroupLabelOptions<"div">>;
+export interface SelectGroupLabelOptions<T extends As = "div"> extends CompositeGroupLabelOptions<T> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the parent
+     * [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components'
+     * context will be used.
+     */
+    store?: SelectStore;
+}
+export type SelectGroupLabelProps<T extends As = "div"> = Props<SelectGroupLabelOptions<T>>;

package/cjs/select/select-group.cjs

@@ -1,25 +1,26 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _7VE7IIRWcjs = require('../__chunks/7VE7IIRW.cjs');
-require('../__chunks/ZMSJUL55.cjs');
-require('../__chunks/K56WQU76.cjs');
 
+var _2KDFQUU7cjs = require('../__chunks/2KDFQUU7.cjs');
+require('../__chunks/KSAZE5E2.cjs');
+require('../__chunks/FE3YCURH.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
-require('../__chunks/72I2GWXF.cjs');
+
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
+require('../__chunks/AV6KTKLE.cjs');
 
 // src/select/select-group.ts
-var useSelectGroup = _Z5PUIG6Acjs.createHook.call(void 0, (props) => {
-  props = _7VE7IIRWcjs.useCompositeGroup.call(void 0, props);
+var useSelectGroup = _RNZNGEL4cjs.createHook.call(void 0, (props) => {
+  props = _2KDFQUU7cjs.useCompositeGroup.call(void 0, props);
   return props;
 });
-var SelectGroup = _Z5PUIG6Acjs.createComponent.call(void 0, (props) => {
+var SelectGroup = _RNZNGEL4cjs.createComponent.call(void 0, (props) => {
   const htmlProps = useSelectGroup(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectGroup.displayName = "SelectGroup";

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

@@ -0,0 +1,51 @@
+import type { CompositeGroupOptions } from "../composite/composite-group.js";
+import type { As, Props } from "../utils/types.js";
+import type { SelectStore } from "./select-store.js";
+/**
+ * Returns props to create a `SelectGroup` component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * const store = useSelectStore();
+ * const props = useSelectGroup({ store });
+ * <Select store={store} />
+ * <SelectPopover store={store}>
+ *   <Role {...props}>
+ *     <SelectGroupLabel>Fruits</SelectGroupLabel>
+ *     <SelectItem value="Apple" />
+ *     <SelectItem value="Orange" />
+ *   </Role>
+ * </SelectPopover>
+ * ```
+ */
+export declare const useSelectGroup: import("../utils/types.js").Hook<SelectGroupOptions<"div">>;
+/**
+ * Renders a select group.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {4-8}
+ * <SelectProvider>
+ *   <Select />
+ *   <SelectPopover>
+ *     <SelectGroup>
+ *       <SelectGroupLabel>Fruits</SelectGroupLabel>
+ *       <SelectItem value="Apple" />
+ *       <SelectItem value="Orange" />
+ *     </SelectGroup>
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare const SelectGroup: import("../utils/types.js").Component<SelectGroupOptions<"div">>;
+export interface SelectGroupOptions<T extends As = "div"> extends CompositeGroupOptions<T> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the parent
+     * [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components'
+     * context will be used.
+     */
+    store?: SelectStore;
+}
+export type SelectGroupProps<T extends As = "div"> = Props<SelectGroupOptions<T>>;

package/cjs/select/select-item-check.cjs

@@ -1,43 +1,44 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _P4F26HLTcjs = require('../__chunks/P4F26HLT.cjs');
-require('../__chunks/FO6MB5HF.cjs');
 
+var _T4KYZJUYcjs = require('../__chunks/T4KYZJUY.cjs');
+require('../__chunks/ERFHNHON.cjs');
 
-var _I2EPCLS6cjs = require('../__chunks/I2EPCLS6.cjs');
-require('../__chunks/H7R5D2FR.cjs');
-require('../__chunks/NHZBX2RS.cjs');
-require('../__chunks/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
 
+var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/select/select-item-check.ts
 var _react = require('react');
-var useSelectItemCheck = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useSelectItemCheck = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
-    var _b = _a, { store, checked } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, ["store", "checked"]);
-    const context = _react.useContext.call(void 0, _I2EPCLS6cjs.SelectItemCheckedContext);
+    var _b = _a, { store, checked } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, ["store", "checked"]);
+    const context = _react.useContext.call(void 0, _2WCJJQSKcjs.SelectItemCheckedContext);
     checked = checked != null ? checked : context;
-    props = _P4F26HLTcjs.useCheckboxCheck.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, props), { checked }));
+    props = _T4KYZJUYcjs.useCheckboxCheck.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, props), { checked }));
     return props;
   }
 );
-var SelectItemCheck = _Z5PUIG6Acjs.createComponent.call(void 0, 
+var SelectItemCheck = _RNZNGEL4cjs.createComponent.call(void 0, 
   (props) => {
     const htmlProps = useSelectItemCheck(props);
-    return _Z5PUIG6Acjs.createElement.call(void 0, "span", htmlProps);
+    return _RNZNGEL4cjs.createElement.call(void 0, "span", htmlProps);
   }
 );
 if (process.env.NODE_ENV !== "production") {

package/cjs/select/select-item-check.d.cts

@@ -0,0 +1,57 @@
+import type { CheckboxCheckOptions } from "../checkbox/checkbox-check.js";
+import type { As, Props } from "../utils/types.js";
+import type { SelectStore } from "./select-store.js";
+/**
+ * Returns props to create a `SelectItemCheck` component. This hook must be used
+ * in a component that's wrapped with `SelectItem` or the `checked` prop must be
+ * explicitly passed to the component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * const props = useSelectItemCheck({ checked: true });
+ * <Role {...props} />
+ * ```
+ */
+export declare const useSelectItemCheck: import("../utils/types.js").Hook<SelectItemCheckOptions<"span">>;
+/**
+ * Renders a checkmark inside a `SelectItem` component. This component must be
+ * wrapped with `SelectItem` or the `checked` prop must be explicitly passed to
+ * the component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx {5,9}
+ * <SelectProvider>
+ *   <Select />
+ *   <SelectPopover>
+ *     <SelectItem value="Apple">
+ *       <SelectItemCheck />
+ *       Apple
+ *     </SelectItem>
+ *     <SelectItem value="Orange">
+ *       <SelectItemCheck />
+ *       Orange
+ *     </SelectItem>
+ *   </SelectPopover>
+ * </SelectProvider>
+ * ```
+ */
+export declare const SelectItemCheck: import("../utils/types.js").Component<SelectItemCheckOptions<"span">>;
+export interface SelectItemCheckOptions<T extends As = "span"> extends CheckboxCheckOptions<T> {
+    /**
+     * Object returned by the
+     * [`useSelectStore`](https://ariakit.org/reference/use-select-store) hook. If
+     * not provided, the parent
+     * [`SelectList`](https://ariakit.org/reference/select-list) or
+     * [`SelectPopover`](https://ariakit.org/reference/select-popover) components'
+     * context will be used.
+     */
+    store?: SelectStore;
+    /**
+     * Whether the check mark should be shown. This value is automatically
+     * inferred from the parent
+     * [`SelectItem`](https://ariakit.org/reference/select-item) component.
+     * Manually setting this prop will override the inferred value.
+     */
+    checked?: boolean;
+}
+export type SelectItemCheckProps<T extends As = "span"> = Props<SelectItemCheckOptions<T>>;

package/cjs/select/select-item.cjs

@@ -1,41 +1,42 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
-var _LPFT4ZFHcjs = require('../__chunks/LPFT4ZFH.cjs');
 
+var _RRW7YVFRcjs = require('../__chunks/RRW7YVFR.cjs');
 
 
-var _I2EPCLS6cjs = require('../__chunks/I2EPCLS6.cjs');
 
+var _2WCJJQSKcjs = require('../__chunks/2WCJJQSK.cjs');
 
-var _GUWJ7VTOcjs = 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/AKOG5S2T.cjs');
-require('../__chunks/W6ZRSMO5.cjs');
-require('../__chunks/A2NMYLCG.cjs');
-require('../__chunks/GQAB4M3B.cjs');
-require('../__chunks/LHHW5ZQP.cjs');
 
+var _P43G7USHcjs = require('../__chunks/P43G7USH.cjs');
+require('../__chunks/DAJUUBUI.cjs');
+require('../__chunks/R5A2WTWB.cjs');
+require('../__chunks/RV3PHHWM.cjs');
+require('../__chunks/UZNYSPKP.cjs');
+require('../__chunks/BZTDJIVT.cjs');
+require('../__chunks/UVBBMANL.cjs');
+require('../__chunks/F2A2ZQDB.cjs');
+require('../__chunks/S6UU7NA4.cjs');
+require('../__chunks/Z3GCTNW4.cjs');
+require('../__chunks/75KXQZJX.cjs');
 
 
 
-var _Z5PUIG6Acjs = require('../__chunks/Z5PUIG6A.cjs');
-require('../__chunks/EVNF7KMT.cjs');
 
+var _RNZNGEL4cjs = require('../__chunks/RNZNGEL4.cjs');
+require('../__chunks/OALXXRFM.cjs');
 
 
 
 
-var _5WLTMVVQcjs = require('../__chunks/5WLTMVVQ.cjs');
-require('../__chunks/7WUTS26Y.cjs');
 
+var _EO6LS72Hcjs = require('../__chunks/EO6LS72H.cjs');
+require('../__chunks/CJDHQUBR.cjs');
 
 
 
-var _72I2GWXFcjs = require('../__chunks/72I2GWXF.cjs');
+
+var _AV6KTKLEcjs = require('../__chunks/AV6KTKLE.cjs');
 
 // src/select/select-item.tsx
 var _react = require('react');
@@ -53,7 +54,7 @@ function isSelected(storeValue, itemValue) {
   }
   return storeValue === itemValue;
 }
-var useSelectItem = _Z5PUIG6Acjs.createHook.call(void 0, 
+var useSelectItem = _RNZNGEL4cjs.createHook.call(void 0, 
   (_a) => {
     var _b = _a, {
       store,
@@ -63,7 +64,7 @@ var useSelectItem = _Z5PUIG6Acjs.createHook.call(void 0,
       setValueOnClick = value != null,
       preventScrollOnKeyDown = true,
       focusOnHover = true
-    } = _b, props = _72I2GWXFcjs.__objRest.call(void 0, _b, [
+    } = _b, props = _AV6KTKLEcjs.__objRest.call(void 0, _b, [
       "store",
       "value",
       "getItem",
@@ -73,17 +74,17 @@ var useSelectItem = _Z5PUIG6Acjs.createHook.call(void 0,
       "focusOnHover"
     ]);
     var _a2;
-    const context = _I2EPCLS6cjs.useSelectScopedContext.call(void 0, );
+    const context = _2WCJJQSKcjs.useSelectScopedContext.call(void 0, );
     store = store || context;
     _misc.invariant.call(void 0, 
       store,
       process.env.NODE_ENV !== "production" && "SelectItem must be wrapped in a SelectList or SelectPopover component."
     );
-    const id = _5WLTMVVQcjs.useId.call(void 0, props.id);
-    const disabled = props.disabled;
+    const id = _EO6LS72Hcjs.useId.call(void 0, props.id);
+    const disabled = _misc.disabledFromProps.call(void 0, props);
     const getItem = _react.useCallback.call(void 0, 
       (item) => {
-        const nextItem = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {}, item), {
+        const nextItem = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {}, item), {
           value: disabled ? void 0 : value,
           children: value
         });
@@ -99,9 +100,9 @@ var useSelectItem = _Z5PUIG6Acjs.createHook.call(void 0,
     );
     hideOnClick = hideOnClick != null ? hideOnClick : value != null && !multiSelectable;
     const onClickProp = props.onClick;
-    const setValueOnClickProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, setValueOnClick);
-    const hideOnClickProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, hideOnClick);
-    const onClick = _5WLTMVVQcjs.useEvent.call(void 0, (event) => {
+    const setValueOnClickProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, setValueOnClick);
+    const hideOnClickProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, hideOnClick);
+    const onClick = _EO6LS72Hcjs.useEvent.call(void 0, (event) => {
       onClickProp == null ? void 0 : onClickProp(event);
       if (event.defaultPrevented)
         return;
@@ -124,9 +125,9 @@ var useSelectItem = _Z5PUIG6Acjs.createHook.call(void 0,
       }
     });
     const selected = store.useState((state) => isSelected(state.value, value));
-    props = _5WLTMVVQcjs.useWrapElement.call(void 0, 
+    props = _EO6LS72Hcjs.useWrapElement.call(void 0, 
       props,
-      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _I2EPCLS6cjs.SelectItemCheckedContext.Provider, { value: selected, children: element }),
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2WCJJQSKcjs.SelectItemCheckedContext.Provider, { value: selected, children: element }),
       [selected]
     );
     const contentElement = store.useState("contentElement");
@@ -142,7 +143,7 @@ var useSelectItem = _Z5PUIG6Acjs.createHook.call(void 0,
       }
       return state.value === value;
     });
-    props = _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       id,
       role: _dom.getPopupItemRole.call(void 0, contentElement),
       "aria-selected": selected,
@@ -151,13 +152,13 @@ var useSelectItem = _Z5PUIG6Acjs.createHook.call(void 0,
       autoFocus: (_a2 = props.autoFocus) != null ? _a2 : autoFocus,
       onClick
     });
-    props = _GUWJ7VTOcjs.useCompositeItem.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    props = _P43G7USHcjs.useCompositeItem.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store,
       getItem,
       preventScrollOnKeyDown
     }, props));
-    const focusOnHoverProp = _5WLTMVVQcjs.useBooleanEvent.call(void 0, focusOnHover);
-    props = _LPFT4ZFHcjs.useCompositeHover.call(void 0, _72I2GWXFcjs.__spreadProps.call(void 0, _72I2GWXFcjs.__spreadValues.call(void 0, {
+    const focusOnHoverProp = _EO6LS72Hcjs.useBooleanEvent.call(void 0, focusOnHover);
+    props = _RRW7YVFRcjs.useCompositeHover.call(void 0, _AV6KTKLEcjs.__spreadProps.call(void 0, _AV6KTKLEcjs.__spreadValues.call(void 0, {
       store
     }, props), {
       // We have to disable focusOnHover when the popup is closed, otherwise
@@ -173,9 +174,9 @@ var useSelectItem = _Z5PUIG6Acjs.createHook.call(void 0,
     return props;
   }
 );
-var SelectItem = _Z5PUIG6Acjs.createMemoComponent.call(void 0, (props) => {
+var SelectItem = _RNZNGEL4cjs.createMemoComponent.call(void 0, (props) => {
   const htmlProps = useSelectItem(props);
-  return _Z5PUIG6Acjs.createElement.call(void 0, "div", htmlProps);
+  return _RNZNGEL4cjs.createElement.call(void 0, "div", htmlProps);
 });
 if (process.env.NODE_ENV !== "production") {
   SelectItem.displayName = "SelectItem";