lynote-ui 0.0.1

package/dist/CompositeRoot-Clz7hqk6.mjs

@@ -0,0 +1,291 @@
+import * as React from "react";
+import { C as CompositeList } from "./CompositeList-CM71m-RA.mjs";
+import { i as isElementDisabled } from "./isElementDisabled-2KG8-O4B.mjs";
+import { u as useStableCallback } from "./useStableCallback-8_xI9oDo.mjs";
+import { c as useMergedRefs, b as EMPTY_ARRAY$1, E as EMPTY_OBJECT, u as useRenderElement } from "./useRenderElement-DtkRtCHE.mjs";
+import { s as scrollIntoViewIfNeeded, A as ALL_KEYS, a as ARROW_KEYS, i as isNativeInput, b as ARROW_DOWN, c as ARROW_RIGHT, H as HOME, E as END, d as ARROW_LEFT, e as ARROW_UP, V as VERTICAL_KEYS_WITH_EXTRA_KEYS, f as VERTICAL_KEYS, g as HORIZONTAL_KEYS_WITH_EXTRA_KEYS, h as HORIZONTAL_KEYS, M as MODIFIER_KEYS } from "./composite-B6lEHrCV.mjs";
+import { g as getMinListIndex, a as getMaxListIndex, c as createGridCellMap, b as isListIndexDisabled, d as getGridNavigatedIndex, e as getGridCellIndexOfCorner, f as getGridCellIndices, h as findNonDisabledListIndex, i as isIndexOutOfListBounds } from "./composite-54CI9F0V.mjs";
+import { C as CompositeRootContext } from "./useButton-DbBdV6Ig.mjs";
+import { u as useDirection } from "./DirectionContext-BaCziR5k.mjs";
+import { j as jsxRuntimeExports } from "./jsx-runtime-Dog7MAYX.mjs";
+const ACTIVE_COMPOSITE_ITEM = "data-composite-item-active";
+const EMPTY_ARRAY = [];
+function useCompositeRoot(params) {
+  const {
+    itemSizes,
+    cols = 1,
+    loopFocus = true,
+    dense = false,
+    orientation = "both",
+    direction,
+    highlightedIndex: externalHighlightedIndex,
+    onHighlightedIndexChange: externalSetHighlightedIndex,
+    rootRef: externalRef,
+    enableHomeAndEndKeys = false,
+    stopEventPropagation = false,
+    disabledIndices,
+    modifierKeys = EMPTY_ARRAY
+  } = 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 == null ? void 0 : 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 props = React.useMemo(() => ({
+    "aria-orientation": orientation === "both" ? void 0 : orientation,
+    ref: mergedRef,
+    onFocus(event) {
+      const element = rootRef.current;
+      if (!element || !isNativeInput(event.target)) {
+        return;
+      }
+      event.target.setSelectionRange(0, event.target.value.length ?? 0);
+    },
+    onKeyDown(event) {
+      const RELEVANT_KEYS = enableHomeAndEndKeys ? ALL_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];
+      if (isNativeInput(event.target) && !isElementDisabled(event.target)) {
+        const selectionStart = event.target.selectionStart;
+        const selectionEnd = event.target.selectionEnd;
+        const textContent = event.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, index, disabledIndices));
+        const maxGridIndex = cellMap.reduce((foundIndex, index, cellIndex) => index != null && !isListIndexDisabled(elementsRef, index, disabledIndices) ? cellIndex : foundIndex, -1);
+        nextIndex = cellMap[getGridNavigatedIndex({
+          current: cellMap.map((itemIndex) => itemIndex ? elementsRef.current[itemIndex] : null)
+        }, {
+          event,
+          orientation,
+          loopFocus,
+          cols,
+          // treat undefined (empty grid spaces) as disabled indices so we
+          // don't end up in them
+          disabledIndices: getGridCellIndices([...disabledIndices || elementsRef.current.map((_, index) => isListIndexDisabled(elementsRef, index) ? index : void 0), void 0], cellMap),
+          minIndex: minGridIndex,
+          maxIndex: maxGridIndex,
+          prevIndex: getGridCellIndexOfCorner(
+            highlightedIndex > maxIndex ? minIndex : highlightedIndex,
+            sizes,
+            cellMap,
+            cols,
+            // use a corner matching the edge closest to the direction we're
+            // moving in so we don't end up in the same item. Prefer
+            // top/left over bottom/right.
+            // eslint-disable-next-line no-nested-ternary
+            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;
+        } else if (loopFocus && nextIndex === minIndex && backwardKeys.includes(event.key)) {
+          nextIndex = maxIndex;
+        } else {
+          nextIndex = findNonDisabledListIndex(elementsRef, {
+            startingIndex: nextIndex,
+            decrement: backwardKeys.includes(event.key),
+            disabledIndices
+          });
+        }
+      }
+      if (nextIndex !== highlightedIndex && !isIndexOutOfListBounds(elementsRef, nextIndex)) {
+        if (stopEventPropagation) {
+          event.stopPropagation();
+        }
+        if (preventedKeys.has(event.key)) {
+          event.preventDefault();
+        }
+        onHighlightedIndexChange(nextIndex, true);
+        queueMicrotask(() => {
+          var _a;
+          (_a = elementsRef.current[nextIndex]) == null ? void 0 : _a.focus();
+        });
+      }
+    }
+  }), [cols, dense, direction, disabledIndices, elementsRef, enableHomeAndEndKeys, highlightedIndex, isGrid, itemSizes, loopFocus, 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;
+}
+function CompositeRoot(componentProps) {
+  const {
+    render,
+    className,
+    refs = EMPTY_ARRAY$1,
+    props = EMPTY_ARRAY$1,
+    state = EMPTY_OBJECT,
+    stateAttributesMapping,
+    highlightedIndex: highlightedIndexProp,
+    onHighlightedIndexChange: onHighlightedIndexChangeProp,
+    orientation,
+    dense,
+    itemSizes,
+    loopFocus,
+    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,
+    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 = React.useMemo(() => ({
+    highlightedIndex,
+    onHighlightedIndexChange,
+    highlightItemOnHover,
+    relayKeyboardEvent
+  }), [highlightedIndex, onHighlightedIndexChange, highlightItemOnHover, relayKeyboardEvent]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(CompositeRootContext.Provider, {
+    value: contextValue,
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(CompositeList, {
+      elementsRef,
+      onMapChange: (newMap) => {
+        onMapChangeProp == null ? void 0 : onMapChangeProp(newMap);
+        onMapChangeUnwrapped(newMap);
+      },
+      children: element
+    })
+  });
+}
+export {
+  ACTIVE_COMPOSITE_ITEM as A,
+  CompositeRoot as C
+};
+//# sourceMappingURL=CompositeRoot-Clz7hqk6.mjs.map

package/dist/CompositeRoot-Clz7hqk6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeRoot-Clz7hqk6.mjs","sources":["../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/composite/constants.js","../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/composite/root/useCompositeRoot.js","../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/composite/root/CompositeRoot.js"],"sourcesContent":["export const ACTIVE_COMPOSITE_ITEM = 'data-composite-item-active';","'use client';\n\nimport * as React from 'react';\nimport { isElementDisabled } from '@base-ui/utils/isElementDisabled';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport { ALL_KEYS, ARROW_DOWN, ARROW_KEYS, ARROW_LEFT, ARROW_RIGHT, ARROW_UP, END, HOME, HORIZONTAL_KEYS, HORIZONTAL_KEYS_WITH_EXTRA_KEYS, MODIFIER_KEYS, VERTICAL_KEYS, VERTICAL_KEYS_WITH_EXTRA_KEYS, createGridCellMap, findNonDisabledListIndex, getGridCellIndexOfCorner, getGridCellIndices, getGridNavigatedIndex, getMaxListIndex, getMinListIndex, isListIndexDisabled, isIndexOutOfListBounds, isNativeInput, scrollIntoViewIfNeeded } from \"../composite.js\";\nimport { ACTIVE_COMPOSITE_ITEM } from \"../constants.js\";\nconst EMPTY_ARRAY = [];\nexport function useCompositeRoot(params) {\n  const {\n    itemSizes,\n    cols = 1,\n    loopFocus = true,\n    dense = false,\n    orientation = 'both',\n    direction,\n    highlightedIndex: externalHighlightedIndex,\n    onHighlightedIndexChange: externalSetHighlightedIndex,\n    rootRef: externalRef,\n    enableHomeAndEndKeys = false,\n    stopEventPropagation = false,\n    disabledIndices,\n    modifierKeys = EMPTY_ARRAY\n  } = params;\n  const [internalHighlightedIndex, internalSetHighlightedIndex] = React.useState(0);\n  const isGrid = cols > 1;\n  const rootRef = React.useRef(null);\n  const mergedRef = useMergedRefs(rootRef, externalRef);\n  const elementsRef = React.useRef([]);\n  const hasSetDefaultIndexRef = React.useRef(false);\n  const highlightedIndex = externalHighlightedIndex ?? internalHighlightedIndex;\n  const onHighlightedIndexChange = useStableCallback((index, shouldScrollIntoView = false) => {\n    (externalSetHighlightedIndex ?? internalSetHighlightedIndex)(index);\n    if (shouldScrollIntoView) {\n      const newActiveItem = elementsRef.current[index];\n      scrollIntoViewIfNeeded(rootRef.current, newActiveItem, direction, orientation);\n    }\n  });\n  const onMapChange = useStableCallback(map => {\n    if (map.size === 0 || hasSetDefaultIndexRef.current) {\n      return;\n    }\n    hasSetDefaultIndexRef.current = true;\n    const sortedElements = Array.from(map.keys());\n    const activeItem = sortedElements.find(compositeElement => compositeElement?.hasAttribute(ACTIVE_COMPOSITE_ITEM)) ?? null;\n    // Set the default highlighted index of an arbitrary composite item.\n    const activeIndex = activeItem ? sortedElements.indexOf(activeItem) : -1;\n    if (activeIndex !== -1) {\n      onHighlightedIndexChange(activeIndex);\n    }\n    scrollIntoViewIfNeeded(rootRef.current, activeItem, direction, orientation);\n  });\n  const props = React.useMemo(() => ({\n    'aria-orientation': orientation === 'both' ? undefined : orientation,\n    ref: mergedRef,\n    onFocus(event) {\n      const element = rootRef.current;\n      if (!element || !isNativeInput(event.target)) {\n        return;\n      }\n      event.target.setSelectionRange(0, event.target.value.length ?? 0);\n    },\n    onKeyDown(event) {\n      const RELEVANT_KEYS = enableHomeAndEndKeys ? ALL_KEYS : ARROW_KEYS;\n      if (!RELEVANT_KEYS.has(event.key)) {\n        return;\n      }\n      if (isModifierKeySet(event, modifierKeys)) {\n        return;\n      }\n      const element = rootRef.current;\n      if (!element) {\n        return;\n      }\n      const isRtl = direction === 'rtl';\n      const horizontalForwardKey = isRtl ? ARROW_LEFT : ARROW_RIGHT;\n      const forwardKey = {\n        horizontal: horizontalForwardKey,\n        vertical: ARROW_DOWN,\n        both: horizontalForwardKey\n      }[orientation];\n      const horizontalBackwardKey = isRtl ? ARROW_RIGHT : ARROW_LEFT;\n      const backwardKey = {\n        horizontal: horizontalBackwardKey,\n        vertical: ARROW_UP,\n        both: horizontalBackwardKey\n      }[orientation];\n      if (isNativeInput(event.target) && !isElementDisabled(event.target)) {\n        const selectionStart = event.target.selectionStart;\n        const selectionEnd = event.target.selectionEnd;\n        const textContent = event.target.value ?? '';\n        // return to native textbox behavior when\n        // 1 - Shift is held to make a text selection, or if there already is a text selection\n        if (selectionStart == null || event.shiftKey || selectionStart !== selectionEnd) {\n          return;\n        }\n        // 2 - arrow-ing forward and not in the last position of the text\n        if (event.key !== backwardKey && selectionStart < textContent.length) {\n          return;\n        }\n        // 3 -arrow-ing backward and not in the first position of the text\n        if (event.key !== forwardKey && selectionStart > 0) {\n          return;\n        }\n      }\n      let nextIndex = highlightedIndex;\n      const minIndex = getMinListIndex(elementsRef, disabledIndices);\n      const maxIndex = getMaxListIndex(elementsRef, disabledIndices);\n      if (isGrid) {\n        const sizes = itemSizes || Array.from({\n          length: elementsRef.current.length\n        }, () => ({\n          width: 1,\n          height: 1\n        }));\n        // To calculate movements on the grid, we use hypothetical cell indices\n        // as if every item was 1x1, then convert back to real indices.\n        const cellMap = createGridCellMap(sizes, cols, dense);\n        const minGridIndex = cellMap.findIndex(index => index != null && !isListIndexDisabled(elementsRef, index, disabledIndices));\n        // last enabled index\n        const maxGridIndex = cellMap.reduce((foundIndex, index, cellIndex) => index != null && !isListIndexDisabled(elementsRef, index, disabledIndices) ? cellIndex : foundIndex, -1);\n        nextIndex = cellMap[getGridNavigatedIndex({\n          current: cellMap.map(itemIndex => itemIndex ? elementsRef.current[itemIndex] : null)\n        }, {\n          event,\n          orientation,\n          loopFocus,\n          cols,\n          // treat undefined (empty grid spaces) as disabled indices so we\n          // don't end up in them\n          disabledIndices: getGridCellIndices([...(disabledIndices || elementsRef.current.map((_, index) => isListIndexDisabled(elementsRef, index) ? index : undefined)), undefined], cellMap),\n          minIndex: minGridIndex,\n          maxIndex: maxGridIndex,\n          prevIndex: getGridCellIndexOfCorner(highlightedIndex > maxIndex ? minIndex : highlightedIndex, sizes, cellMap, cols,\n          // use a corner matching the edge closest to the direction we're\n          // moving in so we don't end up in the same item. Prefer\n          // top/left over bottom/right.\n          // eslint-disable-next-line no-nested-ternary\n          event.key === ARROW_DOWN ? 'bl' : event.key === ARROW_RIGHT ? 'tr' : 'tl'),\n          rtl: isRtl\n        })]; // navigated cell will never be nullish\n      }\n      const forwardKeys = {\n        horizontal: [horizontalForwardKey],\n        vertical: [ARROW_DOWN],\n        both: [horizontalForwardKey, ARROW_DOWN]\n      }[orientation];\n      const backwardKeys = {\n        horizontal: [horizontalBackwardKey],\n        vertical: [ARROW_UP],\n        both: [horizontalBackwardKey, ARROW_UP]\n      }[orientation];\n      const preventedKeys = isGrid ? RELEVANT_KEYS : {\n        horizontal: enableHomeAndEndKeys ? HORIZONTAL_KEYS_WITH_EXTRA_KEYS : HORIZONTAL_KEYS,\n        vertical: enableHomeAndEndKeys ? VERTICAL_KEYS_WITH_EXTRA_KEYS : VERTICAL_KEYS,\n        both: RELEVANT_KEYS\n      }[orientation];\n      if (enableHomeAndEndKeys) {\n        if (event.key === HOME) {\n          nextIndex = minIndex;\n        } else if (event.key === END) {\n          nextIndex = maxIndex;\n        }\n      }\n      if (nextIndex === highlightedIndex && (forwardKeys.includes(event.key) || backwardKeys.includes(event.key))) {\n        if (loopFocus && nextIndex === maxIndex && forwardKeys.includes(event.key)) {\n          nextIndex = minIndex;\n        } else if (loopFocus && nextIndex === minIndex && backwardKeys.includes(event.key)) {\n          nextIndex = maxIndex;\n        } else {\n          nextIndex = findNonDisabledListIndex(elementsRef, {\n            startingIndex: nextIndex,\n            decrement: backwardKeys.includes(event.key),\n            disabledIndices\n          });\n        }\n      }\n      if (nextIndex !== highlightedIndex && !isIndexOutOfListBounds(elementsRef, nextIndex)) {\n        if (stopEventPropagation) {\n          event.stopPropagation();\n        }\n        if (preventedKeys.has(event.key)) {\n          event.preventDefault();\n        }\n        onHighlightedIndexChange(nextIndex, true);\n\n        // Wait for FocusManager `returnFocus` to execute.\n        queueMicrotask(() => {\n          elementsRef.current[nextIndex]?.focus();\n        });\n      }\n    }\n  }), [cols, dense, direction, disabledIndices, elementsRef, enableHomeAndEndKeys, highlightedIndex, isGrid, itemSizes, loopFocus, mergedRef, modifierKeys, onHighlightedIndexChange, orientation, stopEventPropagation]);\n  return React.useMemo(() => ({\n    props,\n    highlightedIndex,\n    onHighlightedIndexChange,\n    elementsRef,\n    disabledIndices,\n    onMapChange,\n    relayKeyboardEvent: props.onKeyDown\n  }), [props, highlightedIndex, onHighlightedIndexChange, elementsRef, disabledIndices, onMapChange]);\n}\nfunction isModifierKeySet(event, ignoredModifierKeys) {\n  for (const key of MODIFIER_KEYS.values()) {\n    if (ignoredModifierKeys.includes(key)) {\n      continue;\n    }\n    if (event.getModifierState(key)) {\n      return true;\n    }\n  }\n  return false;\n}","'use client';\n\nimport * as React from 'react';\nimport { CompositeList } from \"../list/CompositeList.js\";\nimport { useCompositeRoot } from \"./useCompositeRoot.js\";\nimport { CompositeRootContext } from \"./CompositeRootContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useDirection } from \"../../direction-provider/DirectionContext.js\";\nimport { EMPTY_ARRAY, EMPTY_OBJECT } from \"../../utils/constants.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * @internal\n */\nexport function CompositeRoot(componentProps) {\n  const {\n    render,\n    className,\n    refs = EMPTY_ARRAY,\n    props = EMPTY_ARRAY,\n    state = EMPTY_OBJECT,\n    stateAttributesMapping,\n    highlightedIndex: highlightedIndexProp,\n    onHighlightedIndexChange: onHighlightedIndexChangeProp,\n    orientation,\n    dense,\n    itemSizes,\n    loopFocus,\n    cols,\n    enableHomeAndEndKeys,\n    onMapChange: onMapChangeProp,\n    stopEventPropagation = true,\n    rootRef,\n    disabledIndices,\n    modifierKeys,\n    highlightItemOnHover = false,\n    tag = 'div',\n    ...elementProps\n  } = componentProps;\n  const direction = useDirection();\n  const {\n    props: defaultProps,\n    highlightedIndex,\n    onHighlightedIndexChange,\n    elementsRef,\n    onMapChange: onMapChangeUnwrapped,\n    relayKeyboardEvent\n  } = useCompositeRoot({\n    itemSizes,\n    cols,\n    loopFocus,\n    dense,\n    orientation,\n    highlightedIndex: highlightedIndexProp,\n    onHighlightedIndexChange: onHighlightedIndexChangeProp,\n    rootRef,\n    stopEventPropagation,\n    enableHomeAndEndKeys,\n    direction,\n    disabledIndices,\n    modifierKeys\n  });\n  const element = useRenderElement(tag, componentProps, {\n    state,\n    ref: refs,\n    props: [defaultProps, ...props, elementProps],\n    stateAttributesMapping\n  });\n  const contextValue = React.useMemo(() => ({\n    highlightedIndex,\n    onHighlightedIndexChange,\n    highlightItemOnHover,\n    relayKeyboardEvent\n  }), [highlightedIndex, onHighlightedIndexChange, highlightItemOnHover, relayKeyboardEvent]);\n  return /*#__PURE__*/_jsx(CompositeRootContext.Provider, {\n    value: contextValue,\n    children: /*#__PURE__*/_jsx(CompositeList, {\n      elementsRef: elementsRef,\n      onMapChange: newMap => {\n        onMapChangeProp?.(newMap);\n        onMapChangeUnwrapped(newMap);\n      },\n      children: element\n    })\n  });\n}"],"names":["EMPTY_ARRAY","_jsx"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/CompositeRoot-DhWDFM9v.js

@@ -0,0 +1,307 @@
+"use strict";
+const React = require("react");
+const CompositeList = require("./CompositeList-CLP_jD9H.js");
+const isElementDisabled = require("./isElementDisabled-p2fc38Eq.js");
+const useStableCallback = require("./useStableCallback-CfE_knIO.js");
+const useRenderElement = require("./useRenderElement-CtyURhhF.js");
+const composite = require("./composite-BT0EMBUB.js");
+const composite$1 = require("./composite-DhXBXmhV.js");
+const useButton = require("./useButton-CcvYPR5H.js");
+const DirectionContext = require("./DirectionContext-BsZvU9q3.js");
+const jsxRuntime = require("./jsx-runtime-CPzt8Nmm.js");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const ACTIVE_COMPOSITE_ITEM = "data-composite-item-active";
+const EMPTY_ARRAY = [];
+function useCompositeRoot(params) {
+  const {
+    itemSizes,
+    cols = 1,
+    loopFocus = true,
+    dense = false,
+    orientation = "both",
+    direction,
+    highlightedIndex: externalHighlightedIndex,
+    onHighlightedIndexChange: externalSetHighlightedIndex,
+    rootRef: externalRef,
+    enableHomeAndEndKeys = false,
+    stopEventPropagation = false,
+    disabledIndices,
+    modifierKeys = EMPTY_ARRAY
+  } = params;
+  const [internalHighlightedIndex, internalSetHighlightedIndex] = React__namespace.useState(0);
+  const isGrid = cols > 1;
+  const rootRef = React__namespace.useRef(null);
+  const mergedRef = useRenderElement.useMergedRefs(rootRef, externalRef);
+  const elementsRef = React__namespace.useRef([]);
+  const hasSetDefaultIndexRef = React__namespace.useRef(false);
+  const highlightedIndex = externalHighlightedIndex ?? internalHighlightedIndex;
+  const onHighlightedIndexChange = useStableCallback.useStableCallback((index, shouldScrollIntoView = false) => {
+    (externalSetHighlightedIndex ?? internalSetHighlightedIndex)(index);
+    if (shouldScrollIntoView) {
+      const newActiveItem = elementsRef.current[index];
+      composite.scrollIntoViewIfNeeded(rootRef.current, newActiveItem, direction, orientation);
+    }
+  });
+  const onMapChange = useStableCallback.useStableCallback((map) => {
+    if (map.size === 0 || hasSetDefaultIndexRef.current) {
+      return;
+    }
+    hasSetDefaultIndexRef.current = true;
+    const sortedElements = Array.from(map.keys());
+    const activeItem = sortedElements.find((compositeElement) => compositeElement == null ? void 0 : compositeElement.hasAttribute(ACTIVE_COMPOSITE_ITEM)) ?? null;
+    const activeIndex = activeItem ? sortedElements.indexOf(activeItem) : -1;
+    if (activeIndex !== -1) {
+      onHighlightedIndexChange(activeIndex);
+    }
+    composite.scrollIntoViewIfNeeded(rootRef.current, activeItem, direction, orientation);
+  });
+  const props = React__namespace.useMemo(() => ({
+    "aria-orientation": orientation === "both" ? void 0 : orientation,
+    ref: mergedRef,
+    onFocus(event) {
+      const element = rootRef.current;
+      if (!element || !composite.isNativeInput(event.target)) {
+        return;
+      }
+      event.target.setSelectionRange(0, event.target.value.length ?? 0);
+    },
+    onKeyDown(event) {
+      const RELEVANT_KEYS = enableHomeAndEndKeys ? composite.ALL_KEYS : composite.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 ? composite.ARROW_LEFT : composite.ARROW_RIGHT;
+      const forwardKey = {
+        horizontal: horizontalForwardKey,
+        vertical: composite.ARROW_DOWN,
+        both: horizontalForwardKey
+      }[orientation];
+      const horizontalBackwardKey = isRtl ? composite.ARROW_RIGHT : composite.ARROW_LEFT;
+      const backwardKey = {
+        horizontal: horizontalBackwardKey,
+        vertical: composite.ARROW_UP,
+        both: horizontalBackwardKey
+      }[orientation];
+      if (composite.isNativeInput(event.target) && !isElementDisabled.isElementDisabled(event.target)) {
+        const selectionStart = event.target.selectionStart;
+        const selectionEnd = event.target.selectionEnd;
+        const textContent = event.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 = composite$1.getMinListIndex(elementsRef, disabledIndices);
+      const maxIndex = composite$1.getMaxListIndex(elementsRef, disabledIndices);
+      if (isGrid) {
+        const sizes = itemSizes || Array.from({
+          length: elementsRef.current.length
+        }, () => ({
+          width: 1,
+          height: 1
+        }));
+        const cellMap = composite$1.createGridCellMap(sizes, cols, dense);
+        const minGridIndex = cellMap.findIndex((index) => index != null && !composite$1.isListIndexDisabled(elementsRef, index, disabledIndices));
+        const maxGridIndex = cellMap.reduce((foundIndex, index, cellIndex) => index != null && !composite$1.isListIndexDisabled(elementsRef, index, disabledIndices) ? cellIndex : foundIndex, -1);
+        nextIndex = cellMap[composite$1.getGridNavigatedIndex({
+          current: cellMap.map((itemIndex) => itemIndex ? elementsRef.current[itemIndex] : null)
+        }, {
+          event,
+          orientation,
+          loopFocus,
+          cols,
+          // treat undefined (empty grid spaces) as disabled indices so we
+          // don't end up in them
+          disabledIndices: composite$1.getGridCellIndices([...disabledIndices || elementsRef.current.map((_, index) => composite$1.isListIndexDisabled(elementsRef, index) ? index : void 0), void 0], cellMap),
+          minIndex: minGridIndex,
+          maxIndex: maxGridIndex,
+          prevIndex: composite$1.getGridCellIndexOfCorner(
+            highlightedIndex > maxIndex ? minIndex : highlightedIndex,
+            sizes,
+            cellMap,
+            cols,
+            // use a corner matching the edge closest to the direction we're
+            // moving in so we don't end up in the same item. Prefer
+            // top/left over bottom/right.
+            // eslint-disable-next-line no-nested-ternary
+            event.key === composite.ARROW_DOWN ? "bl" : event.key === composite.ARROW_RIGHT ? "tr" : "tl"
+          ),
+          rtl: isRtl
+        })];
+      }
+      const forwardKeys = {
+        horizontal: [horizontalForwardKey],
+        vertical: [composite.ARROW_DOWN],
+        both: [horizontalForwardKey, composite.ARROW_DOWN]
+      }[orientation];
+      const backwardKeys = {
+        horizontal: [horizontalBackwardKey],
+        vertical: [composite.ARROW_UP],
+        both: [horizontalBackwardKey, composite.ARROW_UP]
+      }[orientation];
+      const preventedKeys = isGrid ? RELEVANT_KEYS : {
+        horizontal: enableHomeAndEndKeys ? composite.HORIZONTAL_KEYS_WITH_EXTRA_KEYS : composite.HORIZONTAL_KEYS,
+        vertical: enableHomeAndEndKeys ? composite.VERTICAL_KEYS_WITH_EXTRA_KEYS : composite.VERTICAL_KEYS,
+        both: RELEVANT_KEYS
+      }[orientation];
+      if (enableHomeAndEndKeys) {
+        if (event.key === composite.HOME) {
+          nextIndex = minIndex;
+        } else if (event.key === composite.END) {
+          nextIndex = maxIndex;
+        }
+      }
+      if (nextIndex === highlightedIndex && (forwardKeys.includes(event.key) || backwardKeys.includes(event.key))) {
+        if (loopFocus && nextIndex === maxIndex && forwardKeys.includes(event.key)) {
+          nextIndex = minIndex;
+        } else if (loopFocus && nextIndex === minIndex && backwardKeys.includes(event.key)) {
+          nextIndex = maxIndex;
+        } else {
+          nextIndex = composite$1.findNonDisabledListIndex(elementsRef, {
+            startingIndex: nextIndex,
+            decrement: backwardKeys.includes(event.key),
+            disabledIndices
+          });
+        }
+      }
+      if (nextIndex !== highlightedIndex && !composite$1.isIndexOutOfListBounds(elementsRef, nextIndex)) {
+        if (stopEventPropagation) {
+          event.stopPropagation();
+        }
+        if (preventedKeys.has(event.key)) {
+          event.preventDefault();
+        }
+        onHighlightedIndexChange(nextIndex, true);
+        queueMicrotask(() => {
+          var _a;
+          (_a = elementsRef.current[nextIndex]) == null ? void 0 : _a.focus();
+        });
+      }
+    }
+  }), [cols, dense, direction, disabledIndices, elementsRef, enableHomeAndEndKeys, highlightedIndex, isGrid, itemSizes, loopFocus, mergedRef, modifierKeys, onHighlightedIndexChange, orientation, stopEventPropagation]);
+  return React__namespace.useMemo(() => ({
+    props,
+    highlightedIndex,
+    onHighlightedIndexChange,
+    elementsRef,
+    disabledIndices,
+    onMapChange,
+    relayKeyboardEvent: props.onKeyDown
+  }), [props, highlightedIndex, onHighlightedIndexChange, elementsRef, disabledIndices, onMapChange]);
+}
+function isModifierKeySet(event, ignoredModifierKeys) {
+  for (const key of composite.MODIFIER_KEYS.values()) {
+    if (ignoredModifierKeys.includes(key)) {
+      continue;
+    }
+    if (event.getModifierState(key)) {
+      return true;
+    }
+  }
+  return false;
+}
+function CompositeRoot(componentProps) {
+  const {
+    render,
+    className,
+    refs = useRenderElement.EMPTY_ARRAY,
+    props = useRenderElement.EMPTY_ARRAY,
+    state = useRenderElement.EMPTY_OBJECT,
+    stateAttributesMapping,
+    highlightedIndex: highlightedIndexProp,
+    onHighlightedIndexChange: onHighlightedIndexChangeProp,
+    orientation,
+    dense,
+    itemSizes,
+    loopFocus,
+    cols,
+    enableHomeAndEndKeys,
+    onMapChange: onMapChangeProp,
+    stopEventPropagation = true,
+    rootRef,
+    disabledIndices,
+    modifierKeys,
+    highlightItemOnHover = false,
+    tag = "div",
+    ...elementProps
+  } = componentProps;
+  const direction = DirectionContext.useDirection();
+  const {
+    props: defaultProps,
+    highlightedIndex,
+    onHighlightedIndexChange,
+    elementsRef,
+    onMapChange: onMapChangeUnwrapped,
+    relayKeyboardEvent
+  } = useCompositeRoot({
+    itemSizes,
+    cols,
+    loopFocus,
+    dense,
+    orientation,
+    highlightedIndex: highlightedIndexProp,
+    onHighlightedIndexChange: onHighlightedIndexChangeProp,
+    rootRef,
+    stopEventPropagation,
+    enableHomeAndEndKeys,
+    direction,
+    disabledIndices,
+    modifierKeys
+  });
+  const element = useRenderElement.useRenderElement(tag, componentProps, {
+    state,
+    ref: refs,
+    props: [defaultProps, ...props, elementProps],
+    stateAttributesMapping
+  });
+  const contextValue = React__namespace.useMemo(() => ({
+    highlightedIndex,
+    onHighlightedIndexChange,
+    highlightItemOnHover,
+    relayKeyboardEvent
+  }), [highlightedIndex, onHighlightedIndexChange, highlightItemOnHover, relayKeyboardEvent]);
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(useButton.CompositeRootContext.Provider, {
+    value: contextValue,
+    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(CompositeList.CompositeList, {
+      elementsRef,
+      onMapChange: (newMap) => {
+        onMapChangeProp == null ? void 0 : onMapChangeProp(newMap);
+        onMapChangeUnwrapped(newMap);
+      },
+      children: element
+    })
+  });
+}
+exports.ACTIVE_COMPOSITE_ITEM = ACTIVE_COMPOSITE_ITEM;
+exports.CompositeRoot = CompositeRoot;
+//# sourceMappingURL=CompositeRoot-DhWDFM9v.js.map