@chayns-components/core 5.4.13-alpha.0 → 5.4.13

package/lib/cjs/components/list/list-item/useListItemFocus.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useListItemFocus = void 0;
-var _react = require("react");
-const useListItemFocus = ({
-  uuid,
-  listGroupUuid,
-  isInKeyboardNavigationGroup,
-  updateActiveListItemUuid
-}) => {
-  const [isFocusWithinListItem, setIsFocusWithinListItem] = (0, _react.useState)(false);
-  const handleFocus = (0, _react.useCallback)(event => {
-    setIsFocusWithinListItem(true);
-    if (event.currentTarget === event.target && isInKeyboardNavigationGroup && typeof updateActiveListItemUuid === 'function') {
-      updateActiveListItemUuid(uuid);
-    }
-  }, [isInKeyboardNavigationGroup, updateActiveListItemUuid, uuid]);
-  const handleBlur = (0, _react.useCallback)(event => {
-    const nextFocusedElement = event.relatedTarget;
-    const currentListItemElement = event.currentTarget;
-    if (nextFocusedElement && currentListItemElement.contains(nextFocusedElement)) {
-      return;
-    }
-    setIsFocusWithinListItem(false);
-    if (!isInKeyboardNavigationGroup || typeof updateActiveListItemUuid !== 'function' || typeof listGroupUuid !== 'string') {
-      return;
-    }
-    if (!nextFocusedElement) {
-      updateActiveListItemUuid(undefined);
-      return;
-    }
-    const nextFocusedListItem = nextFocusedElement.closest(`[data-uuid^="${listGroupUuid}---"]`);
-    if (!nextFocusedListItem) {
-      updateActiveListItemUuid(undefined);
-    }
-  }, [isInKeyboardNavigationGroup, listGroupUuid, updateActiveListItemUuid]);
-  return {
-    isFocusWithinListItem,
-    handleFocus,
-    handleBlur
-  };
-};
-exports.useListItemFocus = useListItemFocus;
-//# sourceMappingURL=useListItemFocus.js.map

package/lib/cjs/components/list/list-item/useListItemFocus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListItemFocus.js","names":["_react","require","useListItemFocus","uuid","listGroupUuid","isInKeyboardNavigationGroup","updateActiveListItemUuid","isFocusWithinListItem","setIsFocusWithinListItem","useState","handleFocus","useCallback","event","currentTarget","target","handleBlur","nextFocusedElement","relatedTarget","currentListItemElement","contains","undefined","nextFocusedListItem","closest","exports"],"sources":["../../../../../src/components/list/list-item/useListItemFocus.ts"],"sourcesContent":["import { type FocusEvent, useCallback, useState } from 'react';\n\ntype UseListItemFocusParams = {\n    uuid: string;\n    listGroupUuid?: string;\n    isInKeyboardNavigationGroup: boolean;\n    updateActiveListItemUuid?: (uuid?: string) => void;\n};\n\nexport const useListItemFocus = ({\n    uuid,\n    listGroupUuid,\n    isInKeyboardNavigationGroup,\n    updateActiveListItemUuid,\n}: UseListItemFocusParams) => {\n    const [isFocusWithinListItem, setIsFocusWithinListItem] = useState(false);\n\n    const handleFocus = useCallback(\n        (event: FocusEvent<HTMLDivElement>) => {\n            setIsFocusWithinListItem(true);\n\n            if (\n                event.currentTarget === event.target &&\n                isInKeyboardNavigationGroup &&\n                typeof updateActiveListItemUuid === 'function'\n            ) {\n                updateActiveListItemUuid(uuid);\n            }\n        },\n        [isInKeyboardNavigationGroup, updateActiveListItemUuid, uuid],\n    );\n\n    const handleBlur = useCallback(\n        (event: FocusEvent<HTMLDivElement>) => {\n            const nextFocusedElement = event.relatedTarget as HTMLElement | null;\n            const currentListItemElement = event.currentTarget as HTMLElement;\n\n            if (nextFocusedElement && currentListItemElement.contains(nextFocusedElement)) {\n                return;\n            }\n\n            setIsFocusWithinListItem(false);\n\n            if (\n                !isInKeyboardNavigationGroup ||\n                typeof updateActiveListItemUuid !== 'function' ||\n                typeof listGroupUuid !== 'string'\n            ) {\n                return;\n            }\n\n            if (!nextFocusedElement) {\n                updateActiveListItemUuid(undefined);\n                return;\n            }\n\n            const nextFocusedListItem = nextFocusedElement.closest<HTMLElement>(\n                `[data-uuid^=\"${listGroupUuid}---\"]`,\n            );\n\n            if (!nextFocusedListItem) {\n                updateActiveListItemUuid(undefined);\n            }\n        },\n        [isInKeyboardNavigationGroup, listGroupUuid, updateActiveListItemUuid],\n    );\n\n    return {\n        isFocusWithinListItem,\n        handleFocus,\n        handleBlur,\n    };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASO,MAAMC,gBAAgB,GAAGA,CAAC;EAC7BC,IAAI;EACJC,aAAa;EACbC,2BAA2B;EAC3BC;AACoB,CAAC,KAAK;EAC1B,MAAM,CAACC,qBAAqB,EAAEC,wBAAwB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEzE,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAC1BC,KAAiC,IAAK;IACnCJ,wBAAwB,CAAC,IAAI,CAAC;IAE9B,IACII,KAAK,CAACC,aAAa,KAAKD,KAAK,CAACE,MAAM,IACpCT,2BAA2B,IAC3B,OAAOC,wBAAwB,KAAK,UAAU,EAChD;MACEA,wBAAwB,CAACH,IAAI,CAAC;IAClC;EACJ,CAAC,EACD,CAACE,2BAA2B,EAAEC,wBAAwB,EAAEH,IAAI,CAChE,CAAC;EAED,MAAMY,UAAU,GAAG,IAAAJ,kBAAW,EACzBC,KAAiC,IAAK;IACnC,MAAMI,kBAAkB,GAAGJ,KAAK,CAACK,aAAmC;IACpE,MAAMC,sBAAsB,GAAGN,KAAK,CAACC,aAA4B;IAEjE,IAAIG,kBAAkB,IAAIE,sBAAsB,CAACC,QAAQ,CAACH,kBAAkB,CAAC,EAAE;MAC3E;IACJ;IAEAR,wBAAwB,CAAC,KAAK,CAAC;IAE/B,IACI,CAACH,2BAA2B,IAC5B,OAAOC,wBAAwB,KAAK,UAAU,IAC9C,OAAOF,aAAa,KAAK,QAAQ,EACnC;MACE;IACJ;IAEA,IAAI,CAACY,kBAAkB,EAAE;MACrBV,wBAAwB,CAACc,SAAS,CAAC;MACnC;IACJ;IAEA,MAAMC,mBAAmB,GAAGL,kBAAkB,CAACM,OAAO,CAClD,gBAAgBlB,aAAa,OACjC,CAAC;IAED,IAAI,CAACiB,mBAAmB,EAAE;MACtBf,wBAAwB,CAACc,SAAS,CAAC;IACvC;EACJ,CAAC,EACD,CAACf,2BAA2B,EAAED,aAAa,EAAEE,wBAAwB,CACzE,CAAC;EAED,OAAO;IACHC,qBAAqB;IACrBG,WAAW;IACXK;EACJ,CAAC;AACL,CAAC;AAACQ,OAAA,CAAArB,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/cjs/components/slider-button/SliderButton.types.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=SliderButton.types.js.map

package/lib/cjs/components/slider-button/SliderButton.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderButton.types.js","names":[],"sources":["../../../../src/components/slider-button/SliderButton.types.ts"],"sourcesContent":["import type { SliderButtonItem } from '../../types/slider-button';\n\nexport type SliderButtonProps = {\n    /**\n     * Whether the button is disabled and cannot be clicked anymore.\n     */\n    isDisabled?: boolean;\n    /**\n     * Displays the button in the secondary style.\n     */\n    isSecondary?: boolean;\n    /**\n     * The items that should be displayed in the slider button.\n     */\n    items: SliderButtonItem[];\n    /**\n     * Function to be executed when a button is selected. The id of the selected button is passed as an argument.\n     * @param id\n     */\n    onChange?: (id: string) => void;\n    /**\n     * The id of the button that should be selected.\n     */\n    selectedButtonId?: string;\n    /**\n     *\n     */\n    isRounded?: boolean;\n    /**\n     * Enables keyboard-only focus highlighting.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/components/slider-button/useSliderButtonPopupKeyboard.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSliderButtonPopupKeyboard = void 0;
-var _react = require("react");
-const useSliderButtonPopupKeyboard = ({
-  isPopupOpen,
-  popupItems,
-  currentPopupId,
-  shownItemsCount,
-  popupItemRefs,
-  popupRef,
-  focusThumb,
-  onSelectPopupItem
-}) => {
-  const [focusedPopupIndex, setFocusedPopupIndex] = (0, _react.useState)(0);
-  (0, _react.useEffect)(() => {
-    if (!isPopupOpen) {
-      return;
-    }
-    const selectedIndex = popupItems.findIndex(({
-      id
-    }) => id === currentPopupId);
-    const initialIndex = selectedIndex >= 0 ? selectedIndex : 0;
-    setFocusedPopupIndex(initialIndex);
-    window.requestAnimationFrame(() => {
-      var _popupItemRefs$curren;
-      (_popupItemRefs$curren = popupItemRefs.current[initialIndex]) === null || _popupItemRefs$curren === void 0 || _popupItemRefs$curren.focus();
-    });
-  }, [currentPopupId, isPopupOpen, popupItems, popupItemRefs]);
-  const handlePopupKeyDown = (0, _react.useCallback)(event => {
-    if (!isPopupOpen || popupItems.length === 0) {
-      return;
-    }
-    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
-      var _popupItemRefs$curren2;
-      event.preventDefault();
-      const direction = event.key === 'ArrowDown' ? 1 : -1;
-      const nextIndex = (focusedPopupIndex + direction + popupItems.length) % popupItems.length;
-      setFocusedPopupIndex(nextIndex);
-      (_popupItemRefs$curren2 = popupItemRefs.current[nextIndex]) === null || _popupItemRefs$curren2 === void 0 || _popupItemRefs$curren2.focus();
-      return;
-    }
-    if (event.key === 'Enter' || event.key === ' ') {
-      event.preventDefault();
-      const nextItem = popupItems[focusedPopupIndex];
-      if (nextItem) {
-        onSelectPopupItem(nextItem.id, Math.max(0, shownItemsCount - 1));
-      }
-      return;
-    }
-    if (event.key === 'Escape' || event.key === 'ArrowLeft' || event.key === 'Tab') {
-      var _popupRef$current;
-      event.preventDefault();
-      (_popupRef$current = popupRef.current) === null || _popupRef$current === void 0 || _popupRef$current.hide();
-      focusThumb();
-    }
-  }, [focusThumb, focusedPopupIndex, isPopupOpen, onSelectPopupItem, popupItemRefs, popupItems, popupRef, shownItemsCount]);
-  return {
-    handlePopupKeyDown
-  };
-};
-exports.useSliderButtonPopupKeyboard = useSliderButtonPopupKeyboard;
-//# sourceMappingURL=useSliderButtonPopupKeyboard.js.map

package/lib/cjs/components/slider-button/useSliderButtonPopupKeyboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSliderButtonPopupKeyboard.js","names":["_react","require","useSliderButtonPopupKeyboard","isPopupOpen","popupItems","currentPopupId","shownItemsCount","popupItemRefs","popupRef","focusThumb","onSelectPopupItem","focusedPopupIndex","setFocusedPopupIndex","useState","useEffect","selectedIndex","findIndex","id","initialIndex","window","requestAnimationFrame","_popupItemRefs$curren","current","focus","handlePopupKeyDown","useCallback","event","length","key","_popupItemRefs$curren2","preventDefault","direction","nextIndex","nextItem","Math","max","_popupRef$current","hide","exports"],"sources":["../../../../src/components/slider-button/useSliderButtonPopupKeyboard.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport type { KeyboardEventHandler, MutableRefObject } from 'react';\nimport type { PopupRef } from '../../types/popup';\nimport type { SliderButtonItem } from '../../types/slider-button';\n\ntype UseSliderButtonPopupKeyboardProps = {\n    isPopupOpen: boolean;\n    popupItems: SliderButtonItem[];\n    currentPopupId: string;\n    shownItemsCount: number;\n    popupItemRefs: MutableRefObject<Array<HTMLDivElement | null>>;\n    popupRef: MutableRefObject<PopupRef | null>;\n    focusThumb: VoidFunction;\n    onSelectPopupItem: (id: string, index: number) => void;\n};\n\nexport const useSliderButtonPopupKeyboard = ({\n    isPopupOpen,\n    popupItems,\n    currentPopupId,\n    shownItemsCount,\n    popupItemRefs,\n    popupRef,\n    focusThumb,\n    onSelectPopupItem,\n}: UseSliderButtonPopupKeyboardProps) => {\n    const [focusedPopupIndex, setFocusedPopupIndex] = useState(0);\n\n    useEffect(() => {\n        if (!isPopupOpen) {\n            return;\n        }\n\n        const selectedIndex = popupItems.findIndex(({ id }) => id === currentPopupId);\n        const initialIndex = selectedIndex >= 0 ? selectedIndex : 0;\n\n        setFocusedPopupIndex(initialIndex);\n\n        window.requestAnimationFrame(() => {\n            popupItemRefs.current[initialIndex]?.focus();\n        });\n    }, [currentPopupId, isPopupOpen, popupItems, popupItemRefs]);\n\n    const handlePopupKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (!isPopupOpen || popupItems.length === 0) {\n                return;\n            }\n\n            if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n                event.preventDefault();\n\n                const direction = event.key === 'ArrowDown' ? 1 : -1;\n                const nextIndex =\n                    (focusedPopupIndex + direction + popupItems.length) % popupItems.length;\n\n                setFocusedPopupIndex(nextIndex);\n                popupItemRefs.current[nextIndex]?.focus();\n                return;\n            }\n\n            if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n\n                const nextItem = popupItems[focusedPopupIndex];\n\n                if (nextItem) {\n                    onSelectPopupItem(nextItem.id, Math.max(0, shownItemsCount - 1));\n                }\n\n                return;\n            }\n\n            if (event.key === 'Escape' || event.key === 'ArrowLeft' || event.key === 'Tab') {\n                event.preventDefault();\n                popupRef.current?.hide();\n                focusThumb();\n            }\n        },\n        [\n            focusThumb,\n            focusedPopupIndex,\n            isPopupOpen,\n            onSelectPopupItem,\n            popupItemRefs,\n            popupItems,\n            popupRef,\n            shownItemsCount,\n        ],\n    );\n\n    return { handlePopupKeyDown };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAgBO,MAAMC,4BAA4B,GAAGA,CAAC;EACzCC,WAAW;EACXC,UAAU;EACVC,cAAc;EACdC,eAAe;EACfC,aAAa;EACbC,QAAQ;EACRC,UAAU;EACVC;AAC+B,CAAC,KAAK;EACrC,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAE7D,IAAAC,gBAAS,EAAC,MAAM;IACZ,IAAI,CAACX,WAAW,EAAE;MACd;IACJ;IAEA,MAAMY,aAAa,GAAGX,UAAU,CAACY,SAAS,CAAC,CAAC;MAAEC;IAAG,CAAC,KAAKA,EAAE,KAAKZ,cAAc,CAAC;IAC7E,MAAMa,YAAY,GAAGH,aAAa,IAAI,CAAC,GAAGA,aAAa,GAAG,CAAC;IAE3DH,oBAAoB,CAACM,YAAY,CAAC;IAElCC,MAAM,CAACC,qBAAqB,CAAC,MAAM;MAAA,IAAAC,qBAAA;MAC/B,CAAAA,qBAAA,GAAAd,aAAa,CAACe,OAAO,CAACJ,YAAY,CAAC,cAAAG,qBAAA,eAAnCA,qBAAA,CAAqCE,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC;EACN,CAAC,EAAE,CAAClB,cAAc,EAAEF,WAAW,EAAEC,UAAU,EAAEG,aAAa,CAAC,CAAC;EAE5D,MAAMiB,kBAAkB,GAAG,IAAAC,kBAAW,EACjCC,KAAK,IAAK;IACP,IAAI,CAACvB,WAAW,IAAIC,UAAU,CAACuB,MAAM,KAAK,CAAC,EAAE;MACzC;IACJ;IAEA,IAAID,KAAK,CAACE,GAAG,KAAK,WAAW,IAAIF,KAAK,CAACE,GAAG,KAAK,SAAS,EAAE;MAAA,IAAAC,sBAAA;MACtDH,KAAK,CAACI,cAAc,CAAC,CAAC;MAEtB,MAAMC,SAAS,GAAGL,KAAK,CAACE,GAAG,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;MACpD,MAAMI,SAAS,GACX,CAACrB,iBAAiB,GAAGoB,SAAS,GAAG3B,UAAU,CAACuB,MAAM,IAAIvB,UAAU,CAACuB,MAAM;MAE3Ef,oBAAoB,CAACoB,SAAS,CAAC;MAC/B,CAAAH,sBAAA,GAAAtB,aAAa,CAACe,OAAO,CAACU,SAAS,CAAC,cAAAH,sBAAA,eAAhCA,sBAAA,CAAkCN,KAAK,CAAC,CAAC;MACzC;IACJ;IAEA,IAAIG,KAAK,CAACE,GAAG,KAAK,OAAO,IAAIF,KAAK,CAACE,GAAG,KAAK,GAAG,EAAE;MAC5CF,KAAK,CAACI,cAAc,CAAC,CAAC;MAEtB,MAAMG,QAAQ,GAAG7B,UAAU,CAACO,iBAAiB,CAAC;MAE9C,IAAIsB,QAAQ,EAAE;QACVvB,iBAAiB,CAACuB,QAAQ,CAAChB,EAAE,EAAEiB,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE7B,eAAe,GAAG,CAAC,CAAC,CAAC;MACpE;MAEA;IACJ;IAEA,IAAIoB,KAAK,CAACE,GAAG,KAAK,QAAQ,IAAIF,KAAK,CAACE,GAAG,KAAK,WAAW,IAAIF,KAAK,CAACE,GAAG,KAAK,KAAK,EAAE;MAAA,IAAAQ,iBAAA;MAC5EV,KAAK,CAACI,cAAc,CAAC,CAAC;MACtB,CAAAM,iBAAA,GAAA5B,QAAQ,CAACc,OAAO,cAAAc,iBAAA,eAAhBA,iBAAA,CAAkBC,IAAI,CAAC,CAAC;MACxB5B,UAAU,CAAC,CAAC;IAChB;EACJ,CAAC,EACD,CACIA,UAAU,EACVE,iBAAiB,EACjBR,WAAW,EACXO,iBAAiB,EACjBH,aAAa,EACbH,UAAU,EACVI,QAAQ,EACRF,eAAe,CAEvB,CAAC;EAED,OAAO;IAAEkB;EAAmB,CAAC;AACjC,CAAC;AAACc,OAAA,CAAApC,4BAAA,GAAAA,4BAAA","ignoreList":[]}

package/lib/cjs/components/slider-button/useSliderButtonThumbKeyboard.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSliderButtonThumbKeyboard = void 0;
-var _react = require("react");
-const useSliderButtonThumbKeyboard = ({
-  currentId,
-  currentIndex,
-  shownItemsCount,
-  items,
-  onSelectThumbItem
-}) => {
-  const handleThumbKeyDown = (0, _react.useCallback)(event => {
-    var _items$currentIndex, _items$;
-    if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
-      var _items$nextIndex;
-      event.preventDefault();
-      const direction = event.key === 'ArrowRight' ? 1 : -1;
-      const maxVisibleIndex = Math.max(0, shownItemsCount - 1);
-      const nextIndex = Math.min(maxVisibleIndex, Math.max(0, currentIndex + direction));
-      if (nextIndex === currentIndex) {
-        return;
-      }
-      const hasMoreItems = items.length > shownItemsCount;
-      const nextId = hasMoreItems && nextIndex === shownItemsCount - 1 ? 'more' : (_items$nextIndex = items[nextIndex]) === null || _items$nextIndex === void 0 ? void 0 : _items$nextIndex.id;
-      if (nextId) {
-        onSelectThumbItem(nextId, nextIndex);
-      }
-      return;
-    }
-    if (event.key !== 'Enter' && event.key !== ' ') {
-      return;
-    }
-    event.preventDefault();
-    const fallbackId = currentId || ((_items$currentIndex = items[currentIndex]) === null || _items$currentIndex === void 0 ? void 0 : _items$currentIndex.id) || ((_items$ = items[0]) === null || _items$ === void 0 ? void 0 : _items$.id);
-    if (fallbackId) {
-      onSelectThumbItem(fallbackId, currentIndex);
-    }
-  }, [currentId, currentIndex, items, onSelectThumbItem, shownItemsCount]);
-  return {
-    handleThumbKeyDown
-  };
-};
-exports.useSliderButtonThumbKeyboard = useSliderButtonThumbKeyboard;
-//# sourceMappingURL=useSliderButtonThumbKeyboard.js.map

package/lib/cjs/components/slider-button/useSliderButtonThumbKeyboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSliderButtonThumbKeyboard.js","names":["_react","require","useSliderButtonThumbKeyboard","currentId","currentIndex","shownItemsCount","items","onSelectThumbItem","handleThumbKeyDown","useCallback","event","_items$currentIndex","_items$","key","_items$nextIndex","preventDefault","direction","maxVisibleIndex","Math","max","nextIndex","min","hasMoreItems","length","nextId","id","fallbackId","exports"],"sources":["../../../../src/components/slider-button/useSliderButtonThumbKeyboard.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { KeyboardEventHandler } from 'react';\nimport type { SliderButtonItem } from '../../types/slider-button';\n\ntype UseSliderButtonThumbKeyboardProps = {\n    currentId: string;\n    currentIndex: number;\n    shownItemsCount: number;\n    items: SliderButtonItem[];\n    onSelectThumbItem: (id: string, index: number) => void;\n};\n\nexport const useSliderButtonThumbKeyboard = ({\n    currentId,\n    currentIndex,\n    shownItemsCount,\n    items,\n    onSelectThumbItem,\n}: UseSliderButtonThumbKeyboardProps) => {\n    const handleThumbKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n                event.preventDefault();\n\n                const direction = event.key === 'ArrowRight' ? 1 : -1;\n                const maxVisibleIndex = Math.max(0, shownItemsCount - 1);\n                const nextIndex = Math.min(maxVisibleIndex, Math.max(0, currentIndex + direction));\n\n                if (nextIndex === currentIndex) {\n                    return;\n                }\n\n                const hasMoreItems = items.length > shownItemsCount;\n                const nextId =\n                    hasMoreItems && nextIndex === shownItemsCount - 1\n                        ? 'more'\n                        : items[nextIndex]?.id;\n\n                if (nextId) {\n                    onSelectThumbItem(nextId, nextIndex);\n                }\n\n                return;\n            }\n\n            if (event.key !== 'Enter' && event.key !== ' ') {\n                return;\n            }\n\n            event.preventDefault();\n\n            const fallbackId = currentId || items[currentIndex]?.id || items[0]?.id;\n\n            if (fallbackId) {\n                onSelectThumbItem(fallbackId, currentIndex);\n            }\n        },\n        [currentId, currentIndex, items, onSelectThumbItem, shownItemsCount],\n    );\n\n    return { handleThumbKeyDown };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAYO,MAAMC,4BAA4B,GAAGA,CAAC;EACzCC,SAAS;EACTC,YAAY;EACZC,eAAe;EACfC,KAAK;EACLC;AAC+B,CAAC,KAAK;EACrC,MAAMC,kBAAkB,GAAG,IAAAC,kBAAW,EACjCC,KAAK,IAAK;IAAA,IAAAC,mBAAA,EAAAC,OAAA;IACP,IAAIF,KAAK,CAACG,GAAG,KAAK,WAAW,IAAIH,KAAK,CAACG,GAAG,KAAK,YAAY,EAAE;MAAA,IAAAC,gBAAA;MACzDJ,KAAK,CAACK,cAAc,CAAC,CAAC;MAEtB,MAAMC,SAAS,GAAGN,KAAK,CAACG,GAAG,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC;MACrD,MAAMI,eAAe,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEd,eAAe,GAAG,CAAC,CAAC;MACxD,MAAMe,SAAS,GAAGF,IAAI,CAACG,GAAG,CAACJ,eAAe,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEf,YAAY,GAAGY,SAAS,CAAC,CAAC;MAElF,IAAII,SAAS,KAAKhB,YAAY,EAAE;QAC5B;MACJ;MAEA,MAAMkB,YAAY,GAAGhB,KAAK,CAACiB,MAAM,GAAGlB,eAAe;MACnD,MAAMmB,MAAM,GACRF,YAAY,IAAIF,SAAS,KAAKf,eAAe,GAAG,CAAC,GAC3C,MAAM,IAAAS,gBAAA,GACNR,KAAK,CAACc,SAAS,CAAC,cAAAN,gBAAA,uBAAhBA,gBAAA,CAAkBW,EAAE;MAE9B,IAAID,MAAM,EAAE;QACRjB,iBAAiB,CAACiB,MAAM,EAAEJ,SAAS,CAAC;MACxC;MAEA;IACJ;IAEA,IAAIV,KAAK,CAACG,GAAG,KAAK,OAAO,IAAIH,KAAK,CAACG,GAAG,KAAK,GAAG,EAAE;MAC5C;IACJ;IAEAH,KAAK,CAACK,cAAc,CAAC,CAAC;IAEtB,MAAMW,UAAU,GAAGvB,SAAS,MAAAQ,mBAAA,GAAIL,KAAK,CAACF,YAAY,CAAC,cAAAO,mBAAA,uBAAnBA,mBAAA,CAAqBc,EAAE,OAAAb,OAAA,GAAIN,KAAK,CAAC,CAAC,CAAC,cAAAM,OAAA,uBAARA,OAAA,CAAUa,EAAE;IAEvE,IAAIC,UAAU,EAAE;MACZnB,iBAAiB,CAACmB,UAAU,EAAEtB,YAAY,CAAC;IAC/C;EACJ,CAAC,EACD,CAACD,SAAS,EAAEC,YAAY,EAAEE,KAAK,EAAEC,iBAAiB,EAAEF,eAAe,CACvE,CAAC;EAED,OAAO;IAAEG;EAAmB,CAAC;AACjC,CAAC;AAACmB,OAAA,CAAAzB,4BAAA,GAAAA,4BAAA","ignoreList":[]}

package/lib/cjs/hooks/useKeyboardFocusHighlighting.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useKeyboardFocusHighlighting = void 0;
-var _react = require("react");
-var _ColorSchemeProvider = require("../components/color-scheme-provider/ColorSchemeProvider");
-/* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-return */
-
-/**
- * Tracks whether focus highlighting should be visible for keyboard navigation.
- * Keyboard mode is enabled via Tab and reset by mouse interaction.
- */
-const useKeyboardFocusHighlighting = isEnabledProp => {
-  const colorScheme = (0, _react.useContext)(_ColorSchemeProvider.ColorSchemeContext);
-  const contextIsEnabled = (colorScheme === null || colorScheme === void 0 ? void 0 : colorScheme.shouldEnableKeyboardHighlighting) === true;
-  const isEnabled = isEnabledProp ?? contextIsEnabled;
-  const [isKeyboardNavigation, setIsKeyboardNavigation] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    const canListen = isEnabled && typeof window !== 'undefined';
-    const enableKeyboardNavigation = () => {
-      setIsKeyboardNavigation(true);
-    };
-    const handleKeyDown = event => {
-      // Ignore pure modifier presses, but treat any real keyboard interaction as keyboard navigation.
-      if (event.ctrlKey || event.altKey || event.metaKey) {
-        return;
-      }
-      if (['Shift', 'Control', 'Alt', 'Meta'].includes(event.key)) {
-        return;
-      }
-      enableKeyboardNavigation();
-    };
-    const handleFocusIn = event => {
-      const {
-        target
-      } = event;
-
-      // Fallback for first tab-focus when the keydown was not observed.
-      if (target instanceof HTMLElement && typeof target.matches === 'function' && target.matches(':focus-visible')) {
-        enableKeyboardNavigation();
-      }
-    };
-    const disableKeyboardNavigation = () => {
-      setIsKeyboardNavigation(current => current ? false : current);
-    };
-    if (canListen) {
-      window.addEventListener('keydown', handleKeyDown);
-      window.addEventListener('focusin', handleFocusIn);
-      window.addEventListener('mousedown', disableKeyboardNavigation);
-      window.addEventListener('mousemove', disableKeyboardNavigation);
-    } else {
-      setIsKeyboardNavigation(false);
-    }
-    return () => {
-      if (canListen) {
-        window.removeEventListener('keydown', handleKeyDown);
-        window.removeEventListener('focusin', handleFocusIn);
-        window.removeEventListener('mousedown', disableKeyboardNavigation);
-        window.removeEventListener('mousemove', disableKeyboardNavigation);
-      }
-    };
-  }, [isEnabled]);
-  return Boolean(isEnabled && isKeyboardNavigation);
-};
-exports.useKeyboardFocusHighlighting = useKeyboardFocusHighlighting;
-//# sourceMappingURL=useKeyboardFocusHighlighting.js.map

package/lib/cjs/hooks/useKeyboardFocusHighlighting.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardFocusHighlighting.js","names":["_react","require","_ColorSchemeProvider","useKeyboardFocusHighlighting","isEnabledProp","colorScheme","useContext","ColorSchemeContext","contextIsEnabled","shouldEnableKeyboardHighlighting","isEnabled","isKeyboardNavigation","setIsKeyboardNavigation","useState","useEffect","canListen","window","enableKeyboardNavigation","handleKeyDown","event","ctrlKey","altKey","metaKey","includes","key","handleFocusIn","target","HTMLElement","matches","disableKeyboardNavigation","current","addEventListener","removeEventListener","Boolean","exports"],"sources":["../../../src/hooks/useKeyboardFocusHighlighting.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-return */\nimport { useContext, useEffect, useState } from 'react';\nimport {\n    ColorSchemeContext,\n    type ColorSchemeContextProps,\n} from '../components/color-scheme-provider/ColorSchemeProvider';\n\n/**\n * Tracks whether focus highlighting should be visible for keyboard navigation.\n * Keyboard mode is enabled via Tab and reset by mouse interaction.\n */\nexport const useKeyboardFocusHighlighting = (isEnabledProp?: boolean): boolean => {\n    const colorScheme = useContext<ColorSchemeContextProps | undefined>(ColorSchemeContext);\n    const contextIsEnabled: boolean = colorScheme?.shouldEnableKeyboardHighlighting === true;\n    const isEnabled: boolean = isEnabledProp ?? contextIsEnabled;\n\n    const [isKeyboardNavigation, setIsKeyboardNavigation] = useState(false);\n\n    useEffect(() => {\n        const canListen = isEnabled && typeof window !== 'undefined';\n\n        const enableKeyboardNavigation = () => {\n            setIsKeyboardNavigation(true);\n        };\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            // Ignore pure modifier presses, but treat any real keyboard interaction as keyboard navigation.\n            if (event.ctrlKey || event.altKey || event.metaKey) {\n                return;\n            }\n\n            if (['Shift', 'Control', 'Alt', 'Meta'].includes(event.key)) {\n                return;\n            }\n\n            enableKeyboardNavigation();\n        };\n\n        const handleFocusIn = (event: FocusEvent) => {\n            const { target } = event;\n\n            // Fallback for first tab-focus when the keydown was not observed.\n            if (\n                target instanceof HTMLElement &&\n                typeof target.matches === 'function' &&\n                target.matches(':focus-visible')\n            ) {\n                enableKeyboardNavigation();\n            }\n        };\n\n        const disableKeyboardNavigation = () => {\n            setIsKeyboardNavigation((current) => (current ? false : current));\n        };\n\n        if (canListen) {\n            window.addEventListener('keydown', handleKeyDown);\n            window.addEventListener('focusin', handleFocusIn);\n            window.addEventListener('mousedown', disableKeyboardNavigation);\n            window.addEventListener('mousemove', disableKeyboardNavigation);\n        } else {\n            setIsKeyboardNavigation(false);\n        }\n\n        return () => {\n            if (canListen) {\n                window.removeEventListener('keydown', handleKeyDown);\n                window.removeEventListener('focusin', handleFocusIn);\n                window.removeEventListener('mousedown', disableKeyboardNavigation);\n                window.removeEventListener('mousemove', disableKeyboardNavigation);\n            }\n        };\n    }, [isEnabled]);\n\n    return Boolean(isEnabled && isKeyboardNavigation);\n};\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAFA;;AAOA;AACA;AACA;AACA;AACO,MAAME,4BAA4B,GAAIC,aAAuB,IAAc;EAC9E,MAAMC,WAAW,GAAG,IAAAC,iBAAU,EAAsCC,uCAAkB,CAAC;EACvF,MAAMC,gBAAyB,GAAG,CAAAH,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEI,gCAAgC,MAAK,IAAI;EACxF,MAAMC,SAAkB,GAAGN,aAAa,IAAII,gBAAgB;EAE5D,MAAM,CAACG,oBAAoB,EAAEC,uBAAuB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEvE,IAAAC,gBAAS,EAAC,MAAM;IACZ,MAAMC,SAAS,GAAGL,SAAS,IAAI,OAAOM,MAAM,KAAK,WAAW;IAE5D,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;MACnCL,uBAAuB,CAAC,IAAI,CAAC;IACjC,CAAC;IAED,MAAMM,aAAa,GAAIC,KAAoB,IAAK;MAC5C;MACA,IAAIA,KAAK,CAACC,OAAO,IAAID,KAAK,CAACE,MAAM,IAAIF,KAAK,CAACG,OAAO,EAAE;QAChD;MACJ;MAEA,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACJ,KAAK,CAACK,GAAG,CAAC,EAAE;QACzD;MACJ;MAEAP,wBAAwB,CAAC,CAAC;IAC9B,CAAC;IAED,MAAMQ,aAAa,GAAIN,KAAiB,IAAK;MACzC,MAAM;QAAEO;MAAO,CAAC,GAAGP,KAAK;;MAExB;MACA,IACIO,MAAM,YAAYC,WAAW,IAC7B,OAAOD,MAAM,CAACE,OAAO,KAAK,UAAU,IACpCF,MAAM,CAACE,OAAO,CAAC,gBAAgB,CAAC,EAClC;QACEX,wBAAwB,CAAC,CAAC;MAC9B;IACJ,CAAC;IAED,MAAMY,yBAAyB,GAAGA,CAAA,KAAM;MACpCjB,uBAAuB,CAAEkB,OAAO,IAAMA,OAAO,GAAG,KAAK,GAAGA,OAAQ,CAAC;IACrE,CAAC;IAED,IAAIf,SAAS,EAAE;MACXC,MAAM,CAACe,gBAAgB,CAAC,SAAS,EAAEb,aAAa,CAAC;MACjDF,MAAM,CAACe,gBAAgB,CAAC,SAAS,EAAEN,aAAa,CAAC;MACjDT,MAAM,CAACe,gBAAgB,CAAC,WAAW,EAAEF,yBAAyB,CAAC;MAC/Db,MAAM,CAACe,gBAAgB,CAAC,WAAW,EAAEF,yBAAyB,CAAC;IACnE,CAAC,MAAM;MACHjB,uBAAuB,CAAC,KAAK,CAAC;IAClC;IAEA,OAAO,MAAM;MACT,IAAIG,SAAS,EAAE;QACXC,MAAM,CAACgB,mBAAmB,CAAC,SAAS,EAAEd,aAAa,CAAC;QACpDF,MAAM,CAACgB,mBAAmB,CAAC,SAAS,EAAEP,aAAa,CAAC;QACpDT,MAAM,CAACgB,mBAAmB,CAAC,WAAW,EAAEH,yBAAyB,CAAC;QAClEb,MAAM,CAACgB,mBAAmB,CAAC,WAAW,EAAEH,yBAAyB,CAAC;MACtE;IACJ,CAAC;EACL,CAAC,EAAE,CAACnB,SAAS,CAAC,CAAC;EAEf,OAAOuB,OAAO,CAACvB,SAAS,IAAIC,oBAAoB,CAAC;AACrD,CAAC;AAACuB,OAAA,CAAA/B,4BAAA,GAAAA,4BAAA","ignoreList":[]}

package/lib/cjs/utils/keyboardFocusHighlighting.styles.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.keyboardFocusHighlightingRingCss = exports.keyboardFocusHighlightingCircleRingCss = void 0;
-var _styledComponents = require("styled-components");
-/**
- * Shared focus ring for components with keyboard-only highlighting.
- * Apply this only when keyboard highlighting is enabled/active.
- */
-const keyboardFocusHighlightingRingCss = exports.keyboardFocusHighlightingRingCss = (0, _styledComponents.css)`
-    outline: solid 2px color-mix(in srgb, white 70%, transparent);
-    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);
-    border-radius: 3px;
-    outline-offset: 1px;
-`;
-
-/**
- * Circular focus ring variant for round controls (e.g. RadioButton).
- */
-const keyboardFocusHighlightingCircleRingCss = exports.keyboardFocusHighlightingCircleRingCss = (0, _styledComponents.css)`
-    outline: solid 2px color-mix(in srgb, white 70%, transparent);
-    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);
-    border-radius: 50%;
-    outline-offset: 1px;
-    color: white;
-`;
-//# sourceMappingURL=keyboardFocusHighlighting.styles.js.map

package/lib/cjs/utils/keyboardFocusHighlighting.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboardFocusHighlighting.styles.js","names":["_styledComponents","require","keyboardFocusHighlightingRingCss","exports","css","keyboardFocusHighlightingCircleRingCss"],"sources":["../../../src/utils/keyboardFocusHighlighting.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\n/**\n * Shared focus ring for components with keyboard-only highlighting.\n * Apply this only when keyboard highlighting is enabled/active.\n */\nexport const keyboardFocusHighlightingRingCss = css`\n    outline: solid 2px color-mix(in srgb, white 70%, transparent);\n    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);\n    border-radius: 3px;\n    outline-offset: 1px;\n`;\n\n/**\n * Circular focus ring variant for round controls (e.g. RadioButton).\n */\nexport const keyboardFocusHighlightingCircleRingCss = css`\n    outline: solid 2px color-mix(in srgb, white 70%, transparent);\n    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);\n    border-radius: 50%;\n    outline-offset: 1px;\n    color: white;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACO,MAAMC,gCAAgC,GAAAC,OAAA,CAAAD,gCAAA,GAAG,IAAAE,qBAAG;AACnD;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACO,MAAMC,sCAAsC,GAAAF,OAAA,CAAAE,sCAAA,GAAG,IAAAD,qBAAG;AACzD;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/list/list-item/useListItemFocus.js

@@ -1,40 +0,0 @@
-import { useCallback, useState } from 'react';
-export const useListItemFocus = ({
-  uuid,
-  listGroupUuid,
-  isInKeyboardNavigationGroup,
-  updateActiveListItemUuid
-}) => {
-  const [isFocusWithinListItem, setIsFocusWithinListItem] = useState(false);
-  const handleFocus = useCallback(event => {
-    setIsFocusWithinListItem(true);
-    if (event.currentTarget === event.target && isInKeyboardNavigationGroup && typeof updateActiveListItemUuid === 'function') {
-      updateActiveListItemUuid(uuid);
-    }
-  }, [isInKeyboardNavigationGroup, updateActiveListItemUuid, uuid]);
-  const handleBlur = useCallback(event => {
-    const nextFocusedElement = event.relatedTarget;
-    const currentListItemElement = event.currentTarget;
-    if (nextFocusedElement && currentListItemElement.contains(nextFocusedElement)) {
-      return;
-    }
-    setIsFocusWithinListItem(false);
-    if (!isInKeyboardNavigationGroup || typeof updateActiveListItemUuid !== 'function' || typeof listGroupUuid !== 'string') {
-      return;
-    }
-    if (!nextFocusedElement) {
-      updateActiveListItemUuid(undefined);
-      return;
-    }
-    const nextFocusedListItem = nextFocusedElement.closest(`[data-uuid^="${listGroupUuid}---"]`);
-    if (!nextFocusedListItem) {
-      updateActiveListItemUuid(undefined);
-    }
-  }, [isInKeyboardNavigationGroup, listGroupUuid, updateActiveListItemUuid]);
-  return {
-    isFocusWithinListItem,
-    handleFocus,
-    handleBlur
-  };
-};
-//# sourceMappingURL=useListItemFocus.js.map

package/lib/esm/components/list/list-item/useListItemFocus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListItemFocus.js","names":["useCallback","useState","useListItemFocus","uuid","listGroupUuid","isInKeyboardNavigationGroup","updateActiveListItemUuid","isFocusWithinListItem","setIsFocusWithinListItem","handleFocus","event","currentTarget","target","handleBlur","nextFocusedElement","relatedTarget","currentListItemElement","contains","undefined","nextFocusedListItem","closest"],"sources":["../../../../../src/components/list/list-item/useListItemFocus.ts"],"sourcesContent":["import { type FocusEvent, useCallback, useState } from 'react';\n\ntype UseListItemFocusParams = {\n    uuid: string;\n    listGroupUuid?: string;\n    isInKeyboardNavigationGroup: boolean;\n    updateActiveListItemUuid?: (uuid?: string) => void;\n};\n\nexport const useListItemFocus = ({\n    uuid,\n    listGroupUuid,\n    isInKeyboardNavigationGroup,\n    updateActiveListItemUuid,\n}: UseListItemFocusParams) => {\n    const [isFocusWithinListItem, setIsFocusWithinListItem] = useState(false);\n\n    const handleFocus = useCallback(\n        (event: FocusEvent<HTMLDivElement>) => {\n            setIsFocusWithinListItem(true);\n\n            if (\n                event.currentTarget === event.target &&\n                isInKeyboardNavigationGroup &&\n                typeof updateActiveListItemUuid === 'function'\n            ) {\n                updateActiveListItemUuid(uuid);\n            }\n        },\n        [isInKeyboardNavigationGroup, updateActiveListItemUuid, uuid],\n    );\n\n    const handleBlur = useCallback(\n        (event: FocusEvent<HTMLDivElement>) => {\n            const nextFocusedElement = event.relatedTarget as HTMLElement | null;\n            const currentListItemElement = event.currentTarget as HTMLElement;\n\n            if (nextFocusedElement && currentListItemElement.contains(nextFocusedElement)) {\n                return;\n            }\n\n            setIsFocusWithinListItem(false);\n\n            if (\n                !isInKeyboardNavigationGroup ||\n                typeof updateActiveListItemUuid !== 'function' ||\n                typeof listGroupUuid !== 'string'\n            ) {\n                return;\n            }\n\n            if (!nextFocusedElement) {\n                updateActiveListItemUuid(undefined);\n                return;\n            }\n\n            const nextFocusedListItem = nextFocusedElement.closest<HTMLElement>(\n                `[data-uuid^=\"${listGroupUuid}---\"]`,\n            );\n\n            if (!nextFocusedListItem) {\n                updateActiveListItemUuid(undefined);\n            }\n        },\n        [isInKeyboardNavigationGroup, listGroupUuid, updateActiveListItemUuid],\n    );\n\n    return {\n        isFocusWithinListItem,\n        handleFocus,\n        handleBlur,\n    };\n};\n"],"mappings":"AAAA,SAA0BA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAS9D,OAAO,MAAMC,gBAAgB,GAAGA,CAAC;EAC7BC,IAAI;EACJC,aAAa;EACbC,2BAA2B;EAC3BC;AACoB,CAAC,KAAK;EAC1B,MAAM,CAACC,qBAAqB,EAAEC,wBAAwB,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EAEzE,MAAMQ,WAAW,GAAGT,WAAW,CAC1BU,KAAiC,IAAK;IACnCF,wBAAwB,CAAC,IAAI,CAAC;IAE9B,IACIE,KAAK,CAACC,aAAa,KAAKD,KAAK,CAACE,MAAM,IACpCP,2BAA2B,IAC3B,OAAOC,wBAAwB,KAAK,UAAU,EAChD;MACEA,wBAAwB,CAACH,IAAI,CAAC;IAClC;EACJ,CAAC,EACD,CAACE,2BAA2B,EAAEC,wBAAwB,EAAEH,IAAI,CAChE,CAAC;EAED,MAAMU,UAAU,GAAGb,WAAW,CACzBU,KAAiC,IAAK;IACnC,MAAMI,kBAAkB,GAAGJ,KAAK,CAACK,aAAmC;IACpE,MAAMC,sBAAsB,GAAGN,KAAK,CAACC,aAA4B;IAEjE,IAAIG,kBAAkB,IAAIE,sBAAsB,CAACC,QAAQ,CAACH,kBAAkB,CAAC,EAAE;MAC3E;IACJ;IAEAN,wBAAwB,CAAC,KAAK,CAAC;IAE/B,IACI,CAACH,2BAA2B,IAC5B,OAAOC,wBAAwB,KAAK,UAAU,IAC9C,OAAOF,aAAa,KAAK,QAAQ,EACnC;MACE;IACJ;IAEA,IAAI,CAACU,kBAAkB,EAAE;MACrBR,wBAAwB,CAACY,SAAS,CAAC;MACnC;IACJ;IAEA,MAAMC,mBAAmB,GAAGL,kBAAkB,CAACM,OAAO,CAClD,gBAAgBhB,aAAa,OACjC,CAAC;IAED,IAAI,CAACe,mBAAmB,EAAE;MACtBb,wBAAwB,CAACY,SAAS,CAAC;IACvC;EACJ,CAAC,EACD,CAACb,2BAA2B,EAAED,aAAa,EAAEE,wBAAwB,CACzE,CAAC;EAED,OAAO;IACHC,qBAAqB;IACrBE,WAAW;IACXI;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/esm/components/slider-button/SliderButton.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=SliderButton.types.js.map

package/lib/esm/components/slider-button/SliderButton.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderButton.types.js","names":[],"sources":["../../../../src/components/slider-button/SliderButton.types.ts"],"sourcesContent":["import type { SliderButtonItem } from '../../types/slider-button';\n\nexport type SliderButtonProps = {\n    /**\n     * Whether the button is disabled and cannot be clicked anymore.\n     */\n    isDisabled?: boolean;\n    /**\n     * Displays the button in the secondary style.\n     */\n    isSecondary?: boolean;\n    /**\n     * The items that should be displayed in the slider button.\n     */\n    items: SliderButtonItem[];\n    /**\n     * Function to be executed when a button is selected. The id of the selected button is passed as an argument.\n     * @param id\n     */\n    onChange?: (id: string) => void;\n    /**\n     * The id of the button that should be selected.\n     */\n    selectedButtonId?: string;\n    /**\n     *\n     */\n    isRounded?: boolean;\n    /**\n     * Enables keyboard-only focus highlighting.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/esm/components/slider-button/useSliderButtonPopupKeyboard.js

@@ -1,56 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-export const useSliderButtonPopupKeyboard = ({
-  isPopupOpen,
-  popupItems,
-  currentPopupId,
-  shownItemsCount,
-  popupItemRefs,
-  popupRef,
-  focusThumb,
-  onSelectPopupItem
-}) => {
-  const [focusedPopupIndex, setFocusedPopupIndex] = useState(0);
-  useEffect(() => {
-    if (!isPopupOpen) {
-      return;
-    }
-    const selectedIndex = popupItems.findIndex(({
-      id
-    }) => id === currentPopupId);
-    const initialIndex = selectedIndex >= 0 ? selectedIndex : 0;
-    setFocusedPopupIndex(initialIndex);
-    window.requestAnimationFrame(() => {
-      popupItemRefs.current[initialIndex]?.focus();
-    });
-  }, [currentPopupId, isPopupOpen, popupItems, popupItemRefs]);
-  const handlePopupKeyDown = useCallback(event => {
-    if (!isPopupOpen || popupItems.length === 0) {
-      return;
-    }
-    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
-      event.preventDefault();
-      const direction = event.key === 'ArrowDown' ? 1 : -1;
-      const nextIndex = (focusedPopupIndex + direction + popupItems.length) % popupItems.length;
-      setFocusedPopupIndex(nextIndex);
-      popupItemRefs.current[nextIndex]?.focus();
-      return;
-    }
-    if (event.key === 'Enter' || event.key === ' ') {
-      event.preventDefault();
-      const nextItem = popupItems[focusedPopupIndex];
-      if (nextItem) {
-        onSelectPopupItem(nextItem.id, Math.max(0, shownItemsCount - 1));
-      }
-      return;
-    }
-    if (event.key === 'Escape' || event.key === 'ArrowLeft' || event.key === 'Tab') {
-      event.preventDefault();
-      popupRef.current?.hide();
-      focusThumb();
-    }
-  }, [focusThumb, focusedPopupIndex, isPopupOpen, onSelectPopupItem, popupItemRefs, popupItems, popupRef, shownItemsCount]);
-  return {
-    handlePopupKeyDown
-  };
-};
-//# sourceMappingURL=useSliderButtonPopupKeyboard.js.map

package/lib/esm/components/slider-button/useSliderButtonPopupKeyboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSliderButtonPopupKeyboard.js","names":["useCallback","useEffect","useState","useSliderButtonPopupKeyboard","isPopupOpen","popupItems","currentPopupId","shownItemsCount","popupItemRefs","popupRef","focusThumb","onSelectPopupItem","focusedPopupIndex","setFocusedPopupIndex","selectedIndex","findIndex","id","initialIndex","window","requestAnimationFrame","current","focus","handlePopupKeyDown","event","length","key","preventDefault","direction","nextIndex","nextItem","Math","max","hide"],"sources":["../../../../src/components/slider-button/useSliderButtonPopupKeyboard.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport type { KeyboardEventHandler, MutableRefObject } from 'react';\nimport type { PopupRef } from '../../types/popup';\nimport type { SliderButtonItem } from '../../types/slider-button';\n\ntype UseSliderButtonPopupKeyboardProps = {\n    isPopupOpen: boolean;\n    popupItems: SliderButtonItem[];\n    currentPopupId: string;\n    shownItemsCount: number;\n    popupItemRefs: MutableRefObject<Array<HTMLDivElement | null>>;\n    popupRef: MutableRefObject<PopupRef | null>;\n    focusThumb: VoidFunction;\n    onSelectPopupItem: (id: string, index: number) => void;\n};\n\nexport const useSliderButtonPopupKeyboard = ({\n    isPopupOpen,\n    popupItems,\n    currentPopupId,\n    shownItemsCount,\n    popupItemRefs,\n    popupRef,\n    focusThumb,\n    onSelectPopupItem,\n}: UseSliderButtonPopupKeyboardProps) => {\n    const [focusedPopupIndex, setFocusedPopupIndex] = useState(0);\n\n    useEffect(() => {\n        if (!isPopupOpen) {\n            return;\n        }\n\n        const selectedIndex = popupItems.findIndex(({ id }) => id === currentPopupId);\n        const initialIndex = selectedIndex >= 0 ? selectedIndex : 0;\n\n        setFocusedPopupIndex(initialIndex);\n\n        window.requestAnimationFrame(() => {\n            popupItemRefs.current[initialIndex]?.focus();\n        });\n    }, [currentPopupId, isPopupOpen, popupItems, popupItemRefs]);\n\n    const handlePopupKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (!isPopupOpen || popupItems.length === 0) {\n                return;\n            }\n\n            if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n                event.preventDefault();\n\n                const direction = event.key === 'ArrowDown' ? 1 : -1;\n                const nextIndex =\n                    (focusedPopupIndex + direction + popupItems.length) % popupItems.length;\n\n                setFocusedPopupIndex(nextIndex);\n                popupItemRefs.current[nextIndex]?.focus();\n                return;\n            }\n\n            if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n\n                const nextItem = popupItems[focusedPopupIndex];\n\n                if (nextItem) {\n                    onSelectPopupItem(nextItem.id, Math.max(0, shownItemsCount - 1));\n                }\n\n                return;\n            }\n\n            if (event.key === 'Escape' || event.key === 'ArrowLeft' || event.key === 'Tab') {\n                event.preventDefault();\n                popupRef.current?.hide();\n                focusThumb();\n            }\n        },\n        [\n            focusThumb,\n            focusedPopupIndex,\n            isPopupOpen,\n            onSelectPopupItem,\n            popupItemRefs,\n            popupItems,\n            popupRef,\n            shownItemsCount,\n        ],\n    );\n\n    return { handlePopupKeyDown };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAgBxD,OAAO,MAAMC,4BAA4B,GAAGA,CAAC;EACzCC,WAAW;EACXC,UAAU;EACVC,cAAc;EACdC,eAAe;EACfC,aAAa;EACbC,QAAQ;EACRC,UAAU;EACVC;AAC+B,CAAC,KAAK;EACrC,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGX,QAAQ,CAAC,CAAC,CAAC;EAE7DD,SAAS,CAAC,MAAM;IACZ,IAAI,CAACG,WAAW,EAAE;MACd;IACJ;IAEA,MAAMU,aAAa,GAAGT,UAAU,CAACU,SAAS,CAAC,CAAC;MAAEC;IAAG,CAAC,KAAKA,EAAE,KAAKV,cAAc,CAAC;IAC7E,MAAMW,YAAY,GAAGH,aAAa,IAAI,CAAC,GAAGA,aAAa,GAAG,CAAC;IAE3DD,oBAAoB,CAACI,YAAY,CAAC;IAElCC,MAAM,CAACC,qBAAqB,CAAC,MAAM;MAC/BX,aAAa,CAACY,OAAO,CAACH,YAAY,CAAC,EAAEI,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC;EACN,CAAC,EAAE,CAACf,cAAc,EAAEF,WAAW,EAAEC,UAAU,EAAEG,aAAa,CAAC,CAAC;EAE5D,MAAMc,kBAAkB,GAAGtB,WAAW,CACjCuB,KAAK,IAAK;IACP,IAAI,CAACnB,WAAW,IAAIC,UAAU,CAACmB,MAAM,KAAK,CAAC,EAAE;MACzC;IACJ;IAEA,IAAID,KAAK,CAACE,GAAG,KAAK,WAAW,IAAIF,KAAK,CAACE,GAAG,KAAK,SAAS,EAAE;MACtDF,KAAK,CAACG,cAAc,CAAC,CAAC;MAEtB,MAAMC,SAAS,GAAGJ,KAAK,CAACE,GAAG,KAAK,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;MACpD,MAAMG,SAAS,GACX,CAAChB,iBAAiB,GAAGe,SAAS,GAAGtB,UAAU,CAACmB,MAAM,IAAInB,UAAU,CAACmB,MAAM;MAE3EX,oBAAoB,CAACe,SAAS,CAAC;MAC/BpB,aAAa,CAACY,OAAO,CAACQ,SAAS,CAAC,EAAEP,KAAK,CAAC,CAAC;MACzC;IACJ;IAEA,IAAIE,KAAK,CAACE,GAAG,KAAK,OAAO,IAAIF,KAAK,CAACE,GAAG,KAAK,GAAG,EAAE;MAC5CF,KAAK,CAACG,cAAc,CAAC,CAAC;MAEtB,MAAMG,QAAQ,GAAGxB,UAAU,CAACO,iBAAiB,CAAC;MAE9C,IAAIiB,QAAQ,EAAE;QACVlB,iBAAiB,CAACkB,QAAQ,CAACb,EAAE,EAAEc,IAAI,CAACC,GAAG,CAAC,CAAC,EAAExB,eAAe,GAAG,CAAC,CAAC,CAAC;MACpE;MAEA;IACJ;IAEA,IAAIgB,KAAK,CAACE,GAAG,KAAK,QAAQ,IAAIF,KAAK,CAACE,GAAG,KAAK,WAAW,IAAIF,KAAK,CAACE,GAAG,KAAK,KAAK,EAAE;MAC5EF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBjB,QAAQ,CAACW,OAAO,EAAEY,IAAI,CAAC,CAAC;MACxBtB,UAAU,CAAC,CAAC;IAChB;EACJ,CAAC,EACD,CACIA,UAAU,EACVE,iBAAiB,EACjBR,WAAW,EACXO,iBAAiB,EACjBH,aAAa,EACbH,UAAU,EACVI,QAAQ,EACRF,eAAe,CAEvB,CAAC;EAED,OAAO;IAAEe;EAAmB,CAAC;AACjC,CAAC","ignoreList":[]}

package/lib/esm/components/slider-button/useSliderButtonThumbKeyboard.js

@@ -1,38 +0,0 @@
-import { useCallback } from 'react';
-export const useSliderButtonThumbKeyboard = ({
-  currentId,
-  currentIndex,
-  shownItemsCount,
-  items,
-  onSelectThumbItem
-}) => {
-  const handleThumbKeyDown = useCallback(event => {
-    if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
-      event.preventDefault();
-      const direction = event.key === 'ArrowRight' ? 1 : -1;
-      const maxVisibleIndex = Math.max(0, shownItemsCount - 1);
-      const nextIndex = Math.min(maxVisibleIndex, Math.max(0, currentIndex + direction));
-      if (nextIndex === currentIndex) {
-        return;
-      }
-      const hasMoreItems = items.length > shownItemsCount;
-      const nextId = hasMoreItems && nextIndex === shownItemsCount - 1 ? 'more' : items[nextIndex]?.id;
-      if (nextId) {
-        onSelectThumbItem(nextId, nextIndex);
-      }
-      return;
-    }
-    if (event.key !== 'Enter' && event.key !== ' ') {
-      return;
-    }
-    event.preventDefault();
-    const fallbackId = currentId || items[currentIndex]?.id || items[0]?.id;
-    if (fallbackId) {
-      onSelectThumbItem(fallbackId, currentIndex);
-    }
-  }, [currentId, currentIndex, items, onSelectThumbItem, shownItemsCount]);
-  return {
-    handleThumbKeyDown
-  };
-};
-//# sourceMappingURL=useSliderButtonThumbKeyboard.js.map

package/lib/esm/components/slider-button/useSliderButtonThumbKeyboard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSliderButtonThumbKeyboard.js","names":["useCallback","useSliderButtonThumbKeyboard","currentId","currentIndex","shownItemsCount","items","onSelectThumbItem","handleThumbKeyDown","event","key","preventDefault","direction","maxVisibleIndex","Math","max","nextIndex","min","hasMoreItems","length","nextId","id","fallbackId"],"sources":["../../../../src/components/slider-button/useSliderButtonThumbKeyboard.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { KeyboardEventHandler } from 'react';\nimport type { SliderButtonItem } from '../../types/slider-button';\n\ntype UseSliderButtonThumbKeyboardProps = {\n    currentId: string;\n    currentIndex: number;\n    shownItemsCount: number;\n    items: SliderButtonItem[];\n    onSelectThumbItem: (id: string, index: number) => void;\n};\n\nexport const useSliderButtonThumbKeyboard = ({\n    currentId,\n    currentIndex,\n    shownItemsCount,\n    items,\n    onSelectThumbItem,\n}: UseSliderButtonThumbKeyboardProps) => {\n    const handleThumbKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n                event.preventDefault();\n\n                const direction = event.key === 'ArrowRight' ? 1 : -1;\n                const maxVisibleIndex = Math.max(0, shownItemsCount - 1);\n                const nextIndex = Math.min(maxVisibleIndex, Math.max(0, currentIndex + direction));\n\n                if (nextIndex === currentIndex) {\n                    return;\n                }\n\n                const hasMoreItems = items.length > shownItemsCount;\n                const nextId =\n                    hasMoreItems && nextIndex === shownItemsCount - 1\n                        ? 'more'\n                        : items[nextIndex]?.id;\n\n                if (nextId) {\n                    onSelectThumbItem(nextId, nextIndex);\n                }\n\n                return;\n            }\n\n            if (event.key !== 'Enter' && event.key !== ' ') {\n                return;\n            }\n\n            event.preventDefault();\n\n            const fallbackId = currentId || items[currentIndex]?.id || items[0]?.id;\n\n            if (fallbackId) {\n                onSelectThumbItem(fallbackId, currentIndex);\n            }\n        },\n        [currentId, currentIndex, items, onSelectThumbItem, shownItemsCount],\n    );\n\n    return { handleThumbKeyDown };\n};\n"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AAYnC,OAAO,MAAMC,4BAA4B,GAAGA,CAAC;EACzCC,SAAS;EACTC,YAAY;EACZC,eAAe;EACfC,KAAK;EACLC;AAC+B,CAAC,KAAK;EACrC,MAAMC,kBAAkB,GAAGP,WAAW,CACjCQ,KAAK,IAAK;IACP,IAAIA,KAAK,CAACC,GAAG,KAAK,WAAW,IAAID,KAAK,CAACC,GAAG,KAAK,YAAY,EAAE;MACzDD,KAAK,CAACE,cAAc,CAAC,CAAC;MAEtB,MAAMC,SAAS,GAAGH,KAAK,CAACC,GAAG,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC;MACrD,MAAMG,eAAe,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEV,eAAe,GAAG,CAAC,CAAC;MACxD,MAAMW,SAAS,GAAGF,IAAI,CAACG,GAAG,CAACJ,eAAe,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEX,YAAY,GAAGQ,SAAS,CAAC,CAAC;MAElF,IAAII,SAAS,KAAKZ,YAAY,EAAE;QAC5B;MACJ;MAEA,MAAMc,YAAY,GAAGZ,KAAK,CAACa,MAAM,GAAGd,eAAe;MACnD,MAAMe,MAAM,GACRF,YAAY,IAAIF,SAAS,KAAKX,eAAe,GAAG,CAAC,GAC3C,MAAM,GACNC,KAAK,CAACU,SAAS,CAAC,EAAEK,EAAE;MAE9B,IAAID,MAAM,EAAE;QACRb,iBAAiB,CAACa,MAAM,EAAEJ,SAAS,CAAC;MACxC;MAEA;IACJ;IAEA,IAAIP,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;MAC5C;IACJ;IAEAD,KAAK,CAACE,cAAc,CAAC,CAAC;IAEtB,MAAMW,UAAU,GAAGnB,SAAS,IAAIG,KAAK,CAACF,YAAY,CAAC,EAAEiB,EAAE,IAAIf,KAAK,CAAC,CAAC,CAAC,EAAEe,EAAE;IAEvE,IAAIC,UAAU,EAAE;MACZf,iBAAiB,CAACe,UAAU,EAAElB,YAAY,CAAC;IAC/C;EACJ,CAAC,EACD,CAACD,SAAS,EAAEC,YAAY,EAAEE,KAAK,EAAEC,iBAAiB,EAAEF,eAAe,CACvE,CAAC;EAED,OAAO;IAAEG;EAAmB,CAAC;AACjC,CAAC","ignoreList":[]}

package/lib/esm/hooks/useKeyboardFocusHighlighting.js

@@ -1,61 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-return */
-import { useContext, useEffect, useState } from 'react';
-import { ColorSchemeContext } from '../components/color-scheme-provider/ColorSchemeProvider';
-
-/**
- * Tracks whether focus highlighting should be visible for keyboard navigation.
- * Keyboard mode is enabled via Tab and reset by mouse interaction.
- */
-export const useKeyboardFocusHighlighting = isEnabledProp => {
-  const colorScheme = useContext(ColorSchemeContext);
-  const contextIsEnabled = colorScheme?.shouldEnableKeyboardHighlighting === true;
-  const isEnabled = isEnabledProp ?? contextIsEnabled;
-  const [isKeyboardNavigation, setIsKeyboardNavigation] = useState(false);
-  useEffect(() => {
-    const canListen = isEnabled && typeof window !== 'undefined';
-    const enableKeyboardNavigation = () => {
-      setIsKeyboardNavigation(true);
-    };
-    const handleKeyDown = event => {
-      // Ignore pure modifier presses, but treat any real keyboard interaction as keyboard navigation.
-      if (event.ctrlKey || event.altKey || event.metaKey) {
-        return;
-      }
-      if (['Shift', 'Control', 'Alt', 'Meta'].includes(event.key)) {
-        return;
-      }
-      enableKeyboardNavigation();
-    };
-    const handleFocusIn = event => {
-      const {
-        target
-      } = event;
-
-      // Fallback for first tab-focus when the keydown was not observed.
-      if (target instanceof HTMLElement && typeof target.matches === 'function' && target.matches(':focus-visible')) {
-        enableKeyboardNavigation();
-      }
-    };
-    const disableKeyboardNavigation = () => {
-      setIsKeyboardNavigation(current => current ? false : current);
-    };
-    if (canListen) {
-      window.addEventListener('keydown', handleKeyDown);
-      window.addEventListener('focusin', handleFocusIn);
-      window.addEventListener('mousedown', disableKeyboardNavigation);
-      window.addEventListener('mousemove', disableKeyboardNavigation);
-    } else {
-      setIsKeyboardNavigation(false);
-    }
-    return () => {
-      if (canListen) {
-        window.removeEventListener('keydown', handleKeyDown);
-        window.removeEventListener('focusin', handleFocusIn);
-        window.removeEventListener('mousedown', disableKeyboardNavigation);
-        window.removeEventListener('mousemove', disableKeyboardNavigation);
-      }
-    };
-  }, [isEnabled]);
-  return Boolean(isEnabled && isKeyboardNavigation);
-};
-//# sourceMappingURL=useKeyboardFocusHighlighting.js.map

package/lib/esm/hooks/useKeyboardFocusHighlighting.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardFocusHighlighting.js","names":["useContext","useEffect","useState","ColorSchemeContext","useKeyboardFocusHighlighting","isEnabledProp","colorScheme","contextIsEnabled","shouldEnableKeyboardHighlighting","isEnabled","isKeyboardNavigation","setIsKeyboardNavigation","canListen","window","enableKeyboardNavigation","handleKeyDown","event","ctrlKey","altKey","metaKey","includes","key","handleFocusIn","target","HTMLElement","matches","disableKeyboardNavigation","current","addEventListener","removeEventListener","Boolean"],"sources":["../../../src/hooks/useKeyboardFocusHighlighting.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-return */\nimport { useContext, useEffect, useState } from 'react';\nimport {\n    ColorSchemeContext,\n    type ColorSchemeContextProps,\n} from '../components/color-scheme-provider/ColorSchemeProvider';\n\n/**\n * Tracks whether focus highlighting should be visible for keyboard navigation.\n * Keyboard mode is enabled via Tab and reset by mouse interaction.\n */\nexport const useKeyboardFocusHighlighting = (isEnabledProp?: boolean): boolean => {\n    const colorScheme = useContext<ColorSchemeContextProps | undefined>(ColorSchemeContext);\n    const contextIsEnabled: boolean = colorScheme?.shouldEnableKeyboardHighlighting === true;\n    const isEnabled: boolean = isEnabledProp ?? contextIsEnabled;\n\n    const [isKeyboardNavigation, setIsKeyboardNavigation] = useState(false);\n\n    useEffect(() => {\n        const canListen = isEnabled && typeof window !== 'undefined';\n\n        const enableKeyboardNavigation = () => {\n            setIsKeyboardNavigation(true);\n        };\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            // Ignore pure modifier presses, but treat any real keyboard interaction as keyboard navigation.\n            if (event.ctrlKey || event.altKey || event.metaKey) {\n                return;\n            }\n\n            if (['Shift', 'Control', 'Alt', 'Meta'].includes(event.key)) {\n                return;\n            }\n\n            enableKeyboardNavigation();\n        };\n\n        const handleFocusIn = (event: FocusEvent) => {\n            const { target } = event;\n\n            // Fallback for first tab-focus when the keydown was not observed.\n            if (\n                target instanceof HTMLElement &&\n                typeof target.matches === 'function' &&\n                target.matches(':focus-visible')\n            ) {\n                enableKeyboardNavigation();\n            }\n        };\n\n        const disableKeyboardNavigation = () => {\n            setIsKeyboardNavigation((current) => (current ? false : current));\n        };\n\n        if (canListen) {\n            window.addEventListener('keydown', handleKeyDown);\n            window.addEventListener('focusin', handleFocusIn);\n            window.addEventListener('mousedown', disableKeyboardNavigation);\n            window.addEventListener('mousemove', disableKeyboardNavigation);\n        } else {\n            setIsKeyboardNavigation(false);\n        }\n\n        return () => {\n            if (canListen) {\n                window.removeEventListener('keydown', handleKeyDown);\n                window.removeEventListener('focusin', handleFocusIn);\n                window.removeEventListener('mousedown', disableKeyboardNavigation);\n                window.removeEventListener('mousemove', disableKeyboardNavigation);\n            }\n        };\n    }, [isEnabled]);\n\n    return Boolean(isEnabled && isKeyboardNavigation);\n};\n"],"mappings":"AAAA;AACA,SAASA,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACvD,SACIC,kBAAkB,QAEf,yDAAyD;;AAEhE;AACA;AACA;AACA;AACA,OAAO,MAAMC,4BAA4B,GAAIC,aAAuB,IAAc;EAC9E,MAAMC,WAAW,GAAGN,UAAU,CAAsCG,kBAAkB,CAAC;EACvF,MAAMI,gBAAyB,GAAGD,WAAW,EAAEE,gCAAgC,KAAK,IAAI;EACxF,MAAMC,SAAkB,GAAGJ,aAAa,IAAIE,gBAAgB;EAE5D,MAAM,CAACG,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAEvED,SAAS,CAAC,MAAM;IACZ,MAAMW,SAAS,GAAGH,SAAS,IAAI,OAAOI,MAAM,KAAK,WAAW;IAE5D,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;MACnCH,uBAAuB,CAAC,IAAI,CAAC;IACjC,CAAC;IAED,MAAMI,aAAa,GAAIC,KAAoB,IAAK;MAC5C;MACA,IAAIA,KAAK,CAACC,OAAO,IAAID,KAAK,CAACE,MAAM,IAAIF,KAAK,CAACG,OAAO,EAAE;QAChD;MACJ;MAEA,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,CAACC,QAAQ,CAACJ,KAAK,CAACK,GAAG,CAAC,EAAE;QACzD;MACJ;MAEAP,wBAAwB,CAAC,CAAC;IAC9B,CAAC;IAED,MAAMQ,aAAa,GAAIN,KAAiB,IAAK;MACzC,MAAM;QAAEO;MAAO,CAAC,GAAGP,KAAK;;MAExB;MACA,IACIO,MAAM,YAAYC,WAAW,IAC7B,OAAOD,MAAM,CAACE,OAAO,KAAK,UAAU,IACpCF,MAAM,CAACE,OAAO,CAAC,gBAAgB,CAAC,EAClC;QACEX,wBAAwB,CAAC,CAAC;MAC9B;IACJ,CAAC;IAED,MAAMY,yBAAyB,GAAGA,CAAA,KAAM;MACpCf,uBAAuB,CAAEgB,OAAO,IAAMA,OAAO,GAAG,KAAK,GAAGA,OAAQ,CAAC;IACrE,CAAC;IAED,IAAIf,SAAS,EAAE;MACXC,MAAM,CAACe,gBAAgB,CAAC,SAAS,EAAEb,aAAa,CAAC;MACjDF,MAAM,CAACe,gBAAgB,CAAC,SAAS,EAAEN,aAAa,CAAC;MACjDT,MAAM,CAACe,gBAAgB,CAAC,WAAW,EAAEF,yBAAyB,CAAC;MAC/Db,MAAM,CAACe,gBAAgB,CAAC,WAAW,EAAEF,yBAAyB,CAAC;IACnE,CAAC,MAAM;MACHf,uBAAuB,CAAC,KAAK,CAAC;IAClC;IAEA,OAAO,MAAM;MACT,IAAIC,SAAS,EAAE;QACXC,MAAM,CAACgB,mBAAmB,CAAC,SAAS,EAAEd,aAAa,CAAC;QACpDF,MAAM,CAACgB,mBAAmB,CAAC,SAAS,EAAEP,aAAa,CAAC;QACpDT,MAAM,CAACgB,mBAAmB,CAAC,WAAW,EAAEH,yBAAyB,CAAC;QAClEb,MAAM,CAACgB,mBAAmB,CAAC,WAAW,EAAEH,yBAAyB,CAAC;MACtE;IACJ,CAAC;EACL,CAAC,EAAE,CAACjB,SAAS,CAAC,CAAC;EAEf,OAAOqB,OAAO,CAACrB,SAAS,IAAIC,oBAAoB,CAAC;AACrD,CAAC","ignoreList":[]}

package/lib/esm/utils/keyboardFocusHighlighting.styles.js

@@ -1,24 +0,0 @@
-import { css } from 'styled-components';
-
-/**
- * Shared focus ring for components with keyboard-only highlighting.
- * Apply this only when keyboard highlighting is enabled/active.
- */
-export const keyboardFocusHighlightingRingCss = css`
-    outline: solid 2px color-mix(in srgb, white 70%, transparent);
-    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);
-    border-radius: 3px;
-    outline-offset: 1px;
-`;
-
-/**
- * Circular focus ring variant for round controls (e.g. RadioButton).
- */
-export const keyboardFocusHighlightingCircleRingCss = css`
-    outline: solid 2px color-mix(in srgb, white 70%, transparent);
-    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);
-    border-radius: 50%;
-    outline-offset: 1px;
-    color: white;
-`;
-//# sourceMappingURL=keyboardFocusHighlighting.styles.js.map

package/lib/esm/utils/keyboardFocusHighlighting.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboardFocusHighlighting.styles.js","names":["css","keyboardFocusHighlightingRingCss","keyboardFocusHighlightingCircleRingCss"],"sources":["../../../src/utils/keyboardFocusHighlighting.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\n/**\n * Shared focus ring for components with keyboard-only highlighting.\n * Apply this only when keyboard highlighting is enabled/active.\n */\nexport const keyboardFocusHighlightingRingCss = css`\n    outline: solid 2px color-mix(in srgb, white 70%, transparent);\n    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);\n    border-radius: 3px;\n    outline-offset: 1px;\n`;\n\n/**\n * Circular focus ring variant for round controls (e.g. RadioButton).\n */\nexport const keyboardFocusHighlightingCircleRingCss = css`\n    outline: solid 2px color-mix(in srgb, white 70%, transparent);\n    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);\n    border-radius: 50%;\n    outline-offset: 1px;\n    color: white;\n`;\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;;AAEvC;AACA;AACA;AACA;AACA,OAAO,MAAMC,gCAAgC,GAAGD,GAAG;AACnD;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAME,sCAAsC,GAAGF,GAAG;AACzD;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}