@vellira-ui/core 2.35.1 → 2.37.0

package/README.md

@@ -9,8 +9,30 @@ This package contains hooks that can be reused by web and native packages when t
 - `useControllableState`
 - `useKeyboardNavigation`
 - `useTabsKeyboard`
-
-Internal or experimental hooks are not exported from the package root until they are part of the supported public API.
+- `useOverlayStack`
+- `useOverlayDismiss`
+- `useScrollLock`
+- `useAriaIsolation`
+- `useFocusScope`
+- `usePortal`
+
+Behavior hooks live under `src/behavior` internally and are exported from the package root when they are platform-neutral.
+
+```text
+behavior/
+  overlay/
+    useOverlayStack
+    useOverlayDismiss
+    useScrollLock
+  focus/
+    useFocusScope
+    useAriaIsolation
+  portal/
+    usePortal
+  utils/
+    events
+    focusUtils
+```
 
 ## Usage
 

package/dist/behavior/focus/focusUtils.d.ts

@@ -0,0 +1,4 @@
+export declare const focusableSelector: string;
+export declare const getFocusableElements: (content: HTMLElement) => HTMLElement[];
+export declare const focusFirstElement: (content: HTMLElement) => void;
+//# sourceMappingURL=focusUtils.d.ts.map

package/dist/behavior/focus/focusUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusUtils.d.ts","sourceRoot":"","sources":["../../../src/behavior/focus/focusUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,QAOnB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,GAAI,SAAS,WAAW,kBAGtD,CAAC;AAEJ,eAAO,MAAM,iBAAiB,GAAI,SAAS,WAAW,SAIrD,CAAC"}

package/dist/behavior/focus/focusUtils.js

@@ -0,0 +1,13 @@
+export const focusableSelector = [
+    'a[href]',
+    'button:not([disabled])',
+    'textarea:not([disabled])',
+    'input:not([disabled])',
+    'select:not([disabled])',
+    '[tabindex]:not([tabindex="-1"])',
+].join(',');
+export const getFocusableElements = (content) => Array.from(content.querySelectorAll(focusableSelector)).filter((element) => !element.hasAttribute('disabled'));
+export const focusFirstElement = (content) => {
+    const focusable = getFocusableElements(content);
+    (focusable[0] ?? content).focus();
+};

package/dist/behavior/focus/index.d.ts

@@ -0,0 +1,3 @@
+export { focusableSelector, focusFirstElement, getFocusableElements, } from './focusUtils.js';
+export type { AriaIsolationOptions, FocusScopeOptions, RefObjectLike, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/behavior/focus/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/behavior/focus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,GACd,MAAM,YAAY,CAAC"}

package/dist/behavior/focus/index.js

@@ -0,0 +1 @@
+export { focusableSelector, focusFirstElement, getFocusableElements, } from './focusUtils.js';

package/dist/behavior/focus/types.d.ts

@@ -0,0 +1,20 @@
+import type { OverlayAutoFocusEvent } from '../utils/types.js';
+export type RefObjectLike<T> = {
+    current: T;
+};
+export type FocusScopeOptions = {
+    active: boolean;
+    contentRef: RefObjectLike<HTMLElement | null>;
+    enabled: boolean;
+    initialFocus?: RefObjectLike<HTMLElement | null>;
+    finalFocus?: RefObjectLike<HTMLElement | null>;
+    restoreFocus: boolean;
+    onOpenAutoFocus?: (event: OverlayAutoFocusEvent) => void;
+    onCloseAutoFocus?: (event: OverlayAutoFocusEvent) => void;
+};
+export type AriaIsolationOptions = {
+    active: boolean;
+    enabled: boolean;
+    content: HTMLElement | null;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/behavior/focus/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/behavior/focus/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,OAAO,EAAE,CAAC,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,aAAa,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC9C,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,aAAa,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,aAAa,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC/C,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,CAAC"}

package/dist/behavior/focus/types.js

@@ -0,0 +1 @@
+export {};

package/dist/behavior/index.d.ts

@@ -0,0 +1,5 @@
+export * from './focus/index.js';
+export * from './overlay/index.js';
+export * from './portal/index.js';
+export * from './utils/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/behavior/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/behavior/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}

package/dist/behavior/index.js

@@ -0,0 +1,4 @@
+export * from './focus/index.js';
+export * from './overlay/index.js';
+export * from './portal/index.js';
+export * from './utils/index.js';

package/dist/behavior/overlay/index.d.ts

@@ -0,0 +1,2 @@
+export type { OverlayDismissOptions, OverlayStackOptions, ScrollLockOptions, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/behavior/overlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/behavior/overlay/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,YAAY,CAAC"}

package/dist/behavior/overlay/index.js

@@ -0,0 +1 @@
+export {};

package/dist/behavior/overlay/types.d.ts

@@ -0,0 +1,23 @@
+import type { RefObjectLike } from '../focus/types.js';
+import type { OverlayOutsideEvent } from '../utils/types.js';
+export type OverlayDismissOptions = {
+    active: boolean;
+    contentRef: RefObjectLike<HTMLElement | null>;
+    ignoreRefs?: Array<RefObjectLike<HTMLElement | null>>;
+    closeOnEscape: boolean;
+    closeOnOutsidePress: boolean;
+    isTopOverlay: () => boolean;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onPointerDownOutside?: (event: OverlayOutsideEvent) => void;
+    onInteractOutside?: (event: OverlayOutsideEvent) => void;
+    requestClose: () => void;
+};
+export type OverlayStackOptions = {
+    active: boolean;
+    id: string;
+};
+export type ScrollLockOptions = {
+    active: boolean;
+    enabled?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/behavior/overlay/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/behavior/overlay/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,aAAa,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC9C,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;IACtD,aAAa,EAAE,OAAO,CAAC;IACvB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,YAAY,EAAE,MAAM,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/dist/behavior/overlay/types.js

@@ -0,0 +1 @@
+export {};

package/dist/behavior/portal/index.d.ts

@@ -0,0 +1,2 @@
+export type { PortalOptions } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/behavior/portal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/behavior/portal/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/behavior/portal/index.js

@@ -0,0 +1 @@
+export {};

package/dist/behavior/portal/types.d.ts

@@ -0,0 +1,4 @@
+export type PortalOptions = {
+    container?: Element | DocumentFragment | null;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/behavior/portal/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/behavior/portal/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,IAAI,CAAC;CAC/C,CAAC"}

package/dist/behavior/portal/types.js

@@ -0,0 +1 @@
+export {};

package/dist/behavior/utils/events.d.ts

@@ -0,0 +1,4 @@
+import type { OverlayAutoFocusEvent, OverlayOutsideEvent } from './types.js';
+export declare const createAutoFocusEvent: () => OverlayAutoFocusEvent;
+export declare const createOutsideEvent: <TOriginalEvent>(originalEvent: TOriginalEvent) => OverlayOutsideEvent<TOriginalEvent>;
+//# sourceMappingURL=events.d.ts.map

package/dist/behavior/utils/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../src/behavior/utils/events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAE7E,eAAO,MAAM,oBAAoB,QAAO,qBAWvC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,cAAc,EAC/C,eAAe,cAAc,KAC5B,mBAAmB,CAAC,cAAc,CAYpC,CAAC"}

package/dist/behavior/utils/events.js

@@ -0,0 +1,23 @@
+export const createAutoFocusEvent = () => {
+    let defaultPrevented = false;
+    return {
+        preventDefault: () => {
+            defaultPrevented = true;
+        },
+        get defaultPrevented() {
+            return defaultPrevented;
+        },
+    };
+};
+export const createOutsideEvent = (originalEvent) => {
+    let defaultPrevented = false;
+    return {
+        originalEvent,
+        preventDefault: () => {
+            defaultPrevented = true;
+        },
+        get defaultPrevented() {
+            return defaultPrevented;
+        },
+    };
+};

package/dist/behavior/utils/index.d.ts

@@ -0,0 +1,3 @@
+export { createAutoFocusEvent, createOutsideEvent } from './events.js';
+export type { OverlayAutoFocusEvent, OverlayOutsideEvent } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/behavior/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/behavior/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACvE,YAAY,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC"}

package/dist/behavior/utils/index.js

@@ -0,0 +1 @@
+export { createAutoFocusEvent, createOutsideEvent } from './events.js';

package/dist/behavior/utils/types.d.ts

@@ -0,0 +1,10 @@
+export type OverlayAutoFocusEvent = {
+    preventDefault: () => void;
+    readonly defaultPrevented: boolean;
+};
+export type OverlayOutsideEvent<TOriginalEvent = PointerEvent> = {
+    originalEvent: TOriginalEvent;
+    preventDefault: () => void;
+    readonly defaultPrevented: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/behavior/utils/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/behavior/utils/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG;IAClC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,cAAc,GAAG,YAAY,IAAI;IAC/D,aAAa,EAAE,cAAc,CAAC;IAC9B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAC;CACpC,CAAC"}

package/dist/behavior/utils/types.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -1,8 +1,2 @@
-export * from './useControllableState.js';
-export * from './useDropdown.js';
-export * from './useKeyboardNavigation.js';
-export * from './useModal.js';
-export * from './useSelect.js';
-export * from './useTabs.js';
-export * from './useTabsKeyboard.js';
+export * from './behavior/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/index.js

@@ -1,7 +1 @@
-export * from './useControllableState.js';
-export * from './useDropdown.js';
-export * from './useKeyboardNavigation.js';
-export * from './useModal.js';
-export * from './useSelect.js';
-export * from './useTabs.js';
-export * from './useTabsKeyboard.js';
+export * from './behavior/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vellira-ui/core",
-  "version": "2.35.1",
+  "version": "2.37.0",
   "description": "Shared logic and hooks for Vellira Design System",
   "author": "Roman Bakurov",
   "license": "MIT",
@@ -30,13 +30,6 @@
     "build": "pnpm run clean && tsc -p tsconfig.build.json",
     "typecheck": "tsc -p tsconfig.json --noEmit"
   },
-  "peerDependencies": {
-    "react": ">=18"
-  },
-  "devDependencies": {
-    "@types/react": "^19.2.3",
-    "react": "19.2.7"
-  },
   "publishConfig": {
     "access": "public"
   }

package/dist/useControllableState.d.ts

@@ -1,8 +0,0 @@
-interface UseControllableStateProps<T> {
-    value?: T;
-    defaultValue: T;
-    onChange?: (value: T) => void;
-}
-export declare const useControllableState: <T>({ value, defaultValue, onChange, }: UseControllableStateProps<T>) => readonly [T, (next: T) => void];
-export {};
-//# sourceMappingURL=useControllableState.d.ts.map

package/dist/useControllableState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useControllableState.d.ts","sourceRoot":"","sources":["../src/useControllableState.ts"],"names":[],"mappings":"AAKA,UAAU,yBAAyB,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,EAAE,CAAC,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAE,oCAIrC,yBAAyB,CAAC,CAAC,CAAC,yBAQpB,CAAC,UAUX,CAAC"}

package/dist/useControllableState.js

@@ -1,13 +0,0 @@
-import { useCallback, useState } from 'react';
-export const useControllableState = ({ value, defaultValue, onChange, }) => {
-    const [internalValue, setInternalValue] = useState(defaultValue);
-    const isControlled = value !== undefined;
-    const currentValue = isControlled ? value : internalValue;
-    const setValue = useCallback((next) => {
-        if (!isControlled) {
-            setInternalValue(next);
-        }
-        onChange?.(next);
-    }, [isControlled, onChange]);
-    return [currentValue, setValue];
-};

package/dist/useDropdown.d.ts

@@ -1,29 +0,0 @@
-import { type KeyboardNavigationEvent, type NavigableItem } from './useKeyboardNavigation.js';
-export interface UseDropdownParams<TItem extends NavigableItem> {
-    items: TItem[];
-    open?: boolean;
-    defaultOpen?: boolean;
-    disabled?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    onSelect?: (value: string) => void;
-    getItemValue: (item: TItem, index: number) => string;
-    getItemText?: (item: TItem) => string;
-    loop?: boolean;
-}
-export declare const useDropdown: <TItem extends NavigableItem>({ items, open, defaultOpen, disabled, onOpenChange, onSelect, getItemValue, getItemText, loop, }: UseDropdownParams<TItem>) => {
-    activeIndex: number;
-    setActiveIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    isOpen: boolean;
-    open: boolean;
-    setOpen: (nextOpen: boolean, initialIndex?: number) => void;
-    openDropdown: (initialIndex?: number) => void;
-    closeDropdown: () => void;
-    toggleDropdown: () => void;
-    selectItem: (item: TItem) => void;
-    select: (item: TItem) => void;
-    selectActiveItem: () => void;
-    onKeyDown: (event: KeyboardNavigationEvent) => void;
-    getFirstEnabledIndex: () => number;
-    getLastEnabledIndex: () => number;
-};
-//# sourceMappingURL=useDropdown.d.ts.map

package/dist/useDropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDropdown.d.ts","sourceRoot":"","sources":["../src/useDropdown.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,uBAAuB,EAC5B,KAAK,aAAa,EAEnB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,aAAa;IAC5D,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,GAAI,KAAK,SAAS,aAAa,EAAE,kGAUtD,iBAAiB,CAAC,KAAK,CAAC;;;;;wBA6CZ,OAAO,iBAAiB,MAAM;;;;uBAsClC,KAAK;mBAAL,KAAK;;;;;CAgDf,CAAC"}

package/dist/useDropdown.js

@@ -1,99 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-import { useKeyboardNavigation, } from './useKeyboardNavigation.js';
-export const useDropdown = ({ items, open, defaultOpen = false, disabled = false, onOpenChange, onSelect, getItemValue, getItemText, loop = true, }) => {
-    const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
-    const [activeIndex, setActiveIndex] = useState(-1);
-    const isControlled = open !== undefined;
-    const isOpen = open ?? uncontrolledOpen;
-    const getFirstEnabledIndex = useCallback(() => items.findIndex((item) => !item.disabled), [items]);
-    const getLastEnabledIndex = useCallback(() => {
-        for (let index = items.length - 1; index >= 0; index--) {
-            if (!items[index]?.disabled) {
-                return index;
-            }
-        }
-        return -1;
-    }, [items]);
-    const syncActiveIndex = useCallback((nextOpen, initialIndex) => {
-        if (nextOpen) {
-            setActiveIndex((currentIndex) => {
-                if (currentIndex >= 0 && !items[currentIndex]?.disabled) {
-                    return currentIndex;
-                }
-                return initialIndex ?? getFirstEnabledIndex();
-            });
-            return;
-        }
-        setActiveIndex(-1);
-    }, [getFirstEnabledIndex, items]);
-    useEffect(() => {
-        syncActiveIndex(isOpen);
-    }, [isOpen, syncActiveIndex]);
-    const setOpen = useCallback((nextOpen, initialIndex) => {
-        if (!isControlled) {
-            setUncontrolledOpen(nextOpen);
-        }
-        onOpenChange?.(nextOpen);
-        syncActiveIndex(nextOpen, initialIndex);
-    }, [isControlled, onOpenChange, syncActiveIndex]);
-    const openDropdown = useCallback((initialIndex = getFirstEnabledIndex()) => {
-        if (disabled)
-            return;
-        setOpen(true, initialIndex);
-    }, [disabled, getFirstEnabledIndex, setOpen]);
-    const closeDropdown = useCallback(() => {
-        if (!isOpen)
-            return;
-        setOpen(false);
-    }, [isOpen, setOpen]);
-    const toggleDropdown = useCallback(() => {
-        if (disabled)
-            return;
-        if (isOpen) {
-            setOpen(false);
-            return;
-        }
-        openDropdown();
-    }, [disabled, isOpen, openDropdown, setOpen]);
-    const selectItem = useCallback((item) => {
-        if (item.disabled)
-            return;
-        onSelect?.(getItemValue(item, items.indexOf(item)));
-        closeDropdown();
-    }, [closeDropdown, getItemValue, items, onSelect]);
-    const selectActiveItem = useCallback(() => {
-        const item = items[activeIndex];
-        if (!item)
-            return;
-        selectItem(item);
-    }, [activeIndex, items, selectItem]);
-    const { onKeyDown } = useKeyboardNavigation({
-        activeIndex,
-        setActiveIndex,
-        items,
-        isOpen,
-        onOpen: (event) => {
-            openDropdown(event.key === 'ArrowUp' ? getLastEnabledIndex() : getFirstEnabledIndex());
-        },
-        onSelect: selectActiveItem,
-        onClose: closeDropdown,
-        getItemText,
-        loop,
-    });
-    return {
-        activeIndex,
-        setActiveIndex,
-        isOpen,
-        open: isOpen,
-        setOpen,
-        openDropdown,
-        closeDropdown,
-        toggleDropdown,
-        selectItem,
-        select: selectItem,
-        selectActiveItem,
-        onKeyDown,
-        getFirstEnabledIndex,
-        getLastEnabledIndex,
-    };
-};

package/dist/useKeyboardNavigation.d.ts

@@ -1,25 +0,0 @@
-export interface NavigableItem {
-    disabled?: boolean;
-}
-export interface KeyboardNavigationEvent {
-    key: string;
-    altKey?: boolean;
-    ctrlKey?: boolean;
-    metaKey?: boolean;
-    preventDefault: () => void;
-}
-export interface UseKeyboardNavigationParams<TItem extends NavigableItem> {
-    activeIndex: number;
-    setActiveIndex: (index: number) => void;
-    items: TItem[];
-    isOpen: boolean;
-    onOpen: (event: KeyboardNavigationEvent) => void;
-    onSelect?: () => void;
-    onClose?: () => void;
-    getItemText?: (item: TItem) => string;
-    loop?: boolean;
-}
-export declare const useKeyboardNavigation: <TItem extends NavigableItem>({ activeIndex, setActiveIndex, items, isOpen, onOpen, onSelect, onClose, getItemText, loop, }: UseKeyboardNavigationParams<TItem>) => {
-    onKeyDown: (event: KeyboardNavigationEvent) => void;
-};
-//# sourceMappingURL=useKeyboardNavigation.d.ts.map

package/dist/useKeyboardNavigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../src/useKeyboardNavigation.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,2BAA2B,CAAC,KAAK,SAAS,aAAa;IACtE,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,GAAI,KAAK,SAAS,aAAa,EAAE,+FAUhE,2BAA2B,CAAC,KAAK,CAAC;uBAiFzB,uBAAuB;CA6FlC,CAAC"}

package/dist/useKeyboardNavigation.js

@@ -1,127 +0,0 @@
-import { useCallback, useEffect, useRef } from 'react';
-export const useKeyboardNavigation = ({ activeIndex, setActiveIndex, items, isOpen, onOpen, onSelect, onClose, getItemText, loop = true, }) => {
-    const searchRef = useRef({
-        value: '',
-        timeoutId: undefined,
-    });
-    useEffect(() => () => {
-        if (searchRef.current.timeoutId) {
-            clearTimeout(searchRef.current.timeoutId);
-        }
-    }, []);
-    const getNextEnabledIndex = useCallback((current, direction) => {
-        if (!items.length)
-            return current;
-        let index = current;
-        for (let i = 0; i < items.length; i++) {
-            const nextIndex = index + direction;
-            if (!loop && (nextIndex < 0 || nextIndex >= items.length)) {
-                return current;
-            }
-            index = (nextIndex + items.length) % items.length;
-            if (!items[index]?.disabled) {
-                return index;
-            }
-        }
-        return current;
-    }, [items, loop]);
-    const getFirstEnabledIndex = useCallback(() => items.findIndex((item) => !item.disabled), [items]);
-    const getLastEnabledIndex = useCallback(() => {
-        for (let i = items.length - 1; i >= 0; i--) {
-            if (!items[i].disabled) {
-                return i;
-            }
-        }
-        return -1;
-    }, [items]);
-    const getTypeaheadIndex = useCallback((query) => {
-        if (!getItemText || !query)
-            return -1;
-        const normalizedQuery = query.toLocaleLowerCase();
-        const startIndex = activeIndex >= 0 ? activeIndex + 1 : 0;
-        for (let offset = 0; offset < items.length; offset++) {
-            const index = (startIndex + offset) % items.length;
-            const item = items[index];
-            if (item &&
-                !item.disabled &&
-                getItemText(item).toLocaleLowerCase().startsWith(normalizedQuery)) {
-                return index;
-            }
-        }
-        return -1;
-    }, [activeIndex, getItemText, items]);
-    const onKeyDown = useCallback((event) => {
-        if (!isOpen) {
-            if (event.key === ' ' ||
-                event.key === 'Enter' ||
-                event.key === 'ArrowDown' ||
-                event.key === 'ArrowUp') {
-                event.preventDefault();
-                onOpen(event);
-            }
-            return;
-        }
-        switch (event.key) {
-            case 'ArrowDown':
-                event.preventDefault();
-                setActiveIndex(getNextEnabledIndex(activeIndex, 1));
-                break;
-            case 'ArrowUp':
-                event.preventDefault();
-                setActiveIndex(getNextEnabledIndex(activeIndex, -1));
-                break;
-            case 'Enter':
-            case ' ':
-                event.preventDefault();
-                onSelect?.();
-                break;
-            case 'Escape':
-                event.preventDefault();
-                onClose?.();
-                break;
-            case 'Home':
-                event.preventDefault();
-                setActiveIndex(getFirstEnabledIndex());
-                break;
-            case 'End':
-                event.preventDefault();
-                setActiveIndex(getLastEnabledIndex());
-                break;
-            case 'Tab':
-                onClose?.();
-                break;
-            default:
-                if (event.key.length === 1 &&
-                    !event.altKey &&
-                    !event.ctrlKey &&
-                    !event.metaKey) {
-                    event.preventDefault();
-                    if (searchRef.current.timeoutId) {
-                        clearTimeout(searchRef.current.timeoutId);
-                    }
-                    searchRef.current.value += event.key;
-                    searchRef.current.timeoutId = setTimeout(() => {
-                        searchRef.current.value = '';
-                        searchRef.current.timeoutId = undefined;
-                    }, 700);
-                    const nextIndex = getTypeaheadIndex(searchRef.current.value);
-                    if (nextIndex >= 0) {
-                        setActiveIndex(nextIndex);
-                    }
-                }
-                break;
-        }
-    }, [
-        activeIndex,
-        isOpen,
-        onOpen,
-        onSelect,
-        onClose,
-        setActiveIndex,
-        getNextEnabledIndex,
-        getFirstEnabledIndex,
-        getLastEnabledIndex,
-        getTypeaheadIndex,
-    ]);
-    return { onKeyDown };
-};

package/dist/useModal.d.ts

@@ -1,18 +0,0 @@
-export interface UseModalParams {
-    isOpen: boolean;
-    onClose: () => void;
-    closeOnBackdrop?: boolean;
-    closeOnClick?: boolean;
-    closeOnEsc?: boolean;
-}
-export declare const useModal: ({ isOpen, onClose, closeOnBackdrop, closeOnClick, closeOnEsc, }: UseModalParams) => {
-    isOpen: boolean;
-    open: boolean;
-    shouldRender: boolean;
-    onClose: () => void;
-    closeOnBackdrop: boolean | undefined;
-    closeOnEsc: boolean;
-    titleId: string;
-    descriptionId: string;
-};
-//# sourceMappingURL=useModal.d.ts.map

package/dist/useModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../src/useModal.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,iEAMtB,cAAc;;;;mBAZA,IAAI;;;;;CA2BpB,CAAC"}

package/dist/useModal.js

@@ -1,16 +0,0 @@
-import { useId } from 'react';
-export const useModal = ({ isOpen, onClose, closeOnBackdrop, closeOnClick, closeOnEsc = true, }) => {
-    const titleId = useId();
-    const descriptionId = useId();
-    const resolvedCloseOnBackdrop = closeOnBackdrop ?? closeOnClick;
-    return {
-        isOpen,
-        open: isOpen,
-        shouldRender: isOpen,
-        onClose,
-        closeOnBackdrop: resolvedCloseOnBackdrop,
-        closeOnEsc,
-        titleId,
-        descriptionId,
-    };
-};

package/dist/useSelect.d.ts

@@ -1,42 +0,0 @@
-import { type NavigableItem } from './useKeyboardNavigation.js';
-export interface SelectOptionLike extends NavigableItem {
-    label: string;
-    value: string;
-}
-export type SelectStateValue = string | string[];
-export interface UseSelectParams<TOption extends SelectOptionLike> {
-    value?: SelectStateValue;
-    defaultValue?: SelectStateValue;
-    onValueChange?: (value: SelectStateValue) => void;
-    /** @deprecated Use onValueChange. */
-    onChange?: (value: SelectStateValue) => void;
-    options: TOption[];
-    multiple?: boolean;
-    maxSelected?: number;
-    closeOnSelect?: boolean;
-    disabled?: boolean;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}
-export declare const useSelect: <TOption extends SelectOptionLike>({ value, defaultValue, onValueChange, onChange, options, multiple, maxSelected, closeOnSelect, disabled, open, defaultOpen, onOpenChange, }: UseSelectParams<TOption>) => {
-    selectedValue: SelectStateValue;
-    selectedValues: string[];
-    setSelectedValue: (next: SelectStateValue) => void;
-    selectedOption: TOption | undefined;
-    selectedOptions: TOption[];
-    isOpen: boolean;
-    open: boolean;
-    setIsOpen: (next: boolean) => void;
-    activeIndex: number;
-    setActiveIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    getInitialActiveIndex: () => number;
-    openDropdown: () => void;
-    closeDropdown: () => void;
-    toggleDropdown: () => void;
-    selectValue: (nextValue: string) => void;
-    select: (nextValue: string) => void;
-    selectActiveOption: () => void;
-    onKeyDown: (event: import("./useKeyboardNavigation.js").KeyboardNavigationEvent) => void;
-};
-//# sourceMappingURL=useSelect.d.ts.map

package/dist/useSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelect.d.ts","sourceRoot":"","sources":["../src/useSelect.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,aAAa,EAEnB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAEjD,MAAM,WAAW,eAAe,CAAC,OAAO,SAAS,gBAAgB;IAC/D,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAClD,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,SAAS,GAAI,OAAO,SAAS,gBAAgB,EAAE,6IAazD,eAAe,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;6BAiFX,MAAM;wBAAN,MAAM;;;CAuFrB,CAAC"}

package/dist/useSelect.js

@@ -1,131 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useControllableState } from './useControllableState.js';
-import { useKeyboardNavigation, } from './useKeyboardNavigation.js';
-export const useSelect = ({ value, defaultValue, onValueChange, onChange, options, multiple = false, maxSelected, closeOnSelect = !multiple, disabled = false, open, defaultOpen = false, onOpenChange, }) => {
-    const [selectedValue, setSelectedValue] = useControllableState({
-        value,
-        defaultValue: defaultValue ?? (multiple ? [] : ''),
-        onChange: onValueChange ?? onChange,
-    });
-    const [isOpen, setIsOpen] = useControllableState({
-        value: open,
-        defaultValue: defaultOpen,
-        onChange: onOpenChange,
-    });
-    const [activeIndex, setActiveIndex] = useState(-1);
-    const selectedValues = useMemo(() => Array.isArray(selectedValue)
-        ? selectedValue
-        : selectedValue
-            ? [selectedValue]
-            : [], [selectedValue]);
-    const selectedOption = useMemo(() => options.find((option) => selectedValues.includes(option.value)), [options, selectedValues]);
-    const selectedOptions = useMemo(() => options.filter((option) => selectedValues.includes(option.value)), [options, selectedValues]);
-    const getInitialActiveIndex = useCallback(() => {
-        const selectedIndex = options.findIndex((option) => selectedValues.includes(option.value) && !option.disabled);
-        if (selectedIndex >= 0)
-            return selectedIndex;
-        return options.findIndex((option) => !option.disabled);
-    }, [options, selectedValues]);
-    const openDropdown = useCallback(() => {
-        if (disabled)
-            return;
-        setActiveIndex(getInitialActiveIndex());
-        setIsOpen(true);
-    }, [disabled, getInitialActiveIndex, setIsOpen]);
-    const closeDropdown = useCallback(() => {
-        setIsOpen(false);
-    }, [setIsOpen]);
-    const toggleDropdown = useCallback(() => {
-        if (disabled)
-            return;
-        if (isOpen) {
-            closeDropdown();
-            return;
-        }
-        openDropdown();
-    }, [closeDropdown, disabled, isOpen, openDropdown]);
-    useEffect(() => {
-        if (!isOpen)
-            return;
-        setActiveIndex((currentIndex) => {
-            const currentOption = options[currentIndex];
-            if (currentOption && !currentOption.disabled) {
-                return currentIndex;
-            }
-            return getInitialActiveIndex();
-        });
-    }, [getInitialActiveIndex, isOpen, options]);
-    const selectValue = useCallback((nextValue) => {
-        if (nextValue === '') {
-            setSelectedValue(multiple ? [] : '');
-            closeDropdown();
-            return;
-        }
-        const nextOption = options.find((option) => option.value === nextValue);
-        if (!nextOption || nextOption.disabled)
-            return;
-        if (multiple) {
-            const isSelected = selectedValues.includes(nextValue);
-            if (!isSelected &&
-                typeof maxSelected === 'number' &&
-                selectedValues.length >= maxSelected) {
-                return;
-            }
-            const nextValues = selectedValues.includes(nextValue)
-                ? selectedValues.filter((value) => value !== nextValue)
-                : [...selectedValues, nextValue];
-            setSelectedValue(nextValues);
-            if (closeOnSelect) {
-                closeDropdown();
-            }
-            return;
-        }
-        setSelectedValue(nextValue);
-        setActiveIndex(options.indexOf(nextOption));
-        closeDropdown();
-    }, [
-        closeDropdown,
-        closeOnSelect,
-        maxSelected,
-        multiple,
-        options,
-        selectedValues,
-        setSelectedValue,
-    ]);
-    const selectActiveOption = useCallback(() => {
-        const activeOption = options[activeIndex];
-        if (!activeOption)
-            return;
-        selectValue(activeOption.value);
-    }, [activeIndex, options, selectValue]);
-    const { onKeyDown } = useKeyboardNavigation({
-        activeIndex,
-        setActiveIndex,
-        items: options,
-        isOpen,
-        onOpen: openDropdown,
-        onClose: closeDropdown,
-        onSelect: selectActiveOption,
-        getItemText: (option) => option.label,
-    });
-    return {
-        selectedValue,
-        selectedValues,
-        setSelectedValue,
-        selectedOption,
-        selectedOptions,
-        isOpen,
-        open: isOpen,
-        setIsOpen,
-        activeIndex,
-        setActiveIndex,
-        getInitialActiveIndex,
-        openDropdown,
-        closeDropdown,
-        toggleDropdown,
-        selectValue,
-        select: selectValue,
-        selectActiveOption,
-        onKeyDown,
-    };
-};

package/dist/useTabs.d.ts

@@ -1,11 +0,0 @@
-export interface UseTabsParams {
-    activeIndex?: number;
-    defaultActiveIndex?: number;
-    onChange?: (index: number) => void;
-    orientation?: 'horizontal' | 'vertical';
-}
-export declare const useTabs: ({ activeIndex: controlledActiveIndex, defaultActiveIndex, onChange, }: UseTabsParams) => {
-    activeIndex: number;
-    setActiveIndex: (next: number) => void;
-};
-//# sourceMappingURL=useTabs.d.ts.map

package/dist/useTabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTabs.d.ts","sourceRoot":"","sources":["../src/useTabs.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC;AAED,eAAO,MAAM,OAAO,GAAI,uEAIrB,aAAa;;;CAWf,CAAC"}

package/dist/useTabs.js

@@ -1,12 +0,0 @@
-import { useControllableState } from './useControllableState.js';
-export const useTabs = ({ activeIndex: controlledActiveIndex, defaultActiveIndex = 0, onChange, }) => {
-    const [activeIndex, setActiveIndex] = useControllableState({
-        value: controlledActiveIndex,
-        defaultValue: defaultActiveIndex,
-        onChange,
-    });
-    return {
-        activeIndex,
-        setActiveIndex,
-    };
-};

package/dist/useTabsKeyboard.d.ts

@@ -1,22 +0,0 @@
-import type { MutableRefObject } from 'react';
-export interface TabsKeyboardEvent {
-    key: string;
-    preventDefault: () => void;
-}
-export interface TabKeyboardItem {
-    disabled?: boolean;
-    props?: {
-        disabled?: boolean;
-    };
-}
-export interface UseTabsKeyboardParams<TItem extends TabKeyboardItem> {
-    activeIndex: number;
-    setActiveIndex: (index: number) => void;
-    tabRefs: MutableRefObject<(TItem | null)[]>;
-    orientation: 'horizontal' | 'vertical';
-    onNavigate?: (index: number) => void;
-}
-export declare const useTabsKeyboard: <TItem extends TabKeyboardItem>({ activeIndex, setActiveIndex, tabRefs, orientation, onNavigate, }: UseTabsKeyboardParams<TItem>) => {
-    onKeyDown: (event: TabsKeyboardEvent) => void;
-};
-//# sourceMappingURL=useTabsKeyboard.d.ts.map

package/dist/useTabsKeyboard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTabsKeyboard.d.ts","sourceRoot":"","sources":["../src/useTabsKeyboard.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACH;AAED,MAAM,WAAW,qBAAqB,CAAC,KAAK,SAAS,eAAe;IAClE,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,gBAAgB,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAC5C,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,eAAe,GAAI,KAAK,SAAS,eAAe,EAAE,oEAM5D,qBAAqB,CAAC,KAAK,CAAC;uBAEnB,iBAAiB;CAiG5B,CAAC"}

package/dist/useTabsKeyboard.js

@@ -1,79 +0,0 @@
-import { useCallback } from 'react';
-export const useTabsKeyboard = ({ activeIndex, setActiveIndex, tabRefs, orientation = 'horizontal', onNavigate, }) => {
-    const onKeyDown = useCallback((event) => {
-        const isTabDisabled = (tab) => {
-            return Boolean(tab?.disabled || tab?.props?.disabled);
-        };
-        const getNextEnabledIndex = (current, direction) => {
-            const total = tabRefs.current.length;
-            if (!total)
-                return current;
-            let index = current;
-            for (let i = 0; i < total; i++) {
-                index = (index + direction + total) % total;
-                const tab = tabRefs.current[index];
-                if (tab && !isTabDisabled(tab)) {
-                    return index;
-                }
-            }
-            return current;
-        };
-        const getFirstEnabledIndex = () => {
-            return tabRefs.current.findIndex((tab) => tab && !isTabDisabled(tab));
-        };
-        const getLastEnabledIndex = () => {
-            for (let i = tabRefs.current.length - 1; i >= 0; i--) {
-                const tab = tabRefs.current[i];
-                if (tab && !isTabDisabled(tab)) {
-                    return i;
-                }
-            }
-            return activeIndex;
-        };
-        let nextIndex = activeIndex;
-        switch (event.key) {
-            case 'ArrowLeft':
-                if (orientation === 'horizontal') {
-                    event.preventDefault();
-                    nextIndex = getNextEnabledIndex(activeIndex, -1);
-                }
-                break;
-            case 'ArrowRight':
-                if (orientation === 'horizontal') {
-                    event.preventDefault();
-                    nextIndex = getNextEnabledIndex(activeIndex, 1);
-                }
-                break;
-            case 'ArrowUp':
-                if (orientation === 'vertical') {
-                    event.preventDefault();
-                    nextIndex = getNextEnabledIndex(activeIndex, -1);
-                }
-                break;
-            case 'ArrowDown':
-                if (orientation === 'vertical') {
-                    event.preventDefault();
-                    nextIndex = getNextEnabledIndex(activeIndex, 1);
-                }
-                break;
-            case 'Home': {
-                event.preventDefault();
-                const firstEnabledIndex = getFirstEnabledIndex();
-                nextIndex =
-                    firstEnabledIndex === -1 ? activeIndex : firstEnabledIndex;
-                break;
-            }
-            case 'End':
-                event.preventDefault();
-                nextIndex = getLastEnabledIndex();
-                break;
-            default:
-                return;
-        }
-        if (nextIndex !== activeIndex) {
-            setActiveIndex(nextIndex);
-            onNavigate?.(nextIndex);
-        }
-    }, [activeIndex, onNavigate, orientation, setActiveIndex, tabRefs]);
-    return { onKeyDown };
-};