@ariakit/react-core 0.0.1 → 0.1.0

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

@@ -0,0 +1,36 @@
+import * as Core from "@ariakit/core/popover/popover-store";
+import type { DialogStoreFunctions, DialogStoreOptions, DialogStoreState } from "../dialog/dialog-store.js";
+import type { Store } from "../utils/store.js";
+export declare function usePopoverStoreOptions(props: PopoverStoreProps): {
+    getAnchorRect: ((anchor: HTMLElement | null) => {
+        x?: number | undefined;
+        y?: number | undefined;
+        width?: number | undefined;
+        height?: number | undefined;
+    } | null) | undefined;
+    renderCallback: ((props: Core.PopoverStoreRenderCallbackProps) => void | (() => void)) | undefined;
+    setOpen?: ((open: boolean) => void) | undefined;
+    defaultOpen?: boolean | undefined;
+    open?: boolean | undefined;
+    animated?: number | boolean | undefined;
+};
+export declare function usePopoverStoreProps<T extends PopoverStore>(store: T, props: PopoverStoreProps): T;
+/**
+ * Creates a popover store.
+ * @see https://ariakit.org/components/popover
+ * @example
+ * ```jsx
+ * const popover = usePopoverStore();
+ * <PopoverDisclosure store={popover}>Disclosure</PopoverDisclosure>
+ * <Popover store={popover}>Popover</Popover>
+ * ```
+ */
+export declare function usePopoverStore(props?: PopoverStoreProps): PopoverStore;
+export interface PopoverStoreState extends Core.PopoverStoreState, DialogStoreState {
+}
+export interface PopoverStoreFunctions extends Core.PopoverStoreFunctions, DialogStoreFunctions {
+}
+export interface PopoverStoreOptions extends Core.PopoverStoreOptions, DialogStoreOptions {
+}
+export type PopoverStoreProps = PopoverStoreOptions & Core.PopoverStoreProps;
+export type PopoverStore = PopoverStoreFunctions & Store<Core.PopoverStore>;

package/cjs/popover/popover.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _YAJKVIK2cjs = require('../__chunks/YAJKVIK2.cjs');
+require('../__chunks/GEJXRZB4.cjs');
+require('../__chunks/2ZU7T6CD.cjs');
+require('../__chunks/XKBGBOWQ.cjs');
+require('../__chunks/ORRE4SVW.cjs');
+require('../__chunks/5EIZ4QQ7.cjs');
+require('../__chunks/RDNP4FTV.cjs');
+require('../__chunks/XFVLDGPP.cjs');
+require('../__chunks/ZNVMDYMM.cjs');
+require('../__chunks/YHG3KGFW.cjs');
+require('../__chunks/X2GXTE3P.cjs');
+require('../__chunks/CMHDB7LY.cjs');
+require('../__chunks/KWHAB2F2.cjs');
+require('../__chunks/T4TB3AAZ.cjs');
+require('../__chunks/SOPRUU56.cjs');
+require('../__chunks/CQSUIL2D.cjs');
+require('../__chunks/N2VCZZLP.cjs');
+require('../__chunks/W5PBA4D6.cjs');
+require('../__chunks/44UMDBZE.cjs');
+require('../__chunks/IVRU7X3P.cjs');
+require('../__chunks/MAH7ORCZ.cjs');
+require('../__chunks/NS56XHXG.cjs');
+require('../__chunks/SWSQUGVG.cjs');
+require('../__chunks/DGBC5VB4.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.Popover = _YAJKVIK2cjs.Popover; exports.usePopover = _YAJKVIK2cjs.usePopover;

package/cjs/popover/popover.d.ts

@@ -0,0 +1,38 @@
+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";
+/**
+ * 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
+ * const popover = usePopoverStore();
+ * <PopoverDisclosure store={popover}>Disclosure</PopoverDisclosure>
+ * <Popover store={popover}>Popover</Popover>
+ * ```
+ */
+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` hook.
+     */
+    store: PopoverStore;
+    /**
+     * Props that will be passed to the popover wrapper element. This element will
+     * be used to position the popover.
+     */
+    wrapperProps?: HTMLAttributes<HTMLDivElement>;
+}
+export type PopoverProps<T extends As = "div"> = Props<PopoverOptions<T>>;

package/cjs/portal/portal-context.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _NS56XHXGcjs = require('../__chunks/NS56XHXG.cjs');
+
+
+exports.PortalContext = _NS56XHXGcjs.PortalContext;

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

@@ -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

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _IVRU7X3Pcjs = require('../__chunks/IVRU7X3P.cjs');
+require('../__chunks/MAH7ORCZ.cjs');
+require('../__chunks/NS56XHXG.cjs');
+require('../__chunks/DGBC5VB4.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.Portal = _IVRU7X3Pcjs.Portal; exports.usePortal = _IVRU7X3Pcjs.usePortal;

package/cjs/portal/portal.d.ts

@@ -0,0 +1,64 @@
+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 `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
+     * 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
+     * const [portal, setPortal] = useState(null);
+     * <Portal portalElement={portal} />;
+     * <div ref={setPortal} />;
+     * @example
+     * 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

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _7JKSDWVFcjs = require('../__chunks/7JKSDWVF.cjs');
+
+
+exports.RadioContext = _7JKSDWVFcjs.RadioContext;

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

@@ -0,0 +1,2 @@
+import type { RadioStore } from "./radio-store.js";
+export declare const RadioContext: import("react").Context<RadioStore | undefined>;

package/cjs/radio/radio-group.cjs

@@ -0,0 +1,47 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _7JKSDWVFcjs = require('../__chunks/7JKSDWVF.cjs');
+
+
+var _GV5LATA3cjs = require('../__chunks/GV5LATA3.cjs');
+require('../__chunks/6622YWGR.cjs');
+require('../__chunks/44UMDBZE.cjs');
+require('../__chunks/NVMBKFRB.cjs');
+
+
+
+
+var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+
+
+var _5QY4WCTRcjs = require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+// src/radio/radio-group.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var useRadioGroup = _UYIFJ7U3cjs.createHook.call(void 0, 
+  ({ store, ...props }) => {
+    props = _5QY4WCTRcjs.useWrapElement.call(void 0, 
+      props,
+      (element) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _7JKSDWVFcjs.RadioContext.Provider, { value: store, children: element }),
+      [store]
+    );
+    props = {
+      role: "radiogroup",
+      ...props
+    };
+    props = _GV5LATA3cjs.useComposite.call(void 0, { store, ...props });
+    return props;
+  }
+);
+var RadioGroup = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+  const htmlProps = useRadioGroup(props);
+  return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+});
+if (process.env.NODE_ENV !== "production") {
+  RadioGroup.displayName = "RadioGroup";
+}
+
+
+
+exports.RadioGroup = RadioGroup; exports.useRadioGroup = useRadioGroup;

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

@@ -0,0 +1,37 @@
+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` hook.
+     */
+    store: RadioStore;
+}
+export type RadioGroupProps<T extends As = "div"> = Props<RadioGroupOptions<T>>;

package/cjs/radio/radio-store.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
+
+
+var _RG6JXX7Tcjs = require('../__chunks/RG6JXX7T.cjs');
+require('../__chunks/5LMWS5O4.cjs');
+
+
+
+var _F6IOE5QTcjs = require('../__chunks/F6IOE5QT.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+// src/radio/radio-store.ts
+var _radiostore = require('@ariakit/core/radio/radio-store'); var Core = _interopRequireWildcard(_radiostore);
+function useRadioStoreOptions(props) {
+  return _RG6JXX7Tcjs.useCompositeStoreOptions.call(void 0, props);
+}
+function useRadioStoreProps(store, props) {
+  store = _RG6JXX7Tcjs.useCompositeStoreProps.call(void 0, store, props);
+  _F6IOE5QTcjs.useStoreProps.call(void 0, store, props, "value", "setValue");
+  return store;
+}
+function useRadioStore(props = {}) {
+  const options = useRadioStoreOptions(props);
+  const store = _F6IOE5QTcjs.useStore.call(void 0, () => Core.createRadioStore({ ...props, ...options }));
+  return useRadioStoreProps(store, props);
+}
+
+
+
+
+exports.useRadioStore = useRadioStore; exports.useRadioStoreOptions = useRadioStoreOptions; exports.useRadioStoreProps = useRadioStoreProps;

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

@@ -0,0 +1,42 @@
+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 useRadioStoreOptions(props: RadioStoreProps): Partial<import("../collection/collection-store.js").CollectionStoreOptions<{
+    id: string;
+    element?: HTMLElement | null | undefined;
+} & {
+    rowId?: string | undefined;
+    disabled?: boolean | undefined;
+    children?: string | undefined;
+}>>;
+export declare function useRadioStoreProps<T extends RadioStore>(store: T, 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.
+     * @param value The new value.
+     * @example
+     * function RadioGroup({ value, onChange }) {
+     *   const radio = useRadioStore({ value, setValue: onChange });
+     * }
+     */
+    setValue?: (value: RadioStoreState["value"]) => void;
+}
+export type RadioStoreProps = RadioStoreOptions & Core.RadioStoreProps;
+export type RadioStore = RadioStoreFunctions & Store<Core.RadioStore>;

package/cjs/radio/radio.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _PV53XZQMcjs = require('../__chunks/PV53XZQM.cjs');
+require('../__chunks/7JKSDWVF.cjs');
+require('../__chunks/TIVUAJD3.cjs');
+require('../__chunks/EWCMH6G3.cjs');
+require('../__chunks/3QEUUQVB.cjs');
+require('../__chunks/ZQAFJQIS.cjs');
+require('../__chunks/6622YWGR.cjs');
+require('../__chunks/44UMDBZE.cjs');
+require('../__chunks/NVMBKFRB.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/F6IOE5QT.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+
+
+exports.Radio = _PV53XZQMcjs.Radio; exports.useRadio = _PV53XZQMcjs.useRadio;

package/cjs/radio/radio.d.ts

@@ -0,0 +1,52 @@
+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 as="input" {...props} />
+ *   <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` hook. If not provided, the parent
+     * `RadioGroup` component's context will be used.
+     */
+    store?: RadioStore;
+    /**
+     * 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>>;

package/cjs/role/role.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+
+// src/role/role.ts
+var useRole = _UYIFJ7U3cjs.createHook.call(void 0, (props) => {
+  return props;
+});
+var Role = _UYIFJ7U3cjs.createComponent.call(void 0, (props) => {
+  return _UYIFJ7U3cjs.createElement.call(void 0, "div", props);
+});
+if (process.env.NODE_ENV !== "production") {
+  Role.displayName = "Role";
+}
+
+
+
+exports.Role = Role; exports.useRole = useRole;

package/cjs/role/role.d.ts

@@ -0,0 +1,24 @@
+import type { As, Options, Props } from "../utils/types.js";
+/**
+ * Returns props to create a `Role` component.
+ * @see https://ariakit.org/components/role
+ * @example
+ * ```jsx
+ * const props = useRole();
+ * <Role {...props} />
+ * ```
+ */
+export declare const useRole: import("../utils/types.js").Hook<RoleOptions<"div">>;
+/**
+ * Renders an abstract element that supports the `as` prop, `children` as a
+ * function and a `wrapElement` prop that can be used to wrap the underlying
+ * element with React Portal, Context or other component types.
+ * @see https://ariakit.org/components/role
+ * @example
+ * ```jsx
+ * <Role as="div" />
+ * ```
+ */
+export declare const Role: import("../utils/types.js").Component<RoleOptions<"div">>;
+export type RoleOptions<T extends As = "div"> = Options<T>;
+export type RoleProps<T extends As = "div"> = Props<RoleOptions<T>>;

package/cjs/select/select-arrow.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _VXIYZJTUcjs = require('../__chunks/VXIYZJTU.cjs');
+require('../__chunks/QTUC5TMJ.cjs');
+require('../__chunks/W5PBA4D6.cjs');
+require('../__chunks/UYIFJ7U3.cjs');
+
+
+
+exports.SelectArrow = _VXIYZJTUcjs.SelectArrow; exports.useSelectArrow = _VXIYZJTUcjs.useSelectArrow;

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

@@ -0,0 +1,47 @@
+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` component.
+ * @see https://ariakit.org/components/select
+ * @example
+ * ```jsx
+ * const select = useSelectStore();
+ * <Select store={select}>
+ *   {select.value}
+ *   <SelectArrow />
+ * </Select>
+ * <SelectPopover store={select}>
+ *   <SelectItem value="Apple" />
+ *   <SelectItem value="Orange" />
+ * </SelectPopover>
+ * ```
+ */
+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` hook. If not provided, the parent
+     * `Select` component's context will be used.
+     */
+    store?: SelectStore;
+}
+export type SelectArrowProps<T extends As = "span"> = Props<SelectArrowOptions<T>>;

package/cjs/select/select-context.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _RCGSDYWJcjs = require('../__chunks/RCGSDYWJ.cjs');
+
+
+
+exports.SelectContext = _RCGSDYWJcjs.SelectContext; exports.SelectItemCheckedContext = _RCGSDYWJcjs.SelectItemCheckedContext;

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

@@ -0,0 +1,3 @@
+import type { SelectStore } from "./select-store.js";
+export declare const SelectItemCheckedContext: import("react").Context<boolean>;
+export declare const SelectContext: import("react").Context<SelectStore | undefined>;

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

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _EE77OJ6Wcjs = require('../__chunks/EE77OJ6W.cjs');
+require('../__chunks/EFF3S3YM.cjs');
+require('../__chunks/K56WQU76.cjs');
+
+
+
+
+var _UYIFJ7U3cjs = require('../__chunks/UYIFJ7U3.cjs');
+require('../__chunks/5QY4WCTR.cjs');
+require('../__chunks/2X5K3J7Y.cjs');
+
+// src/select/select-group-label.ts
+var useSelectGroupLabel = _UYIFJ7U3cjs.createHook.call(void 0, 
+  (props) => {
+    props = _EE77OJ6Wcjs.useCompositeGroupLabel.call(void 0, props);
+    return props;
+  }
+);
+var SelectGroupLabel = _UYIFJ7U3cjs.createComponent.call(void 0, 
+  (props) => {
+    const htmlProps = useSelectGroupLabel(props);
+    return _UYIFJ7U3cjs.createElement.call(void 0, "div", htmlProps);
+  }
+);
+if (process.env.NODE_ENV !== "production") {
+  SelectGroupLabel.displayName = "SelectGroupLabel";
+}
+
+
+
+exports.SelectGroupLabel = SelectGroupLabel; exports.useSelectGroupLabel = useSelectGroupLabel;