npm - @vibe/core - Versions diffs - 4.5.10 → 4.5.12 - Mend

@vibe/core 4.5.10 → 4.5.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (393) hide show

package/dist/src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useGridKeyboardNavigation.js","sources":["../../../../src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.ts"],"sourcesContent":["import { type MutableRefObject, type ReactElement, useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { GridKeyboardNavigationContext } from \"../../components/GridKeyboardNavigationContext/GridKeyboardNavigationContext\";\nimport useFullKeyboardListeners, { type NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport { useEventListener } from \"@vibe/shared\";\nimport {\n calcActiveIndexAfterArrowNavigation,\n getActiveIndexFromInboundNavigation\n} from \"./gridKeyboardNavigationHelper\";\nimport { useLastNavigationDirection } from \"../../components/Menu/Menu/hooks/useLastNavigationDirection\";\n\nconst NO_ACTIVE_INDEX = -1;\n\n/*\n A hook which is used for accessible keyboard navigation. Useful for components rendering a list of items that can be navigated and selected with a keyboard.\n * @param {Object} options\n * @param {React.MutableRefObject} options.ref - the reference for the component that listens to keyboard\n * @param {number} options.itemsCount - the number of items\n * @param {number} options.numberOfItemsInLine - the number of items on each line of the grid\n * @param {function} options.onItemClicked - the callback for selecting an item. It will be called when an active item is selected, for example with \"Enter\".\n * @param {function} options.getItemByIndex - a function which gets an index as a param, and returns the item on that index\n * @param {\"directional\" \| \"first\"} options.entryFocusStrategy - Determines how the first item is focused when entering the grid via keyboard.\n * - \"directional\": Tries to focus based on the entry direction (Tab vs Shift+Tab). This is the default.\n * - \"first\": Always focuses the first item.\n * @param {boolean=} options.focusOnMount - if true, the referenced element will be focused when mounted\n * @param {number=} options.focusItemIndexOnMount - optional item index to focus when mounted. Only works with \"options.focusOnMount\".\n * @param {number[]=} options.disabledIndexes - optional array of disabled indices, which will be skipped while navigating.\n * @param {boolean=} options.circularNavigation - if true, the navigation will wrap around the grid\n * @returns {useGridKeyboardNavigationResult}\n \n @typedef useGridKeyboardNavigationResult\n * @property {number} activeIndex - the currently active index\n * @property {boolean} isInitialActiveState - if true, the currently active element was due to an initial mounting index option. See \"options.focusItemIndexOnMount\".\n * @property {(index: number, isKeyboardAction?: boolean) => void} onSelectionAction - the callback which should be used to select an item.\n * It should be called with the selected item's index. Use this callback for onClick handlers, for example.\n * The \"isKeyboardAction\" can be used to indicate a keyboard selection, which will affect the currently active index.\n */\nexport default function useGridKeyboardNavigation({\n ref,\n itemsCount,\n numberOfItemsInLine,\n onItemClicked, // the callback to call when an item is selected\n entryFocusStrategy = \"directional\",\n getItemByIndex = (_index: number) => {},\n focusOnMount = false,\n focusItemIndexOnMount = NO_ACTIVE_INDEX,\n disabledIndexes = [],\n circularNavigation = false\n}: {\n ref: MutableRefObject<HTMLElement>;\n itemsCount: number;\n numberOfItemsInLine: number;\n onItemClicked: (element: HTMLElement \| ReactElement \| void \| string, index: number) => void;\n entryFocusStrategy?: \"directional\" \| \"first\";\n getItemByIndex: (index: number \| void) => HTMLElement \| ReactElement \| void \| string;\n focusOnMount?: boolean;\n focusItemIndexOnMount?: number;\n disabledIndexes?: number[];\n circularNavigation?: boolean;\n}) {\n const [isInitialActiveState, setIsInitialActiveState] = useState(\n focusOnMount && focusItemIndexOnMount !== NO_ACTIVE_INDEX\n );\n const skippedInitialActiveIndexChange = useRef(false);\n const [activeIndex, setActiveIndex] = useState(isInitialActiveState ? focusItemIndexOnMount : NO_ACTIVE_INDEX);\n const [isUsingKeyboardNav, setIsUsingKeyboardNav] = useState(true);\n\n const keyboardContext = useContext(GridKeyboardNavigationContext);\n\n const onArrowNavigation = (direction: NavDirections) => {\n setIsUsingKeyboardNav(true);\n if (activeIndex === NO_ACTIVE_INDEX) {\n setActiveIndex(0);\n return;\n }\n\n const { isOutbound, nextIndex } = calcActiveIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n disabledIndexes,\n circularNavigation\n });\n if (isOutbound) {\n keyboardContext?.onOutboundNavigation(ref, direction);\n } else {\n setActiveIndex(nextIndex);\n }\n };\n\n const onHomeNavigation = useCallback(() => {\n setIsUsingKeyboardNav(true);\n const firstEnabledIndex = disabledIndexes.includes(0)\n ? disabledIndexes.length < itemsCount\n ? Array.from({ length: itemsCount }, (_, i) => i).find(i => !disabledIndexes.includes(i)) ?? 0\n : 0\n : 0;\n setActiveIndex(firstEnabledIndex);\n }, [disabledIndexes, itemsCount]);\n\n const onEndNavigation = useCallback(() => {\n setIsUsingKeyboardNav(true);\n const lastEnabledIndex = disabledIndexes.includes(itemsCount - 1)\n ? disabledIndexes.length < itemsCount\n ? Array.from({ length: itemsCount }, (_, i) => itemsCount - 1 - i).find(i => !disabledIndexes.includes(i)) ??\n itemsCount - 1\n : itemsCount - 1\n : itemsCount - 1;\n setActiveIndex(lastEnabledIndex);\n }, [disabledIndexes, itemsCount]);\n\n useEffect(() => {\n if (!skippedInitialActiveIndexChange.current) {\n skippedInitialActiveIndexChange.current = true;\n return;\n }\n // if the active state changes, this is no longer the initial active state\n setIsInitialActiveState(false);\n }, [activeIndex]);\n\n const blurTargetElement = useCallback(() => ref.current?.blur(), [ref]);\n\n const { lastNavigationDirectionRef } = useLastNavigationDirection();\n const onFocus = useCallback(() => {\n if (activeIndex !== NO_ACTIVE_INDEX) {\n setIsUsingKeyboardNav(true);\n return;\n }\n\n const direction = lastNavigationDirectionRef.current;\n setActiveIndex(\n entryFocusStrategy === \"directional\" && direction\n ? getActiveIndexFromInboundNavigation({ direction, numberOfItemsInLine, itemsCount })\n : 0\n );\n setIsUsingKeyboardNav(true);\n }, [\n activeIndex,\n entryFocusStrategy,\n itemsCount,\n lastNavigationDirectionRef,\n numberOfItemsInLine,\n setActiveIndex,\n setIsUsingKeyboardNav\n ]);\n\n const onMouseDown = useCallback(() => {\n // If the user clicked on the grid element we assume that that what will caused the focus\n setIsUsingKeyboardNav(false);\n }, [setIsUsingKeyboardNav]);\n\n const onBlur = useCallback(() => {\n // If we lose focus we will return to isUsingKeyboardNav default mode which is that any interaction\n // with the grid always done by keyboard, unless we clicked on the grid element before that with a mouse\n setIsUsingKeyboardNav(true);\n setActiveIndex(NO_ACTIVE_INDEX);\n }, [setActiveIndex]);\n\n useEventListener({ eventName: \"focus\", callback: onFocus, ref });\n useEventListener({ eventName: \"mousedown\", callback: onMouseDown, ref });\n useEventListener({ eventName: \"blur\", callback: onBlur, ref });\n\n useEffect(() => {\n if (activeIndex > -1) {\n ref.current?.focus();\n }\n }, [activeIndex, ref]);\n\n const onSelectionAction = useCallback(\n (index: number, isKeyboardAction = false) => {\n setIsUsingKeyboardNav(isKeyboardAction);\n setActiveIndex(index);\n\n onItemClicked(getItemByIndex(index), index);\n },\n [setActiveIndex, onItemClicked, getItemByIndex]\n );\n\n const onKeyboardSelection = useCallback(() => {\n if (!isUsingKeyboardNav) {\n return;\n }\n return onSelectionAction(activeIndex, true);\n }, [isUsingKeyboardNav, onSelectionAction, activeIndex]);\n\n useFullKeyboardListeners({\n ref,\n onSelectionKey: onKeyboardSelection,\n onArrowNavigation,\n onEscape: blurTargetElement,\n onHome: onHomeNavigation,\n onEnd: onEndNavigation,\n focusOnMount\n });\n\n // if the user is not using keyboard nav, the consumers should not treat the index as active\n const externalActiveIndex = isUsingKeyboardNav ? activeIndex : NO_ACTIVE_INDEX;\n return {\n activeIndex: externalActiveIndex,\n onSelectionAction,\n isInitialActiveState\n };\n}\n"],"names":["NO_ACTIVE_INDEX","useGridKeyboardNavigation","_ref","ref","itemsCount","numberOfItemsInLine","onItemClicked","_ref$entryFocusStrate","entryFocusStrategy","_ref$getItemByIndex","getItemByIndex","_index","_ref$focusOnMount","focusOnMount","_ref$focusItemIndexOn","focusItemIndexOnMount","_ref$disabledIndexes","disabledIndexes","_ref$circularNavigati","circularNavigation","_useState","useState","_useState2","_slicedToArray","isInitialActiveState","setIsInitialActiveState","skippedInitialActiveIndexChange","useRef","_useState3","_useState4","activeIndex","setActiveIndex","_useState5","_useState6","isUsingKeyboardNav","setIsUsingKeyboardNav","keyboardContext","useContext","GridKeyboardNavigationContext","onHomeNavigation","useCallback","firstEnabledIndex","includes","length","_a","Array","from","_","i","find","onEndNavigation","lastEnabledIndex","useEffect","current","blurTargetElement","blur","lastNavigationDirectionRef","useLastNavigationDirection","onFocus","direction","getActiveIndexFromInboundNavigation","onMouseDown","onBlur","useEventListener","eventName","callback","focus","onSelectionAction","index","arguments","undefined","onKeyboardSelection","useFullKeyboardListeners","onSelectionKey","onArrowNavigation","_calcActiveIndexAfter","calcActiveIndexAfterArrowNavigation","nextIndex","isOutbound","onOutboundNavigation","onEscape","onHome","onEnd"],"mappings":"ypBAUA,IAAMA,GAAmB,EA0BD,SAAAC,EAAyBC,GAsBhD,IArBCC,EAAGD,EAAHC,IACAC,EAAUF,EAAVE,WACAC,EAAmBH,EAAnBG,oBACAC,EAAaJ,EAAbI,cAAaC,EAAAL,EACbM,mBAAAA,OAAqB,IAAHD,EAAG,cAAaA,EAAAE,EAAAP,EAClCQ,eAAAA,OAAiB,IAAHD,EAAG,SAACE,GAAqB,EAAAF,EAAAG,EAAAV,EACvCW,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAZ,EACpBa,sBAAAA,OAAwBf,IAAHc,EAAGd,EAAec,EAAAE,EAAAd,EACvCe,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACpBiB,mBAAAA,OAAqB,IAAHD,GAAQA,EAa1BE,EAAwDC,EACtDR,GAAgBE,IAA0Bf,GAC3CsB,EAAAC,EAAAH,EAAA,GAFMI,EAAoBF,EAAA,GAAEG,EAAuBH,EAAA,GAG9CI,EAAkCC,GAAO,GAC/CC,EAAsCP,EAASG,EAAuBT,EAAwBf,GAAgB6B,EAAAN,EAAAK,EAAA,GAAvGE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAClCG,EAAoDX,GAAS,GAAKY,EAAAV,EAAAS,EAAA,GAA3DE,EAAkBD,EAAA,GAAEE,EAAqBF,EAAA,GAE1CG,EAAkBC,EAAWC,GAwB7BC,EAAmBC,GAAY,iBACnCL,GAAsB,GACtB,IAAMM,EAAoBxB,EAAgByB,SAAS,IACtBtC,EAAzBa,EAAgB0B,gBACdC,EAAAC,MAAMC,KAAK,CAAEH,OAAQvC,IAAc,SAAC2C,EAAGC,GAAC,OAAKA,CAAC,IAAEC,MAAK,SAAAD,GAAC,OAAK/B,EAAgByB,SAASM,EAAE,mBAExF,EACJjB,EAAeU,EACjB,GAAG,CAACxB,EAAiBb,IAEf8C,EAAkBV,GAAY,iBAClCL,GAAsB,GACtB,IAAMgB,EAAmBlC,EAAgByB,SAAStC,EAAa,IAClCA,EAAzBa,EAAgB0B,QAEd,QADAC,EAAAC,MAAMC,KAAK,CAAEH,OAAQvC,IAAc,SAAC2C,EAAGC,GAAC,OAAK5C,EAAa,EAAI4C,CAAC,IAAEC,MAAK,SAAAD,GAAC,OAAK/B,EAAgByB,SAASM,EAAG,WACxG,IAAAJ,EAAAA,EAEFxC,EAAa,EACjB2B,EAAeoB,EACjB,GAAG,CAAClC,EAAiBb,IAErBgD,GAAU,WACH1B,EAAgC2B,QAKrC5B,GAAwB,GAJtBC,EAAgC2B,SAAU,CAK9C,GAAG,CAACvB,IAEJ,IAAMwB,EAAoBd,GAAY,WAAK,IAAAI,EAAC,OAAa,QAAbA,EAAAzC,EAAIkD,eAAS,IAAAT,OAAA,EAAAA,EAAAW,MAAM,GAAE,CAACpD,IAE1DqD,EAA+BC,IAA/BD,2BACFE,EAAUlB,GAAY,WAC1B,GAAIV,IAAgB9B,EAApB,CAKA,IAAM2D,EAAYH,EAA2BH,QAC7CtB,EACyB,gBAAvBvB,GAAwCmD,EACpCC,EAAoC,CAAED,UAAAA,EAAWtD,oBAAAA,EAAqBD,WAAAA,IACtE,GAEN+B,GAAsB,EARtB,MAFEA,GAAsB,EAW1B,GAAG,CACDL,EACAtB,EACAJ,EACAoD,EACAnD,EACA0B,EACAI,IAGI0B,EAAcrB,GAAY,WAE9BL,GAAsB,EACxB,GAAG,CAACA,IAEE2B,EAAStB,GAAY,WAGzBL,GAAsB,GACtBJ,EAAe/B,EACjB,GAAG,CAAC+B,IAEJgC,EAAiB,CAAEC,UAAW,QAASC,SAAUP,EAASvD,IAAAA,IAC1D4D,EAAiB,CAAEC,UAAW,YAAaC,SAAUJ,EAAa1D,IAAAA,IAClE4D,EAAiB,CAAEC,UAAW,OAAQC,SAAUH,EAAQ3D,IAAAA,IAExDiD,GAAU,iBACJtB,GAAe,IACJ,QAAbc,EAAAzC,EAAIkD,eAAS,IAAAT,GAAAA,EAAAsB,QAEjB,GAAG,CAACpC,EAAa3B,IAEjB,IAAMgE,EAAoB3B,GACxB,SAAC4B,GACCjC,EAD8BkC,UAAA1B,OAAA,QAAA2B,IAAAD,UAAA,IAAAA,UAAA,IAE9BtC,EAAeqC,GAEf9D,EAAcI,EAAe0D,GAAQA,EACtC,GACD,CAACrC,EAAgBzB,EAAeI,IAG5B6D,EAAsB/B,GAAY,WACtC,GAAKN,EAGL,OAAOiC,EAAkBrC,GAAa,EACvC,GAAE,CAACI,EAAoBiC,EAAmBrC,IAc3C,OAZA0C,EAAyB,CACvBrE,IAAAA,EACAsE,eAAgBF,EAChBG,kBAxHwB,SAACf,GAEzB,GADAxB,GAAsB,GAClBL,IAAgB9B,EAApB,CAKA,IAAA2E,EAAkCC,EAAoC,CACpE9C,YAAAA,EACA1B,WAAAA,EACAC,oBAAAA,EACAsD,UAAAA,EACA1C,gBAAAA,EACAE,mBAAAA,IANkB0D,EAASF,EAATE,UAAFF,EAAVG,WASN1C,SAAAA,EAAiB2C,qBAAqB5E,EAAKwD,GAE3C5B,EAAe8C,EAbjB,MAFE9C,EAAe,IAsHjBiD,SAAU1B,EACV2B,OAAQ1C,EACR2C,MAAOhC,EACPrC,aAAAA,IAKK,CACLiB,YAF0BI,EAAqBJ,EAAc9B,EAG7DmE,kBAAAA,EACA3C,qBAAAA,EAEJ"}
1	+ {"version":3,"file":"useGridKeyboardNavigation.js","sources":["../../../../src/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.ts"],"sourcesContent":["import { type MutableRefObject, type ReactElement, useCallback, useContext, useEffect, useRef, useState } from \"react\";\nimport { GridKeyboardNavigationContext } from \"@vibe/a11y\";\nimport useFullKeyboardListeners, { type NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport { useEventListener, useLastNavigationDirection } from \"@vibe/shared\";\nimport {\n calcActiveIndexAfterArrowNavigation,\n getActiveIndexFromInboundNavigation\n} from \"./gridKeyboardNavigationHelper\";\n\nconst NO_ACTIVE_INDEX = -1;\n\n/*\n A hook which is used for accessible keyboard navigation. Useful for components rendering a list of items that can be navigated and selected with a keyboard.\n * @param {Object} options\n * @param {React.MutableRefObject} options.ref - the reference for the component that listens to keyboard\n * @param {number} options.itemsCount - the number of items\n * @param {number} options.numberOfItemsInLine - the number of items on each line of the grid\n * @param {function} options.onItemClicked - the callback for selecting an item. It will be called when an active item is selected, for example with \"Enter\".\n * @param {function} options.getItemByIndex - a function which gets an index as a param, and returns the item on that index\n * @param {\"directional\" \| \"first\"} options.entryFocusStrategy - Determines how the first item is focused when entering the grid via keyboard.\n * - \"directional\": Tries to focus based on the entry direction (Tab vs Shift+Tab). This is the default.\n * - \"first\": Always focuses the first item.\n * @param {boolean=} options.focusOnMount - if true, the referenced element will be focused when mounted\n * @param {number=} options.focusItemIndexOnMount - optional item index to focus when mounted. Only works with \"options.focusOnMount\".\n * @param {number[]=} options.disabledIndexes - optional array of disabled indices, which will be skipped while navigating.\n * @param {boolean=} options.circularNavigation - if true, the navigation will wrap around the grid\n * @returns {useGridKeyboardNavigationResult}\n \n @typedef useGridKeyboardNavigationResult\n * @property {number} activeIndex - the currently active index\n * @property {boolean} isInitialActiveState - if true, the currently active element was due to an initial mounting index option. See \"options.focusItemIndexOnMount\".\n * @property {(index: number, isKeyboardAction?: boolean) => void} onSelectionAction - the callback which should be used to select an item.\n * It should be called with the selected item's index. Use this callback for onClick handlers, for example.\n * The \"isKeyboardAction\" can be used to indicate a keyboard selection, which will affect the currently active index.\n */\nexport default function useGridKeyboardNavigation({\n ref,\n itemsCount,\n numberOfItemsInLine,\n onItemClicked, // the callback to call when an item is selected\n entryFocusStrategy = \"directional\",\n getItemByIndex = (_index: number) => {},\n focusOnMount = false,\n focusItemIndexOnMount = NO_ACTIVE_INDEX,\n disabledIndexes = [],\n circularNavigation = false\n}: {\n ref: MutableRefObject<HTMLElement>;\n itemsCount: number;\n numberOfItemsInLine: number;\n onItemClicked: (element: HTMLElement \| ReactElement \| void \| string, index: number) => void;\n entryFocusStrategy?: \"directional\" \| \"first\";\n getItemByIndex: (index: number \| void) => HTMLElement \| ReactElement \| void \| string;\n focusOnMount?: boolean;\n focusItemIndexOnMount?: number;\n disabledIndexes?: number[];\n circularNavigation?: boolean;\n}) {\n const [isInitialActiveState, setIsInitialActiveState] = useState(\n focusOnMount && focusItemIndexOnMount !== NO_ACTIVE_INDEX\n );\n const skippedInitialActiveIndexChange = useRef(false);\n const [activeIndex, setActiveIndex] = useState(isInitialActiveState ? focusItemIndexOnMount : NO_ACTIVE_INDEX);\n const [isUsingKeyboardNav, setIsUsingKeyboardNav] = useState(true);\n\n const keyboardContext = useContext(GridKeyboardNavigationContext);\n\n const onArrowNavigation = (direction: NavDirections) => {\n setIsUsingKeyboardNav(true);\n if (activeIndex === NO_ACTIVE_INDEX) {\n setActiveIndex(0);\n return;\n }\n\n const { isOutbound, nextIndex } = calcActiveIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n disabledIndexes,\n circularNavigation\n });\n if (isOutbound) {\n keyboardContext?.onOutboundNavigation(ref, direction);\n } else {\n setActiveIndex(nextIndex);\n }\n };\n\n const onHomeNavigation = useCallback(() => {\n setIsUsingKeyboardNav(true);\n const firstEnabledIndex = disabledIndexes.includes(0)\n ? disabledIndexes.length < itemsCount\n ? Array.from({ length: itemsCount }, (_, i) => i).find(i => !disabledIndexes.includes(i)) ?? 0\n : 0\n : 0;\n setActiveIndex(firstEnabledIndex);\n }, [disabledIndexes, itemsCount]);\n\n const onEndNavigation = useCallback(() => {\n setIsUsingKeyboardNav(true);\n const lastEnabledIndex = disabledIndexes.includes(itemsCount - 1)\n ? disabledIndexes.length < itemsCount\n ? Array.from({ length: itemsCount }, (_, i) => itemsCount - 1 - i).find(i => !disabledIndexes.includes(i)) ??\n itemsCount - 1\n : itemsCount - 1\n : itemsCount - 1;\n setActiveIndex(lastEnabledIndex);\n }, [disabledIndexes, itemsCount]);\n\n useEffect(() => {\n if (!skippedInitialActiveIndexChange.current) {\n skippedInitialActiveIndexChange.current = true;\n return;\n }\n // if the active state changes, this is no longer the initial active state\n setIsInitialActiveState(false);\n }, [activeIndex]);\n\n const blurTargetElement = useCallback(() => ref.current?.blur(), [ref]);\n\n const { lastNavigationDirectionRef } = useLastNavigationDirection();\n const onFocus = useCallback(() => {\n if (activeIndex !== NO_ACTIVE_INDEX) {\n setIsUsingKeyboardNav(true);\n return;\n }\n\n const direction = lastNavigationDirectionRef.current;\n setActiveIndex(\n entryFocusStrategy === \"directional\" && direction\n ? getActiveIndexFromInboundNavigation({ direction, numberOfItemsInLine, itemsCount })\n : 0\n );\n setIsUsingKeyboardNav(true);\n }, [\n activeIndex,\n entryFocusStrategy,\n itemsCount,\n lastNavigationDirectionRef,\n numberOfItemsInLine,\n setActiveIndex,\n setIsUsingKeyboardNav\n ]);\n\n const onMouseDown = useCallback(() => {\n // If the user clicked on the grid element we assume that that what will caused the focus\n setIsUsingKeyboardNav(false);\n }, [setIsUsingKeyboardNav]);\n\n const onBlur = useCallback(() => {\n // If we lose focus we will return to isUsingKeyboardNav default mode which is that any interaction\n // with the grid always done by keyboard, unless we clicked on the grid element before that with a mouse\n setIsUsingKeyboardNav(true);\n setActiveIndex(NO_ACTIVE_INDEX);\n }, [setActiveIndex]);\n\n useEventListener({ eventName: \"focus\", callback: onFocus, ref });\n useEventListener({ eventName: \"mousedown\", callback: onMouseDown, ref });\n useEventListener({ eventName: \"blur\", callback: onBlur, ref });\n\n useEffect(() => {\n if (activeIndex > -1) {\n ref.current?.focus();\n }\n }, [activeIndex, ref]);\n\n const onSelectionAction = useCallback(\n (index: number, isKeyboardAction = false) => {\n setIsUsingKeyboardNav(isKeyboardAction);\n setActiveIndex(index);\n\n onItemClicked(getItemByIndex(index), index);\n },\n [setActiveIndex, onItemClicked, getItemByIndex]\n );\n\n const onKeyboardSelection = useCallback(() => {\n if (!isUsingKeyboardNav) {\n return;\n }\n return onSelectionAction(activeIndex, true);\n }, [isUsingKeyboardNav, onSelectionAction, activeIndex]);\n\n useFullKeyboardListeners({\n ref,\n onSelectionKey: onKeyboardSelection,\n onArrowNavigation,\n onEscape: blurTargetElement,\n onHome: onHomeNavigation,\n onEnd: onEndNavigation,\n focusOnMount\n });\n\n // if the user is not using keyboard nav, the consumers should not treat the index as active\n const externalActiveIndex = isUsingKeyboardNav ? activeIndex : NO_ACTIVE_INDEX;\n return {\n activeIndex: externalActiveIndex,\n onSelectionAction,\n isInitialActiveState\n };\n}\n"],"names":["NO_ACTIVE_INDEX","useGridKeyboardNavigation","_ref","ref","itemsCount","numberOfItemsInLine","onItemClicked","_ref$entryFocusStrate","entryFocusStrategy","_ref$getItemByIndex","getItemByIndex","_index","_ref$focusOnMount","focusOnMount","_ref$focusItemIndexOn","focusItemIndexOnMount","_ref$disabledIndexes","disabledIndexes","_ref$circularNavigati","circularNavigation","_useState","useState","_useState2","_slicedToArray","isInitialActiveState","setIsInitialActiveState","skippedInitialActiveIndexChange","useRef","_useState3","_useState4","activeIndex","setActiveIndex","_useState5","_useState6","isUsingKeyboardNav","setIsUsingKeyboardNav","keyboardContext","useContext","GridKeyboardNavigationContext","onHomeNavigation","useCallback","firstEnabledIndex","includes","length","_a","Array","from","_","i","find","onEndNavigation","lastEnabledIndex","useEffect","current","blurTargetElement","blur","lastNavigationDirectionRef","useLastNavigationDirection","onFocus","direction","getActiveIndexFromInboundNavigation","onMouseDown","onBlur","useEventListener","eventName","callback","focus","onSelectionAction","index","arguments","undefined","onKeyboardSelection","useFullKeyboardListeners","onSelectionKey","onArrowNavigation","_calcActiveIndexAfter","calcActiveIndexAfterArrowNavigation","nextIndex","isOutbound","onOutboundNavigation","onEscape","onHome","onEnd"],"mappings":"gqBASA,IAAMA,GAAmB,EA0BD,SAAAC,EAAyBC,GAsBhD,IArBCC,EAAGD,EAAHC,IACAC,EAAUF,EAAVE,WACAC,EAAmBH,EAAnBG,oBACAC,EAAaJ,EAAbI,cAAaC,EAAAL,EACbM,mBAAAA,OAAqB,IAAHD,EAAG,cAAaA,EAAAE,EAAAP,EAClCQ,eAAAA,OAAiB,IAAHD,EAAG,SAACE,GAAqB,EAAAF,EAAAG,EAAAV,EACvCW,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAZ,EACpBa,sBAAAA,OAAwBf,IAAHc,EAAGd,EAAec,EAAAE,EAAAd,EACvCe,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACpBiB,mBAAAA,OAAqB,IAAHD,GAAQA,EAa1BE,EAAwDC,EACtDR,GAAgBE,IAA0Bf,GAC3CsB,EAAAC,EAAAH,EAAA,GAFMI,EAAoBF,EAAA,GAAEG,EAAuBH,EAAA,GAG9CI,EAAkCC,GAAO,GAC/CC,EAAsCP,EAASG,EAAuBT,EAAwBf,GAAgB6B,EAAAN,EAAAK,EAAA,GAAvGE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAClCG,EAAoDX,GAAS,GAAKY,EAAAV,EAAAS,EAAA,GAA3DE,EAAkBD,EAAA,GAAEE,EAAqBF,EAAA,GAE1CG,EAAkBC,EAAWC,GAwB7BC,EAAmBC,GAAY,iBACnCL,GAAsB,GACtB,IAAMM,EAAoBxB,EAAgByB,SAAS,IACtBtC,EAAzBa,EAAgB0B,gBACdC,EAAAC,MAAMC,KAAK,CAAEH,OAAQvC,IAAc,SAAC2C,EAAGC,GAAC,OAAKA,CAAC,IAAEC,MAAK,SAAAD,GAAC,OAAK/B,EAAgByB,SAASM,EAAE,mBAExF,EACJjB,EAAeU,EACjB,GAAG,CAACxB,EAAiBb,IAEf8C,EAAkBV,GAAY,iBAClCL,GAAsB,GACtB,IAAMgB,EAAmBlC,EAAgByB,SAAStC,EAAa,IAClCA,EAAzBa,EAAgB0B,QAEd,QADAC,EAAAC,MAAMC,KAAK,CAAEH,OAAQvC,IAAc,SAAC2C,EAAGC,GAAC,OAAK5C,EAAa,EAAI4C,CAAC,IAAEC,MAAK,SAAAD,GAAC,OAAK/B,EAAgByB,SAASM,EAAG,WACxG,IAAAJ,EAAAA,EAEFxC,EAAa,EACjB2B,EAAeoB,EACjB,GAAG,CAAClC,EAAiBb,IAErBgD,GAAU,WACH1B,EAAgC2B,QAKrC5B,GAAwB,GAJtBC,EAAgC2B,SAAU,CAK9C,GAAG,CAACvB,IAEJ,IAAMwB,EAAoBd,GAAY,WAAK,IAAAI,EAAC,OAAa,QAAbA,EAAAzC,EAAIkD,eAAS,IAAAT,OAAA,EAAAA,EAAAW,MAAM,GAAE,CAACpD,IAE1DqD,EAA+BC,IAA/BD,2BACFE,EAAUlB,GAAY,WAC1B,GAAIV,IAAgB9B,EAApB,CAKA,IAAM2D,EAAYH,EAA2BH,QAC7CtB,EACyB,gBAAvBvB,GAAwCmD,EACpCC,EAAoC,CAAED,UAAAA,EAAWtD,oBAAAA,EAAqBD,WAAAA,IACtE,GAEN+B,GAAsB,EARtB,MAFEA,GAAsB,EAW1B,GAAG,CACDL,EACAtB,EACAJ,EACAoD,EACAnD,EACA0B,EACAI,IAGI0B,EAAcrB,GAAY,WAE9BL,GAAsB,EACxB,GAAG,CAACA,IAEE2B,EAAStB,GAAY,WAGzBL,GAAsB,GACtBJ,EAAe/B,EACjB,GAAG,CAAC+B,IAEJgC,EAAiB,CAAEC,UAAW,QAASC,SAAUP,EAASvD,IAAAA,IAC1D4D,EAAiB,CAAEC,UAAW,YAAaC,SAAUJ,EAAa1D,IAAAA,IAClE4D,EAAiB,CAAEC,UAAW,OAAQC,SAAUH,EAAQ3D,IAAAA,IAExDiD,GAAU,iBACJtB,GAAe,IACJ,QAAbc,EAAAzC,EAAIkD,eAAS,IAAAT,GAAAA,EAAAsB,QAEjB,GAAG,CAACpC,EAAa3B,IAEjB,IAAMgE,EAAoB3B,GACxB,SAAC4B,GACCjC,EAD8BkC,UAAA1B,OAAA,QAAA2B,IAAAD,UAAA,IAAAA,UAAA,IAE9BtC,EAAeqC,GAEf9D,EAAcI,EAAe0D,GAAQA,EACtC,GACD,CAACrC,EAAgBzB,EAAeI,IAG5B6D,EAAsB/B,GAAY,WACtC,GAAKN,EAGL,OAAOiC,EAAkBrC,GAAa,EACvC,GAAE,CAACI,EAAoBiC,EAAmBrC,IAc3C,OAZA0C,EAAyB,CACvBrE,IAAAA,EACAsE,eAAgBF,EAChBG,kBAxHwB,SAACf,GAEzB,GADAxB,GAAsB,GAClBL,IAAgB9B,EAApB,CAKA,IAAA2E,EAAkCC,EAAoC,CACpE9C,YAAAA,EACA1B,WAAAA,EACAC,oBAAAA,EACAsD,UAAAA,EACA1C,gBAAAA,EACAE,mBAAAA,IANkB0D,EAASF,EAATE,UAAFF,EAAVG,WASN1C,SAAAA,EAAiB2C,qBAAqB5E,EAAKwD,GAE3C5B,EAAe8C,EAbjB,MAFE9C,EAAe,IAsHjBiD,SAAU1B,EACV2B,OAAQ1C,EACR2C,MAAOhC,EACPrC,aAAAA,IAKK,CACLiB,YAF0BI,EAAqBJ,EAAc9B,EAG7DmE,kBAAAA,EACA3C,qBAAAA,EAEJ"}

package/dist/src/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"../style/dist/index.min.css.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export{default as Chips}from"./components/Chips/Chips.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as Info}from"./components/Info/Info.js";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as ModalFooter}from"./components/Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./components/Modal/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./components/Modal/ModalMedia/ModalMedia.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as Search}from"./components/Search/Search.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{getElementColor}from"./types/Colors.js";export{default as ButtonGroup}from"../components/button-group/dist/ButtonGroup/ButtonGroup.js";export{default as Clickable}from"../components/clickable/dist/Clickable/Clickable.js";export{default as useClickableProps}from"../components/clickable/dist/useClickableProps/useClickableProps.js";export{default as Dialog}from"../components/dialog/dist/Dialog/Dialog.js";export{default as DialogContentContainer}from"../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";export{default as ExpandCollapse}from"../components/expand-collapse/dist/ExpandCollapse/ExpandCollapse.js";export{default as Heading}from"../components/typography/dist/Heading/Heading.js";export{default as LayerProvider}from"../components/layer/dist/LayerProvider/LayerProvider.js";export{default as Text}from"../components/typography/dist/Text/Text.js";export{default as Tooltip}from"../components/tooltip/dist/Tooltip/Tooltip.js";export{default as Avatar}from"../components/avatar/dist/Avatar/Avatar.js";export{default as Button}from"../components/button/dist/Button/Button.js";export{default as Checkbox}from"../components/checkbox/dist/Checkbox/Checkbox.js";export{default as Counter}from"../components/counter/dist/Counter/Counter.js";export{default as Divider}from"../components/divider/dist/Divider/Divider.js";export{default as EditableHeading}from"../components/editable/dist/EditableHeading/EditableHeading.js";export{default as EditableText}from"../components/editable/dist/EditableText/EditableText.js";export{default as Flex}from"../components/layout/dist/Flex/Flex.js";export{default as Box}from"../components/layout/dist/Box/Box.js";export{default as FormattedNumber}from"../components/formatted-number/dist/FormattedNumber/FormattedNumber.js";export{default as Icon}from"../components/icon/dist/Icon/Icon.js";export{default as CustomSvgIcon}from"../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as IconButton}from"../components/icon-button/dist/IconButton/IconButton.js";export{default as Label}from"../components/label/dist/Label/Label.js";export{default as Link}from"../components/link/dist/Link/Link.js";export{default as Loader}from"../components/loader/dist/Loader/Loader.js";export{default as ProgressBar}from"../components/progress-bars/dist/ProgressBars/ProgressBar/ProgressBar.js";export{default as RadioButton}from"../components/radio-button/dist/RadioButton/RadioButton.js";export{useKeyEvent}from"../shared/dist/hooks/useKeyEvent.js";export{useEventListener}from"../shared/dist/hooks/useEventListener.js";export{default as useAfterFirstRender}from"../hooks/dist/useAfterFirstRender/index.js";export{default as useClickOutside}from"../hooks/dist/useClickOutside/index.js";export{default as useIsOverflowing}from"../hooks/dist/useIsOverflowing/index.js";export{default as usePrevious}from"../hooks/dist/usePrevious/index.js";export{default as useResizeObserver}from"../hooks/dist/useResizeObserver/index.js";
+import"../style/dist/index.min.css.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export{default as Chips}from"./components/Chips/Chips.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{default as Info}from"./components/Info/Info.js";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as ModalFooter}from"./components/Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./components/Modal/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./components/Modal/ModalMedia/ModalMedia.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as Search}from"./components/Search/Search.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{getElementColor}from"./types/Colors.js";export{default as ButtonGroup}from"../components/button-group/dist/ButtonGroup/ButtonGroup.js";export{default as Clickable}from"../components/clickable/dist/Clickable/Clickable.js";export{default as useClickableProps}from"../components/clickable/dist/useClickableProps/useClickableProps.js";export{default as Dialog}from"../components/dialog/dist/Dialog/Dialog.js";export{default as DialogContentContainer}from"../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";export{default as ExpandCollapse}from"../components/expand-collapse/dist/ExpandCollapse/ExpandCollapse.js";export{default as Heading}from"../components/typography/dist/Heading/Heading.js";export{default as LayerProvider}from"../components/layer/dist/LayerProvider/LayerProvider.js";export{default as Text}from"../components/typography/dist/Text/Text.js";export{default as Tooltip}from"../components/tooltip/dist/Tooltip/Tooltip.js";export{default as Avatar}from"../components/avatar/dist/Avatar/Avatar.js";export{default as Button}from"../components/button/dist/Button/Button.js";export{default as Checkbox}from"../components/checkbox/dist/Checkbox/Checkbox.js";export{default as Counter}from"../components/counter/dist/Counter/Counter.js";export{default as Divider}from"../components/divider/dist/Divider/Divider.js";export{default as EditableHeading}from"../components/editable/dist/EditableHeading/EditableHeading.js";export{default as EditableText}from"../components/editable/dist/EditableText/EditableText.js";export{default as Flex}from"../components/layout/dist/Flex/Flex.js";export{default as Box}from"../components/layout/dist/Box/Box.js";export{default as FormattedNumber}from"../components/formatted-number/dist/FormattedNumber/FormattedNumber.js";export{default as HiddenText}from"../components/a11y/dist/HiddenText/HiddenText.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"../components/a11y/dist/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as Icon}from"../components/icon/dist/Icon/Icon.js";export{default as CustomSvgIcon}from"../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as IconButton}from"../components/icon-button/dist/IconButton/IconButton.js";export{default as Label}from"../components/label/dist/Label/Label.js";export{default as Link}from"../components/link/dist/Link/Link.js";export{default as Loader}from"../components/loader/dist/Loader/Loader.js";export{default as ProgressBar}from"../components/progress-bars/dist/ProgressBars/ProgressBar/ProgressBar.js";export{default as RadioButton}from"../components/radio-button/dist/RadioButton/RadioButton.js";export{useKeyEvent}from"../shared/dist/hooks/useKeyEvent.js";export{useEventListener}from"../shared/dist/hooks/useEventListener.js";export{default as useAfterFirstRender}from"../hooks/dist/useAfterFirstRender/index.js";export{default as useClickOutside}from"../hooks/dist/useClickOutside/index.js";export{default as useIsOverflowing}from"../hooks/dist/useIsOverflowing/index.js";export{default as usePrevious}from"../hooks/dist/usePrevious/index.js";export{default as useResizeObserver}from"../hooks/dist/useResizeObserver/index.js";
 //# sourceMappingURL=index.js.map

package/dist/style/dist/index.min.css.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o=":root{--motion-productive-short:70ms;--motion-productive-medium:100ms;--motion-productive-long:150ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 1);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter)}:root{--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px}:root{--border-width:1px;--border-style:solid}:root{--border-radius-4:4px;--border-radius-8:8px;--border-radius-12:12px;--border-radius-16:16px;--border-radius-small:var(--border-radius-4);--border-radius-medium:var(--border-radius-8);--border-radius-big:var(--border-radius-16)}:root{--disabled-component-opacity:0.38}:root{--font-family:Figtree,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 32px/40px var(--title-font-family);--font-h1-medium:600 32px/40px var(--title-font-family);--font-h1-normal:500 32px/40px var(--title-font-family);--font-h1-light:300 32px/40px var(--title-font-family);--font-h2-bold:700 24px/30px var(--title-font-family);--font-h2-medium:600 24px/30px var(--title-font-family);--font-h2-normal:500 24px/30px var(--title-font-family);--font-h2-light:300 24px/30px var(--title-font-family);--font-h3-bold:700 18px/24px var(--title-font-family);--font-h3-medium:600 18px/24px var(--title-font-family);--font-h3-normal:500 18px/24px var(--title-font-family);--font-h3-light:300 18px/24px var(--title-font-family);--font-text1-bold:700 16px/22px var(--font-family);--font-text1-medium:600 16px/22px var(--font-family);--font-text1-normal:400 16px/22px var(--font-family);--font-text2-bold:700 14px/20px var(--font-family);--font-text2-medium:600 14px/20px var(--font-family);--font-text2-normal:400 14px/20px var(--font-family);--font-text3-bold:700 12px/16px var(--font-family);--font-text3-medium:600 12px/16px var(--font-family);--font-text3-normal:400 12px/16px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px}.default-app-theme,.light-app-theme,:root{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#cce5ff;--primary-selected-hover-color:#aed4fc;--primary-highlighted-color:#f0f7ff;--primary-surface-color:#eceff8;--primary-text-color:#323338;--secondary-text-color:#676879;--text-color-on-inverted:#ffffff;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(50, 51, 56, var(--disabled-component-opacity));--inverted-color-background:#323338;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#ffffff;--primary-background-hover-color:rgba(103, 104, 121, 0.1);--secondary-background-color:#ffffff;--allgrey-background-color:#f6f7fb;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#c3c6d4;--ui-background-color:#e7e9ef;--ui-background-hover-color:#d8d9e0;--layout-border-color:#d0d4e4;--placeholder-color:#676879;--icon-color:#676879;--disabled-background-color:#ecedf5;--link-color:#1f76c2;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#cce5ff;--brand-selected-hover-color:#aed4fc;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#bbdbc9;--positive-color-selected-hover:#b5cec0;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#f4c3cb;--negative-color-selected-hover:#ecb7bf;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#fceba1;--warning-color-selected-hover:#f2d973;--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-black:#000000;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--grey-background-color:#f6f7fb;--text-color-on-brand:#ffffff;--box-shadow-xs:0px 4px 6px -4px rgba(0, 0, 0, 0.1);--box-shadow-small:0px 4px 8px rgba(0, 0, 0, 0.2);--box-shadow-medium:0px 6px 20px rgba(0, 0, 0, 0.2);--box-shadow-large:0px 15px 50px rgba(0, 0, 0, 0.3);--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#eaaa15;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#df2f4a;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#e50073;--color-sofia_pink-hover:#c20062;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#9d50dd;--color-purple-hover:#7d45b0;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#007eb5;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#74afcc;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#757575;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#e484bd;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#bca58a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#cd9282;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#216edf;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#757575;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff007f;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#9d50dd;--color-dark-purple:#784bd1;--color-blue_links:#007eb5;--color-blue-links:#007eb5;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#df2f4a;--color-red-shadow:#df2f4a;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--secondary-text-on-secondary-color:#676879;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--primary-background-color-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--secondary-background-color-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(50, 51, 56, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d0d4e4;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.dark-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--primary-surface-color:#181b34;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(213, 216, 223, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#181b34;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#30324e;--allgrey-background-color:#30324e;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#797e93;--ui-background-color:#434660;--ui-background-hover-color:#35384d;--layout-border-color:#4b4e69;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3c3f59;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#181b34;--text-color-on-brand:#ffffff;--color-surface:#292f4c;--box-shadow-xs:0px 4px 6px -4px rgba(9, 11, 25, 0.5);--box-shadow-small:0px 4px 8px rgba(9, 11, 25, 0.5);--box-shadow-medium:0px 6px 20px rgba(9, 11, 25, 0.5);--box-shadow-large:0px 15px 50px rgba(9, 11, 25, 0.5);--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid-hover:#b4739a;--color-orchid-selected:#85597b;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#79709c;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(213, 216, 223, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.black-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#eeeeee;--secondary-text-color:#aaaaaa;--text-color-on-inverted:#111111;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#eeeeee;--fixed-dark-color:#111111;--fixed-light-color:#ffffff;--primary-background-color:#111111;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#2c2c2c;--allgrey-background-color:#2c2c2c;--backdrop-color:rgba(33, 33, 33, 0.7);--ui-border-color:#8d8d8d;--ui-background-color:#4d4d4d;--ui-background-hover-color:#3b3b3b;--layout-border-color:#636363;--placeholder-color:#aaaaaa;--icon-color:#aaaaaa;--disabled-background-color:#3a3a3a;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--text-color-on-brand:#ffffff;--color-surface:#212121;--grey-background-color:#111111;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--primary-background-color-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--secondary-background-color-rgb:44,44,44;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--primary-selected-color:#9f4077;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#282a36;--primary-background-hover-color:#4b4e69;--secondary-background-color:#30324e;--allgrey-background-color:#282a36;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--ui-background-hover-color:#3b3b3b;--layout-border-color:#414458;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3a3a3a;--link-color:#bd93f9;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#9f4077;--brand-selected-hover-color:#0d2e65;--positive-color:#50fa7b;--positive-color-hover:#007038;--positive-color-selected:#26503e;--positive-color-selected-hover:#194733;--negative-color:#ff5555;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#282a36;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--primary-selected-color-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}";!function(o){const e="s_id-42ffe1ac097c_4_5_9";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(o);export{o as default};
+var o=":root{--motion-productive-short:70ms;--motion-productive-medium:100ms;--motion-productive-long:150ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 1);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter)}:root{--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px}:root{--border-width:1px;--border-style:solid}:root{--border-radius-4:4px;--border-radius-8:8px;--border-radius-12:12px;--border-radius-16:16px;--border-radius-small:var(--border-radius-4);--border-radius-medium:var(--border-radius-8);--border-radius-big:var(--border-radius-16)}:root{--disabled-component-opacity:0.38}:root{--font-family:Figtree,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 32px/40px var(--title-font-family);--font-h1-medium:600 32px/40px var(--title-font-family);--font-h1-normal:500 32px/40px var(--title-font-family);--font-h1-light:300 32px/40px var(--title-font-family);--font-h2-bold:700 24px/30px var(--title-font-family);--font-h2-medium:600 24px/30px var(--title-font-family);--font-h2-normal:500 24px/30px var(--title-font-family);--font-h2-light:300 24px/30px var(--title-font-family);--font-h3-bold:700 18px/24px var(--title-font-family);--font-h3-medium:600 18px/24px var(--title-font-family);--font-h3-normal:500 18px/24px var(--title-font-family);--font-h3-light:300 18px/24px var(--title-font-family);--font-text1-bold:700 16px/22px var(--font-family);--font-text1-medium:600 16px/22px var(--font-family);--font-text1-normal:400 16px/22px var(--font-family);--font-text2-bold:700 14px/20px var(--font-family);--font-text2-medium:600 14px/20px var(--font-family);--font-text2-normal:400 14px/20px var(--font-family);--font-text3-bold:700 12px/16px var(--font-family);--font-text3-medium:600 12px/16px var(--font-family);--font-text3-normal:400 12px/16px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px}.default-app-theme,.light-app-theme,:root{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#cce5ff;--primary-selected-hover-color:#aed4fc;--primary-highlighted-color:#f0f7ff;--primary-surface-color:#eceff8;--primary-text-color:#323338;--secondary-text-color:#676879;--text-color-on-inverted:#ffffff;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(50, 51, 56, var(--disabled-component-opacity));--inverted-color-background:#323338;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#ffffff;--primary-background-hover-color:rgba(103, 104, 121, 0.1);--secondary-background-color:#ffffff;--allgrey-background-color:#f6f7fb;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#c3c6d4;--ui-background-color:#e7e9ef;--ui-background-hover-color:#d8d9e0;--layout-border-color:#d0d4e4;--placeholder-color:#676879;--icon-color:#676879;--disabled-background-color:#ecedf5;--link-color:#1f76c2;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#cce5ff;--brand-selected-hover-color:#aed4fc;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#bbdbc9;--positive-color-selected-hover:#b5cec0;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#f4c3cb;--negative-color-selected-hover:#ecb7bf;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#fceba1;--warning-color-selected-hover:#f2d973;--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-black:#000000;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--grey-background-color:#f6f7fb;--text-color-on-brand:#ffffff;--box-shadow-xs:0px 4px 6px -4px rgba(0, 0, 0, 0.1);--box-shadow-small:0px 4px 8px rgba(0, 0, 0, 0.2);--box-shadow-medium:0px 6px 20px rgba(0, 0, 0, 0.2);--box-shadow-large:0px 15px 50px rgba(0, 0, 0, 0.3);--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#eaaa15;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#df2f4a;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#e50073;--color-sofia_pink-hover:#c20062;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#9d50dd;--color-purple-hover:#7d45b0;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#007eb5;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#74afcc;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#757575;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#e484bd;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#bca58a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#cd9282;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#216edf;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#757575;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff007f;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#9d50dd;--color-dark-purple:#784bd1;--color-blue_links:#007eb5;--color-blue-links:#007eb5;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#df2f4a;--color-red-shadow:#df2f4a;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--secondary-text-on-secondary-color:#676879;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--primary-background-color-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--secondary-background-color-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(50, 51, 56, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d0d4e4;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.dark-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--primary-surface-color:#181b34;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(213, 216, 223, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#181b34;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#30324e;--allgrey-background-color:#30324e;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#797e93;--ui-background-color:#434660;--ui-background-hover-color:#35384d;--layout-border-color:#4b4e69;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3c3f59;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#181b34;--text-color-on-brand:#ffffff;--color-surface:#292f4c;--box-shadow-xs:0px 4px 6px -4px rgba(9, 11, 25, 0.5);--box-shadow-small:0px 4px 8px rgba(9, 11, 25, 0.5);--box-shadow-medium:0px 6px 20px rgba(9, 11, 25, 0.5);--box-shadow-large:0px 15px 50px rgba(9, 11, 25, 0.5);--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid-hover:#b4739a;--color-orchid-selected:#85597b;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#79709c;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(213, 216, 223, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.black-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#eeeeee;--secondary-text-color:#aaaaaa;--text-color-on-inverted:#111111;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#eeeeee;--fixed-dark-color:#111111;--fixed-light-color:#ffffff;--primary-background-color:#111111;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#2c2c2c;--allgrey-background-color:#2c2c2c;--backdrop-color:rgba(33, 33, 33, 0.7);--ui-border-color:#8d8d8d;--ui-background-color:#4d4d4d;--ui-background-hover-color:#3b3b3b;--layout-border-color:#636363;--placeholder-color:#aaaaaa;--icon-color:#aaaaaa;--disabled-background-color:#3a3a3a;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--text-color-on-brand:#ffffff;--color-surface:#212121;--grey-background-color:#111111;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--primary-background-color-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--secondary-background-color-rgb:44,44,44;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--primary-selected-color:#9f4077;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#282a36;--primary-background-hover-color:#4b4e69;--secondary-background-color:#30324e;--allgrey-background-color:#282a36;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--ui-background-hover-color:#3b3b3b;--layout-border-color:#414458;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3a3a3a;--link-color:#bd93f9;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#9f4077;--brand-selected-hover-color:#0d2e65;--positive-color:#50fa7b;--positive-color-hover:#007038;--positive-color-selected:#26503e;--positive-color-selected-hover:#194733;--negative-color:#ff5555;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#282a36;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--primary-selected-color-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}";!function(o){const e="s_id-42ffe1ac097c_4_5_11";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(o);export{o as default};
 //# sourceMappingURL=index.min.css.js.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@vibe/core",
-  "version": "4.5.10",
+  "version": "4.5.12",
   "description": "Official monday.com UI resources for application development in React.js",
   "repository": {
     "type": "git",
@@ -90,33 +90,34 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.2",
-    "@vibe/avatar": "4.0.1",
-    "@vibe/base": "4.0.4",
-    "@vibe/button": "4.0.5",
-    "@vibe/button-group": "4.0.3",
-    "@vibe/checkbox": "4.0.3",
-    "@vibe/clickable": "4.0.4",
-    "@vibe/counter": "4.0.2",
-    "@vibe/dialog": "4.1.4",
-    "@vibe/divider": "4.0.1",
-    "@vibe/editable": "4.0.1",
-    "@vibe/expand-collapse": "4.0.3",
-    "@vibe/formatted-number": "4.0.1",
-    "@vibe/hooks": "4.0.5",
-    "@vibe/icon": "4.0.3",
-    "@vibe/icon-button": "4.0.9",
+    "@vibe/a11y": "4.0.1",
+    "@vibe/avatar": "4.0.3",
+    "@vibe/base": "4.0.5",
+    "@vibe/button": "4.0.6",
+    "@vibe/button-group": "4.0.5",
+    "@vibe/checkbox": "4.0.5",
+    "@vibe/clickable": "4.0.5",
+    "@vibe/counter": "4.0.3",
+    "@vibe/dialog": "4.1.6",
+    "@vibe/divider": "4.0.2",
+    "@vibe/editable": "4.0.3",
+    "@vibe/expand-collapse": "4.0.5",
+    "@vibe/formatted-number": "4.0.2",
+    "@vibe/hooks": "4.0.6",
+    "@vibe/icon": "4.0.4",
+    "@vibe/icon-button": "4.0.11",
     "@vibe/icons": "4.1.0",
-    "@vibe/label": "4.0.3",
-    "@vibe/layer": "4.0.4",
-    "@vibe/layout": "4.0.5",
-    "@vibe/link": "4.0.1",
-    "@vibe/loader": "4.0.3",
-    "@vibe/progress-bars": "4.0.1",
-    "@vibe/radio-button": "4.0.2",
-    "@vibe/shared": "4.0.3",
+    "@vibe/label": "4.0.5",
+    "@vibe/layer": "4.0.5",
+    "@vibe/layout": "4.0.6",
+    "@vibe/link": "4.0.2",
+    "@vibe/loader": "4.0.4",
+    "@vibe/progress-bars": "4.0.2",
+    "@vibe/radio-button": "4.0.4",
+    "@vibe/shared": "4.0.4",
     "@vibe/style": "4.1.0",
-    "@vibe/tooltip": "4.0.9",
-    "@vibe/typography": "4.0.9",
+    "@vibe/tooltip": "4.0.11",
+    "@vibe/typography": "4.0.11",
     "browserslist-config-monday": "1.0.6",
     "classnames": "^2.5.1",
     "date-fns": "^2.30.0",
@@ -283,5 +284,5 @@
   "browserslist": [
     "extends browserslist-config-monday"
   ],
-  "gitHead": "04e1b7343b56512083db864459fcdbc301fdc99c"
+  "gitHead": "66b6edbfe9534366013f67ee554f86edb328b2a7"
 }

package/dist/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.d.ts DELETED Viewed

@@ -1,15 +0,0 @@
-import React from "react";
-import { type NavDirections } from "../../hooks/useFullKeyboardListeners";
-import { type GridElementRef, type GridKeyboardNavigationContextType, type Position } from "./GridKeyboardNavigationContextConstants";
-export declare const GridKeyboardNavigationContext: React.Context<GridKeyboardNavigationContextType>;
-/**
- * @param {({topElement: MutableRefObject, bottomElement: MutableRefObject}|
- * {leftElement: MutableRefObject, rightElement: MutableRefObject})[]} positions - the positions of the navigable items
- * @param {*} wrapperRef - a reference for a wrapper element which contains all the referenced elements
- * @param options - { disabled: boolean }
- */
-export declare const useGridKeyboardNavigationContext: (positions: Position[], wrapperRef: GridElementRef, options?: {
-    disabled: boolean;
-}) => {
-    onOutboundNavigation: (elementRef: GridElementRef, direction: NavDirections) => void;
-};

package/dist/components/GridKeyboardNavigationContext/GridKeyboardNavigationContextConstants.d.ts DELETED Viewed

@@ -1,25 +0,0 @@
-import { type MutableRefObject } from "react";
-import { type NavDirections } from "../../hooks/useFullKeyboardListeners";
-export type GridElementRef = MutableRefObject<HTMLElement> & {
-    current?: HTMLElement & {
-        disabled?: boolean;
-    };
-};
-export type DirectionMap = Map<GridElementRef, GridElementRef>;
-export type DirectionMaps = Record<NavDirections, DirectionMap>;
-export type Position = VerticalPosition & HorizontalPosition;
-type VerticalPosition = {
-    topElement?: GridElementRef;
-    bottomElement?: GridElementRef;
-};
-type HorizontalPosition = {
-    leftElement?: GridElementRef;
-    rightElement?: GridElementRef;
-};
-export interface GridKeyboardNavigationContextType {
-    /**
-     * Callback fired when navigation moves beyond the bounds of the grid.
-     */
-    onOutboundNavigation?: (ref: GridElementRef, direction: NavDirections) => void;
-}
-export {};

package/dist/components/GridKeyboardNavigationContext/helper.d.ts DELETED Viewed

@@ -1,6 +0,0 @@
-import { NavDirections } from "../../hooks/useFullKeyboardListeners";
-import { type DirectionMap, type DirectionMaps, type GridElementRef, type Position } from "./GridKeyboardNavigationContextConstants";
-export declare const getDirectionMaps: (positions: Position[]) => DirectionMaps;
-export declare const getOppositeDirection: (direction: NavDirections) => NavDirections;
-export declare const getOutmostElementInDirection: (directionMaps: DirectionMaps, direction: NavDirections) => GridElementRef;
-export declare const getNextElementToFocusInDirection: (directionMap: DirectionMap, elementRef: GridElementRef) => null | GridElementRef;

package/dist/components/GridKeyboardNavigationContext/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export { useGridKeyboardNavigationContext, GridKeyboardNavigationContext } from "./GridKeyboardNavigationContext";

package/dist/components/HiddenText/HiddenText.d.ts DELETED Viewed

@@ -1,10 +0,0 @@
-import React from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface HiddenTextProps extends VibeComponentProps {
-    /**
-     * The text content that is hidden but available for assistive technologies.
-     */
-    text: string;
-}
-declare const HiddenText: React.ForwardRefExoticComponent<HiddenTextProps & React.RefAttributes<HTMLSpanElement>>;
-export default HiddenText;

package/dist/components/HiddenText/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as HiddenText, type HiddenTextProps } from "./HiddenText";

package/dist/components/Menu/Menu/hooks/useLastNavigationDirection.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import { NavDirections } from "../../../../hooks/useFullKeyboardListeners";
-export declare const useLastNavigationDirection: () => {
-    lastNavigationDirectionRef: import("react").MutableRefObject<NavDirections>;
-};

package/dist/mocked_classnames/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.d.ts DELETED Viewed

@@ -1,15 +0,0 @@
-import React from "react";
-import { type NavDirections } from "../../hooks/useFullKeyboardListeners";
-import { type GridElementRef, type GridKeyboardNavigationContextType, type Position } from "./GridKeyboardNavigationContextConstants";
-export declare const GridKeyboardNavigationContext: React.Context<GridKeyboardNavigationContextType>;
-/**
- * @param {({topElement: MutableRefObject, bottomElement: MutableRefObject}|
- * {leftElement: MutableRefObject, rightElement: MutableRefObject})[]} positions - the positions of the navigable items
- * @param {*} wrapperRef - a reference for a wrapper element which contains all the referenced elements
- * @param options - { disabled: boolean }
- */
-export declare const useGridKeyboardNavigationContext: (positions: Position[], wrapperRef: GridElementRef, options?: {
-    disabled: boolean;
-}) => {
-    onOutboundNavigation: (elementRef: GridElementRef, direction: NavDirections) => void;
-};

package/dist/mocked_classnames/components/GridKeyboardNavigationContext/GridKeyboardNavigationContextConstants.d.ts DELETED Viewed

@@ -1,25 +0,0 @@
-import { type MutableRefObject } from "react";
-import { type NavDirections } from "../../hooks/useFullKeyboardListeners";
-export type GridElementRef = MutableRefObject<HTMLElement> & {
-    current?: HTMLElement & {
-        disabled?: boolean;
-    };
-};
-export type DirectionMap = Map<GridElementRef, GridElementRef>;
-export type DirectionMaps = Record<NavDirections, DirectionMap>;
-export type Position = VerticalPosition & HorizontalPosition;
-type VerticalPosition = {
-    topElement?: GridElementRef;
-    bottomElement?: GridElementRef;
-};
-type HorizontalPosition = {
-    leftElement?: GridElementRef;
-    rightElement?: GridElementRef;
-};
-export interface GridKeyboardNavigationContextType {
-    /**
-     * Callback fired when navigation moves beyond the bounds of the grid.
-     */
-    onOutboundNavigation?: (ref: GridElementRef, direction: NavDirections) => void;
-}
-export {};

package/dist/mocked_classnames/components/GridKeyboardNavigationContext/helper.d.ts DELETED Viewed

@@ -1,6 +0,0 @@
-import { NavDirections } from "../../hooks/useFullKeyboardListeners";
-import { type DirectionMap, type DirectionMaps, type GridElementRef, type Position } from "./GridKeyboardNavigationContextConstants";
-export declare const getDirectionMaps: (positions: Position[]) => DirectionMaps;
-export declare const getOppositeDirection: (direction: NavDirections) => NavDirections;
-export declare const getOutmostElementInDirection: (directionMaps: DirectionMaps, direction: NavDirections) => GridElementRef;
-export declare const getNextElementToFocusInDirection: (directionMap: DirectionMap, elementRef: GridElementRef) => null | GridElementRef;

package/dist/mocked_classnames/components/GridKeyboardNavigationContext/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export { useGridKeyboardNavigationContext, GridKeyboardNavigationContext } from "./GridKeyboardNavigationContext";

package/dist/mocked_classnames/components/HiddenText/HiddenText.d.ts DELETED Viewed

@@ -1,10 +0,0 @@
-import React from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface HiddenTextProps extends VibeComponentProps {
-    /**
-     * The text content that is hidden but available for assistive technologies.
-     */
-    text: string;
-}
-declare const HiddenText: React.ForwardRefExoticComponent<HiddenTextProps & React.RefAttributes<HTMLSpanElement>>;
-export default HiddenText;

package/dist/mocked_classnames/components/HiddenText/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export { default as HiddenText, type HiddenTextProps } from "./HiddenText";

package/dist/mocked_classnames/components/Menu/Menu/hooks/useLastNavigationDirection.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import { NavDirections } from "../../../../hooks/useFullKeyboardListeners";
-export declare const useLastNavigationDirection: () => {
-    lastNavigationDirectionRef: import("react").MutableRefObject<NavDirections>;
-};

package/dist/mocked_classnames/src/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import r,{useMemo as n,useContext as i,useCallback as o}from"react";import{useEventListener as e}from"@vibe/shared";import{useLastNavigationDirection as t}from"../Menu/Menu/hooks/useLastNavigationDirection.js";import{getDirectionMaps as u,getOppositeDirection as a,getOutmostElementInDirection as l,getNextElementToFocusInDirection as d}from"./helper.js";var v=r.createContext(null),c=function(r,c){var f=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{disabled:!1},s=n((function(){return u(r)}),[r]),b=i(v),m=t().lastNavigationDirectionRef,p=o((function(){var r,n=m.current;if(n&&!f.disabled){var i=a(n),o=l(s,i);null===(r=null==o?void 0:o.current)\|\|void 0===r\|\|r.focus()}}),[s,f.disabled,m]);return e({eventName:"focus",callback:p,ref:c}),{onOutboundNavigation:o((function(r,n){var i,o;if(!f.disabled){var e=d(s[n],r);if(e)return null===(i=r.current)\|\|void 0===i\|\|i.blur(),void(null===(o=e.current)\|\|void 0===o\|\|o.focus());null==b\|\|b.onOutboundNavigation(c,n)}}),[s,b,c,f.disabled])}};export{v as GridKeyboardNavigationContext,c as useGridKeyboardNavigationContext};
2	- //# sourceMappingURL=GridKeyboardNavigationContext.js.map

package/dist/mocked_classnames/src/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"GridKeyboardNavigationContext.js","sources":["../../../../../src/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.ts"],"sourcesContent":["import React, { useContext, useCallback, useMemo } from \"react\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport { useLastNavigationDirection } from \"../Menu/Menu/hooks/useLastNavigationDirection\";\nimport {\n getDirectionMaps,\n getNextElementToFocusInDirection,\n getOppositeDirection,\n getOutmostElementInDirection\n} from \"./helper\";\nimport { type NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport {\n type GridElementRef,\n type GridKeyboardNavigationContextType,\n type Position\n} from \"./GridKeyboardNavigationContextConstants\";\n\nexport const GridKeyboardNavigationContext = React.createContext<GridKeyboardNavigationContextType>(null);\n\n/**\n * @param {({topElement: MutableRefObject, bottomElement: MutableRefObject}|\n * {leftElement: MutableRefObject, rightElement: MutableRefObject})[]} positions - the positions of the navigable items\n * @param {*} wrapperRef - a reference for a wrapper element which contains all the referenced elements\n * @param options - { disabled: boolean }\n */\nexport const useGridKeyboardNavigationContext = (\n positions: Position[],\n wrapperRef: GridElementRef,\n options: { disabled: boolean } = { disabled: false }\n) => {\n const directionMaps = useMemo(() => getDirectionMaps(positions), [positions]);\n const upperContext = useContext(GridKeyboardNavigationContext);\n const { lastNavigationDirectionRef } = useLastNavigationDirection();\n\n const onWrapperFocus = useCallback(() => {\n const keyboardDirection = lastNavigationDirectionRef.current;\n if (!keyboardDirection || options.disabled) {\n return;\n }\n const oppositeDirection = getOppositeDirection(keyboardDirection);\n const refToFocus = getOutmostElementInDirection(directionMaps, oppositeDirection);\n refToFocus?.current?.focus();\n }, [directionMaps, options.disabled, lastNavigationDirectionRef]);\n useEventListener({ eventName: \"focus\", callback: onWrapperFocus, ref: wrapperRef });\n\n const onOutboundNavigation = useCallback(\n (elementRef: GridElementRef, direction: NavDirections) => {\n if (options.disabled) return;\n const maybeNextElement = getNextElementToFocusInDirection(directionMaps[direction], elementRef);\n if (maybeNextElement) {\n elementRef.current?.blur();\n maybeNextElement.current?.focus();\n return;\n }\n // nothing on that direction - try updating the upper context\n upperContext?.onOutboundNavigation(wrapperRef, direction);\n },\n [directionMaps, upperContext, wrapperRef, options.disabled]\n );\n return { onOutboundNavigation };\n};\n"],"names":["GridKeyboardNavigationContext","React","createContext","useGridKeyboardNavigationContext","positions","wrapperRef","options","arguments","length","undefined","disabled","directionMaps","useMemo","getDirectionMaps","upperContext","useContext","lastNavigationDirectionRef","useLastNavigationDirection","onWrapperFocus","useCallback","keyboardDirection","current","oppositeDirection","getOppositeDirection","refToFocus","getOutmostElementInDirection","_a","focus","useEventListener","eventName","callback","ref","onOutboundNavigation","elementRef","direction","maybeNextElement","getNextElementToFocusInDirection","blur","_b"],"mappings":"mWAgBO,IAAMA,EAAgCC,EAAMC,cAAiD,MAQvFC,EAAmC,SAC9CC,EACAC,GAEE,IADFC,EAAAC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAiC,GAAA,CAAEG,UAAU,GAEvCC,EAAgBC,GAAQ,WAAA,OAAMC,EAAiBT,KAAY,CAACA,IAC5DU,EAAeC,EAAWf,GACxBgB,EAA+BC,IAA/BD,2BAEFE,EAAiBC,GAAY,iBAC3BC,EAAoBJ,EAA2BK,QACrD,GAAKD,IAAqBd,EAAQI,SAAlC,CAGA,IAAMY,EAAoBC,EAAqBH,GACzCI,EAAaC,EAA6Bd,EAAeW,GAC5C,QAAnBI,EAAAF,aAAA,EAAAA,EAAYH,eAAO,IAAAK,GAAAA,EAAEC,OAHrB,CAID,GAAE,CAAChB,EAAeL,EAAQI,SAAUM,IAiBrC,OAhBAY,EAAiB,CAAEC,UAAW,QAASC,SAAUZ,EAAgBa,IAAK1B,IAgB/D,CAAE2B,qBAdoBb,GAC3B,SAACc,EAA4BC,WAC3B,IAAI5B,EAAQI,SAAZ,CACA,IAAMyB,EAAmBC,EAAiCzB,EAAcuB,GAAYD,GACpF,GAAIE,EAGF,OAFoB,QAApBT,EAAAO,EAAWZ,eAAS,IAAAK,GAAAA,EAAAW,YACM,QAA1BC,EAAAH,EAAiBd,eAAS,IAAAiB,GAAAA,EAAAX,SAI5Bb,SAAAA,EAAckB,qBAAqB3B,EAAY6B,EARzB,CASxB,GACA,CAACvB,EAAeG,EAAcT,EAAYC,EAAQI,WAGtD"}

package/dist/mocked_classnames/src/components/GridKeyboardNavigationContext/helper.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{defineProperty as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{NavDirections as r}from"../../hooks/useFullKeyboardListeners.js";var n=function(t){var n=e(e(e(e({},r.RIGHT,new Map),r.LEFT,new Map),r.UP,new Map),r.DOWN,new Map);return t.forEach((function(e){!function(e,t){var n=t.topElement,o=t.bottomElement,a=t.leftElement,l=t.rightElement;function i(e,t){throw Error("Circular positioning detected: the ".concat(e," element is already positioned to the ").concat(t," of the ").concat(t," element. This probably means the layout isn't ordered correctly."))}n&&o&&(e[r.UP].get(n)===o&&i("BOTTOM","TOP"),e[r.DOWN].get(o)===n&&i("TOP","BOTTOM")),a&&l&&(e[r.LEFT].get(a)===l&&i("RIGHT","LEFT"),e[r.RIGHT].get(l)===a&&i("LEFT","RIGHT"))}(n,e);var t=e.topElement,o=e.bottomElement,a=e.leftElement,l=e.rightElement;t&&o&&(n[r.UP].set(o,t),n[r.DOWN].set(t,o)),a&&l&&(n[r.LEFT].set(l,a),n[r.RIGHT].set(a,l))})),n},o=function(e){switch(e){case r.LEFT:return r.RIGHT;case r.RIGHT:return r.LEFT;case r.UP:return r.DOWN;case r.DOWN:return r.UP;default:throw Error("Unexpected direction: ".concat(e))}},a=function e(n,o){var a=n[o],i=t(a)[0];return i?function(e,t){var r=!1,n=t;for(;!r;){var o=l(e,n);o?n=o:r=!0}return n}(a,i[0]):e(n,[r.LEFT,r.RIGHT].includes(o)?r.UP:r.LEFT)},l=function e(t,r){var n,o=t.get(r);return o?!o.current\|\|o.current.disabled\|\|"true"===(null===(n=o.current.dataset)\|\|void 0===n?void 0:n.disabled)?e(t,o):o:null};export{n as getDirectionMaps,l as getNextElementToFocusInDirection,o as getOppositeDirection,a as getOutmostElementInDirection};
2	- //# sourceMappingURL=helper.js.map

package/dist/mocked_classnames/src/components/GridKeyboardNavigationContext/helper.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"helper.js","sources":["../../../../../src/components/GridKeyboardNavigationContext/helper.ts"],"sourcesContent":["import { NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport {\n type DirectionMap,\n type DirectionMaps,\n type GridElementRef,\n type Position\n} from \"./GridKeyboardNavigationContextConstants\";\n\nfunction throwIfCausingCircularDependency(directionMaps: DirectionMaps, newPosition: Position) {\n const { topElement, bottomElement, leftElement, rightElement } = newPosition;\n if (topElement && bottomElement) {\n if (directionMaps[NavDirections.UP].get(topElement) === bottomElement) {\n throwMessage(\"BOTTOM\", \"TOP\");\n }\n if (directionMaps[NavDirections.DOWN].get(bottomElement) === topElement) {\n throwMessage(\"TOP\", \"BOTTOM\");\n }\n }\n if (leftElement && rightElement) {\n if (directionMaps[NavDirections.LEFT].get(leftElement) === rightElement) {\n throwMessage(\"RIGHT\", \"LEFT\");\n }\n if (directionMaps[NavDirections.RIGHT].get(rightElement) === leftElement) {\n throwMessage(\"LEFT\", \"RIGHT\");\n }\n }\n\n function throwMessage(directionFrom: string, directionTo: string) {\n throw new Error(\n `Circular positioning detected: the ${directionFrom} element is already positioned to the ${directionTo} of the ${directionTo} element. This probably means the layout isn't ordered correctly.`\n );\n }\n}\n\nexport const getDirectionMaps = (positions: Position[]) => {\n const directionMaps: DirectionMaps = {\n [NavDirections.RIGHT]: new Map(),\n [NavDirections.LEFT]: new Map(),\n [NavDirections.UP]: new Map(),\n [NavDirections.DOWN]: new Map()\n };\n positions.forEach(position => {\n throwIfCausingCircularDependency(directionMaps, position);\n\n const { topElement, bottomElement, leftElement, rightElement } = position;\n if (topElement && bottomElement) {\n directionMaps[NavDirections.UP].set(bottomElement, topElement);\n directionMaps[NavDirections.DOWN].set(topElement, bottomElement);\n }\n if (leftElement && rightElement) {\n directionMaps[NavDirections.LEFT].set(rightElement, leftElement);\n directionMaps[NavDirections.RIGHT].set(leftElement, rightElement);\n }\n });\n return directionMaps;\n};\n\nexport const getOppositeDirection = (direction: NavDirections) => {\n switch (direction) {\n case NavDirections.LEFT:\n return NavDirections.RIGHT;\n case NavDirections.RIGHT:\n return NavDirections.LEFT;\n case NavDirections.UP:\n return NavDirections.DOWN;\n case NavDirections.DOWN:\n return NavDirections.UP;\n default:\n throw new Error(`Unexpected direction: ${direction}`);\n }\n};\n\nexport const getOutmostElementInDirection = (\n directionMaps: DirectionMaps,\n direction: NavDirections\n): GridElementRef => {\n const directionMap = directionMaps[direction];\n const firstEntry = [...directionMap][0]; // start with any element\n if (!firstEntry) {\n // no relations were registered for this direction - fallback to a different direction\n if ([NavDirections.LEFT, NavDirections.RIGHT].includes(direction)) {\n // there are no registered horizontal relations registered, try vertical relations. Get the top-most element.\n return getOutmostElementInDirection(directionMaps, NavDirections.UP);\n }\n // there are no registered vertical relations registered, try horizontal relations. Get the left-most element.\n return getOutmostElementInDirection(directionMaps, NavDirections.LEFT);\n }\n const firstRef = firstEntry[0];\n return getLastFocusableElementFromElementInDirection(directionMap, firstRef);\n};\n\nexport const getNextElementToFocusInDirection = (\n directionMap: DirectionMap,\n elementRef: GridElementRef\n): null | GridElementRef => {\n const next = directionMap.get(elementRef);\n if (!next) {\n // this is the last element on the direction map - there' nothing next\n return null;\n }\n if (!next.current || next.current.disabled || next.current.dataset?.disabled === \"true\") {\n // the next element is not mounted or disabled - try the next one\n return getNextElementToFocusInDirection(directionMap, next);\n }\n return next;\n};\n\nfunction getLastFocusableElementFromElementInDirection(directionMap: DirectionMap, initialRef: GridElementRef) {\n let done = false;\n let currentRef = initialRef;\n\n while (!done) {\n // as long as there's a mounted element which in that direction, take it.\n const nextEligible = getNextElementToFocusInDirection(directionMap, currentRef);\n if (!nextEligible) {\n done = true;\n } else {\n currentRef = nextEligible;\n }\n }\n\n return currentRef;\n}\n"],"names":["getDirectionMaps","positions","directionMaps","_defineProperty","NavDirections","RIGHT","Map","LEFT","UP","DOWN","forEach","position","newPosition","topElement","bottomElement","leftElement","rightElement","throwMessage","directionFrom","directionTo","Error","concat","get","throwIfCausingCircularDependency","set","getOppositeDirection","direction","getOutmostElementInDirection","directionMap","firstEntry","_toConsumableArray","initialRef","done","currentRef","nextEligible","getNextElementToFocusInDirection","getLastFocusableElementFromElementInDirection","includes","elementRef","next","current","disabled","_a","dataset"],"mappings":"mLAkCaA,EAAmB,SAACC,GAC/B,IAAMC,EAAaC,EAAAA,EAAAA,EAAAA,EAAA,GAChBC,EAAcC,MAAQ,IAAIC,KAC1BF,EAAcG,KAAO,IAAID,KACzBF,EAAcI,GAAK,IAAIF,KACvBF,EAAcK,KAAO,IAAIH,KAe5B,OAbAL,EAAUS,SAAQ,SAAAC,IAjCpB,SAA0CT,EAA8BU,GACtE,IAAQC,EAAyDD,EAAzDC,WAAYC,EAA6CF,EAA7CE,cAAeC,EAA8BH,EAA9BG,YAAaC,EAAiBJ,EAAjBI,aAkBhD,SAASC,EAAaC,EAAuBC,GAC3C,MAAUC,MAAKC,sCAAAA,OACyBH,EAAa,0CAAAG,OAAyCF,EAAWE,YAAAA,OAAWF,uEAEtH,CArBIN,GAAcC,IACZZ,EAAcE,EAAcI,IAAIc,IAAIT,KAAgBC,GACtDG,EAAa,SAAU,OAErBf,EAAcE,EAAcK,MAAMa,IAAIR,KAAmBD,GAC3DI,EAAa,MAAO,WAGpBF,GAAeC,IACbd,EAAcE,EAAcG,MAAMe,IAAIP,KAAiBC,GACzDC,EAAa,QAAS,QAEpBf,EAAcE,EAAcC,OAAOiB,IAAIN,KAAkBD,GAC3DE,EAAa,OAAQ,SAS3B,CAUIM,CAAiCrB,EAAeS,GAEhD,IAAQE,EAAyDF,EAAzDE,WAAYC,EAA6CH,EAA7CG,cAAeC,EAA8BJ,EAA9BI,YAAaC,EAAiBL,EAAjBK,aAC5CH,GAAcC,IAChBZ,EAAcE,EAAcI,IAAIgB,IAAIV,EAAeD,GACnDX,EAAcE,EAAcK,MAAMe,IAAIX,EAAYC,IAEhDC,GAAeC,IACjBd,EAAcE,EAAcG,MAAMiB,IAAIR,EAAcD,GACpDb,EAAcE,EAAcC,OAAOmB,IAAIT,EAAaC,GAExD,IACOd,CACT,EAEauB,EAAuB,SAACC,GACnC,OAAQA,GACN,KAAKtB,EAAcG,KACjB,OAAOH,EAAcC,MACvB,KAAKD,EAAcC,MACjB,OAAOD,EAAcG,KACvB,KAAKH,EAAcI,GACjB,OAAOJ,EAAcK,KACvB,KAAKL,EAAcK,KACjB,OAAOL,EAAcI,GACvB,QACE,MAAUY,MAAK,yBAAAC,OAA0BK,IAE/C,EAEaC,EAA+B,SAA/BA,EACXzB,EACAwB,GAEA,IAAME,EAAe1B,EAAcwB,GAC7BG,EAAaC,EAAIF,GAAc,GACrC,OAAKC,EA6BP,SAAuDD,EAA4BG,GACjF,IAAIC,GAAO,EACPC,EAAaF,EAEjB,MAAQC,GAAM,CAEZ,IAAME,EAAeC,EAAiCP,EAAcK,GAC/DC,EAGHD,EAAaC,EAFbF,GAAO,CAIX,CAEA,OAAOC,CACT,CAlCSG,CAA8CR,EADpCC,EAAW,IALjBF,EAA6BzB,EAFlC,CAACE,EAAcG,KAAMH,EAAcC,OAAOgC,SAASX,GAEFtB,EAAcI,GAGhBJ,EAAcG,KAIrE,EAEa4B,EAAmC,SAAnCA,EACXP,EACAU,SAEMC,EAAOX,EAAaN,IAAIgB,GAC9B,OAAKC,GAIAA,EAAKC,SAAWD,EAAKC,QAAQC,UAA+C,kBAAnCC,EAAAH,EAAKC,QAAQG,8BAASF,UAE3DN,EAAiCP,EAAcW,GAEjDA,EANE,IAOX"}

package/dist/mocked_classnames/src/components/HiddenText/HiddenText.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import e from"classnames";import t,{forwardRef as r,useRef as s}from"react";import{useMergeRef as a}from"@vibe/shared";import{getTestId as d,ComponentDefaultTestId as i}from"../../tests/testIds.js";import m from"./HiddenText.module.scss.js";var o=r((function(r,o){var n=r.text,p=r.className,f=void 0===p?"":p,l=r.id,c=void 0===l?"hiddenText":l,u=r["data-testid"],v=s(null),x=a(o,v);return t.createElement("span",{ref:x,id:c,"data-testid":u\|\|d(i.HIDDEN_TEXT,c),className:e(m.hiddenTextWrapper,f)},n)}));export{o as default};
2	- //# sourceMappingURL=HiddenText.js.map

package/dist/mocked_classnames/src/components/HiddenText/HiddenText.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"HiddenText.js","sources":["../../../../../src/components/HiddenText/HiddenText.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useRef, forwardRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./HiddenText.module.scss\";\n\nexport interface HiddenTextProps extends VibeComponentProps {\n /**\n * The text content that is hidden but available for assistive technologies.\n */\n text: string;\n}\n\nconst HiddenText = forwardRef<HTMLSpanElement, HiddenTextProps>(\n ({ text, className = \"\", id = \"hiddenText\", \"data-testid\": dataTestId }, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <span\n ref={mergedRef}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.HIDDEN_TEXT, id)}\n className={cx(styles.hiddenTextWrapper, className)}\n >\n {text}\n </span>\n );\n }\n);\n\nexport default HiddenText;\n"],"names":["HiddenText","forwardRef","_ref","ref","text","_ref$className","className","_ref$id","id","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","createElement","getTestId","ComponentDefaultTestId","HIDDEN_TEXT","cx","styles","hiddenTextWrapper"],"mappings":"iPAcMA,IAAAA,EAAaC,GACjB,SAAAC,EAAyEC,GAAO,IAA7EC,EAAIF,EAAJE,KAAIC,EAAAH,EAAEI,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EAAEM,GAAAA,OAAK,IAAHD,EAAG,aAAYA,EAAiBE,EAAUP,EAAzB,eACpCQ,EAAeC,EAAO,MACtBC,EAAYC,EAAYV,EAAKO,GAEnC,OACEI,EAAAC,cAAA,OAAA,CACEZ,IAAKS,EACLJ,GAAIA,gBACSC,GAAcO,EAAUC,EAAuBC,YAAaV,GACzEF,UAAWa,EAAGC,EAAOC,kBAAmBf,IAEvCF,EAGP"}

package/dist/mocked_classnames/src/components/HiddenText/HiddenText.module.scss.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var e={hiddenTextWrapper:"hiddenTextWrapper"};!function(e){const t="s_id-5ac012179a41_4_5_9";if("undefined"!=typeof document){const n=document.head\|\|document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable /\n/ stylelint-enable /\n.hiddenTextWrapper {\n / clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n clip: rect(0, 0, 0, 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}");export{e as default};
2	- //# sourceMappingURL=HiddenText.module.scss.js.map

package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useLastNavigationDirection.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{toConsumableArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{useRef as r,useCallback as o}from"react";import{useKeyEvent as n,useEventListener as t}from"@vibe/shared";import{ARROW_UP_KEYS as a,NavDirections as c,ARROW_RIGHT_KEYS as i,ARROW_DOWN_KEYS as u,ARROW_LEFT_KEYS as l}from"../../../../hooks/useFullKeyboardListeners.js";var s=[].concat(e(a),e(i),e(u),e(l)),m=function(){var e=r(document),m=r(),f=o((function(e){m.current=e}),[]),d=o((function(e){var r=e.key;a.includes(r)?f(c.UP):i.includes(r)?f(c.RIGHT):u.includes(r)?f(c.DOWN):l.includes(r)&&f(c.LEFT)}),[f]),p=o((function(){m.current=void 0}),[m]);return n({ref:e,capture:!0,keys:s,callback:d}),t({eventName:"mousedown",ref:e,capture:!0,callback:p}),{lastNavigationDirectionRef:m}};export{m as useLastNavigationDirection};
2	- //# sourceMappingURL=useLastNavigationDirection.js.map