@tamagui/roving-focus 1.74.8 → 1.74.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/roving-focus",
-  "version": "1.74.8",
+  "version": "1.74.9",
   "sideEffects": [
     "*.css"
   ],
@@ -31,19 +31,19 @@
     }
   },
   "dependencies": {
-    "@tamagui/collection": "1.74.8",
-    "@tamagui/compose-refs": "1.74.8",
-    "@tamagui/core": "1.74.8",
-    "@tamagui/create-context": "1.74.8",
-    "@tamagui/use-controllable-state": "1.74.8",
-    "@tamagui/use-direction": "1.74.8",
-    "@tamagui/use-event": "1.74.8"
+    "@tamagui/collection": "1.74.9",
+    "@tamagui/compose-refs": "1.74.9",
+    "@tamagui/core": "1.74.9",
+    "@tamagui/create-context": "1.74.9",
+    "@tamagui/use-controllable-state": "1.74.9",
+    "@tamagui/use-direction": "1.74.9",
+    "@tamagui/use-event": "1.74.9"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.74.8",
+    "@tamagui/build": "1.74.9",
     "react": "^18.2.0"
   },
   "publishConfig": {

package/dist/esm/RovingFocusGroup.mjs

@@ -1,192 +0,0 @@
-import { createCollection } from "@tamagui/collection";
-import { useComposedRefs } from "@tamagui/compose-refs";
-import {
-  Stack,
-  composeEventHandlers,
-  isWeb,
-  useEvent,
-  withStaticProperties
-} from "@tamagui/core";
-import { createContextScope } from "@tamagui/create-context";
-import { useControllableState } from "@tamagui/use-controllable-state";
-import { useDirection } from "@tamagui/use-direction";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-const ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus", EVENT_OPTIONS = { bubbles: !1, cancelable: !0 }, RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
-  const {
-    __scopeRovingFocusGroup,
-    orientation,
-    loop = !1,
-    dir,
-    currentTabStopId: currentTabStopIdProp,
-    defaultCurrentTabStopId,
-    onCurrentTabStopIdChange,
-    onEntryFocus,
-    ...groupProps
-  } = props, ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), direction = useDirection(dir), [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
-    prop: currentTabStopIdProp,
-    defaultProp: defaultCurrentTabStopId ?? null,
-    onChange: onCurrentTabStopIdChange
-  }), [isTabbingBackOut, setIsTabbingBackOut] = React.useState(!1), handleEntryFocus = useEvent(onEntryFocus), getItems = useCollection(__scopeRovingFocusGroup), isClickFocusRef = React.useRef(!1), [focusableItemsCount, setFocusableItemsCount] = React.useState(0);
-  return React.useEffect(() => {
-    const node = ref.current;
-    if (node)
-      return node.addEventListener(ENTRY_FOCUS, handleEntryFocus), () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
-  }, [handleEntryFocus]), /* @__PURE__ */ jsx(
-    RovingFocusProvider,
-    {
-      scope: __scopeRovingFocusGroup,
-      orientation,
-      dir: direction,
-      loop,
-      currentTabStopId,
-      onItemFocus: React.useCallback(
-        (tabStopId) => setCurrentTabStopId(tabStopId),
-        [setCurrentTabStopId]
-      ),
-      onItemShiftTab: React.useCallback(() => setIsTabbingBackOut(!0), []),
-      onFocusableItemAdd: React.useCallback(
-        () => setFocusableItemsCount((prevCount) => prevCount + 1),
-        []
-      ),
-      onFocusableItemRemove: React.useCallback(
-        () => setFocusableItemsCount((prevCount) => prevCount - 1),
-        []
-      ),
-      children: /* @__PURE__ */ jsx(
-        Stack,
-        {
-          tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
-          "data-orientation": orientation,
-          ...groupProps,
-          ref: composedRefs,
-          style: [{ outline: "none" }, props.style],
-          onMouseDown: composeEventHandlers(props.onMouseDown, () => {
-            isClickFocusRef.current = !0;
-          }),
-          onFocus: composeEventHandlers(props.onFocus, (event) => {
-            const isKeyboardFocus = !isClickFocusRef.current;
-            if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
-              const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
-              if (event.currentTarget.dispatchEvent(entryFocusEvent), !entryFocusEvent.defaultPrevented) {
-                const items = getItems().filter((item) => item.focusable), activeItem = items.find((item) => item.active), currentItem = items.find((item) => item.id === currentTabStopId), candidateNodes = [activeItem, currentItem, ...items].filter(
-                  Boolean
-                ).map((item) => item.ref.current);
-                focusFirst(candidateNodes);
-              }
-            }
-            isClickFocusRef.current = !1;
-          }),
-          onBlur: composeEventHandlers(
-            props.onBlur,
-            () => setIsTabbingBackOut(!1)
-          )
-        }
-      )
-    }
-  );
-}), ITEM_NAME = "RovingFocusGroupItem", RovingFocusGroupItem = React.forwardRef((props, forwardedRef) => {
-  const {
-    __scopeRovingFocusGroup,
-    focusable = !0,
-    active = !1,
-    tabStopId,
-    ...itemProps
-  } = props, autoId = React.useId(), id = tabStopId || autoId, context = useRovingFocusContext(ITEM_NAME, __scopeRovingFocusGroup), isCurrentTabStop = context.currentTabStopId === id, getItems = useCollection(__scopeRovingFocusGroup), { onFocusableItemAdd, onFocusableItemRemove } = context;
-  return React.useEffect(() => {
-    if (focusable)
-      return onFocusableItemAdd(), () => onFocusableItemRemove();
-  }, [focusable, onFocusableItemAdd, onFocusableItemRemove]), /* @__PURE__ */ jsx(
-    Collection.ItemSlot,
-    {
-      scope: __scopeRovingFocusGroup,
-      id,
-      focusable,
-      active,
-      children: /* @__PURE__ */ jsx(
-        Stack,
-        {
-          tabIndex: isCurrentTabStop ? 0 : -1,
-          "data-orientation": context.orientation,
-          ...itemProps,
-          ref: forwardedRef,
-          onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
-            focusable ? context.onItemFocus(id) : event.preventDefault();
-          }),
-          onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
-          ...isWeb && {
-            onKeyDown: composeEventHandlers(
-              props.onKeyDown,
-              (event) => {
-                if (event.key === "Tab" && event.shiftKey) {
-                  context.onItemShiftTab();
-                  return;
-                }
-                if (event.target !== event.currentTarget)
-                  return;
-                const focusIntent = getFocusIntent(event, context.orientation, context.dir);
-                if (focusIntent !== void 0) {
-                  event.preventDefault();
-                  let candidateNodes = getItems().filter((item) => item.focusable).map((item) => item.ref.current);
-                  if (focusIntent === "last")
-                    candidateNodes.reverse();
-                  else if (focusIntent === "prev" || focusIntent === "next") {
-                    focusIntent === "prev" && candidateNodes.reverse();
-                    const currentIndex = candidateNodes.indexOf(event.currentTarget);
-                    candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
-                  }
-                  setTimeout(() => focusFirst(candidateNodes));
-                }
-              }
-            )
-          }
-        }
-      )
-    }
-  );
-});
-RovingFocusGroupItem.displayName = ITEM_NAME;
-const GROUP_NAME = "RovingFocusGroup", [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME), [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
-  GROUP_NAME,
-  [createCollectionScope]
-), [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME), RovingFocusGroup = withStaticProperties(
-  React.forwardRef(
-    (props, forwardedRef) => /* @__PURE__ */ jsx(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) })
-  ),
-  {
-    Item: RovingFocusGroupItem
-  }
-);
-RovingFocusGroup.displayName = GROUP_NAME;
-const MAP_KEY_TO_FOCUS_INTENT = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function getDirectionAwareKey(key, dir) {
-  return dir !== "rtl" ? key : key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
-}
-function getFocusIntent(event, orientation, dir) {
-  const key = getDirectionAwareKey(event.key, dir);
-  if (!(orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) && !(orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)))
-    return MAP_KEY_TO_FOCUS_INTENT[key];
-}
-function focusFirst(candidates) {
-  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
-  for (const candidate of candidates)
-    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT || (candidate.focus(), document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT))
-      return;
-}
-function wrapArray(array, startIndex) {
-  return array.map((_, index) => array[(startIndex + index) % array.length]);
-}
-export {
-  RovingFocusGroup,
-  createRovingFocusGroupScope
-};
-//# sourceMappingURL=RovingFocusGroup.mjs.map

package/dist/esm/RovingFocusGroup.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/RovingFocusGroup.tsx"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/RovingFocusGroup.native.mjs

@@ -1,20 +0,0 @@
-import { Stack, withStaticProperties } from "@tamagui/core";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-const ITEM_NAME = "RovingFocusGroupItem", RovingFocusGroupItem = React.forwardRef(
-  ({ children, ...props }, _ref) => /* @__PURE__ */ jsx(Stack, { ...props, children })
-);
-RovingFocusGroupItem.displayName = ITEM_NAME;
-const GROUP_NAME = "RovingFocusGroup", RovingFocusGroup = withStaticProperties(
-  React.forwardRef(({ children, ...props }, _ref) => /* @__PURE__ */ jsx(Stack, { ...props, children })),
-  {
-    Item: RovingFocusGroupItem
-  }
-);
-RovingFocusGroup.displayName = GROUP_NAME;
-const createRovingFocusGroupScope = () => () => ({});
-export {
-  RovingFocusGroup,
-  createRovingFocusGroupScope
-};
-//# sourceMappingURL=RovingFocusGroup.native.mjs.map

package/dist/esm/RovingFocusGroup.native.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/RovingFocusGroup.native.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,4BAA4B;AAC5C,OAAO,WAAW;AASd;AAHJ,MAAM,YAAY,wBACZ,uBAAuB,MAAM;AAAA,EACjC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAyB,SAC7C,oBAAC,SAAO,GAAG,OAAQ,UAAS;AAEhC;AACA,qBAAqB,cAAc;AACnC,MAAM,aAAa,oBAEb,mBAAmB;AAAA,EACvB,MAAM,WAAW,CAAC,EAAE,UAAU,GAAG,MAAM,GAA0B,SAC/D,oBAAC,SAAO,GAAG,OAAQ,UAAS,CAC7B;AAAA,EACD;AAAA,IACE,MAAM;AAAA,EACR;AACF;AAEA,iBAAiB,cAAc;AAE/B,MAAM,8BAA8B,MAAM,OAAO,CAAC;",
-  "names": []
-}

package/dist/esm/index.mjs

@@ -1,2 +0,0 @@
-export * from "./RovingFocusGroup";
-//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}

package/dist/jsx/RovingFocusGroup.mjs

@@ -1,227 +0,0 @@
-import { createCollection } from "@tamagui/collection";
-import { useComposedRefs } from "@tamagui/compose-refs";
-import {
-  Stack,
-  composeEventHandlers,
-  isWeb,
-  useEvent,
-  withStaticProperties
-} from "@tamagui/core";
-import { createContextScope } from "@tamagui/create-context";
-import { useControllableState } from "@tamagui/use-controllable-state";
-import { useDirection } from "@tamagui/use-direction";
-import * as React from "react";
-const ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
-const EVENT_OPTIONS = { bubbles: false, cancelable: true };
-const RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
-  const {
-    __scopeRovingFocusGroup,
-    orientation,
-    loop = false,
-    dir,
-    currentTabStopId: currentTabStopIdProp,
-    defaultCurrentTabStopId,
-    onCurrentTabStopIdChange,
-    onEntryFocus,
-    ...groupProps
-  } = props;
-  const ref = React.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  const direction = useDirection(dir);
-  const [currentTabStopId = null, setCurrentTabStopId] = useControllableState({
-    prop: currentTabStopIdProp,
-    defaultProp: defaultCurrentTabStopId ?? null,
-    onChange: onCurrentTabStopIdChange
-  });
-  const [isTabbingBackOut, setIsTabbingBackOut] = React.useState(false);
-  const handleEntryFocus = useEvent(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 <RovingFocusProvider
-    scope={__scopeRovingFocusGroup}
-    orientation={orientation}
-    dir={direction}
-    loop={loop}
-    currentTabStopId={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),
-      []
-    )}
-  ><Stack
-    tabIndex={isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0}
-    data-orientation={orientation}
-    {...groupProps}
-    ref={composedRefs}
-    style={[{ outline: "none" }, props.style]}
-    onMouseDown={composeEventHandlers(props.onMouseDown, () => {
-      isClickFocusRef.current = true;
-    })}
-    onFocus={composeEventHandlers(props.onFocus, (event) => {
-      const isKeyboardFocus = !isClickFocusRef.current;
-      if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
-        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);
-        }
-      }
-      isClickFocusRef.current = false;
-    })}
-    onBlur={composeEventHandlers(
-      props.onBlur,
-      () => setIsTabbingBackOut(false)
-    )}
-  /></RovingFocusProvider>;
-});
-const ITEM_NAME = "RovingFocusGroupItem";
-const RovingFocusGroupItem = React.forwardRef((props, forwardedRef) => {
-  const {
-    __scopeRovingFocusGroup,
-    focusable = true,
-    active = false,
-    tabStopId,
-    ...itemProps
-  } = props;
-  const autoId = React.useId();
-  const id = tabStopId || autoId;
-  const context = useRovingFocusContext(ITEM_NAME, __scopeRovingFocusGroup);
-  const isCurrentTabStop = context.currentTabStopId === id;
-  const getItems = useCollection(__scopeRovingFocusGroup);
-  const { onFocusableItemAdd, onFocusableItemRemove } = context;
-  React.useEffect(() => {
-    if (focusable) {
-      onFocusableItemAdd();
-      return () => onFocusableItemRemove();
-    }
-  }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
-  return <Collection.ItemSlot
-    scope={__scopeRovingFocusGroup}
-    id={id}
-    focusable={focusable}
-    active={active}
-  ><Stack
-    tabIndex={isCurrentTabStop ? 0 : -1}
-    data-orientation={context.orientation}
-    {...itemProps}
-    ref={forwardedRef}
-    onMouseDown={composeEventHandlers(props.onMouseDown, (event) => {
-      if (!focusable)
-        event.preventDefault();
-      else
-        context.onItemFocus(id);
-    })}
-    onFocus={composeEventHandlers(props.onFocus, () => context.onItemFocus(id))}
-    {...isWeb && {
-      onKeyDown: composeEventHandlers(
-        props.onKeyDown,
-        (event) => {
-          if (event.key === "Tab" && event.shiftKey) {
-            context.onItemShiftTab();
-            return;
-          }
-          if (event.target !== event.currentTarget)
-            return;
-          const focusIntent = getFocusIntent(event, context.orientation, context.dir);
-          if (focusIntent !== void 0) {
-            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 ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
-            }
-            setTimeout(() => focusFirst(candidateNodes));
-          }
-        }
-      )
-    }}
-  /></Collection.ItemSlot>;
-});
-RovingFocusGroupItem.displayName = ITEM_NAME;
-const GROUP_NAME = "RovingFocusGroup";
-const [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME);
-const [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
-  GROUP_NAME,
-  [createCollectionScope]
-);
-const [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
-const RovingFocusGroup = withStaticProperties(
-  React.forwardRef(
-    (props, forwardedRef) => {
-      return <Collection.Provider scope={props.__scopeRovingFocusGroup}><Collection.Slot scope={props.__scopeRovingFocusGroup}><RovingFocusGroupImpl {...props} ref={forwardedRef} /></Collection.Slot></Collection.Provider>;
-    }
-  ),
-  {
-    Item: RovingFocusGroupItem
-  }
-);
-RovingFocusGroup.displayName = GROUP_NAME;
-const MAP_KEY_TO_FOCUS_INTENT = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function getDirectionAwareKey(key, dir) {
-  if (dir !== "rtl")
-    return key;
-  return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : 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 focusFirst(candidates) {
-  const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
-  for (const candidate of candidates) {
-    if (candidate === PREVIOUSLY_FOCUSED_ELEMENT)
-      return;
-    candidate.focus();
-    if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT)
-      return;
-  }
-}
-function wrapArray(array, startIndex) {
-  return array.map((_, index) => array[(startIndex + index) % array.length]);
-}
-export {
-  RovingFocusGroup,
-  createRovingFocusGroupScope
-};
-//# sourceMappingURL=RovingFocusGroup.mjs.map

package/dist/jsx/RovingFocusGroup.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/RovingFocusGroup.tsx"],
-  "mappings": "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",
-  "names": []
-}

package/dist/jsx/RovingFocusGroup.native.mjs

@@ -1,19 +0,0 @@
-import { Stack, withStaticProperties } from "@tamagui/core";
-import React from "react";
-const ITEM_NAME = "RovingFocusGroupItem";
-const RovingFocusGroupItem = React.forwardRef(({ children, ...props }, _ref) => <Stack {...props}>{children}</Stack>);
-RovingFocusGroupItem.displayName = ITEM_NAME;
-const GROUP_NAME = "RovingFocusGroup";
-const RovingFocusGroup = withStaticProperties(
-  React.forwardRef(({ children, ...props }, _ref) => <Stack {...props}>{children}</Stack>),
-  {
-    Item: RovingFocusGroupItem
-  }
-);
-RovingFocusGroup.displayName = GROUP_NAME;
-const createRovingFocusGroupScope = () => () => ({});
-export {
-  RovingFocusGroup,
-  createRovingFocusGroupScope
-};
-//# sourceMappingURL=RovingFocusGroup.native.mjs.map

package/dist/jsx/RovingFocusGroup.native.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/RovingFocusGroup.native.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,4BAA4B;AAC5C,OAAO,WAAW;AAMlB,MAAM,YAAY;AAClB,MAAM,uBAAuB,MAAM,WAAW,CAAC,EAAC,UAAS,GAAG,MAAK,GAAyB,SACxF,CAAC,UAAU,QAAQ,SAAS,EAA3B,MACF;AACD,qBAAqB,cAAc;AACnC,MAAM,aAAa;AAEnB,MAAM,mBAAmB;AAAA,EACvB,MAAM,WAAW,CAAC,EAAC,UAAS,GAAG,MAAK,GAA0B,SAC5D,CAAC,UAAU,QAAQ,SAAS,EAA3B,MACF;AAAA,EACD;AAAA,IACE,MAAM;AAAA,EACR;AACF;AAEA,iBAAiB,cAAc;AAE/B,MAAM,8BAA8B,MAAM,OAAO,CAAC;",
-  "names": []
-}

package/dist/jsx/index.mjs

@@ -1,2 +0,0 @@
-export * from "./RovingFocusGroup";
-//# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,cAAc;",
-  "names": []
-}