@stevederico/skateboard-ui 3.12.0 → 4.1.0

package/dist/shadcn/lib/base-ui/_chunk-8ganmsbg.js

@@ -1,54 +0,0 @@
-import {
-  getNextTabbable,
-  getTabbableAfterElement,
-  getTabbableBeforeElement,
-  isOutsideEvent
-} from "./_chunk-2z044bba.js";
-import {
-  contains
-} from "./_chunk-cgptgywc.js";
-import {
-  createChangeEventDetails,
-  exports_reason_parts
-} from "./_chunk-e56mpvk1.js";
-
-// node_modules/@base-ui/react/esm/utils/popups/useTriggerFocusGuards.js
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-"use client";
-function useTriggerFocusGuards(store, triggerElementRef) {
-  const preFocusGuardRef = React.useRef(null);
-  function handlePreFocusGuardFocus(event) {
-    ReactDOM.flushSync(() => {
-      store.setOpen(false, createChangeEventDetails(exports_reason_parts.focusOut, event.nativeEvent, event.currentTarget));
-    });
-    const previousTabbable = getTabbableBeforeElement(preFocusGuardRef.current);
-    previousTabbable?.focus();
-  }
-  function handleFocusTargetFocus(event) {
-    const positionerElement = store.select("positionerElement");
-    if (positionerElement && isOutsideEvent(event, positionerElement)) {
-      store.context.beforeContentFocusGuardRef.current?.focus();
-    } else {
-      ReactDOM.flushSync(() => {
-        store.setOpen(false, createChangeEventDetails(exports_reason_parts.focusOut, event.nativeEvent, event.currentTarget));
-      });
-      let nextTabbable = getTabbableAfterElement(store.context.triggerFocusTargetRef.current || triggerElementRef.current);
-      while (nextTabbable !== null && contains(positionerElement, nextTabbable)) {
-        const prevTabbable = nextTabbable;
-        nextTabbable = getNextTabbable(nextTabbable);
-        if (nextTabbable === prevTabbable) {
-          break;
-        }
-      }
-      nextTabbable?.focus();
-    }
-  }
-  return {
-    preFocusGuardRef,
-    handlePreFocusGuardFocus,
-    handleFocusTargetFocus
-  };
-}
-
-export { useTriggerFocusGuards };

package/dist/shadcn/lib/base-ui/_chunk-8xaqxgck.js

@@ -1,15 +0,0 @@
-// node_modules/@base-ui/react/esm/checkbox-group/CheckboxGroupContext.js
-import * as React from "react";
-"use client";
-var CheckboxGroupContext = /* @__PURE__ */ React.createContext(undefined);
-if (true)
-  CheckboxGroupContext.displayName = "CheckboxGroupContext";
-function useCheckboxGroupContext(optional = true) {
-  const context = React.useContext(CheckboxGroupContext);
-  if (context === undefined && !optional) {
-    throw new Error("Base UI: CheckboxGroupContext is missing. CheckboxGroup parts must be placed within <CheckboxGroup>.");
-  }
-  return context;
-}
-
-export { useCheckboxGroupContext };

package/dist/shadcn/lib/base-ui/_chunk-95tf2rxq.js

@@ -1,62 +0,0 @@
-import {
-  useFieldRootContext
-} from "./_chunk-8ctgmf06.js";
-import {
-  useIsoLayoutEffect
-} from "./_chunk-5tze5c8q.js";
-import {
-  NOOP
-} from "./_chunk-x8xehj6d.js";
-
-// node_modules/@base-ui/react/esm/internals/field-register-control/useRegisterFieldControl.js
-import * as React from "react";
-"use client";
-function useRegisterFieldControl(controlRef, id, value, getFormValueOverride, enabled = true) {
-  const {
-    registerFieldControl
-  } = useFieldRootContext();
-  const sourceRef = React.useRef(null);
-  if (!sourceRef.current) {
-    sourceRef.current = Symbol();
-  }
-  useIsoLayoutEffect(() => {
-    const source = sourceRef.current;
-    if (!source || !enabled) {
-      return;
-    }
-    const registration = {
-      controlRef,
-      getValue: getFormValueOverride,
-      id,
-      value
-    };
-    registerFieldControl(source, registration);
-    return () => {
-      registerFieldControl(source, undefined);
-    };
-  }, [controlRef, enabled, getFormValueOverride, id, registerFieldControl, value]);
-}
-
-// node_modules/@base-ui/react/esm/internals/form-context/FormContext.js
-import * as React2 from "react";
-"use client";
-var FormContext = /* @__PURE__ */ React2.createContext({
-  formRef: {
-    current: {
-      fields: new Map
-    }
-  },
-  errors: {},
-  clearErrors: NOOP,
-  validationMode: "onSubmit",
-  submitAttemptedRef: {
-    current: false
-  }
-});
-if (true)
-  FormContext.displayName = "FormContext";
-function useFormContext() {
-  return React2.useContext(FormContext);
-}
-
-export { useRegisterFieldControl, useFormContext };

package/dist/shadcn/lib/base-ui/_chunk-9x63vfqj.js

@@ -1,70 +0,0 @@
-import {
-  error
-} from "./_chunk-hm5h9vsk.js";
-
-// node_modules/@base-ui/utils/esm/useControlled.js
-import * as React from "react";
-"use client";
-function useControlled({
-  controlled,
-  default: defaultProp,
-  name,
-  state = "value"
-}) {
-  const {
-    current: isControlled
-  } = React.useRef(controlled !== undefined);
-  const [valueState, setValue] = React.useState(defaultProp);
-  const value = isControlled ? controlled : valueState;
-  if (true) {
-    React.useEffect(() => {
-      if (isControlled !== (controlled !== undefined)) {
-        error([`A component is changing the ${isControlled ? "" : "un"}controlled ${state} state of ${name} to be ${isControlled ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${name} ` + "element for the lifetime of the component.", "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
-`));
-      }
-    }, [state, name, controlled]);
-    const {
-      current: defaultValue
-    } = React.useRef(defaultProp);
-    React.useEffect(() => {
-      if (!isControlled && serializeToDevModeString(defaultValue) !== serializeToDevModeString(defaultProp)) {
-        error([`A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. ` + `To suppress this warning opt to use a controlled ${name}.`].join(`
-`));
-      }
-    }, [defaultProp]);
-  }
-  const setValueIfUncontrolled = React.useCallback((newValue) => {
-    if (!isControlled) {
-      setValue(newValue);
-    }
-  }, []);
-  return [value, setValueIfUncontrolled];
-}
-function serializeToDevModeString(input) {
-  let nextId = 0;
-  const seen = new WeakMap;
-  try {
-    const result = JSON.stringify(input, function replacer(key, value) {
-      if (key === "_owner" && this != null && typeof this === "object" && "$$typeof" in this) {
-        return;
-      }
-      if (typeof value === "bigint") {
-        return `__bigint__:${value}`;
-      }
-      if (value !== null && typeof value === "object") {
-        const id = seen.get(value);
-        if (id !== undefined) {
-          return `__object__:${id}`;
-        }
-        seen.set(value, nextId);
-        nextId += 1;
-      }
-      return value;
-    });
-    return result ?? `__top__:${typeof input}`;
-  } catch {
-    return "__unserializable__";
-  }
-}
-
-export { useControlled };

package/dist/shadcn/lib/base-ui/_chunk-ase0ydtt.js

@@ -1,9 +0,0 @@
-// node_modules/@base-ui/utils/esm/addEventListener.js
-function addEventListener(target, type, listener, options) {
-  target.addEventListener(type, listener, options);
-  return () => {
-    target.removeEventListener(type, listener, options);
-  };
-}
-
-export { addEventListener };

package/dist/shadcn/lib/base-ui/_chunk-b0nc8wq7.js

@@ -1,34 +0,0 @@
-import {
-  getWindow
-} from "./_chunk-000kmre8.js";
-
-// node_modules/@base-ui/react/esm/utils/getPseudoElementBounds.js
-function getPseudoElementBounds(element) {
-  const elementRect = element.getBoundingClientRect();
-  if (true) {
-    return elementRect;
-  }
-  const win = getWindow(element);
-  const beforeStyles = win.getComputedStyle(element, "::before");
-  const afterStyles = win.getComputedStyle(element, "::after");
-  const hasPseudoElements = beforeStyles.content !== "none" || afterStyles.content !== "none";
-  if (!hasPseudoElements) {
-    return elementRect;
-  }
-  const beforeWidth = parseFloat(beforeStyles.width) || 0;
-  const beforeHeight = parseFloat(beforeStyles.height) || 0;
-  const afterWidth = parseFloat(afterStyles.width) || 0;
-  const afterHeight = parseFloat(afterStyles.height) || 0;
-  const totalWidth = Math.max(elementRect.width, beforeWidth, afterWidth);
-  const totalHeight = Math.max(elementRect.height, beforeHeight, afterHeight);
-  const widthDiff = totalWidth - elementRect.width;
-  const heightDiff = totalHeight - elementRect.height;
-  return {
-    left: elementRect.left - widthDiff / 2,
-    right: elementRect.right + widthDiff / 2,
-    top: elementRect.top - heightDiff / 2,
-    bottom: elementRect.bottom + heightDiff / 2
-  };
-}
-
-export { getPseudoElementBounds };

package/dist/shadcn/lib/base-ui/_chunk-b5ya6xds.js

@@ -1,10 +0,0 @@
-// node_modules/@base-ui/react/esm/utils/resolveAriaLabelledBy.js
-"use client";
-function getDefaultLabelId(id) {
-  return id == null ? undefined : `${id}-label`;
-}
-function resolveAriaLabelledBy(fieldLabelId, localLabelId) {
-  return fieldLabelId ?? localLabelId;
-}
-
-export { getDefaultLabelId, resolveAriaLabelledBy };

package/dist/shadcn/lib/base-ui/_chunk-b6dkjkbw.js

@@ -1,43 +0,0 @@
-import {
-  useOnMount
-} from "./_chunk-6ejf1z1r.js";
-import {
-  useRefWithInit
-} from "./_chunk-x8xehj6d.js";
-
-// node_modules/@base-ui/utils/esm/useTimeout.js
-"use client";
-var EMPTY = 0;
-
-class Timeout {
-  static create() {
-    return new Timeout;
-  }
-  currentId = EMPTY;
-  start(delay, fn) {
-    this.clear();
-    this.currentId = setTimeout(() => {
-      this.currentId = EMPTY;
-      fn();
-    }, delay);
-  }
-  isStarted() {
-    return this.currentId !== EMPTY;
-  }
-  clear = () => {
-    if (this.currentId !== EMPTY) {
-      clearTimeout(this.currentId);
-      this.currentId = EMPTY;
-    }
-  };
-  disposeEffect = () => {
-    return this.clear;
-  };
-}
-function useTimeout() {
-  const timeout = useRefWithInit(Timeout.create).current;
-  useOnMount(timeout.disposeEffect);
-  return timeout;
-}
-
-export { Timeout, useTimeout };

package/dist/shadcn/lib/base-ui/_chunk-c2bz952e.js

@@ -1,19 +0,0 @@
-// node_modules/@base-ui/react/esm/fieldset/root/FieldsetRootContext.js
-import * as React from "react";
-"use client";
-var FieldsetRootContext = /* @__PURE__ */ React.createContext({
-  legendId: undefined,
-  setLegendId: () => {},
-  disabled: undefined
-});
-if (true)
-  FieldsetRootContext.displayName = "FieldsetRootContext";
-function useFieldsetRootContext(optional = false) {
-  const context = React.useContext(FieldsetRootContext);
-  if (!context && !optional) {
-    throw new Error("Base UI: FieldsetRootContext is missing. Fieldset parts must be placed within <Fieldset.Root>.");
-  }
-  return context;
-}
-
-export { useFieldsetRootContext };

package/dist/shadcn/lib/base-ui/_chunk-cdgfsr3q.js

@@ -1,15 +0,0 @@
-// node_modules/@base-ui/react/esm/internals/composite/root/CompositeRootContext.js
-import * as React from "react";
-"use client";
-var CompositeRootContext = /* @__PURE__ */ React.createContext(undefined);
-if (true)
-  CompositeRootContext.displayName = "CompositeRootContext";
-function useCompositeRootContext(optional = false) {
-  const context = React.useContext(CompositeRootContext);
-  if (context === undefined && !optional) {
-    throw new Error("Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>.");
-  }
-  return context;
-}
-
-export { CompositeRootContext, useCompositeRootContext };

package/dist/shadcn/lib/base-ui/_chunk-cdj8cpx5.js

@@ -1,347 +0,0 @@
-import {
-  ACTIVE_COMPOSITE_ITEM
-} from "./_chunk-5tt5hk59.js";
-import {
-  isElementDisabled
-} from "./_chunk-26cc610z.js";
-import {
-  CompositeList
-} from "./_chunk-j29xjete.js";
-import {
-  useDirection
-} from "./_chunk-gy0bpkmx.js";
-import {
-  getTarget
-} from "./_chunk-cgptgywc.js";
-import {
-  ARROW_DOWN,
-  ARROW_KEYS,
-  ARROW_LEFT,
-  ARROW_RIGHT,
-  ARROW_UP,
-  COMPOSITE_KEYS,
-  END,
-  HOME,
-  HORIZONTAL_KEYS,
-  HORIZONTAL_KEYS_WITH_EXTRA_KEYS,
-  MODIFIER_KEYS,
-  VERTICAL_KEYS,
-  VERTICAL_KEYS_WITH_EXTRA_KEYS,
-  isNativeInput,
-  scrollIntoViewIfNeeded
-} from "./_chunk-pv7b791x.js";
-import {
-  createGridCellMap,
-  findNonDisabledListIndex,
-  getGridCellIndexOfCorner,
-  getGridCellIndices,
-  getGridNavigatedIndex,
-  getMaxListIndex,
-  getMinListIndex,
-  isIndexOutOfListBounds,
-  isListIndexDisabled
-} from "./_chunk-kw8nnq00.js";
-import {
-  CompositeRootContext
-} from "./_chunk-cdgfsr3q.js";
-import {
-  useStableCallback
-} from "./_chunk-cwvtvwc7.js";
-import {
-  EMPTY_ARRAY,
-  EMPTY_OBJECT,
-  useMergedRefs,
-  useRenderElement
-} from "./_chunk-x8xehj6d.js";
-
-// node_modules/@base-ui/react/esm/internals/composite/root/CompositeRoot.js
-import * as React2 from "react";
-
-// node_modules/@base-ui/react/esm/internals/composite/root/useCompositeRoot.js
-import * as React from "react";
-"use client";
-var EMPTY_ARRAY2 = [];
-function useCompositeRoot(params) {
-  const {
-    itemSizes,
-    cols = 1,
-    loopFocus = true,
-    onLoop,
-    dense = false,
-    orientation = "both",
-    direction,
-    highlightedIndex: externalHighlightedIndex,
-    onHighlightedIndexChange: externalSetHighlightedIndex,
-    rootRef: externalRef,
-    enableHomeAndEndKeys = false,
-    stopEventPropagation = false,
-    disabledIndices,
-    modifierKeys = EMPTY_ARRAY2
-  } = params;
-  const [internalHighlightedIndex, internalSetHighlightedIndex] = React.useState(0);
-  const isGrid = cols > 1;
-  const rootRef = React.useRef(null);
-  const mergedRef = useMergedRefs(rootRef, externalRef);
-  const elementsRef = React.useRef([]);
-  const hasSetDefaultIndexRef = React.useRef(false);
-  const highlightedIndex = externalHighlightedIndex ?? internalHighlightedIndex;
-  const onHighlightedIndexChange = useStableCallback((index, shouldScrollIntoView = false) => {
-    (externalSetHighlightedIndex ?? internalSetHighlightedIndex)(index);
-    if (shouldScrollIntoView) {
-      const newActiveItem = elementsRef.current[index];
-      scrollIntoViewIfNeeded(rootRef.current, newActiveItem, direction, orientation);
-    }
-  });
-  const onMapChange = useStableCallback((map) => {
-    if (map.size === 0 || hasSetDefaultIndexRef.current) {
-      return;
-    }
-    hasSetDefaultIndexRef.current = true;
-    const sortedElements = Array.from(map.keys());
-    const activeItem = sortedElements.find((compositeElement) => compositeElement?.hasAttribute(ACTIVE_COMPOSITE_ITEM)) ?? null;
-    const activeIndex = activeItem ? sortedElements.indexOf(activeItem) : -1;
-    if (activeIndex !== -1) {
-      onHighlightedIndexChange(activeIndex);
-    }
-    scrollIntoViewIfNeeded(rootRef.current, activeItem, direction, orientation);
-  });
-  const wrappedOnLoop = useStableCallback((event, prevIndex, nextIndex) => {
-    if (!onLoop) {
-      return nextIndex;
-    }
-    return onLoop?.(event, prevIndex, nextIndex, elementsRef);
-  });
-  const props = React.useMemo(() => ({
-    "aria-orientation": orientation === "both" ? undefined : orientation,
-    ref: mergedRef,
-    onFocus(event) {
-      const element = rootRef.current;
-      const target = getTarget(event.nativeEvent);
-      if (!element || target == null || !isNativeInput(target)) {
-        return;
-      }
-      target.setSelectionRange(0, target.value.length ?? 0);
-    },
-    onKeyDown(event) {
-      const RELEVANT_KEYS = enableHomeAndEndKeys ? COMPOSITE_KEYS : ARROW_KEYS;
-      if (!RELEVANT_KEYS.has(event.key)) {
-        return;
-      }
-      if (isModifierKeySet(event, modifierKeys)) {
-        return;
-      }
-      const element = rootRef.current;
-      if (!element) {
-        return;
-      }
-      const isRtl = direction === "rtl";
-      const horizontalForwardKey = isRtl ? ARROW_LEFT : ARROW_RIGHT;
-      const forwardKey = {
-        horizontal: horizontalForwardKey,
-        vertical: ARROW_DOWN,
-        both: horizontalForwardKey
-      }[orientation];
-      const horizontalBackwardKey = isRtl ? ARROW_RIGHT : ARROW_LEFT;
-      const backwardKey = {
-        horizontal: horizontalBackwardKey,
-        vertical: ARROW_UP,
-        both: horizontalBackwardKey
-      }[orientation];
-      const target = getTarget(event.nativeEvent);
-      if (target != null && isNativeInput(target) && !isElementDisabled(target)) {
-        const selectionStart = target.selectionStart;
-        const selectionEnd = target.selectionEnd;
-        const textContent = target.value ?? "";
-        if (selectionStart == null || event.shiftKey || selectionStart !== selectionEnd) {
-          return;
-        }
-        if (event.key !== backwardKey && selectionStart < textContent.length) {
-          return;
-        }
-        if (event.key !== forwardKey && selectionStart > 0) {
-          return;
-        }
-      }
-      let nextIndex = highlightedIndex;
-      const minIndex = getMinListIndex(elementsRef, disabledIndices);
-      const maxIndex = getMaxListIndex(elementsRef, disabledIndices);
-      if (isGrid) {
-        const sizes = itemSizes || Array.from({
-          length: elementsRef.current.length
-        }, () => ({
-          width: 1,
-          height: 1
-        }));
-        const cellMap = createGridCellMap(sizes, cols, dense);
-        const minGridIndex = cellMap.findIndex((index) => index != null && !isListIndexDisabled(elementsRef.current, index, disabledIndices));
-        const maxGridIndex = cellMap.reduce((foundIndex, index, cellIndex) => index != null && !isListIndexDisabled(elementsRef.current, index, disabledIndices) ? cellIndex : foundIndex, -1);
-        nextIndex = cellMap[getGridNavigatedIndex(cellMap.map((itemIndex) => itemIndex != null ? elementsRef.current[itemIndex] : null), {
-          event,
-          orientation,
-          loopFocus,
-          onLoop: wrappedOnLoop,
-          cols,
-          disabledIndices: getGridCellIndices([...disabledIndices || elementsRef.current.map((_, index) => isListIndexDisabled(elementsRef.current, index) ? index : undefined), undefined], cellMap),
-          minIndex: minGridIndex,
-          maxIndex: maxGridIndex,
-          prevIndex: getGridCellIndexOfCorner(highlightedIndex > maxIndex ? minIndex : highlightedIndex, sizes, cellMap, cols, event.key === ARROW_DOWN ? "bl" : event.key === ARROW_RIGHT ? "tr" : "tl"),
-          rtl: isRtl
-        })];
-      }
-      const forwardKeys = {
-        horizontal: [horizontalForwardKey],
-        vertical: [ARROW_DOWN],
-        both: [horizontalForwardKey, ARROW_DOWN]
-      }[orientation];
-      const backwardKeys = {
-        horizontal: [horizontalBackwardKey],
-        vertical: [ARROW_UP],
-        both: [horizontalBackwardKey, ARROW_UP]
-      }[orientation];
-      const preventedKeys = isGrid ? RELEVANT_KEYS : {
-        horizontal: enableHomeAndEndKeys ? HORIZONTAL_KEYS_WITH_EXTRA_KEYS : HORIZONTAL_KEYS,
-        vertical: enableHomeAndEndKeys ? VERTICAL_KEYS_WITH_EXTRA_KEYS : VERTICAL_KEYS,
-        both: RELEVANT_KEYS
-      }[orientation];
-      if (enableHomeAndEndKeys) {
-        if (event.key === HOME) {
-          nextIndex = minIndex;
-        } else if (event.key === END) {
-          nextIndex = maxIndex;
-        }
-      }
-      if (nextIndex === highlightedIndex && (forwardKeys.includes(event.key) || backwardKeys.includes(event.key))) {
-        if (loopFocus && nextIndex === maxIndex && forwardKeys.includes(event.key)) {
-          nextIndex = minIndex;
-          if (onLoop) {
-            nextIndex = onLoop(event, highlightedIndex, nextIndex, elementsRef);
-          }
-        } else if (loopFocus && nextIndex === minIndex && backwardKeys.includes(event.key)) {
-          nextIndex = maxIndex;
-          if (onLoop) {
-            nextIndex = onLoop(event, highlightedIndex, nextIndex, elementsRef);
-          }
-        } else {
-          nextIndex = findNonDisabledListIndex(elementsRef.current, {
-            startingIndex: nextIndex,
-            decrement: backwardKeys.includes(event.key),
-            disabledIndices
-          });
-        }
-      }
-      if (nextIndex !== highlightedIndex && !isIndexOutOfListBounds(elementsRef.current, nextIndex)) {
-        if (stopEventPropagation) {
-          event.stopPropagation();
-        }
-        if (preventedKeys.has(event.key)) {
-          event.preventDefault();
-        }
-        onHighlightedIndexChange(nextIndex, true);
-        queueMicrotask(() => {
-          elementsRef.current[nextIndex]?.focus();
-        });
-      }
-    }
-  }), [cols, dense, direction, disabledIndices, elementsRef, enableHomeAndEndKeys, highlightedIndex, isGrid, itemSizes, loopFocus, onLoop, wrappedOnLoop, mergedRef, modifierKeys, onHighlightedIndexChange, orientation, stopEventPropagation]);
-  return React.useMemo(() => ({
-    props,
-    highlightedIndex,
-    onHighlightedIndexChange,
-    elementsRef,
-    disabledIndices,
-    onMapChange,
-    relayKeyboardEvent: props.onKeyDown
-  }), [props, highlightedIndex, onHighlightedIndexChange, elementsRef, disabledIndices, onMapChange]);
-}
-function isModifierKeySet(event, ignoredModifierKeys) {
-  for (const key of MODIFIER_KEYS.values()) {
-    if (ignoredModifierKeys.includes(key)) {
-      continue;
-    }
-    if (event.getModifierState(key)) {
-      return true;
-    }
-  }
-  return false;
-}
-
-// node_modules/@base-ui/react/esm/internals/composite/root/CompositeRoot.js
-import { jsx as _jsx } from "react/jsx-runtime";
-"use client";
-function CompositeRoot(componentProps) {
-  const {
-    render,
-    className,
-    style,
-    refs = EMPTY_ARRAY,
-    props = EMPTY_ARRAY,
-    state = EMPTY_OBJECT,
-    stateAttributesMapping,
-    highlightedIndex: highlightedIndexProp,
-    onHighlightedIndexChange: onHighlightedIndexChangeProp,
-    orientation,
-    dense,
-    itemSizes,
-    loopFocus,
-    onLoop,
-    cols,
-    enableHomeAndEndKeys,
-    onMapChange: onMapChangeProp,
-    stopEventPropagation = true,
-    rootRef,
-    disabledIndices,
-    modifierKeys,
-    highlightItemOnHover = false,
-    tag = "div",
-    ...elementProps
-  } = componentProps;
-  const direction = useDirection();
-  const {
-    props: defaultProps,
-    highlightedIndex,
-    onHighlightedIndexChange,
-    elementsRef,
-    onMapChange: onMapChangeUnwrapped,
-    relayKeyboardEvent
-  } = useCompositeRoot({
-    itemSizes,
-    cols,
-    loopFocus,
-    onLoop,
-    dense,
-    orientation,
-    highlightedIndex: highlightedIndexProp,
-    onHighlightedIndexChange: onHighlightedIndexChangeProp,
-    rootRef,
-    stopEventPropagation,
-    enableHomeAndEndKeys,
-    direction,
-    disabledIndices,
-    modifierKeys
-  });
-  const element = useRenderElement(tag, componentProps, {
-    state,
-    ref: refs,
-    props: [defaultProps, ...props, elementProps],
-    stateAttributesMapping
-  });
-  const contextValue = React2.useMemo(() => ({
-    highlightedIndex,
-    onHighlightedIndexChange,
-    highlightItemOnHover,
-    relayKeyboardEvent
-  }), [highlightedIndex, onHighlightedIndexChange, highlightItemOnHover, relayKeyboardEvent]);
-  return /* @__PURE__ */ _jsx(CompositeRootContext.Provider, {
-    value: contextValue,
-    children: /* @__PURE__ */ _jsx(CompositeList, {
-      elementsRef,
-      onMapChange: (newMap) => {
-        onMapChangeProp?.(newMap);
-        onMapChangeUnwrapped(newMap);
-      },
-      children: element
-    })
-  });
-}
-
-export { CompositeRoot };