@epic-web/workshop-app 4.6.6 → 4.7.1

package/node_modules/@radix-ui/react-roving-focus/dist/index.d.mts

@@ -1,7 +1,18 @@
-import * as React from "react";
-import * as Radix from "@radix-ui/react-primitive";
-import { Primitive } from "@radix-ui/react-primitive";
-export const createRovingFocusGroupScope: import("@radix-ui/react-context").CreateScope;
+import * as React from 'react';
+import { Primitive } from '@radix-ui/react-primitive';
+
+type Scope<C = any> = {
+    [scopeName: string]: React.Context<C>[];
+} | undefined;
+type ScopeHook = (scope: Scope) => {
+    [__scopeProp: string]: Scope;
+};
+interface CreateScope {
+    scopeName: string;
+    (): ScopeHook;
+}
+
+declare const createRovingFocusGroupScope: CreateScope;
 type Orientation = React.AriaAttributes['aria-orientation'];
 type Direction = 'ltr' | 'rtl';
 interface RovingFocusGroupOptions {
@@ -20,24 +31,25 @@ interface RovingFocusGroupOptions {
      */
     loop?: boolean;
 }
-export interface RovingFocusGroupProps extends RovingFocusGroupImplProps {
+interface RovingFocusGroupProps extends RovingFocusGroupImplProps {
 }
-export const RovingFocusGroup: React.ForwardRefExoticComponent<RovingFocusGroupProps & React.RefAttributes<HTMLDivElement>>;
-type PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;
+declare const RovingFocusGroup: React.ForwardRefExoticComponent<RovingFocusGroupProps & React.RefAttributes<HTMLDivElement>>;
+type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
 interface RovingFocusGroupImplProps extends Omit<PrimitiveDivProps, 'dir'>, RovingFocusGroupOptions {
     currentTabStopId?: string | null;
     defaultCurrentTabStopId?: string;
     onCurrentTabStopIdChange?: (tabStopId: string | null) => void;
     onEntryFocus?: (event: Event) => void;
+    preventScrollOnEntryFocus?: boolean;
 }
-type PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;
-export interface RovingFocusItemProps extends PrimitiveSpanProps {
+type PrimitiveSpanProps = React.ComponentPropsWithoutRef<typeof Primitive.span>;
+interface RovingFocusItemProps extends PrimitiveSpanProps {
     tabStopId?: string;
     focusable?: boolean;
     active?: boolean;
 }
-export const RovingFocusGroupItem: React.ForwardRefExoticComponent<RovingFocusItemProps & React.RefAttributes<HTMLSpanElement>>;
-export const Root: React.ForwardRefExoticComponent<RovingFocusGroupProps & React.RefAttributes<HTMLDivElement>>;
-export const Item: React.ForwardRefExoticComponent<RovingFocusItemProps & React.RefAttributes<HTMLSpanElement>>;
+declare const RovingFocusGroupItem: React.ForwardRefExoticComponent<RovingFocusItemProps & React.RefAttributes<HTMLSpanElement>>;
+declare const Root: React.ForwardRefExoticComponent<RovingFocusGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const Item: React.ForwardRefExoticComponent<RovingFocusItemProps & React.RefAttributes<HTMLSpanElement>>;
 
-//# sourceMappingURL=index.d.ts.map
+export { Item, Root, RovingFocusGroup, RovingFocusGroupItem, type RovingFocusGroupProps, type RovingFocusItemProps, createRovingFocusGroupScope };

package/node_modules/@radix-ui/react-roving-focus/dist/index.d.ts

@@ -1,7 +1,18 @@
-import * as React from "react";
-import * as Radix from "@radix-ui/react-primitive";
-import { Primitive } from "@radix-ui/react-primitive";
-export const createRovingFocusGroupScope: import("@radix-ui/react-context").CreateScope;
+import * as React from 'react';
+import { Primitive } from '@radix-ui/react-primitive';
+
+type Scope<C = any> = {
+    [scopeName: string]: React.Context<C>[];
+} | undefined;
+type ScopeHook = (scope: Scope) => {
+    [__scopeProp: string]: Scope;
+};
+interface CreateScope {
+    scopeName: string;
+    (): ScopeHook;
+}
+
+declare const createRovingFocusGroupScope: CreateScope;
 type Orientation = React.AriaAttributes['aria-orientation'];
 type Direction = 'ltr' | 'rtl';
 interface RovingFocusGroupOptions {
@@ -20,24 +31,25 @@ interface RovingFocusGroupOptions {
      */
     loop?: boolean;
 }
-export interface RovingFocusGroupProps extends RovingFocusGroupImplProps {
+interface RovingFocusGroupProps extends RovingFocusGroupImplProps {
 }
-export const RovingFocusGroup: React.ForwardRefExoticComponent<RovingFocusGroupProps & React.RefAttributes<HTMLDivElement>>;
-type PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;
+declare const RovingFocusGroup: React.ForwardRefExoticComponent<RovingFocusGroupProps & React.RefAttributes<HTMLDivElement>>;
+type PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;
 interface RovingFocusGroupImplProps extends Omit<PrimitiveDivProps, 'dir'>, RovingFocusGroupOptions {
     currentTabStopId?: string | null;
     defaultCurrentTabStopId?: string;
     onCurrentTabStopIdChange?: (tabStopId: string | null) => void;
     onEntryFocus?: (event: Event) => void;
+    preventScrollOnEntryFocus?: boolean;
 }
-type PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;
-export interface RovingFocusItemProps extends PrimitiveSpanProps {
+type PrimitiveSpanProps = React.ComponentPropsWithoutRef<typeof Primitive.span>;
+interface RovingFocusItemProps extends PrimitiveSpanProps {
     tabStopId?: string;
     focusable?: boolean;
     active?: boolean;
 }
-export const RovingFocusGroupItem: React.ForwardRefExoticComponent<RovingFocusItemProps & React.RefAttributes<HTMLSpanElement>>;
-export const Root: React.ForwardRefExoticComponent<RovingFocusGroupProps & React.RefAttributes<HTMLDivElement>>;
-export const Item: React.ForwardRefExoticComponent<RovingFocusItemProps & React.RefAttributes<HTMLSpanElement>>;
+declare const RovingFocusGroupItem: React.ForwardRefExoticComponent<RovingFocusItemProps & React.RefAttributes<HTMLSpanElement>>;
+declare const Root: React.ForwardRefExoticComponent<RovingFocusGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const Item: React.ForwardRefExoticComponent<RovingFocusItemProps & React.RefAttributes<HTMLSpanElement>>;
 
-//# sourceMappingURL=index.d.ts.map
+export { Item, Root, RovingFocusGroup, RovingFocusGroupItem, type RovingFocusGroupProps, type RovingFocusItemProps, createRovingFocusGroupScope };

package/node_modules/@radix-ui/react-roving-focus/dist/index.js

@@ -1,268 +1,260 @@
-var $9QJ9Y$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
-var $9QJ9Y$react = require("react");
-var $9QJ9Y$radixuiprimitive = require("@radix-ui/primitive");
-var $9QJ9Y$radixuireactcollection = require("@radix-ui/react-collection");
-var $9QJ9Y$radixuireactcomposerefs = require("@radix-ui/react-compose-refs");
-var $9QJ9Y$radixuireactcontext = require("@radix-ui/react-context");
-var $9QJ9Y$radixuireactid = require("@radix-ui/react-id");
-var $9QJ9Y$radixuireactprimitive = require("@radix-ui/react-primitive");
-var $9QJ9Y$radixuireactusecallbackref = require("@radix-ui/react-use-callback-ref");
-var $9QJ9Y$radixuireactusecontrollablestate = require("@radix-ui/react-use-controllable-state");
-var $9QJ9Y$radixuireactdirection = require("@radix-ui/react-direction");
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-$parcel$export(module.exports, "createRovingFocusGroupScope", () => $0063afae63b3fa70$export$c7109489551a4f4);
-$parcel$export(module.exports, "RovingFocusGroup", () => $0063afae63b3fa70$export$8699f7c8af148338);
-$parcel$export(module.exports, "RovingFocusGroupItem", () => $0063afae63b3fa70$export$ab9df7c53fe8454);
-$parcel$export(module.exports, "Root", () => $0063afae63b3fa70$export$be92b6f5f03c0fe9);
-$parcel$export(module.exports, "Item", () => $0063afae63b3fa70$export$6d08773d2e66f8f2);
-
-
-
-
-
-
-
-
-
-
-
-const $0063afae63b3fa70$var$ENTRY_FOCUS = 'rovingFocusGroup.onEntryFocus';
-const $0063afae63b3fa70$var$EVENT_OPTIONS = {
-    bubbles: false,
-    cancelable: true
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-/* -------------------------------------------------------------------------------------------------
- * RovingFocusGroup
- * -----------------------------------------------------------------------------------------------*/ const $0063afae63b3fa70$var$GROUP_NAME = 'RovingFocusGroup';
-const [$0063afae63b3fa70$var$Collection, $0063afae63b3fa70$var$useCollection, $0063afae63b3fa70$var$createCollectionScope] = $9QJ9Y$radixuireactcollection.createCollection($0063afae63b3fa70$var$GROUP_NAME);
-const [$0063afae63b3fa70$var$createRovingFocusGroupContext, $0063afae63b3fa70$export$c7109489551a4f4] = $9QJ9Y$radixuireactcontext.createContextScope($0063afae63b3fa70$var$GROUP_NAME, [
-    $0063afae63b3fa70$var$createCollectionScope
-]);
-const [$0063afae63b3fa70$var$RovingFocusProvider, $0063afae63b3fa70$var$useRovingFocusContext] = $0063afae63b3fa70$var$createRovingFocusGroupContext($0063afae63b3fa70$var$GROUP_NAME);
-const $0063afae63b3fa70$export$8699f7c8af148338 = /*#__PURE__*/ $9QJ9Y$react.forwardRef((props, forwardedRef)=>{
-    return /*#__PURE__*/ $9QJ9Y$react.createElement($0063afae63b3fa70$var$Collection.Provider, {
-        scope: props.__scopeRovingFocusGroup
-    }, /*#__PURE__*/ $9QJ9Y$react.createElement($0063afae63b3fa70$var$Collection.Slot, {
-        scope: props.__scopeRovingFocusGroup
-    }, /*#__PURE__*/ $9QJ9Y$react.createElement($0063afae63b3fa70$var$RovingFocusGroupImpl, ($parcel$interopDefault($9QJ9Y$babelruntimehelpersextends))({}, props, {
-        ref: forwardedRef
-    }))));
-});
-/*#__PURE__*/ Object.assign($0063afae63b3fa70$export$8699f7c8af148338, {
-    displayName: $0063afae63b3fa70$var$GROUP_NAME
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/react/roving-focus/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Item: () => Item,
+  Root: () => Root,
+  RovingFocusGroup: () => RovingFocusGroup,
+  RovingFocusGroupItem: () => RovingFocusGroupItem,
+  createRovingFocusGroupScope: () => createRovingFocusGroupScope
 });
-/* -----------------------------------------------------------------------------------------------*/ const $0063afae63b3fa70$var$RovingFocusGroupImpl = /*#__PURE__*/ $9QJ9Y$react.forwardRef((props, forwardedRef)=>{
-    const { __scopeRovingFocusGroup: __scopeRovingFocusGroup , orientation: orientation , loop: loop = false , dir: dir , currentTabStopId: currentTabStopIdProp , defaultCurrentTabStopId: defaultCurrentTabStopId , onCurrentTabStopIdChange: onCurrentTabStopIdChange , onEntryFocus: onEntryFocus , ...groupProps } = props;
-    const ref = $9QJ9Y$react.useRef(null);
-    const composedRefs = $9QJ9Y$radixuireactcomposerefs.useComposedRefs(forwardedRef, ref);
-    const direction = $9QJ9Y$radixuireactdirection.useDirection(dir);
-    const [currentTabStopId = null, setCurrentTabStopId] = $9QJ9Y$radixuireactusecontrollablestate.useControllableState({
-        prop: currentTabStopIdProp,
-        defaultProp: defaultCurrentTabStopId,
-        onChange: onCurrentTabStopIdChange
-    });
-    const [isTabbingBackOut, setIsTabbingBackOut] = $9QJ9Y$react.useState(false);
-    const handleEntryFocus = $9QJ9Y$radixuireactusecallbackref.useCallbackRef(onEntryFocus);
-    const getItems = $0063afae63b3fa70$var$useCollection(__scopeRovingFocusGroup);
-    const isClickFocusRef = $9QJ9Y$react.useRef(false);
-    const [focusableItemsCount, setFocusableItemsCount] = $9QJ9Y$react.useState(0);
-    $9QJ9Y$react.useEffect(()=>{
-        const node = ref.current;
-        if (node) {
-            node.addEventListener($0063afae63b3fa70$var$ENTRY_FOCUS, handleEntryFocus);
-            return ()=>node.removeEventListener($0063afae63b3fa70$var$ENTRY_FOCUS, handleEntryFocus)
-            ;
-        }
-    }, [
-        handleEntryFocus
-    ]);
-    return /*#__PURE__*/ $9QJ9Y$react.createElement($0063afae63b3fa70$var$RovingFocusProvider, {
-        scope: __scopeRovingFocusGroup,
-        orientation: orientation,
-        dir: direction,
-        loop: loop,
-        currentTabStopId: currentTabStopId,
-        onItemFocus: $9QJ9Y$react.useCallback((tabStopId)=>setCurrentTabStopId(tabStopId)
-        , [
-            setCurrentTabStopId
-        ]),
-        onItemShiftTab: $9QJ9Y$react.useCallback(()=>setIsTabbingBackOut(true)
-        , []),
-        onFocusableItemAdd: $9QJ9Y$react.useCallback(()=>setFocusableItemsCount((prevCount)=>prevCount + 1
-            )
-        , []),
-        onFocusableItemRemove: $9QJ9Y$react.useCallback(()=>setFocusableItemsCount((prevCount)=>prevCount - 1
-            )
-        , [])
-    }, /*#__PURE__*/ $9QJ9Y$react.createElement($9QJ9Y$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($9QJ9Y$babelruntimehelpersextends))({
-        tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
-        "data-orientation": orientation
-    }, groupProps, {
-        ref: composedRefs,
-        style: {
-            outline: 'none',
-            ...props.style
-        },
-        onMouseDown: $9QJ9Y$radixuiprimitive.composeEventHandlers(props.onMouseDown, ()=>{
+module.exports = __toCommonJS(src_exports);
+
+// packages/react/roving-focus/src/RovingFocusGroup.tsx
+var React = __toESM(require("react"));
+var import_primitive = require("@radix-ui/primitive");
+var import_react_collection = require("@radix-ui/react-collection");
+var import_react_compose_refs = require("@radix-ui/react-compose-refs");
+var import_react_context = require("@radix-ui/react-context");
+var import_react_id = require("@radix-ui/react-id");
+var import_react_primitive = require("@radix-ui/react-primitive");
+var import_react_use_callback_ref = require("@radix-ui/react-use-callback-ref");
+var import_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
+var import_react_direction = require("@radix-ui/react-direction");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
+var EVENT_OPTIONS = { bubbles: false, cancelable: true };
+var GROUP_NAME = "RovingFocusGroup";
+var [Collection, useCollection, createCollectionScope] = (0, import_react_collection.createCollection)(GROUP_NAME);
+var [createRovingFocusGroupContext, createRovingFocusGroupScope] = (0, import_react_context.createContextScope)(
+  GROUP_NAME,
+  [createCollectionScope]
+);
+var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
+var RovingFocusGroup = React.forwardRef(
+  (props, forwardedRef) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
+  }
+);
+RovingFocusGroup.displayName = GROUP_NAME;
+var RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeRovingFocusGroup,
+    orientation,
+    loop = false,
+    dir,
+    currentTabStopId: currentTabStopIdProp,
+    defaultCurrentTabStopId,
+    onCurrentTabStopIdChange,
+    onEntryFocus,
+    preventScrollOnEntryFocus = false,
+    ...groupProps
+  } = props;
+  const ref = React.useRef(null);
+  const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, ref);
+  const direction = (0, import_react_direction.useDirection)(dir);
+  const [currentTabStopId = null, setCurrentTabStopId] = (0, import_react_use_controllable_state.useControllableState)({
+    prop: currentTabStopIdProp,
+    defaultProp: defaultCurrentTabStopId,
+    onChange: onCurrentTabStopIdChange
+  });
+  const [isTabbingBackOut, setIsTabbingBackOut] = React.useState(false);
+  const handleEntryFocus = (0, import_react_use_callback_ref.useCallbackRef)(onEntryFocus);
+  const getItems = useCollection(__scopeRovingFocusGroup);
+  const isClickFocusRef = React.useRef(false);
+  const [focusableItemsCount, setFocusableItemsCount] = React.useState(0);
+  React.useEffect(() => {
+    const node = ref.current;
+    if (node) {
+      node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
+      return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
+    }
+  }, [handleEntryFocus]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    RovingFocusProvider,
+    {
+      scope: __scopeRovingFocusGroup,
+      orientation,
+      dir: direction,
+      loop,
+      currentTabStopId,
+      onItemFocus: React.useCallback(
+        (tabStopId) => setCurrentTabStopId(tabStopId),
+        [setCurrentTabStopId]
+      ),
+      onItemShiftTab: React.useCallback(() => setIsTabbingBackOut(true), []),
+      onFocusableItemAdd: React.useCallback(
+        () => setFocusableItemsCount((prevCount) => prevCount + 1),
+        []
+      ),
+      onFocusableItemRemove: React.useCallback(
+        () => setFocusableItemsCount((prevCount) => prevCount - 1),
+        []
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_primitive.Primitive.div,
+        {
+          tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
+          "data-orientation": orientation,
+          ...groupProps,
+          ref: composedRefs,
+          style: { outline: "none", ...props.style },
+          onMouseDown: (0, import_primitive.composeEventHandlers)(props.onMouseDown, () => {
             isClickFocusRef.current = true;
-        }),
-        onFocus: $9QJ9Y$radixuiprimitive.composeEventHandlers(props.onFocus, (event)=>{
-            // We normally wouldn't need this check, because we already check
-            // that the focus is on the current target and not bubbling to it.
-            // We do this because Safari doesn't focus buttons when clicked, and
-            // instead, the wrapper will get focused and not through a bubbling event.
+          }),
+          onFocus: (0, import_primitive.composeEventHandlers)(props.onFocus, (event) => {
             const isKeyboardFocus = !isClickFocusRef.current;
             if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
-                const entryFocusEvent = new CustomEvent($0063afae63b3fa70$var$ENTRY_FOCUS, $0063afae63b3fa70$var$EVENT_OPTIONS);
-                event.currentTarget.dispatchEvent(entryFocusEvent);
-                if (!entryFocusEvent.defaultPrevented) {
-                    const items = getItems().filter((item)=>item.focusable
-                    );
-                    const activeItem = items.find((item)=>item.active
-                    );
-                    const currentItem = items.find((item)=>item.id === currentTabStopId
-                    );
-                    const candidateItems = [
-                        activeItem,
-                        currentItem,
-                        ...items
-                    ].filter(Boolean);
-                    const candidateNodes = candidateItems.map((item)=>item.ref.current
-                    );
-                    $0063afae63b3fa70$var$focusFirst(candidateNodes);
-                }
+              const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
+              event.currentTarget.dispatchEvent(entryFocusEvent);
+              if (!entryFocusEvent.defaultPrevented) {
+                const items = getItems().filter((item) => item.focusable);
+                const activeItem = items.find((item) => item.active);
+                const currentItem = items.find((item) => item.id === currentTabStopId);
+                const candidateItems = [activeItem, currentItem, ...items].filter(
+                  Boolean
+                );
+                const candidateNodes = candidateItems.map((item) => item.ref.current);
+                focusFirst(candidateNodes, preventScrollOnEntryFocus);
+              }
             }
             isClickFocusRef.current = false;
-        }),
-        onBlur: $9QJ9Y$radixuiprimitive.composeEventHandlers(props.onBlur, ()=>setIsTabbingBackOut(false)
-        )
-    })));
+          }),
+          onBlur: (0, import_primitive.composeEventHandlers)(props.onBlur, () => setIsTabbingBackOut(false))
+        }
+      )
+    }
+  );
 });
-/* -------------------------------------------------------------------------------------------------
- * RovingFocusGroupItem
- * -----------------------------------------------------------------------------------------------*/ const $0063afae63b3fa70$var$ITEM_NAME = 'RovingFocusGroupItem';
-const $0063afae63b3fa70$export$ab9df7c53fe8454 = /*#__PURE__*/ $9QJ9Y$react.forwardRef((props, forwardedRef)=>{
-    const { __scopeRovingFocusGroup: __scopeRovingFocusGroup , focusable: focusable = true , active: active = false , tabStopId: tabStopId , ...itemProps } = props;
-    const autoId = $9QJ9Y$radixuireactid.useId();
+var ITEM_NAME = "RovingFocusGroupItem";
+var RovingFocusGroupItem = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeRovingFocusGroup,
+      focusable = true,
+      active = false,
+      tabStopId,
+      ...itemProps
+    } = props;
+    const autoId = (0, import_react_id.useId)();
     const id = tabStopId || autoId;
-    const context = $0063afae63b3fa70$var$useRovingFocusContext($0063afae63b3fa70$var$ITEM_NAME, __scopeRovingFocusGroup);
+    const context = useRovingFocusContext(ITEM_NAME, __scopeRovingFocusGroup);
     const isCurrentTabStop = context.currentTabStopId === id;
-    const getItems = $0063afae63b3fa70$var$useCollection(__scopeRovingFocusGroup);
-    const { onFocusableItemAdd: onFocusableItemAdd , onFocusableItemRemove: onFocusableItemRemove  } = context;
-    $9QJ9Y$react.useEffect(()=>{
-        if (focusable) {
-            onFocusableItemAdd();
-            return ()=>onFocusableItemRemove()
-            ;
-        }
-    }, [
-        focusable,
-        onFocusableItemAdd,
-        onFocusableItemRemove
-    ]);
-    return /*#__PURE__*/ $9QJ9Y$react.createElement($0063afae63b3fa70$var$Collection.ItemSlot, {
+    const getItems = useCollection(__scopeRovingFocusGroup);
+    const { onFocusableItemAdd, onFocusableItemRemove } = context;
+    React.useEffect(() => {
+      if (focusable) {
+        onFocusableItemAdd();
+        return () => onFocusableItemRemove();
+      }
+    }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Collection.ItemSlot,
+      {
         scope: __scopeRovingFocusGroup,
-        id: id,
-        focusable: focusable,
-        active: active
-    }, /*#__PURE__*/ $9QJ9Y$react.createElement($9QJ9Y$radixuireactprimitive.Primitive.span, ($parcel$interopDefault($9QJ9Y$babelruntimehelpersextends))({
-        tabIndex: isCurrentTabStop ? 0 : -1,
-        "data-orientation": context.orientation
-    }, itemProps, {
-        ref: forwardedRef,
-        onMouseDown: $9QJ9Y$radixuiprimitive.composeEventHandlers(props.onMouseDown, (event)=>{
-            // We prevent focusing non-focusable items on `mousedown`.
-            // Even though the item has tabIndex={-1}, that only means take it out of the tab order.
-            if (!focusable) event.preventDefault(); // Safari doesn't focus a button when clicked so we run our logic on mousedown also
-            else context.onItemFocus(id);
-        }),
-        onFocus: $9QJ9Y$radixuiprimitive.composeEventHandlers(props.onFocus, ()=>context.onItemFocus(id)
-        ),
-        onKeyDown: $9QJ9Y$radixuiprimitive.composeEventHandlers(props.onKeyDown, (event)=>{
-            if (event.key === 'Tab' && event.shiftKey) {
+        id,
+        focusable,
+        active,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_react_primitive.Primitive.span,
+          {
+            tabIndex: isCurrentTabStop ? 0 : -1,
+            "data-orientation": context.orientation,
+            ...itemProps,
+            ref: forwardedRef,
+            onMouseDown: (0, import_primitive.composeEventHandlers)(props.onMouseDown, (event) => {
+              if (!focusable) event.preventDefault();
+              else context.onItemFocus(id);
+            }),
+            onFocus: (0, import_primitive.composeEventHandlers)(props.onFocus, () => context.onItemFocus(id)),
+            onKeyDown: (0, import_primitive.composeEventHandlers)(props.onKeyDown, (event) => {
+              if (event.key === "Tab" && event.shiftKey) {
                 context.onItemShiftTab();
                 return;
-            }
-            if (event.target !== event.currentTarget) return;
-            const focusIntent = $0063afae63b3fa70$var$getFocusIntent(event, context.orientation, context.dir);
-            if (focusIntent !== undefined) {
+              }
+              if (event.target !== event.currentTarget) return;
+              const focusIntent = getFocusIntent(event, context.orientation, context.dir);
+              if (focusIntent !== void 0) {
+                if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
                 event.preventDefault();
-                const items = getItems().filter((item)=>item.focusable
-                );
-                let candidateNodes = items.map((item)=>item.ref.current
-                );
-                if (focusIntent === 'last') candidateNodes.reverse();
-                else if (focusIntent === 'prev' || focusIntent === 'next') {
-                    if (focusIntent === 'prev') candidateNodes.reverse();
-                    const currentIndex = candidateNodes.indexOf(event.currentTarget);
-                    candidateNodes = context.loop ? $0063afae63b3fa70$var$wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
+                const items = getItems().filter((item) => item.focusable);
+                let candidateNodes = items.map((item) => item.ref.current);
+                if (focusIntent === "last") candidateNodes.reverse();
+                else if (focusIntent === "prev" || focusIntent === "next") {
+                  if (focusIntent === "prev") candidateNodes.reverse();
+                  const currentIndex = candidateNodes.indexOf(event.currentTarget);
+                  candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
                 }
-                /**
-         * Imperative focus during keydown is risky so we prevent React's batching updates
-         * to avoid potential bugs. See: https://github.com/facebook/react/issues/20332
-         */ setTimeout(()=>$0063afae63b3fa70$var$focusFirst(candidateNodes)
-                );
-            }
-        })
-    })));
-});
-/*#__PURE__*/ Object.assign($0063afae63b3fa70$export$ab9df7c53fe8454, {
-    displayName: $0063afae63b3fa70$var$ITEM_NAME
-});
-/* -----------------------------------------------------------------------------------------------*/ // prettier-ignore
-const $0063afae63b3fa70$var$MAP_KEY_TO_FOCUS_INTENT = {
-    ArrowLeft: 'prev',
-    ArrowUp: 'prev',
-    ArrowRight: 'next',
-    ArrowDown: 'next',
-    PageUp: 'first',
-    Home: 'first',
-    PageDown: 'last',
-    End: 'last'
+                setTimeout(() => focusFirst(candidateNodes));
+              }
+            })
+          }
+        )
+      }
+    );
+  }
+);
+RovingFocusGroupItem.displayName = ITEM_NAME;
+var MAP_KEY_TO_FOCUS_INTENT = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
 };
-function $0063afae63b3fa70$var$getDirectionAwareKey(key, dir) {
-    if (dir !== 'rtl') return key;
-    return key === 'ArrowLeft' ? 'ArrowRight' : key === 'ArrowRight' ? 'ArrowLeft' : key;
+function getDirectionAwareKey(key, dir) {
+  if (dir !== "rtl") return key;
+  return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
 }
-function $0063afae63b3fa70$var$getFocusIntent(event, orientation, dir) {
-    const key = $0063afae63b3fa70$var$getDirectionAwareKey(event.key, dir);
-    if (orientation === 'vertical' && [
-        'ArrowLeft',
-        'ArrowRight'
-    ].includes(key)) return undefined;
-    if (orientation === 'horizontal' && [
-        'ArrowUp',
-        'ArrowDown'
-    ].includes(key)) return undefined;
-    return $0063afae63b3fa70$var$MAP_KEY_TO_FOCUS_INTENT[key];
+function getFocusIntent(event, orientation, dir) {
+  const key = getDirectionAwareKey(event.key, dir);
+  if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
+  if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
+  return MAP_KEY_TO_FOCUS_INTENT[key];
 }
-function $0063afae63b3fa70$var$focusFirst(candidates) {
-    const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
-    for (const candidate of candidates){
-        // if focus is already where we want to go, we don't want to keep going through the candidates
-        if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
-        candidate.focus();
-        if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
-    }
+function focusFirst(candidates, preventScroll = false) {
+  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
+  for (const candidate of candidates) {
+    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
+    candidate.focus({ preventScroll });
+    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
+  }
 }
-/**
- * Wraps an array around itself at a given start index
- * Example: `wrapArray(['a', 'b', 'c', 'd'], 2) === ['c', 'd', 'a', 'b']`
- */ function $0063afae63b3fa70$var$wrapArray(array, startIndex) {
-    return array.map((_, index)=>array[(startIndex + index) % array.length]
-    );
+function wrapArray(array, startIndex) {
+  return array.map((_, index) => array[(startIndex + index) % array.length]);
 }
-const $0063afae63b3fa70$export$be92b6f5f03c0fe9 = $0063afae63b3fa70$export$8699f7c8af148338;
-const $0063afae63b3fa70$export$6d08773d2e66f8f2 = $0063afae63b3fa70$export$ab9df7c53fe8454;
-
-
-
-
+var Root = RovingFocusGroup;
+var Item = RovingFocusGroupItem;
 //# sourceMappingURL=index.js.map