@ariakit/react-components 0.1.0

package/dist/composite/composite-overflow.js

@@ -0,0 +1,82 @@
+"use client";
+import { usePopover } from "../popover/popover.js";
+import { createElement, createHook, forwardRef, useEvent } from "@ariakit/react-utils";
+import { useStoreState } from "@ariakit/react-store";
+//#region src/composite/composite-overflow.tsx
+const TagName = "div";
+const hiddenStyle = {
+	opacity: 0,
+	pointerEvents: "none"
+};
+/**
+* Returns props to create a `CompositeOverflow` component.
+* @see https://ariakit.com/components/composite
+* @example
+* ```jsx
+* const store = useCompositeOverflowStore();
+* const props = useCompositeOverflow({ store });
+* <Role {...props}>
+*   <CompositeItem>Item 3</CompositeItem>
+*   <CompositeItem>Item 4</CompositeItem>
+* </Role>
+* ```
+*/
+const useCompositeOverflow = createHook(function useCompositeOverflow({ store, wrapperProps: wrapperPropsProp, portal = false, ...props }) {
+	const onFocusProp = props.onFocus;
+	const onFocus = useEvent((event) => {
+		onFocusProp?.(event);
+		if (event.defaultPrevented) return;
+		store.show();
+	});
+	const mounted = useStoreState(store, "mounted");
+	const getStyle = (styleProp) => mounted ? styleProp : {
+		...hiddenStyle,
+		...styleProp
+	};
+	const wrapperProps = {
+		...wrapperPropsProp,
+		style: getStyle(wrapperPropsProp?.style)
+	};
+	props = {
+		role: "presentation",
+		...props,
+		onFocus
+	};
+	props = usePopover({
+		store,
+		focusable: false,
+		alwaysVisible: true,
+		wrapperProps,
+		portal,
+		...props
+	});
+	return props;
+});
+/**
+* Renders a popover that will contain the overflow items in a composite
+* collection.
+* @see https://ariakit.com/components/composite
+* @example
+* ```jsx
+* const composite = useCompositeStore();
+* const overflow = useCompositeOverflowStore();
+* <Composite store={composite}>
+*   <CompositeItem>Item 1</CompositeItem>
+*   <CompositeItem>Item 2</CompositeItem>
+*   <CompositeOverflowDisclosure store={overflow}>
+*     +2 items
+*   </CompositeOverflowDisclosure>
+*   <CompositeOverflow store={overflow}>
+*     <CompositeItem>Item 3</CompositeItem>
+*     <CompositeItem>Item 4</CompositeItem>
+*   </CompositeOverflow>
+* </Composite>
+* ```
+*/
+const CompositeOverflow = forwardRef(function CompositeOverflow(props) {
+	return createElement(TagName, useCompositeOverflow(props));
+});
+//#endregion
+export { CompositeOverflow, useCompositeOverflow };
+
+//# sourceMappingURL=composite-overflow.js.map

package/dist/composite/composite-overflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composite-overflow.js","names":[],"sources":["../../src/composite/composite-overflow.tsx"],"sourcesContent":["import { useStoreState } from \"@ariakit/react-store\";\nimport {\n  useEvent,\n  createElement,\n  createHook,\n  forwardRef,\n} from \"@ariakit/react-utils\";\nimport type { Props } from \"@ariakit/react-utils\";\nimport type { CSSProperties, ElementType, FocusEvent } from \"react\";\nimport type { PopoverOptions } from \"../popover/popover.tsx\";\nimport { usePopover } from \"../popover/popover.tsx\";\nimport type { CompositeOverflowStore } from \"./composite-overflow-store.ts\";\n\nconst TagName = \"div\" satisfies ElementType;\ntype TagName = typeof TagName;\ntype HTMLType = HTMLElementTagNameMap[TagName];\n\n// Hiding the popover with `display: none` would prevent the hidden items to be\n// focused, so we just make it transparent and disable pointer events.\nconst hiddenStyle: CSSProperties = {\n  opacity: 0,\n  pointerEvents: \"none\",\n};\n\n/**\n * Returns props to create a `CompositeOverflow` component.\n * @see https://ariakit.com/components/composite\n * @example\n * ```jsx\n * const store = useCompositeOverflowStore();\n * const props = useCompositeOverflow({ store });\n * <Role {...props}>\n *   <CompositeItem>Item 3</CompositeItem>\n *   <CompositeItem>Item 4</CompositeItem>\n * </Role>\n * ```\n */\nexport const useCompositeOverflow = createHook<\n  TagName,\n  CompositeOverflowOptions\n>(function useCompositeOverflow({\n  store,\n  wrapperProps: wrapperPropsProp,\n  portal = false,\n  ...props\n}) {\n  const onFocusProp = props.onFocus;\n\n  const onFocus = useEvent((event: FocusEvent<HTMLType>) => {\n    onFocusProp?.(event);\n    if (event.defaultPrevented) return;\n    store.show();\n  });\n\n  const mounted = useStoreState(store, \"mounted\");\n\n  const getStyle = (styleProp?: CSSProperties) =>\n    mounted ? styleProp : { ...hiddenStyle, ...styleProp };\n\n  const wrapperProps = {\n    ...wrapperPropsProp,\n    style: getStyle(wrapperPropsProp?.style),\n  };\n\n  props = {\n    role: \"presentation\",\n    ...props,\n    onFocus,\n  };\n\n  props = usePopover({\n    store,\n    focusable: false,\n    alwaysVisible: true,\n    wrapperProps,\n    portal,\n    ...props,\n  });\n\n  return props;\n});\n\n/**\n * Renders a popover that will contain the overflow items in a composite\n * collection.\n * @see https://ariakit.com/components/composite\n * @example\n * ```jsx\n * const composite = useCompositeStore();\n * const overflow = useCompositeOverflowStore();\n * <Composite store={composite}>\n *   <CompositeItem>Item 1</CompositeItem>\n *   <CompositeItem>Item 2</CompositeItem>\n *   <CompositeOverflowDisclosure store={overflow}>\n *     +2 items\n *   </CompositeOverflowDisclosure>\n *   <CompositeOverflow store={overflow}>\n *     <CompositeItem>Item 3</CompositeItem>\n *     <CompositeItem>Item 4</CompositeItem>\n *   </CompositeOverflow>\n * </Composite>\n * ```\n */\nexport const CompositeOverflow = forwardRef(function CompositeOverflow(\n  props: CompositeOverflowProps,\n) {\n  const htmlProps = useCompositeOverflow(props);\n  return createElement(TagName, htmlProps);\n});\n\nexport interface CompositeOverflowOptions<\n  T extends ElementType = TagName,\n> extends PopoverOptions<T> {\n  /**\n   * Object returned by the `useCompositeOverflowStore` hook.\n   */\n  store: CompositeOverflowStore;\n}\n\nexport type CompositeOverflowProps<T extends ElementType = TagName> = Props<\n  T,\n  CompositeOverflowOptions<T>\n>;\n"],"mappings":";;;;;AAmBA,MAAM,UAAA;MACJ,cAAS;CACT,SAAA;CACF,eAAA;;;;;;;;;;;;;;;MAwBE,uBAA0B,WAAA,SAAA,qBAAA,EAAA,OAAA,cAAA,kBAAA,SAAA,OAAA,GAAA,SAAA;CAE1B,MAAM,cAAU,MAAU;OACxB,UAAc,UAAK,UAAA;EACnB,cAAU,KAAA;EACV,IAAA,MAAM,kBAAK;EACZ,MAAA,KAAA;CAED,CAAA;CAEA,MAAM,UAAA,cAAY,OAChB,SAAU;OAAiB,YAAA,cAAA,UAAA,YAAA;EAAa,GAAG;EAAU,GAAA;CAEvD;OACK,eAAA;EACH,GAAA;EACF,OAAA,SAAA,kBAAA,KAAA;CAEA;SACQ;EACN,MAAG;EACH,GAAA;EACF;CAEA;SACE,WAAA;EACA;EACA,WAAA;EACA,eAAA;EACA;EACA;EACD,GAAA;CAED,CAAA;CACD,OAAA;;;;;;;;;;;;;;;;;;;;;;;MA2BC,oBAAqB,WADH,SAAA,kBACqB,OAAA;CACxC,OAAA,cAAA,SAAA,qBAAA,KAAA,CAAA"}

package/dist/composite/composite-provider.d.ts

@@ -0,0 +1,28 @@
+import { a as CompositeStoreProps, r as CompositeStoreItem } from "../composite-store-DyJc-XRA.js";
+import { ReactElement, ReactNode } from "react";
+import { PickRequired } from "@ariakit/utils";
+
+//#region src/composite/composite-provider.d.ts
+/**
+ * Provides a composite store to
+ * [`CompositeItem`](https://ariakit.com/reference/composite-item) components.
+ * @see https://ariakit.com/components/composite
+ * @example
+ * ```jsx
+ * <CompositeProvider>
+ *   <Composite>
+ *     <CompositeItem />
+ *     <CompositeItem />
+ *     <CompositeItem />
+ *   </Composite>
+ * </CompositeProvider>
+ * ```
+ */
+declare function CompositeProvider<T extends CompositeStoreItem = CompositeStoreItem>(props: PickRequired<CompositeProviderProps<T>, "items" | "defaultItems">): ReactElement;
+declare function CompositeProvider(props?: CompositeProviderProps): ReactElement;
+interface CompositeProviderProps<T extends CompositeStoreItem = CompositeStoreItem> extends CompositeStoreProps<T> {
+  children?: ReactNode;
+}
+//#endregion
+export { CompositeProvider, CompositeProviderProps };
+//# sourceMappingURL=composite-provider.d.ts.map

package/dist/composite/composite-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composite-provider.d.ts","names":["PickRequired","ReactElement","ReactNode","CompositeStoreItem","CompositeStoreProps","CompositeProvider","T","CompositeProviderProps","props","children"],"sources":["../../src/composite/composite-provider.d.ts"],"mappings":";;;;;;;AAkBA;;;;;;;;;;;;;iBAAwBK,iBAAAA,WAA4BF,kBAAAA,GAAqBA,kBAAAA,CAAAA,CAAoBK,KAAAA,EAAOR,YAAAA,CAAaO,sBAAAA,CAAuBD,CAAAA,+BAAgCL,YAAAA;AAAAA,iBAChJI,iBAAAA,CAAkBG,KAAAA,GAAQD,sBAAAA,GAAyBN,YAAY;AAAA,UACtEM,sBAAAA,WAAiCJ,kBAAAA,GAAqBA,kBAAAA,UAA4BC,mBAAAA,CAAoBE,CAAAA;EACnHG,QAAAA,GAAWP,SAAAA;AAAAA"}

package/dist/composite/composite-provider.js

@@ -0,0 +1,15 @@
+"use client";
+import { CompositeContextProvider } from "./composite-context.js";
+import { useCompositeStore } from "./composite-store.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/composite/composite-provider.tsx
+function CompositeProvider(props = {}) {
+	return /* @__PURE__ */ jsx(CompositeContextProvider, {
+		value: useCompositeStore(props),
+		children: props.children
+	});
+}
+//#endregion
+export { CompositeProvider };
+
+//# sourceMappingURL=composite-provider.js.map

package/dist/composite/composite-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composite-provider.js","names":[],"sources":["../../src/composite/composite-provider.tsx"],"sourcesContent":["import type { PickRequired } from \"@ariakit/utils\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { CompositeContextProvider } from \"./composite-context.tsx\";\nimport type {\n  CompositeStoreItem,\n  CompositeStoreProps,\n} from \"./composite-store.ts\";\nimport { useCompositeStore } from \"./composite-store.ts\";\n\n/**\n * Provides a composite store to\n * [`CompositeItem`](https://ariakit.com/reference/composite-item) components.\n * @see https://ariakit.com/components/composite\n * @example\n * ```jsx\n * <CompositeProvider>\n *   <Composite>\n *     <CompositeItem />\n *     <CompositeItem />\n *     <CompositeItem />\n *   </Composite>\n * </CompositeProvider>\n * ```\n */\n\nexport function CompositeProvider<\n  T extends CompositeStoreItem = CompositeStoreItem,\n>(\n  props: PickRequired<CompositeProviderProps<T>, \"items\" | \"defaultItems\">,\n): ReactElement;\n\nexport function CompositeProvider(props?: CompositeProviderProps): ReactElement;\n\nexport function CompositeProvider(props: CompositeProviderProps = {}) {\n  const store = useCompositeStore(props);\n  return (\n    <CompositeContextProvider value={store}>\n      {props.children}\n    </CompositeContextProvider>\n  );\n}\n\nexport interface CompositeProviderProps<\n  T extends CompositeStoreItem = CompositeStoreItem,\n> extends CompositeStoreProps<T> {\n  children?: ReactNode;\n}\n"],"mappings":";;;;;SAoCI,kBAAA,QAAC,CAAA,GAAA;QAFW,oBAAkB,0BAEO;2BAC5B,KAAA;EACiB,UAAA,MAAA;CAE9B,CAAA"}

package/dist/composite/composite-renderer.d.ts

@@ -0,0 +1,329 @@
+import { r as CollectionStoreItem } from "../collection-store-CbwzYsWf.js";
+import { a as CollectionRendererItemProps, c as getCollectionRendererItem, i as CollectionRendererItemObject, l as getCollectionRendererItemId, n as CollectionRendererBaseItemProps, o as CollectionRendererOptions, r as CollectionRendererItem } from "../collection-renderer-DsPD9ksD.js";
+import { r as CompositeStoreItem, t as CompositeStore } from "../composite-store-DyJc-XRA.js";
+import { Props } from "@ariakit/react-utils";
+import { ReactNode } from "react";
+
+//#region src/composite/composite-renderer.d.ts
+declare const TagName = "div";
+type TagName = typeof TagName;
+interface ItemObject extends CollectionRendererItemObject {
+  disabled?: boolean;
+}
+type Item = ItemObject | CollectionRendererItem;
+interface BaseItemProps extends CollectionRendererBaseItemProps {
+  "aria-setsize": number;
+  "aria-posinset": number;
+}
+type ItemProps<T extends Item, P extends BaseItemProps = BaseItemProps> = CollectionRendererItemProps<T, P>;
+declare function useCompositeRenderer<T extends Item = any>({
+  store,
+  orientation: orientationProp,
+  persistentIndices: persistentIndicesProp,
+  children: renderItem,
+  "aria-setsize": ariaSetSize,
+  "aria-posinset": ariaPosInSet,
+  ...props
+}: CompositeRendererProps<T>): {
+  children: ReactNode[];
+  wrapElement?: import("@ariakit/react-utils").WrapElement;
+  render?: import("@ariakit/react-utils").RenderProp | import("react").ReactElement;
+  slot?: string | undefined | undefined;
+  style?: import("react").CSSProperties | undefined;
+  title?: string | undefined | undefined;
+  role?: import("react").AriaRole | undefined;
+  color?: string | undefined | undefined;
+  ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+  key?: import("react").Key | null | undefined;
+  defaultChecked?: boolean | undefined | undefined;
+  defaultValue?: string | number | readonly string[] | undefined;
+  suppressContentEditableWarning?: boolean | undefined | undefined;
+  suppressHydrationWarning?: boolean | undefined | undefined;
+  accessKey?: string | undefined | undefined;
+  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+  autoFocus?: boolean | undefined | undefined;
+  className?: string | undefined | undefined;
+  contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+  contextMenu?: string | undefined | undefined;
+  dir?: string | undefined | undefined;
+  draggable?: (boolean | "true" | "false") | undefined;
+  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+  hidden?: boolean | undefined | undefined;
+  id?: string | undefined | undefined;
+  lang?: string | undefined | undefined;
+  nonce?: string | undefined | undefined;
+  spellCheck?: (boolean | "true" | "false") | undefined;
+  tabIndex?: number | undefined | undefined;
+  translate?: "yes" | "no" | undefined | undefined;
+  radioGroup?: string | undefined | undefined;
+  about?: string | undefined | undefined;
+  content?: string | undefined | undefined;
+  datatype?: string | undefined | undefined;
+  inlist?: any;
+  prefix?: string | undefined | undefined;
+  property?: string | undefined | undefined;
+  rel?: string | undefined | undefined;
+  resource?: string | undefined | undefined;
+  rev?: string | undefined | undefined;
+  typeof?: string | undefined | undefined;
+  vocab?: string | undefined | undefined;
+  autoCorrect?: string | undefined | undefined;
+  autoSave?: string | undefined | undefined;
+  itemProp?: string | undefined | undefined;
+  itemScope?: boolean | undefined | undefined;
+  itemType?: string | undefined | undefined;
+  itemID?: string | undefined | undefined;
+  itemRef?: string | undefined | undefined;
+  results?: number | undefined | undefined;
+  security?: string | undefined | undefined;
+  unselectable?: "on" | "off" | undefined | undefined;
+  inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+  is?: string | undefined | undefined;
+  exportparts?: string | undefined | undefined;
+  part?: string | undefined | undefined;
+  "aria-activedescendant"?: string | undefined | undefined;
+  "aria-atomic"?: (boolean | "true" | "false") | undefined;
+  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+  "aria-braillelabel"?: string | undefined | undefined;
+  "aria-brailleroledescription"?: string | undefined | undefined;
+  "aria-busy"?: (boolean | "true" | "false") | undefined;
+  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+  "aria-colcount"?: number | undefined | undefined;
+  "aria-colindex"?: number | undefined | undefined;
+  "aria-colindextext"?: string | undefined | undefined;
+  "aria-colspan"?: number | undefined | undefined;
+  "aria-controls"?: string | undefined | undefined;
+  "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+  "aria-describedby"?: string | undefined | undefined;
+  "aria-description"?: string | undefined | undefined;
+  "aria-details"?: string | undefined | undefined;
+  "aria-disabled"?: (boolean | "true" | "false") | undefined;
+  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+  "aria-errormessage"?: string | undefined | undefined;
+  "aria-expanded"?: (boolean | "true" | "false") | undefined;
+  "aria-flowto"?: string | undefined | undefined;
+  "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+  "aria-hidden"?: (boolean | "true" | "false") | undefined;
+  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+  "aria-keyshortcuts"?: string | undefined | undefined;
+  "aria-label"?: string | undefined | undefined;
+  "aria-labelledby"?: string | undefined | undefined;
+  "aria-level"?: number | undefined | undefined;
+  "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+  "aria-modal"?: (boolean | "true" | "false") | undefined;
+  "aria-multiline"?: (boolean | "true" | "false") | undefined;
+  "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+  "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+  "aria-owns"?: string | undefined | undefined;
+  "aria-placeholder"?: string | undefined | undefined;
+  "aria-posinset"?: number | undefined | undefined;
+  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+  "aria-readonly"?: (boolean | "true" | "false") | undefined;
+  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+  "aria-required"?: (boolean | "true" | "false") | undefined;
+  "aria-roledescription"?: string | undefined | undefined;
+  "aria-rowcount"?: number | undefined | undefined;
+  "aria-rowindex"?: number | undefined | undefined;
+  "aria-rowindextext"?: string | undefined | undefined;
+  "aria-rowspan"?: number | undefined | undefined;
+  "aria-selected"?: (boolean | "true" | "false") | undefined;
+  "aria-setsize"?: number | undefined | undefined;
+  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+  "aria-valuemax"?: number | undefined | undefined;
+  "aria-valuemin"?: number | undefined | undefined;
+  "aria-valuenow"?: number | undefined | undefined;
+  "aria-valuetext"?: string | undefined | undefined;
+  dangerouslySetInnerHTML?: {
+    __html: string | TrustedHTML;
+  } | undefined;
+  onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+  onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+  onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+  onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+  onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+  onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+  onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+  onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+  onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+  onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+  onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+  onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+  onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+  onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+  onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+  onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+  onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+  onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+  onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+  onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+  onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+  onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+  onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+  onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+  onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+  onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+  onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+  onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+  onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+  onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+  onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+  onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+  onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+  onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+  onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+  onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+  onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+  onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+  onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+  onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+  onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+  onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+  onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+  onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+  onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+  onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+  onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+  onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+  onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+  onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+  onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+  onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+  onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+  onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+  onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+  onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+};
+type CompositeRendererItemObject = ItemObject;
+type CompositeRendererItem = Item;
+type CompositeRendererBaseItemProps = BaseItemProps;
+type CompositeRendererItemProps<T extends Item, P extends BaseItemProps = BaseItemProps> = ItemProps<T, P>;
+declare const CompositeRenderer: <T extends Item = any>(props: CompositeRendererProps<T>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+interface CompositeRendererOptions<T extends Item = any> extends Omit<CollectionRendererOptions<T>, "store" | "children"> {
+  /**
+   * Object returned by the
+   * [`useCompositeStore`](https://ariakit.com/reference/use-composite-store)
+   * hook. If not provided, the closest
+   * [Composite](https://ariakit.com/components/composite) component's context
+   * will be used.
+   *
+   * The store
+   * [`items`](https://ariakit.com/reference/use-composite-store#items) state
+   * will be used to render the items if the
+   * [`items`](https://ariakit.com/reference/composite-items#items) prop is not
+   * provided.
+   */
+  store?: CompositeStore<T extends CollectionStoreItem ? T : CompositeStoreItem>;
+  /**
+   * The `children` should be a function that receives item props and returns a
+   * React element. The item props should be spread onto the element that
+   * renders the item.
+   */
+  children?: (item: ItemProps<T>) => ReactNode;
+}
+interface CompositeRendererProps<T extends Item = any> extends Props<TagName, CompositeRendererOptions<T>> {}
+//#endregion
+export { CompositeRenderer, CompositeRendererBaseItemProps, CompositeRendererItem, CompositeRendererItemObject, CompositeRendererItemProps, CompositeRendererOptions, CompositeRendererProps, getCollectionRendererItem as getCompositeRendererItem, getCollectionRendererItemId as getCompositeRendererItemId, useCompositeRenderer };
+//# sourceMappingURL=composite-renderer.d.ts.map

package/dist/composite/composite-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composite-renderer.d.ts","names":["Props","ReactNode","CollectionRendererBaseItemProps","CollectionRendererItem","CollectionRendererItemObject","CollectionRendererItemProps","CollectionRendererOptions","getCollectionRendererItem","getCollectionRendererItemId","CollectionStoreItem","CompositeStore","CompositeStoreItem","TagName","ItemObject","disabled","Item","BaseItemProps","ItemProps","T","P","useCompositeRenderer","store","orientationProp","persistentIndicesProp","renderItem","ariaSetSize","ariaPosInSet","CompositeRendererProps","HTMLDivElement","TrustedHTML","orientation","persistentIndices","children","props","wrapElement","WrapElement","render","RenderProp","ReactElement","slot","style","CSSProperties","title","role","AriaRole","color","ref","instance","DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES","RefObject","key","Key","defaultChecked","defaultValue","suppressContentEditableWarning","suppressHydrationWarning","accessKey","autoCapitalize","autoFocus","className","contentEditable","contextMenu","dir","draggable","enterKeyHint","hidden","id","lang","nonce","spellCheck","tabIndex","translate","radioGroup","about","content","datatype","inlist","prefix","property","rel","resource","rev","typeof","vocab","autoCorrect","autoSave","itemProp","itemScope","itemType","itemID","itemRef","results","security","unselectable","inputMode","is","exportparts","part","dangerouslySetInnerHTML","__html","onCopy","ClipboardEventHandler","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onCompositionEnd","CompositionEventHandler","onCompositionEndCapture","onCompositionStart","onCompositionStartCapture","onCompositionUpdate","onCompositionUpdateCapture","onFocus","FocusEventHandler","onFocusCapture","onBlur","onBlurCapture","onChange","FormEventHandler","onChangeCapture","onBeforeInput","InputEventHandler","onBeforeInputCapture","onInput","onInputCapture","onReset","onResetCapture","onSubmit","onSubmitCapture","onInvalid","onInvalidCapture","onLoad","ReactEventHandler","onLoadCapture","onError","onErrorCapture","onKeyDown","KeyboardEventHandler","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture","onAbort","onAbortCapture","onCanPlay","onCanPlayCapture","onCanPlayThrough","onCanPlayThroughCapture","onDurationChange","onDurationChangeCapture","onEmptied","onEmptiedCapture","onEncrypted","onEncryptedCapture","onEnded","onEndedCapture","onLoadedData","onLoadedDataCapture","onLoadedMetadata","onLoadedMetadataCapture","onLoadStart","onLoadStartCapture","onPause","onPauseCapture","onPlay","onPlayCapture","onPlaying","onPlayingCapture","onProgress","onProgressCapture","onRateChange","onRateChangeCapture","onSeeked","onSeekedCapture","onSeeking","onSeekingCapture","onStalled","onStalledCapture","onSuspend","onSuspendCapture","onTimeUpdate","onTimeUpdateCapture","onVolumeChange","onVolumeChangeCapture","onWaiting","onWaitingCapture","onAuxClick","MouseEventHandler","onAuxClickCapture","onClick","onClickCapture","onContextMenu","onContextMenuCapture","onDoubleClick","onDoubleClickCapture","onDrag","DragEventHandler","onDragCapture","onDragEnd","onDragEndCapture","onDragEnter","onDragEnterCapture","onDragExit","onDragExitCapture","onDragLeave","onDragLeaveCapture","onDragOver","onDragOverCapture","onDragStart","onDragStartCapture","onDrop","onDropCapture","onMouseDown","onMouseDownCapture","onMouseEnter","onMouseLeave","onMouseMove","onMouseMoveCapture","onMouseOut","onMouseOutCapture","onMouseOver","onMouseOverCapture","onMouseUp","onMouseUpCapture","onSelect","onSelectCapture","onTouchCancel","TouchEventHandler","onTouchCancelCapture","onTouchEnd","onTouchEndCapture","onTouchMove","onTouchMoveCapture","onTouchStart","onTouchStartCapture","onPointerDown","PointerEventHandler","onPointerDownCapture","onPointerMove","onPointerMoveCapture","onPointerUp","onPointerUpCapture","onPointerCancel","onPointerCancelCapture","onPointerEnter","onPointerLeave","onPointerOver","onPointerOverCapture","onPointerOut","onPointerOutCapture","onGotPointerCapture","onGotPointerCaptureCapture","onLostPointerCapture","onLostPointerCaptureCapture","onScroll","UIEventHandler","onScrollCapture","onWheel","WheelEventHandler","onWheelCapture","onAnimationStart","AnimationEventHandler","onAnimationStartCapture","onAnimationEnd","onAnimationEndCapture","onAnimationIteration","onAnimationIterationCapture","onTransitionEnd","TransitionEventHandler","onTransitionEndCapture","getCompositeRendererItem","getCompositeRendererItemId","CompositeRendererItemObject","CompositeRendererItem","CompositeRendererBaseItemProps","CompositeRendererItemProps","CompositeRenderer","JSXElementConstructor","CompositeRendererOptions","Omit","item"],"sources":["../../src/composite/composite-renderer.d.ts"],"mappings":"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"}

package/dist/composite/composite-renderer.js

@@ -0,0 +1,121 @@
+"use client";
+import { getCollectionRendererItem, getCollectionRendererItemId, useCollectionRenderer } from "../collection/collection-renderer.js";
+import { useCompositeContext } from "./composite-context.js";
+import { createElement, forwardRef, useId } from "@ariakit/react-utils";
+import { useMemo } from "react";
+import { useStoreState } from "@ariakit/react-store";
+//#region src/composite/composite-renderer.tsx
+const TagName = "div";
+function getItemObject(item) {
+	if (!item || typeof item !== "object") return { value: item };
+	return item;
+}
+function countItems(items) {
+	if (!items) return [0];
+	if (typeof items === "number") return Array.from({ length: items }, (_, index) => index + 1);
+	return items.reduce((count, item, index) => {
+		const object = getItemObject(item);
+		if (!object.items) {
+			count[index] = index + 1;
+			return count;
+		}
+		count[index] = (count[index - 1] ?? 0) + (countItems(object.items)[object.items.length - 1] ?? 0);
+		return count;
+	}, []);
+}
+function findFirst(items, offset = 1) {
+	for (let index = offset > 0 ? 0 : items.length - 1; index >= 0 && index < items.length; index += offset) {
+		const item = items[index];
+		const object = getItemObject(item);
+		if (object.items && findFirst(object.items, offset) !== -1) return index;
+		if (!object.disabled) return index;
+	}
+	return -1;
+}
+function findLast(items) {
+	return findFirst(items, -1);
+}
+function findById(items, id, baseId) {
+	return items.findIndex((item, index) => {
+		const itemId = getCollectionRendererItemId(item, index, baseId);
+		if (itemId === id) return true;
+		const object = getItemObject(item);
+		if (object.items?.length) return findById(object.items, id, itemId) !== -1;
+		const ids = id.split("/");
+		if (ids.length === 1) return false;
+		return ids.some((id) => itemId === id);
+	});
+}
+function useCompositeRenderer({ store, orientation: orientationProp, persistentIndices: persistentIndicesProp, children: renderItem, "aria-setsize": ariaSetSize, "aria-posinset": ariaPosInSet = 1, ...props }) {
+	const context = useCompositeContext();
+	store = store || context;
+	const orientation = useStoreState(store, (state) => orientationProp ?? state?.orientation === "both" ? "vertical" : state?.orientation);
+	const items = useStoreState(store, (state) => {
+		if (!state) return props.items;
+		if ("mounted" in state && !state.mounted) return 0;
+		return props.items ?? state.items;
+	});
+	const id = useId(props.id);
+	const itemsCount = useMemo(() => countItems(items), [items]);
+	const setSize = useMemo(() => ariaSetSize ?? itemsCount[itemsCount.length - 1] ?? 0, [ariaSetSize, itemsCount]);
+	const firstIndex = useMemo(() => {
+		if (!items) return -1;
+		if (typeof items === "number") return 0;
+		if (!items.length) return -1;
+		return findFirst(items);
+	}, [items]);
+	const lastIndex = useMemo(() => {
+		if (!items) return -1;
+		if (typeof items === "number") return items - 1;
+		if (!items.length) return -1;
+		return findLast(items);
+	}, [items]);
+	const activeId = useStoreState(store, "activeId");
+	const activeIndex = useMemo(() => {
+		if (!id) return -1;
+		if (!items) return -1;
+		if (activeId == null) return -1;
+		if (typeof items === "number") return -1;
+		if (!items.length) return -1;
+		return findById(items, activeId, id);
+	}, [
+		id,
+		items,
+		activeId
+	]);
+	const persistentIndices = useMemo(() => {
+		const indices = [
+			firstIndex,
+			activeIndex,
+			lastIndex
+		].filter((index) => index >= 0);
+		if (persistentIndicesProp) return [...persistentIndicesProp, ...indices];
+		return indices;
+	}, [
+		firstIndex,
+		activeIndex,
+		lastIndex,
+		persistentIndicesProp
+	]);
+	return useCollectionRenderer({
+		id,
+		store,
+		orientation,
+		persistentIndices,
+		...props,
+		children: (item) => {
+			const nextItem = Object.assign({}, item, {
+				"aria-setsize": setSize,
+				"aria-posinset": ariaPosInSet + (itemsCount[item.index - 1] ?? 0)
+			});
+			return renderItem?.(nextItem);
+		}
+	});
+}
+const CompositeRenderer = forwardRef(function CompositeRenderer(props) {
+	return createElement(TagName, useCompositeRenderer(props));
+});
+//#endregion
+export { CompositeRenderer, getCollectionRendererItem as getCompositeRendererItem, getCollectionRendererItemId as getCompositeRendererItemId, useCompositeRenderer };
+
+//# sourceMappingURL=composite-renderer.js.map