npm - @vibe/core - Versions diffs - 4.2.1 → 4.2.3 - Mend

@vibe/core 4.2.1 → 4.2.3

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 (1121) 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":"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"}
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":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useHover.js","sources":["../../../../src/hooks/useHover/useHover.ts"],"sourcesContent":["import { type MutableRefObject, useEffect, useRef, useState } from \"react\";\n\n// Standard hook implementation https://usehooks.com/useHover/\nexport default function useHover<T extends HTMLElement = HTMLElement>(): [MutableRefObject<T>, boolean] {\n const [value, setValue] = useState<boolean>(false);\n const ref = useRef<T>(null);\n const handleMouseOver = (): void => setValue(true);\n const handleMouseOut = (): void => setValue(false);\n useEffect(\n () => {\n const node = ref.current;\n if (node) {\n node.addEventListener(\"mouseover\", handleMouseOver);\n node.addEventListener(\"mouseout\", handleMouseOut);\n return () => {\n node.removeEventListener(\"mouseover\", handleMouseOver);\n node.removeEventListener(\"mouseout\", handleMouseOut);\n };\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [ref.current] // Recall only if ref changes\n );\n return [ref, value];\n}\n"],"names":["useHover","_useState","useState","_useState2","_slicedToArray","value","setValue","ref","useRef","handleMouseOver","handleMouseOut","useEffect","node","current","addEventListener","removeEventListener"],"mappings":"2IAGc,SAAUA,IACtB,IAAAC,EAA0BC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAA3CI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAChBI,EAAMC,EAAU,MAChBC,EAAkB,WAAH,OAAeH,GAAS,EAAK,EAC5CI,EAAiB,WAAH,OAAeJ,GAAS,EAAM,EAgBlD,OAfAK,GACE,WACE,IAAMC,EAAOL,EAAIM,QACjB,GAAID,EAGF,OAFAA,EAAKE,iBAAiB,YAAaL,GACnCG,EAAKE,iBAAiB,WAAYJ,GAC3B,WACLE,EAAKG,oBAAoB,YAAaN,GACtCG,EAAKG,oBAAoB,WAAYL,~~GAG1C~~,~~GAED~~,CAACH,EAAIM,UAEA,CAACN,EAAKF,EACf"}
1	+ {"version":3,"file":"useHover.js","sources":["../../../../src/hooks/useHover/useHover.ts"],"sourcesContent":["import { type MutableRefObject, useEffect, useRef, useState } from \"react\";\n\n// Standard hook implementation https://usehooks.com/useHover/\nexport default function useHover<T extends HTMLElement = HTMLElement>(): [MutableRefObject<T>, boolean] {\n const [value, setValue] = useState<boolean>(false);\n const ref = useRef<T>(null);\n const handleMouseOver = (): void => setValue(true);\n const handleMouseOut = (): void => setValue(false);\n useEffect(\n () => {\n const node = ref.current;\n if (node) {\n node.addEventListener(\"mouseover\", handleMouseOver);\n node.addEventListener(\"mouseout\", handleMouseOut);\n return () => {\n node.removeEventListener(\"mouseover\", handleMouseOver);\n node.removeEventListener(\"mouseout\", handleMouseOut);\n };\n }\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [ref.current] // Recall only if ref changes\n );\n return [ref, value];\n}\n"],"names":["useHover","_useState","useState","_useState2","_slicedToArray","value","setValue","ref","useRef","handleMouseOver","handleMouseOut","useEffect","node","current","addEventListener","removeEventListener"],"mappings":"2IAGc,SAAUA,IACtB,IAAAC,EAA0BC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAA3CI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAChBI,EAAMC,EAAU,MAChBC,EAAkB,WAAH,OAAeH,GAAS,EAAK,EAC5CI,EAAiB,WAAH,OAAeJ,GAAS,EAAM,EAgBlD,OAfAK,GACE,WACE,IAAMC,EAAOL,EAAIM,QACjB,GAAID,EAGF,OAFAA,EAAKE,iBAAiB,YAAaL,GACnCG,EAAKE,iBAAiB,WAAYJ,GAC3B,WACLE,EAAKG,oBAAoB,YAAaN,GACtCG,EAAKG,oBAAoB,WAAYL,EACvC,CAEJ,GAEA,CAACH,EAAIM,UAEA,CAACN,EAAKF,EACf"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useIsMouseEnter.js","sources":["../../../src/hooks/useIsMouseEnter.ts"],"sourcesContent":["import { useCallback, useState, type RefObject } from \"react\";\nimport useEventListener from \"./useEventListener\";\n\n// TODO can be replaced with useIsMouseOver\nexport default function useIsMouseEnter({ ref }: { ref: RefObject<HTMLElement> }) {\n const [isHovered, setIsHover] = useState<boolean>(false);\n\n const setHovered = useCallback(\n (event: MouseEvent) => {\n const element = ref && ref.current;\n const isEventHover = event.target === element;\n setIsHover(isEventHover);\n },\n [setIsHover, ref]\n );\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n return isHovered;\n}\n"],"names":["useIsMouseEnter","_ref","ref","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHover","setHovered","useCallback","event","target","current","setNotHovered","useEventListener","eventName","callback"],"mappings":"6MAIc,SAAUA,EAAeC,GAAyC,IAAtCC,EAAGD,EAAHC,IACxCC,EAAgCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjDI,EAASF,EAAA,GAAEG,EAAUH,EAAA,GAEtBI,EAAaC,GACjB,SAACC,GAGCH,EADqBG,EAAMC,UADXV,GAAOA,EAAIW,SAG7B,GACA,CAACL,EAAYN,IAETY,EAAgBJ,GAAY,WAAA,OAAMF,GAAW,~~KAAQ~~,CAACA,IAK5D,OAHAO,EAAiB,CAAEC,UAAW,aAAcC,SAAUR,EAAYP,IAAAA,IAClEa,EAAiB,CAAEC,UAAW,aAAcC,SAAUH,EAAeZ,IAAAA,IAE9DK,CACT"}
1	+ {"version":3,"file":"useIsMouseEnter.js","sources":["../../../src/hooks/useIsMouseEnter.ts"],"sourcesContent":["import { useCallback, useState, type RefObject } from \"react\";\nimport useEventListener from \"./useEventListener\";\n\n// TODO can be replaced with useIsMouseOver\nexport default function useIsMouseEnter({ ref }: { ref: RefObject<HTMLElement> }) {\n const [isHovered, setIsHover] = useState<boolean>(false);\n\n const setHovered = useCallback(\n (event: MouseEvent) => {\n const element = ref && ref.current;\n const isEventHover = event.target === element;\n setIsHover(isEventHover);\n },\n [setIsHover, ref]\n );\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n return isHovered;\n}\n"],"names":["useIsMouseEnter","_ref","ref","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHover","setHovered","useCallback","event","target","current","setNotHovered","useEventListener","eventName","callback"],"mappings":"6MAIc,SAAUA,EAAeC,GAAyC,IAAtCC,EAAGD,EAAHC,IACxCC,EAAgCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjDI,EAASF,EAAA,GAAEG,EAAUH,EAAA,GAEtBI,EAAaC,GACjB,SAACC,GAGCH,EADqBG,EAAMC,UADXV,GAAOA,EAAIW,SAG7B,GACA,CAACL,EAAYN,IAETY,EAAgBJ,GAAY,WAAA,OAAMF,GAAW,EAAM,GAAE,CAACA,IAK5D,OAHAO,EAAiB,CAAEC,UAAW,aAAcC,SAAUR,EAAYP,IAAAA,IAClEa,EAAiB,CAAEC,UAAW,aAAcC,SAAUH,EAAeZ,IAAAA,IAE9DK,CACT"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useIsMouseOver.js","sources":["../../../src/hooks/useIsMouseOver.ts"],"sourcesContent":["import { type RefObject, useCallback, useState } from \"react\";\nimport useEventListener from \"./useEventListener\";\nimport { type GeneralEventType } from \"../types/events\";\n\nexport default function useIsMouseOver({ ref }: { ref: RefObject<HTMLElement> }): boolean {\n const [isHovered, setIsHover] = useState<boolean>(false);\n\n const element = ref && ref.current;\n const setHovered = useCallback(\n (event: GeneralEventType) => {\n const isEventHover = event.target === element;\n setIsHover(isEventHover);\n },\n [setIsHover, element]\n );\n const setNotHovered = useCallback((_event: GeneralEventType) => setIsHover(false), [setIsHover]);\n\n useEventListener({ eventName: \"mouseover\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseout\", callback: setNotHovered, ref });\n\n return isHovered;\n}\n"],"names":["useIsMouseOver","_ref","ref","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHover","element","current","setHovered","useCallback","event","target","setNotHovered","_event","useEventListener","eventName","callback"],"mappings":"6MAIc,SAAUA,EAAcC,GAAyC,IAAtCC,EAAGD,EAAHC,IACvCC,EAAgCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjDI,EAASF,EAAA,GAAEG,EAAUH,EAAA,GAEtBI,EAAUP,GAAOA,EAAIQ,QACrBC,EAAaC,GACjB,SAACC,GAECL,EADqBK,EAAMC,SAAWL,EAExC,GACA,CAACD,EAAYC,IAETM,EAAgBH,GAAY,SAACI,GAAwB,OAAKR,GAAW,~~KAAQ~~,CAACA,IAKpF,OAHAS,EAAiB,CAAEC,UAAW,YAAaC,SAAUR,EAAYT,IAAAA,IACjEe,EAAiB,CAAEC,UAAW,WAAYC,SAAUJ,EAAeb,IAAAA,IAE5DK,CACT"}
1	+ {"version":3,"file":"useIsMouseOver.js","sources":["../../../src/hooks/useIsMouseOver.ts"],"sourcesContent":["import { type RefObject, useCallback, useState } from \"react\";\nimport useEventListener from \"./useEventListener\";\nimport { type GeneralEventType } from \"../types/events\";\n\nexport default function useIsMouseOver({ ref }: { ref: RefObject<HTMLElement> }): boolean {\n const [isHovered, setIsHover] = useState<boolean>(false);\n\n const element = ref && ref.current;\n const setHovered = useCallback(\n (event: GeneralEventType) => {\n const isEventHover = event.target === element;\n setIsHover(isEventHover);\n },\n [setIsHover, element]\n );\n const setNotHovered = useCallback((_event: GeneralEventType) => setIsHover(false), [setIsHover]);\n\n useEventListener({ eventName: \"mouseover\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseout\", callback: setNotHovered, ref });\n\n return isHovered;\n}\n"],"names":["useIsMouseOver","_ref","ref","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHover","element","current","setHovered","useCallback","event","target","setNotHovered","_event","useEventListener","eventName","callback"],"mappings":"6MAIc,SAAUA,EAAcC,GAAyC,IAAtCC,EAAGD,EAAHC,IACvCC,EAAgCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAjDI,EAASF,EAAA,GAAEG,EAAUH,EAAA,GAEtBI,EAAUP,GAAOA,EAAIQ,QACrBC,EAAaC,GACjB,SAACC,GAECL,EADqBK,EAAMC,SAAWL,EAExC,GACA,CAACD,EAAYC,IAETM,EAAgBH,GAAY,SAACI,GAAwB,OAAKR,GAAW,EAAM,GAAE,CAACA,IAKpF,OAHAS,EAAiB,CAAEC,UAAW,YAAaC,SAAUR,EAAYT,IAAAA,IACjEe,EAAiB,CAAEC,UAAW,WAAYC,SAAUJ,EAAeb,IAAAA,IAE5DK,CACT"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useItemsOverflow.js","sources":["../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\n/*\n Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n containerRef,\n gap,\n deductedSpaceRef,\n deductedWidth = 0,\n itemRefs,\n minVisibleCount = 0\n}: {\n containerRef: RefObject<HTMLElement>;\n gap: number;\n deductedSpaceRef?: RefObject<HTMLElement>;\n deductedWidth?: number;\n itemRefs: RefObject<HTMLElement>[];\n minVisibleCount?: number;\n}) {\n const [visibleCount, setVisibleCount] = useState<number>(0);\n const [hasMeasured, setHasMeasured] = useState<boolean>(false);\n const itemWidthsRef = useRef<number[]>([]);\n const deductedWidthRef = useRef<number>(0);\n const isCalculatingRef = useRef(false);\n\n const calculateFromCachedWidths = useCallback(() => {\n const container = containerRef?.current;\n if (!container \|\| !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n return;\n }\n\n const containerWidth = container.offsetWidth;\n const deductedRefWidth = deductedWidthRef.current;\n // Only apply fixed deductedWidth when container has measurable width (avoids issues in test environments)\n const availableWidth = containerWidth - deductedRefWidth - (containerWidth > 0 ? deductedWidth : 0);\n\n let totalItemsWidth = 0;\n let count = 0;\n\n const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n for (let i = 0; i < maxIter; i++) {\n const itemWidth = itemWidthsRef.current[i];\n const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n totalItemsWidth += itemWidthWithGap;\n count++;\n } else {\n break;\n }\n }\n\n // Ensure at least minVisibleCount items are visible\n const finalCount = Math.max(count, Math.min(minVisibleCount, maxIter));\n setVisibleCount(finalCount);\n }, [containerRef, itemRefs, gap, minVisibleCount, deductedWidth]);\n\n const measureDeductedWidth = useCallback(() => {\n if (deductedSpaceRef?.current) {\n deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n } else {\n deductedWidthRef.current = 0;\n }\n }, [deductedSpaceRef]);\n\n const measureAndCacheItemsSync = useCallback(() => {\n const container = containerRef.current;\n if (!container \|\| !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n setHasMeasured(true);\n return;\n }\n\n measureDeductedWidth();\n\n const itemElements = itemRefs.map(ref => ref.current).filter(el => el !== null) as HTMLElement[];\n\n if (itemElements.length === 0) {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n setHasMeasured(true);\n return;\n }\n\n itemWidthsRef.current = itemElements.map(item => item.getBoundingClientRect().width);\n calculateFromCachedWidths();\n setHasMeasured(true);\n }, [containerRef, itemRefs, calculateFromCachedWidths, measureDeductedWidth]);\n\n const measureAndCacheItems = useCallback(() => {\n if (isCalculatingRef.current) return;\n isCalculatingRef.current = true;\n\n requestAnimationFrame(() => {\n try {\n measureAndCacheItemsSync();\n } finally {\n isCalculatingRef.current = false;\n }\n });\n }, [measureAndCacheItemsSync]);\n\n useIsomorphicLayoutEffect(() => {\n if (!containerRef.current) return;\n\n const resizeObserver = new ResizeObserver(() => {\n if (itemRefs.length > 0) {\n if (itemWidthsRef.current.length) {\n measureDeductedWidth();\n calculateFromCachedWidths();\n } else {\n measureAndCacheItems();\n }\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n }\n });\n\n resizeObserver.observe(containerRef.current);\n\n if (deductedSpaceRef?.current) {\n resizeObserver.observe(deductedSpaceRef.current);\n }\n\n return () => resizeObserver.disconnect();\n }, [containerRef, deductedSpaceRef, measureDeductedWidth, calculateFromCachedWidths, measureAndCacheItems, itemRefs]);\n\n useIsomorphicLayoutEffect(() => {\n if (itemRefs.length > 0) {\n setHasMeasured(false);\n // Use synchronous measurement for initial render to prevent delay\n measureAndCacheItemsSync();\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n setHasMeasured(true);\n }\n }, [itemRefs, measureAndCacheItemsSync]);\n\n return { visibleCount, hasMeasured };\n}\n"],"names":["useItemsOverflow","_ref","containerRef","gap","deductedSpaceRef","_ref$deductedWidth","deductedWidth","itemRefs","_ref$minVisibleCount","minVisibleCount","_useState","useState","_useState2","_slicedToArray","visibleCount","setVisibleCount","_useState3","_useState4","hasMeasured","setHasMeasured","itemWidthsRef","useRef","deductedWidthRef","isCalculatingRef","calculateFromCachedWidths","useCallback","container","current","length","containerWidth","offsetWidth","availableWidth","totalItemsWidth","count","maxIter","Math","min","i","itemWidth","itemWidthWithGap","max","measureDeductedWidth","getBoundingClientRect","width","measureAndCacheItemsSync","itemElements","map","ref","filter","el","item","measureAndCacheItems","requestAnimationFrame","useIsomorphicLayoutEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"~~qPAMwB~~,~~SAAAA~~,EAAgBC,GAcvC,IAbCC,EAAYD,EAAZC,aACAC,EAAGF,EAAHE,IACAC,EAAgBH,EAAhBG,iBAAgBC,EAAAJ,EAChBK,cAAAA,~~OAAgB~~,~~IAAHD~~,EAAG,EAACA,EACjBE,EAAQN,EAARM,SAAQC,EAAAP,EACRQ,gBAAAA,~~OAAkB~~,~~IAAHD~~,EAAG,EAACA,EASnBE,EAAwCC,EAAiB,GAAEC,EAAAC,EAAAH,EAAA,GAApDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GACpCI,EAAsCL,GAAkB,GAAMM,EAAAJ,EAAAG,EAAA,GAAvDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAC5BG,EAAgBC,EAAiB,IACjCC,EAAmBD,EAAe,GAClCE,EAAmBF,GAAO,GAE1BG,EAA4BC,GAAY,WAC5C,IAAMC,EAAYxB,~~aAAA~~,~~EAAAA~~,EAAcyB,QAChC,GAAKD,GAAcnB,EAASqB,OAA5B,CAeA,IAVA,IAAMC,EAAiBH,EAAUI,YAG3BC,EAAiBF,EAFEP,EAAiBK,SAEkBE,EAAiB,EAAIvB,EAAgB,GAE7F0B,EAAkB,EAClBC,EAAQ,EAENC,EAAUC,KAAKC,IAAI7B,EAASqB,OAAQR,EAAcO,QAAQC,QAEvDS,EAAI,EAAOH,EAAJG,EAAaA,IAAK,CAChC,IAAMC,EAAYlB,EAAcO,QAAQU,GAClCE,EAAmBF,EAAI,EAAIC,EAAYnC,EAAMmC,EAEnD,GAAIN,EAAkBO,EAAoBR,EAIxC,MAHAC,GAAmBO,EACnBN,GAIJ,CAIAlB,EADmBoB,KAAKK,IAAIP,EAAOE,KAAKC,IAAI3B,EAAiByB,IAzB7D,MAFEnB,EAAgBR,EAASqB,OA6B7B,GAAG,CAAC1B,EAAcK,EAAUJ,EAAKM,EAAiBH,IAE5CmC,EAAuBhB,GAAY,WAErCH,EAAiBK,SADfvB,aAAgB,EAAhBA,EAAkBuB,SACOvB,EAAiBuB,QAAQe,wBAAwBC,MAEjD,CAE/B,GAAG,CAACvC,IAEEwC,EAA2BnB,GAAY,WAE3C,IADkBvB,EAAayB,UACZpB,EAASqB,OAG1B,OAFAb,EAAgBR,EAASqB,aACzBT,GAAe,GAIjBsB,IAEA,IAAMI,EAAetC,EAASuC,KAAI,SAAAC,GAAG,OAAIA,EAAIpB,OAAO,IAAEqB,QAAO,SAAAC,GAAE,OAAW,OAAPA,~~KAEnE~~,GAA4B,IAAxBJ,EAAajB,OAIf,OAHAb,EAAgB,GAChBK,EAAcO,QAAU,QACxBR,GAAe,GAIjBC,EAAcO,QAAUkB,EAAaC,KAAI,SAAAI,GAAI,OAAIA,EAAKR,wBAAwBC,~~SAC9EnB~~,IACAL,GAAe,~~EAChB~~,~~GAAE~~,CAACjB,EAAcK,EAAUiB,EAA2BiB,IAEjDU,EAAuB1B,GAAY,WACnCF,EAAiBI,UACrBJ,EAAiBI,SAAU,EAE3ByB,uBAAsB,WACpB,IACER,GACF,~~CAAU~~,~~QACRrB~~,EAAiBI,SAAU,CAC7B,CACF,IACF,GAAG,CAACiB,IAwCJ,OAtCAS,GAA0B,WACxB,GAAKnD,EAAayB,QAAlB,CAEA,IAAM2B,EAAiB,IAAIC,gBAAe,WACpChD,EAASqB,OAAS,EAChBR,EAAcO,QAAQC,QACxBa,IACAjB,KAEA2B,KAGFpC,EAAgB,GAChBK,EAAcO,QAAU,GAE5B,IAQA,OANA2B,EAAeE,QAAQtD,EAAayB,UAEhCvB,aAAgB,EAAhBA,EAAkBuB,UACpB2B,EAAeE,QAAQpD,EAAiBuB,SAGnC,WAAA,OAAM2B,EAAeG,YAAY,CAtBb,CAuB7B,GAAG,CAACvD,EAAcE,EAAkBqC,EAAsBjB,EAA2B2B,EAAsB5C,IAE3G8C,GAA0B,WACpB9C,EAASqB,OAAS,GACpBT,GAAe,GAEfyB,MAEA7B,EAAgB,GAChBK,EAAcO,QAAU,GACxBR,GAAe,GAEnB,GAAG,CAACZ,EAAUqC,IAEP,CAAE9B,aAAAA,EAAcI,YAAAA,EACzB"}
1	+ {"version":3,"file":"useItemsOverflow.js","sources":["../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { type RefObject, useCallback, useState, useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\n/*\n Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n containerRef,\n gap,\n deductedSpaceRef,\n deductedWidth = 0,\n itemRefs,\n minVisibleCount = 0\n}: {\n containerRef: RefObject<HTMLElement>;\n gap: number;\n deductedSpaceRef?: RefObject<HTMLElement>;\n deductedWidth?: number;\n itemRefs: RefObject<HTMLElement>[];\n minVisibleCount?: number;\n}) {\n const [visibleCount, setVisibleCount] = useState<number>(0);\n const [hasMeasured, setHasMeasured] = useState<boolean>(false);\n const itemWidthsRef = useRef<number[]>([]);\n const deductedWidthRef = useRef<number>(0);\n const isCalculatingRef = useRef(false);\n\n const calculateFromCachedWidths = useCallback(() => {\n const container = containerRef?.current;\n if (!container \|\| !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n return;\n }\n\n const containerWidth = container.offsetWidth;\n const deductedRefWidth = deductedWidthRef.current;\n // Only apply fixed deductedWidth when container has measurable width (avoids issues in test environments)\n const availableWidth = containerWidth - deductedRefWidth - (containerWidth > 0 ? deductedWidth : 0);\n\n let totalItemsWidth = 0;\n let count = 0;\n\n const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n for (let i = 0; i < maxIter; i++) {\n const itemWidth = itemWidthsRef.current[i];\n const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n totalItemsWidth += itemWidthWithGap;\n count++;\n } else {\n break;\n }\n }\n\n // Ensure at least minVisibleCount items are visible\n const finalCount = Math.max(count, Math.min(minVisibleCount, maxIter));\n setVisibleCount(finalCount);\n }, [containerRef, itemRefs, gap, minVisibleCount, deductedWidth]);\n\n const measureDeductedWidth = useCallback(() => {\n if (deductedSpaceRef?.current) {\n deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n } else {\n deductedWidthRef.current = 0;\n }\n }, [deductedSpaceRef]);\n\n const measureAndCacheItemsSync = useCallback(() => {\n const container = containerRef.current;\n if (!container \|\| !itemRefs.length) {\n setVisibleCount(itemRefs.length);\n setHasMeasured(true);\n return;\n }\n\n measureDeductedWidth();\n\n const itemElements = itemRefs.map(ref => ref.current).filter(el => el !== null) as HTMLElement[];\n\n if (itemElements.length === 0) {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n setHasMeasured(true);\n return;\n }\n\n itemWidthsRef.current = itemElements.map(item => item.getBoundingClientRect().width);\n calculateFromCachedWidths();\n setHasMeasured(true);\n }, [containerRef, itemRefs, calculateFromCachedWidths, measureDeductedWidth]);\n\n const measureAndCacheItems = useCallback(() => {\n if (isCalculatingRef.current) return;\n isCalculatingRef.current = true;\n\n requestAnimationFrame(() => {\n try {\n measureAndCacheItemsSync();\n } finally {\n isCalculatingRef.current = false;\n }\n });\n }, [measureAndCacheItemsSync]);\n\n useIsomorphicLayoutEffect(() => {\n if (!containerRef.current) return;\n\n const resizeObserver = new ResizeObserver(() => {\n if (itemRefs.length > 0) {\n if (itemWidthsRef.current.length) {\n measureDeductedWidth();\n calculateFromCachedWidths();\n } else {\n measureAndCacheItems();\n }\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n }\n });\n\n resizeObserver.observe(containerRef.current);\n\n if (deductedSpaceRef?.current) {\n resizeObserver.observe(deductedSpaceRef.current);\n }\n\n return () => resizeObserver.disconnect();\n }, [containerRef, deductedSpaceRef, measureDeductedWidth, calculateFromCachedWidths, measureAndCacheItems, itemRefs]);\n\n useIsomorphicLayoutEffect(() => {\n if (itemRefs.length > 0) {\n setHasMeasured(false);\n // Use synchronous measurement for initial render to prevent delay\n measureAndCacheItemsSync();\n } else {\n setVisibleCount(0);\n itemWidthsRef.current = [];\n setHasMeasured(true);\n }\n }, [itemRefs, measureAndCacheItemsSync]);\n\n return { visibleCount, hasMeasured };\n}\n"],"names":["useItemsOverflow","_ref","containerRef","gap","deductedSpaceRef","_ref$deductedWidth","deductedWidth","itemRefs","_ref$minVisibleCount","minVisibleCount","_useState","useState","_useState2","_slicedToArray","visibleCount","setVisibleCount","_useState3","_useState4","hasMeasured","setHasMeasured","itemWidthsRef","useRef","deductedWidthRef","isCalculatingRef","calculateFromCachedWidths","useCallback","container","current","length","containerWidth","offsetWidth","availableWidth","totalItemsWidth","count","maxIter","Math","min","i","itemWidth","itemWidthWithGap","max","measureDeductedWidth","getBoundingClientRect","width","measureAndCacheItemsSync","itemElements","map","ref","filter","el","item","measureAndCacheItems","requestAnimationFrame","useIsomorphicLayoutEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"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"}

package/dist/src/hooks/useMediaQuery/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/hooks/useMediaQuery/index.ts"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nexport function useMediaQuery(query: string \| string[]) {\n const queries = useMemo(() => {\n return Array.isArray(query) ? query : [query];\n }, [query]);\n\n const [matches, setMatches] = useState(queries.map(query => !!window.matchMedia(query).matches));\n\n useIsomorphicLayoutEffect(() => {\n const mediaQueryList = queries.map(query => window.matchMedia(query));\n const updated: [MediaQueryList, (event: MediaQueryListEvent) => void][] = mediaQueryList.map((query, index) => {\n // we save the callback function so when we unmount we could remove the listener\n const callback = (event: MediaQueryListEvent) => {\n setMatches(prevState => {\n const newQueries = [...prevState];\n newQueries[index] = event.matches;\n return newQueries;\n });\n };\n query.addEventListener(\"change\", callback);\n return [query, callback];\n });\n return () => {\n updated.forEach(([query, callback]) => {\n query.removeEventListener(\"change\", callback);\n });\n };\n }, [queries, setMatches]);\n return matches;\n}\nexport default useMediaQuery;\n"],"names":["useMediaQuery","query","queries","useMemo","Array","isArray","_useState","useState","map","window","matchMedia","matches","_useState2","_slicedToArray","setMatches","useIsomorphicLayoutEffect","mediaQueryList","updated","index","callback","event","prevState","newQueries","_toConsumableArray","addEventListener","forEach","_ref","_ref2","removeEventListener"],"mappings":"4PAGM,SAAUA,EAAcC,GAC5B,IAAMC,EAAUC,GAAQ,WACtB,OAAOC,MAAMC,QAAQJ,GAASA,EAAQ,CAACA,EACzC,GAAG,CAACA,IAEJK,EAA8BC,EAASL,EAAQM,KAAI,SAAAP,GAAK,QAAMQ,OAAOC,WAAWT,GAAOU,OAAO,KAAEC,EAAAC,EAAAP,EAAA,GAAzFK,EAAOC,EAAA,GAAEE,EAAUF,EAAA,GAsB1B,OApBAG,GAA0B,WACxB,IAAMC,EAAiBd,EAAQM,KAAI,SAAAP,GAAK,OAAIQ,OAAOC,WAAWT,~~MACxDgB~~,EAAoED,EAAeR,KAAI,SAACP,EAAOiB,GAEnG,IAAMC,EAAW,SAACC,GAChBN,GAAW,SAAAO,GACT,IAAMC,EAAUC,EAAOF,GAEvB,OADAC,EAAWJ,GAASE,EAAMT,QACnBW,CACT,~~KAGF~~,OADArB,EAAMuB,iBAAiB,SAAUL,GAC1B,CAAClB,EAAOkB,EACjB,IACA,OAAO,WACLF,EAAQQ,SAAQ,SAAAC,GAAsB,IAAAC,EAAAd,EAAAa,EAAA,GAAfC,EAAA,GACfC,oBAAoB,SADKD,EAAA,GAEjC,~~IAEJ~~,GAAG,CAACzB,EAASY,IACNH,CACT"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/hooks/useMediaQuery/index.ts"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nexport function useMediaQuery(query: string \| string[]) {\n const queries = useMemo(() => {\n return Array.isArray(query) ? query : [query];\n }, [query]);\n\n const [matches, setMatches] = useState(queries.map(query => !!window.matchMedia(query).matches));\n\n useIsomorphicLayoutEffect(() => {\n const mediaQueryList = queries.map(query => window.matchMedia(query));\n const updated: [MediaQueryList, (event: MediaQueryListEvent) => void][] = mediaQueryList.map((query, index) => {\n // we save the callback function so when we unmount we could remove the listener\n const callback = (event: MediaQueryListEvent) => {\n setMatches(prevState => {\n const newQueries = [...prevState];\n newQueries[index] = event.matches;\n return newQueries;\n });\n };\n query.addEventListener(\"change\", callback);\n return [query, callback];\n });\n return () => {\n updated.forEach(([query, callback]) => {\n query.removeEventListener(\"change\", callback);\n });\n };\n }, [queries, setMatches]);\n return matches;\n}\nexport default useMediaQuery;\n"],"names":["useMediaQuery","query","queries","useMemo","Array","isArray","_useState","useState","map","window","matchMedia","matches","_useState2","_slicedToArray","setMatches","useIsomorphicLayoutEffect","mediaQueryList","updated","index","callback","event","prevState","newQueries","_toConsumableArray","addEventListener","forEach","_ref","_ref2","removeEventListener"],"mappings":"4PAGM,SAAUA,EAAcC,GAC5B,IAAMC,EAAUC,GAAQ,WACtB,OAAOC,MAAMC,QAAQJ,GAASA,EAAQ,CAACA,EACzC,GAAG,CAACA,IAEJK,EAA8BC,EAASL,EAAQM,KAAI,SAAAP,GAAK,QAAMQ,OAAOC,WAAWT,GAAOU,OAAO,KAAEC,EAAAC,EAAAP,EAAA,GAAzFK,EAAOC,EAAA,GAAEE,EAAUF,EAAA,GAsB1B,OApBAG,GAA0B,WACxB,IAAMC,EAAiBd,EAAQM,KAAI,SAAAP,GAAK,OAAIQ,OAAOC,WAAWT,EAAM,IAC9DgB,EAAoED,EAAeR,KAAI,SAACP,EAAOiB,GAEnG,IAAMC,EAAW,SAACC,GAChBN,GAAW,SAAAO,GACT,IAAMC,EAAUC,EAAOF,GAEvB,OADAC,EAAWJ,GAASE,EAAMT,QACnBW,CACT,GACF,EAEA,OADArB,EAAMuB,iBAAiB,SAAUL,GAC1B,CAAClB,EAAOkB,EACjB,IACA,OAAO,WACLF,EAAQQ,SAAQ,SAAAC,GAAsB,IAAAC,EAAAd,EAAAa,EAAA,GAAfC,EAAA,GACfC,oBAAoB,SADKD,EAAA,GAEjC,GACF,CACF,GAAG,CAACzB,EAASY,IACNH,CACT"}

package/dist/src/hooks/usePrevious/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/hooks/usePrevious/index.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nexport default function usePrevious<Type>(value: Type): Type {\n const ref = useRef(undefined);\n useIsomorphicLayoutEffect(() => {\n ref.current = value;\n });\n return ref.current;\n}\n"],"names":["usePrevious","value","ref","useRef","undefined","useIsomorphicLayoutEffect","current"],"mappings":"~~uIAGwB~~,~~SAAAA~~,EAAkBC,GACxC,IAAMC,EAAMC,OAAOC,GAInB,OAHAC,GAA0B,WACxBH,EAAII,QAAUL,CAChB,IACOC,EAAII,OACb"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/hooks/usePrevious/index.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nexport default function usePrevious<Type>(value: Type): Type {\n const ref = useRef(undefined);\n useIsomorphicLayoutEffect(() => {\n ref.current = value;\n });\n return ref.current;\n}\n"],"names":["usePrevious","value","ref","useRef","undefined","useIsomorphicLayoutEffect","current"],"mappings":"uIAGc,SAAUA,EAAkBC,GACxC,IAAMC,EAAMC,OAAOC,GAInB,OAHAC,GAA0B,WACxBH,EAAII,QAAUL,CAChB,IACOC,EAAII,OACb"}

package/dist/src/hooks/useSetFocus/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/hooks/useSetFocus/index.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useState } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\n// TODO: [breaking] rename to useFocus? and maybe change signature to be like useHover?\nexport default function useSetFocus({\n ref,\n focusCallback,\n blurCallback\n}: {\n ref: RefObject<HTMLElement>;\n focusCallback?: () => void;\n blurCallback?: () => void;\n}) {\n const [isFocused, setIsFocused] = useState(false);\n const isFocusedPrev = usePrevious(isFocused);\n\n useEffect(() => {\n if (isFocusedPrev === undefined) {\n // Don't call callback on first render\n return;\n }\n\n // Calling back from here to be sure that isFocused value have already been updated\n if (isFocused) {\n focusCallback && focusCallback();\n } else {\n blurCallback && blurCallback();\n }\n }, [blurCallback, focusCallback, isFocused, isFocusedPrev]);\n\n const focus = useCallback(() => {\n ref.current.focus();\n }, [ref]);\n\n const blur = useCallback(() => {\n ref.current.blur();\n }, [ref]);\n\n const onFocus = () => {\n setIsFocused(true);\n };\n\n const onBlur = () => {\n setIsFocused(false);\n };\n\n useEventListener({\n eventName: \"focus\",\n ref,\n callback: onFocus\n });\n\n useEventListener({\n eventName: \"blur\",\n ref,\n callback: onBlur\n });\n\n return { isFocused, focus, blur };\n}\n"],"names":["useSetFocus","_ref","ref","focusCallback","blurCallback","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","isFocusedPrev","usePrevious","useEffect","undefined","focus","useCallback","current","blur","useEventListener","eventName","callback"],"mappings":"yQAKc,SAAUA,EAAWC,GAQlC,IAPCC,EAAGD,EAAHC,IACAC,EAAaF,EAAbE,cACAC,EAAYH,EAAZG,aAMAC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAgBC,EAAYH,GAElCI,GAAU,gBACcC,IAAlBH,IAMAF,EACFN,GAAiBA,IAEjBC,GAAgBA,~~IAEnB~~,~~GAAE~~,CAACA,EAAcD,EAAeM,EAAWE,IAE5C,IAAMI,EAAQC,GAAY,WACxBd,EAAIe,QAAQF,OACd,GAAG,CAACb,IAEEgB,EAAOF,GAAY,WACvBd,EAAIe,QAAQC,MACd,GAAG,CAAChB,IAsBJ,OAZAiB,EAAiB,CACfC,UAAW,QACXlB,IAAAA,EACAmB,SAXc,WACdX,GAAa,~~MAafS~~,EAAiB,CACfC,UAAW,OACXlB,IAAAA,EACAmB,SAba,WACbX,GAAa,~~MAeR~~,CAAED,UAAAA,EAAWM,MAAAA,EAAOG,KAAAA,EAC7B"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/hooks/useSetFocus/index.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useState } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\n// TODO: [breaking] rename to useFocus? and maybe change signature to be like useHover?\nexport default function useSetFocus({\n ref,\n focusCallback,\n blurCallback\n}: {\n ref: RefObject<HTMLElement>;\n focusCallback?: () => void;\n blurCallback?: () => void;\n}) {\n const [isFocused, setIsFocused] = useState(false);\n const isFocusedPrev = usePrevious(isFocused);\n\n useEffect(() => {\n if (isFocusedPrev === undefined) {\n // Don't call callback on first render\n return;\n }\n\n // Calling back from here to be sure that isFocused value have already been updated\n if (isFocused) {\n focusCallback && focusCallback();\n } else {\n blurCallback && blurCallback();\n }\n }, [blurCallback, focusCallback, isFocused, isFocusedPrev]);\n\n const focus = useCallback(() => {\n ref.current.focus();\n }, [ref]);\n\n const blur = useCallback(() => {\n ref.current.blur();\n }, [ref]);\n\n const onFocus = () => {\n setIsFocused(true);\n };\n\n const onBlur = () => {\n setIsFocused(false);\n };\n\n useEventListener({\n eventName: \"focus\",\n ref,\n callback: onFocus\n });\n\n useEventListener({\n eventName: \"blur\",\n ref,\n callback: onBlur\n });\n\n return { isFocused, focus, blur };\n}\n"],"names":["useSetFocus","_ref","ref","focusCallback","blurCallback","_useState","useState","_useState2","_slicedToArray","isFocused","setIsFocused","isFocusedPrev","usePrevious","useEffect","undefined","focus","useCallback","current","blur","useEventListener","eventName","callback"],"mappings":"yQAKc,SAAUA,EAAWC,GAQlC,IAPCC,EAAGD,EAAHC,IACAC,EAAaF,EAAbE,cACAC,EAAYH,EAAZG,aAMAC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAgBC,EAAYH,GAElCI,GAAU,gBACcC,IAAlBH,IAMAF,EACFN,GAAiBA,IAEjBC,GAAgBA,IAEpB,GAAG,CAACA,EAAcD,EAAeM,EAAWE,IAE5C,IAAMI,EAAQC,GAAY,WACxBd,EAAIe,QAAQF,OACd,GAAG,CAACb,IAEEgB,EAAOF,GAAY,WACvBd,EAAIe,QAAQC,MACd,GAAG,CAAChB,IAsBJ,OAZAiB,EAAiB,CACfC,UAAW,QACXlB,IAAAA,EACAmB,SAXc,WACdX,GAAa,EACf,IAYAS,EAAiB,CACfC,UAAW,OACXlB,IAAAA,EACAmB,SAba,WACbX,GAAa,EACf,IAcO,CAAED,UAAAA,EAAWM,MAAAA,EAAOG,KAAAA,EAC7B"}

package/dist/src/hooks/useSwitch/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/hooks/useSwitch/index.ts"],"sourcesContent":["import { type ChangeEvent, useCallback, useEffect, useState } from \"react\";\n\nenum SwitchRole {\n CHECKBOX = \"checkbox\",\n BUTTON = \"button\"\n}\n\nexport interface UseSwitchProps {\n /*\n If true, controls the checked state of the switch.\n /\n isChecked?: boolean;\n /\n The initial checked state when uncontrolled.\n /\n defaultChecked?: boolean;\n /\n Callback fired when the switch state changes.\n /\n onChange?: (value: boolean, event?: ChangeEvent<HTMLInputElement> \| unknown) => void;\n /\n If true, disables interaction with the switch.\n */\n isDisabled?: boolean;\n}\n\nexport default function useSwitch({ isChecked, defaultChecked, onChange, isDisabled }: UseSwitchProps = {}) {\n // if isChecked is empty, set defaultChecked value (default false value)\n const overrideCheckedInitial = isChecked ?? !!defaultChecked;\n const [overrideChecked, setOverrideChecked] = useState(overrideCheckedInitial);\n\n const overrideOnChange = useCallback(\n (event?: ChangeEvent<HTMLInputElement> \| unknown) => {\n if (isDisabled) {\n return;\n }\n const newChecked = !overrideChecked;\n if (isChecked === undefined) {\n setOverrideChecked(newChecked);\n }\n if (event && typeof event === \"object\" && \"target\" in event) {\n onChange?.(newChecked, event);\n } else {\n onChange?.(newChecked);\n }\n },\n [isChecked, isDisabled, onChange, overrideChecked]\n );\n\n useEffect(() => {\n if (isChecked !== undefined) {\n setOverrideChecked(isChecked);\n }\n }, [isChecked]);\n\n return { isChecked: overrideChecked, onChange: overrideOnChange };\n}\n\nuseSwitch.switchRole = SwitchRole;\n"],"names":["SwitchRole","useSwitch","_ref","arguments","length","undefined","isChecked","onChange","isDisabled","_useState","useState","defaultChecked","_useState2","_slicedToArray","overrideChecked","setOverrideChecked","overrideOnChange","useCallback","event","newChecked","_typeof","useEffect","switchRole"],"mappings":"4JAEA,IAAKA,~~EAwBmB~~,~~SAAAC~~,IAAkF,IAAAC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAF,~~CAAE~~,~~EAAtEG~~,EAASJ,EAATI,UAA2BC,EAAQL,EAARK,SAAUC,EAAUN,EAAVM,WAGvEC,EAA8CC,EADfJ,QAAAA,IAF4BJ,EAAdS,gBAGiCC,EAAAC,EAAAJ,EAAA,GAAvEK,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAmBC,GACvB,SAACC,GACC,IAAIV,EAAJ,CAGA,IAAMW,GAAcL,OACFT,IAAdC,GACFS,EAAmBI,GAEjBD,GAA0B,WAAjBE,EAAOF,IAAsB,WAAYA,EACpDX,SAAAA,EAAWY,EAAYD,GAEvBX,SAAAA,EAAWY,EARb,~~CAUD~~,~~GACD~~,CAACb,EAAWE,EAAYD,EAAUO,IASpC,OANAO,GAAU,gBACUhB,IAAdC,GACFS,EAAmBT,EAEvB,GAAG,CAACA,IAEG,CAAEA,UAAWQ,EAAiBP,SAAUS,EACjD,EAtDA,SAAKhB,GACHA,EAAA,SAAA,WACAA,EAAA,OAAA,QACD,CAHD,CAAKA,IAAAA,~~EAGJ~~,CAAA,~~IAqDDC~~,EAAUqB,WAAatB"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/hooks/useSwitch/index.ts"],"sourcesContent":["import { type ChangeEvent, useCallback, useEffect, useState } from \"react\";\n\nenum SwitchRole {\n CHECKBOX = \"checkbox\",\n BUTTON = \"button\"\n}\n\nexport interface UseSwitchProps {\n /*\n If true, controls the checked state of the switch.\n /\n isChecked?: boolean;\n /\n The initial checked state when uncontrolled.\n /\n defaultChecked?: boolean;\n /\n Callback fired when the switch state changes.\n /\n onChange?: (value: boolean, event?: ChangeEvent<HTMLInputElement> \| unknown) => void;\n /\n If true, disables interaction with the switch.\n */\n isDisabled?: boolean;\n}\n\nexport default function useSwitch({ isChecked, defaultChecked, onChange, isDisabled }: UseSwitchProps = {}) {\n // if isChecked is empty, set defaultChecked value (default false value)\n const overrideCheckedInitial = isChecked ?? !!defaultChecked;\n const [overrideChecked, setOverrideChecked] = useState(overrideCheckedInitial);\n\n const overrideOnChange = useCallback(\n (event?: ChangeEvent<HTMLInputElement> \| unknown) => {\n if (isDisabled) {\n return;\n }\n const newChecked = !overrideChecked;\n if (isChecked === undefined) {\n setOverrideChecked(newChecked);\n }\n if (event && typeof event === \"object\" && \"target\" in event) {\n onChange?.(newChecked, event);\n } else {\n onChange?.(newChecked);\n }\n },\n [isChecked, isDisabled, onChange, overrideChecked]\n );\n\n useEffect(() => {\n if (isChecked !== undefined) {\n setOverrideChecked(isChecked);\n }\n }, [isChecked]);\n\n return { isChecked: overrideChecked, onChange: overrideOnChange };\n}\n\nuseSwitch.switchRole = SwitchRole;\n"],"names":["SwitchRole","useSwitch","_ref","arguments","length","undefined","isChecked","onChange","isDisabled","_useState","useState","defaultChecked","_useState2","_slicedToArray","overrideChecked","setOverrideChecked","overrideOnChange","useCallback","event","newChecked","_typeof","useEffect","switchRole"],"mappings":"4JAEA,IAAKA,EAwBS,SAAUC,IAAkF,IAAAC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAF,CAAA,EAApEG,EAASJ,EAATI,UAA2BC,EAAQL,EAARK,SAAUC,EAAUN,EAAVM,WAGvEC,EAA8CC,EADfJ,QAAAA,IAF4BJ,EAAdS,gBAGiCC,EAAAC,EAAAJ,EAAA,GAAvEK,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAmBC,GACvB,SAACC,GACC,IAAIV,EAAJ,CAGA,IAAMW,GAAcL,OACFT,IAAdC,GACFS,EAAmBI,GAEjBD,GAA0B,WAAjBE,EAAOF,IAAsB,WAAYA,EACpDX,SAAAA,EAAWY,EAAYD,GAEvBX,SAAAA,EAAWY,EARb,CAUF,GACA,CAACb,EAAWE,EAAYD,EAAUO,IASpC,OANAO,GAAU,gBACUhB,IAAdC,GACFS,EAAmBT,EAEvB,GAAG,CAACA,IAEG,CAAEA,UAAWQ,EAAiBP,SAAUS,EACjD,EAtDA,SAAKhB,GACHA,EAAA,SAAA,WACAA,EAAA,OAAA,QACD,CAHD,CAAKA,IAAAA,EAAU,CAAA,IAwDfC,EAAUqB,WAAatB"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useThrottledCallback.js","sources":["../../../src/hooks/useThrottledCallback.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { throttle } from \"es-toolkit\";\n\nexport default function useThrottledCallback(\n callback: (...args: Array<unknown>) => void,\n { wait, trailing = true }: { wait: number; trailing: boolean },\n dependencies: Array<unknown>\n) {\n const throttledFunction = useMemo(() => {\n const edges: (\"leading\" \| \"trailing\")[] = trailing ? [\"leading\", \"trailing\"] : [\"leading\"];\n return throttle(callback, wait, { edges });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [wait, trailing, ...dependencies]);\n\n const throttledCallback = useCallback(throttledFunction, [throttledFunction]);\n\n return throttledCallback;\n}\n"],"names":["useThrottledCallback","callback","_ref","dependencies","wait","_ref$trailing","trailing","throttledFunction","useMemo","throttle","edges","concat","_toConsumableArray","useCallback"],"mappings":"~~uKAGwB~~,~~SAAAA~~,EACtBC,EAA2CC,EAE3CC,GAA4B,IAD1BC,EAAIF,EAAJE,KAAIC,EAAAH,EAAEI,SAAAA,~~OAAW~~,~~IAAHD~~,GAAOA,EAGjBE,EAAoBC,GAAQ,WAEhC,OAAOC,EAASR,EAAUG,EAAM,CAAEM,MADQJ,EAAW,CAAC,UAAW,YAAc,CAAC,~~eAGjF~~,CAAGF,EAAME,GAAQK,OAAAC,EAAKT,KAIvB,OAF0BU,EAAYN,EAAmB,CAACA,GAG5D"}
1	+ {"version":3,"file":"useThrottledCallback.js","sources":["../../../src/hooks/useThrottledCallback.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { throttle } from \"es-toolkit\";\n\nexport default function useThrottledCallback(\n callback: (...args: Array<unknown>) => void,\n { wait, trailing = true }: { wait: number; trailing: boolean },\n dependencies: Array<unknown>\n) {\n const throttledFunction = useMemo(() => {\n const edges: (\"leading\" \| \"trailing\")[] = trailing ? [\"leading\", \"trailing\"] : [\"leading\"];\n return throttle(callback, wait, { edges });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [wait, trailing, ...dependencies]);\n\n const throttledCallback = useCallback(throttledFunction, [throttledFunction]);\n\n return throttledCallback;\n}\n"],"names":["useThrottledCallback","callback","_ref","dependencies","wait","_ref$trailing","trailing","throttledFunction","useMemo","throttle","edges","concat","_toConsumableArray","useCallback"],"mappings":"uKAGc,SAAUA,EACtBC,EAA2CC,EAE3CC,GAA4B,IAD1BC,EAAIF,EAAJE,KAAIC,EAAAH,EAAEI,SAAAA,OAAQ,IAAAD,GAAOA,EAGjBE,EAAoBC,GAAQ,WAEhC,OAAOC,EAASR,EAAUG,EAAM,CAAEM,MADQJ,EAAW,CAAC,UAAW,YAAc,CAAC,YAGlF,GAAC,CAAGF,EAAME,GAAQK,OAAAC,EAAKT,KAIvB,OAF0BU,EAAYN,EAAmB,CAACA,GAG5D"}

package/dist/src/hooks/useTimeout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/hooks/useTimeout/index.ts"],"sourcesContent":["import { useEffect, useRef, useCallback } from \"react\";\nimport { noop } from \"es-toolkit\";\n\nexport default function useTimeout({\n time = 0,\n callback,\n ignoreZeroTime = false\n}: {\n callback: () => void;\n time?: number;\n ignoreZeroTime?: boolean;\n}) {\n const ignoreTimeout = time === 0 && ignoreZeroTime;\n const timeoutId = useRef(null);\n const cancelTimeout = useCallback(() => {\n if (!timeoutId.current) {\n return;\n }\n clearTimeout(timeoutId.current);\n }, [timeoutId]);\n\n useEffect(() => {\n if (ignoreTimeout) {\n return;\n }\n\n timeoutId.current = setTimeout(callback, time);\n return () => {\n clearTimeout(timeoutId.current);\n };\n }, [callback, time, timeoutId, ignoreTimeout]);\n\n if (ignoreTimeout) {\n return [noop];\n }\n return [cancelTimeout];\n}\n"],"names":["useTimeout","_ref","_ref$time","time","callback","_ref$ignoreZeroTime","ignoreZeroTime","ignoreTimeout","timeoutId","useRef","cancelTimeout","useCallback","current","clearTimeout","useEffect","setTimeout","noop"],"mappings":"~~iGAGwB~~,~~SAAAA~~,EAAUC,GAQjC,IAAAC,EAAAD,EAPCE,KAAAA,~~OAAO~~,~~IAAHD~~,EAAG,EAACA,EACRE,EAAQH,EAARG,SAAQC,EAAAJ,EACRK,eAMMC,EAAyB,IAATJ,~~SANL~~,~~IAAHE~~,GAAQA,GAOhBG,EAAYC,EAAO,MACnBC,EAAgBC,GAAY,WAC3BH,EAAUI,SAGfC,aAAaL,EAAUI,QACzB,GAAG,CAACJ,IAaJ,OAXAM,GAAU,WACR,IAAIP,EAKJ,OADAC,EAAUI,QAAUG,WAAWX,EAAUD,GAClC,WACLU,aAAaL,EAAUI,~~SAE1B~~,~~GAAE~~,CAACR,EAAUD,EAAMK,EAAWD,IAE3BA,EACK,CAACS,GAEH,CAACN,EACV"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/hooks/useTimeout/index.ts"],"sourcesContent":["import { useEffect, useRef, useCallback } from \"react\";\nimport { noop } from \"es-toolkit\";\n\nexport default function useTimeout({\n time = 0,\n callback,\n ignoreZeroTime = false\n}: {\n callback: () => void;\n time?: number;\n ignoreZeroTime?: boolean;\n}) {\n const ignoreTimeout = time === 0 && ignoreZeroTime;\n const timeoutId = useRef(null);\n const cancelTimeout = useCallback(() => {\n if (!timeoutId.current) {\n return;\n }\n clearTimeout(timeoutId.current);\n }, [timeoutId]);\n\n useEffect(() => {\n if (ignoreTimeout) {\n return;\n }\n\n timeoutId.current = setTimeout(callback, time);\n return () => {\n clearTimeout(timeoutId.current);\n };\n }, [callback, time, timeoutId, ignoreTimeout]);\n\n if (ignoreTimeout) {\n return [noop];\n }\n return [cancelTimeout];\n}\n"],"names":["useTimeout","_ref","_ref$time","time","callback","_ref$ignoreZeroTime","ignoreZeroTime","ignoreTimeout","timeoutId","useRef","cancelTimeout","useCallback","current","clearTimeout","useEffect","setTimeout","noop"],"mappings":"iGAGc,SAAUA,EAAUC,GAQjC,IAAAC,EAAAD,EAPCE,KAAAA,OAAI,IAAAD,EAAG,EAACA,EACRE,EAAQH,EAARG,SAAQC,EAAAJ,EACRK,eAMMC,EAAyB,IAATJ,SANR,IAAAE,GAAQA,GAOhBG,EAAYC,EAAO,MACnBC,EAAgBC,GAAY,WAC3BH,EAAUI,SAGfC,aAAaL,EAAUI,QACzB,GAAG,CAACJ,IAaJ,OAXAM,GAAU,WACR,IAAIP,EAKJ,OADAC,EAAUI,QAAUG,WAAWX,EAAUD,GAClC,WACLU,aAAaL,EAAUI,QACzB,CACF,GAAG,CAACR,EAAUD,EAAMK,EAAWD,IAE3BA,EACK,CAACS,GAEH,CAACN,EACV"}

package/dist/src/hooks/useVibeMediaQuery/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as s}from"react";import{useMediaQuery as o}from"../useMediaQuery/index.js";import{SMALL1 as e,SMALL2 as i,MEDIUM1 as t,MEDIUM2 as u,LARGE as a,XLARGE as m,VIBE_MEDIA_QUERIES as f,MEDIA_QUERY_SIZES as l}from"../../../shared/dist/utils/media-query-utils.js";import{useIsomorphicLayoutEffect as d}from"../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";function p(){var l=s(e),p=r(l,2),n=p[0],c=p[1],h=o(f),j=r(h,6),y=j[0],v=j[1],x=j[2],_=j[3],b=j[4],g=j[5];return d((function(){y&&c(e),v&&c(i),x&&c(t),_&&c(u),b&&c(a),g&&c(m)}),[y,v,x,_,b,g,c]),n}p.sizes=l;export{p as default};
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as s}from"react";import o from"../useMediaQuery/index.js";import{SMALL1 as e,SMALL2 as i,MEDIUM1 as t,MEDIUM2 as u,LARGE as a,XLARGE as m,VIBE_MEDIA_QUERIES as f,MEDIA_QUERY_SIZES as l}from"../../../shared/dist/utils/media-query-utils.js";import{useIsomorphicLayoutEffect as d}from"../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";function p(){var l=s(e),p=r(l,2),n=p[0],c=p[1],h=o(f),j=r(h,6),y=j[0],v=j[1],x=j[2],_=j[3],b=j[4],g=j[5];return d((function(){y&&c(e),v&&c(i),x&&c(t),_&&c(u),b&&c(a),g&&c(m)}),[y,v,x,_,b,g,c]),n}p.sizes=l;export{p as default};
 //# sourceMappingURL=index.js.map

package/dist/src/hooks/useVibeMediaQuery/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/hooks/useVibeMediaQuery/index.ts"],"sourcesContent":["import { useState } from \"react\";\nimport {\n useIsomorphicLayoutEffect,\n VIBE_MEDIA_QUERIES,\n LARGE,\n SMALL1,\n XLARGE,\n MEDIUM1,\n MEDIUM2,\n SMALL2,\n MEDIA_QUERY_SIZES\n} from \"@vibe/shared\";\nimport useMediaQuery from \"../useMediaQuery\";\n\nexport default function useVibeMediaQuery() {\n const [mediaSize, setMediaSize] = useState(SMALL1);\n const [isSmall1, isSmall2, isMedium1, isMedium2, isLarge, isXLarge] = useMediaQuery(VIBE_MEDIA_QUERIES);\n\n useIsomorphicLayoutEffect(() => {\n if (isSmall1) setMediaSize(SMALL1);\n if (isSmall2) setMediaSize(SMALL2);\n if (isMedium1) setMediaSize(MEDIUM1);\n if (isMedium2) setMediaSize(MEDIUM2);\n if (isLarge) setMediaSize(LARGE);\n if (isXLarge) setMediaSize(XLARGE);\n }, [isSmall1, isSmall2, isMedium1, isMedium2, isLarge, isXLarge, setMediaSize]);\n\n return mediaSize;\n}\n\nuseVibeMediaQuery.sizes = MEDIA_QUERY_SIZES;\n"],"names":["useVibeMediaQuery","_useState","useState","SMALL1","_useState2","_slicedToArray","mediaSize","setMediaSize","_useMediaQuery","useMediaQuery","VIBE_MEDIA_QUERIES","_useMediaQuery2","isSmall1","isSmall2","isMedium1","isMedium2","isLarge","isXLarge","useIsomorphicLayoutEffect","SMALL2","MEDIUM1","MEDIUM2","LARGE","XLARGE","sizes","MEDIA_QUERY_SIZES"],"mappings":"~~ucAcc~~,SAAUA,IACtB,IAAAC,EAAkCC,EAASC,GAAOC,EAAAC,EAAAJ,EAAA,GAA3CK,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAsEC,EAAcC,GAAmBC,EAAAN,EAAAG,EAAA,GAAhGI,EAAQD,EAAA,GAAEE,EAAQF,EAAA,GAAEG,EAASH,EAAA,GAAEI,EAASJ,EAAA,GAAEK,EAAOL,EAAA,GAAEM,EAAQN,EAAA,GAWlE,OATAO,GAA0B,WACpBN,GAAUL,EAAaJ,GACvBU,GAAUN,EAAaY,GACvBL,GAAWP,EAAaa,GACxBL,GAAWR,EAAac,GACxBL,GAAST,EAAae,GACtBL,GAAUV,EAAagB,EAC7B,GAAG,CAACX,EAAUC,EAAUC,EAAWC,EAAWC,EAASC,EAAUV,IAE1DD,CACT,CAEAN,EAAkBwB,MAAQC"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/hooks/useVibeMediaQuery/index.ts"],"sourcesContent":["import { useState } from \"react\";\nimport {\n useIsomorphicLayoutEffect,\n VIBE_MEDIA_QUERIES,\n LARGE,\n SMALL1,\n XLARGE,\n MEDIUM1,\n MEDIUM2,\n SMALL2,\n MEDIA_QUERY_SIZES\n} from \"@vibe/shared\";\nimport useMediaQuery from \"../useMediaQuery\";\n\nexport default function useVibeMediaQuery() {\n const [mediaSize, setMediaSize] = useState(SMALL1);\n const [isSmall1, isSmall2, isMedium1, isMedium2, isLarge, isXLarge] = useMediaQuery(VIBE_MEDIA_QUERIES);\n\n useIsomorphicLayoutEffect(() => {\n if (isSmall1) setMediaSize(SMALL1);\n if (isSmall2) setMediaSize(SMALL2);\n if (isMedium1) setMediaSize(MEDIUM1);\n if (isMedium2) setMediaSize(MEDIUM2);\n if (isLarge) setMediaSize(LARGE);\n if (isXLarge) setMediaSize(XLARGE);\n }, [isSmall1, isSmall2, isMedium1, isMedium2, isLarge, isXLarge, setMediaSize]);\n\n return mediaSize;\n}\n\nuseVibeMediaQuery.sizes = MEDIA_QUERY_SIZES;\n"],"names":["useVibeMediaQuery","_useState","useState","SMALL1","_useState2","_slicedToArray","mediaSize","setMediaSize","_useMediaQuery","useMediaQuery","VIBE_MEDIA_QUERIES","_useMediaQuery2","isSmall1","isSmall2","isMedium1","isMedium2","isLarge","isXLarge","useIsomorphicLayoutEffect","SMALL2","MEDIUM1","MEDIUM2","LARGE","XLARGE","sizes","MEDIA_QUERY_SIZES"],"mappings":"sbAcc,SAAUA,IACtB,IAAAC,EAAkCC,EAASC,GAAOC,EAAAC,EAAAJ,EAAA,GAA3CK,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAsEC,EAAcC,GAAmBC,EAAAN,EAAAG,EAAA,GAAhGI,EAAQD,EAAA,GAAEE,EAAQF,EAAA,GAAEG,EAASH,EAAA,GAAEI,EAASJ,EAAA,GAAEK,EAAOL,EAAA,GAAEM,EAAQN,EAAA,GAWlE,OATAO,GAA0B,WACpBN,GAAUL,EAAaJ,GACvBU,GAAUN,EAAaY,GACvBL,GAAWP,EAAaa,GACxBL,GAAWR,EAAac,GACxBL,GAAST,EAAae,GACtBL,GAAUV,EAAagB,EAC7B,GAAG,CAACX,EAAUC,EAAUC,EAAWC,EAAWC,EAASC,EAAUV,IAE1DD,CACT,CAEAN,EAAkBwB,MAAQC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useWizard.js","sources":["../../../../src/hooks/useWizard/useWizard.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { type UseWizardProps, type UseWizardReturnValue, type WizardDirection } from \"./useWizard.types\";\n\nfunction useWizard({ initialStep = 0, stepCount, onStepChange, onFinish }: UseWizardProps): UseWizardReturnValue {\n const lastStep = stepCount - 1;\n const [activeStep, setActiveStep] = useState<number>(initialStep >= 0 && initialStep <= lastStep ? initialStep : 0);\n const [direction, setDirection] = useState<WizardDirection>();\n\n const isFirstStep = activeStep === 0;\n const isLastStep = activeStep === lastStep;\n\n const canGoNext = activeStep <= lastStep;\n const canGoBack = activeStep > 0;\n\n const goToStep = useCallback(\n (newStep: number) => {\n if (newStep < 0 \|\| newStep >= stepCount) return;\n\n const oldStep = activeStep;\n setActiveStep(newStep);\n setDirection(newStep > oldStep ? \"forward\" : \"backward\");\n onStepChange?.(newStep, oldStep);\n },\n [stepCount, activeStep, onStepChange]\n );\n\n const next = useCallback(() => {\n if (!canGoNext) return;\n if (activeStep === lastStep) {\n onFinish?.();\n return;\n }\n goToStep(activeStep + 1);\n }, [canGoNext, activeStep, lastStep, goToStep, onFinish]);\n\n const back = useCallback(() => {\n if (!canGoBack) return;\n goToStep(activeStep - 1);\n }, [canGoBack, activeStep, goToStep]);\n\n return { activeStep, direction, next, back, goToStep, isFirstStep, isLastStep };\n}\n\nexport default useWizard;\n"],"names":["useWizard","_ref","_ref$initialStep","initialStep","stepCount","onStepChange","onFinish","lastStep","_useState","useState","_useState2","_slicedToArray","activeStep","setActiveStep","_useState3","_useState4","direction","setDirection","isFirstStep","isLastStep","canGoNext","canGoBack","goToStep","useCallback","newStep","oldStep","next","back"],"mappings":"iIAGA,SAASA,EAASC,GAAuE,IAAAC,EAAAD,EAApEE,YAAAA,~~OAAc~~,~~IAAHD~~,EAAG,EAACA,EAAEE,EAASH,EAATG,UAAWC,EAAYJ,EAAZI,aAAcC,EAAQL,EAARK,SACvDC,EAAWH,EAAY,EAC7BI,EAAoCC,EAAgC,EAAfN,GAAoBA,EAAeI,EAAyB,EAAdJ,GAAgBO,EAAAC,EAAAH,EAAA,GAA5GI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChCI,EAAkCL,IAA2BM,EAAAJ,EAAAG,EAAA,GAAtDE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAExBG,EAA6B,IAAfN,EACdO,EAAaP,IAAeL,EAE5Ba,EAA0Bb,GAAdK,EACZS,EAAYT,EAAa,EAEzBU,EAAWC,GACf,SAACC,GACC,GAAIA,GAAU,GAAgBpB,EAAXoB,EAAnB,CAEA,IAAMC,EAAUb,EAChBC,EAAcW,GACdP,EAAaO,EAAUC,EAAU,UAAY,YAC7CpB,SAAAA,EAAemB,EAASC,EALiB,~~CAM1C~~,~~GACD~~,CAACrB,EAAWQ,EAAYP,IAGpBqB,EAAOH,GAAY,WAClBH,IACDR,IAAeL,EAInBe,EAASV,EAAa,GAHpBN,SAAAA,IAIJ,GAAG,CAACc,EAAWR,EAAYL,EAAUe,EAAUhB,IAEzCqB,EAAOJ,GAAY,WAClBF,GACLC,EAASV,EAAa,~~EACvB~~,~~GAAE~~,CAACS,EAAWT,EAAYU,IAE3B,MAAO,CAAEV,WAAAA,EAAYI,UAAAA,EAAWU,KAAAA,EAAMC,KAAAA,EAAML,SAAAA,EAAUJ,YAAAA,EAAaC,WAAAA,EACrE"}
1	+ {"version":3,"file":"useWizard.js","sources":["../../../../src/hooks/useWizard/useWizard.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { type UseWizardProps, type UseWizardReturnValue, type WizardDirection } from \"./useWizard.types\";\n\nfunction useWizard({ initialStep = 0, stepCount, onStepChange, onFinish }: UseWizardProps): UseWizardReturnValue {\n const lastStep = stepCount - 1;\n const [activeStep, setActiveStep] = useState<number>(initialStep >= 0 && initialStep <= lastStep ? initialStep : 0);\n const [direction, setDirection] = useState<WizardDirection>();\n\n const isFirstStep = activeStep === 0;\n const isLastStep = activeStep === lastStep;\n\n const canGoNext = activeStep <= lastStep;\n const canGoBack = activeStep > 0;\n\n const goToStep = useCallback(\n (newStep: number) => {\n if (newStep < 0 \|\| newStep >= stepCount) return;\n\n const oldStep = activeStep;\n setActiveStep(newStep);\n setDirection(newStep > oldStep ? \"forward\" : \"backward\");\n onStepChange?.(newStep, oldStep);\n },\n [stepCount, activeStep, onStepChange]\n );\n\n const next = useCallback(() => {\n if (!canGoNext) return;\n if (activeStep === lastStep) {\n onFinish?.();\n return;\n }\n goToStep(activeStep + 1);\n }, [canGoNext, activeStep, lastStep, goToStep, onFinish]);\n\n const back = useCallback(() => {\n if (!canGoBack) return;\n goToStep(activeStep - 1);\n }, [canGoBack, activeStep, goToStep]);\n\n return { activeStep, direction, next, back, goToStep, isFirstStep, isLastStep };\n}\n\nexport default useWizard;\n"],"names":["useWizard","_ref","_ref$initialStep","initialStep","stepCount","onStepChange","onFinish","lastStep","_useState","useState","_useState2","_slicedToArray","activeStep","setActiveStep","_useState3","_useState4","direction","setDirection","isFirstStep","isLastStep","canGoNext","canGoBack","goToStep","useCallback","newStep","oldStep","next","back"],"mappings":"iIAGA,SAASA,EAASC,GAAuE,IAAAC,EAAAD,EAApEE,YAAAA,OAAW,IAAAD,EAAG,EAACA,EAAEE,EAASH,EAATG,UAAWC,EAAYJ,EAAZI,aAAcC,EAAQL,EAARK,SACvDC,EAAWH,EAAY,EAC7BI,EAAoCC,EAAgC,EAAfN,GAAoBA,EAAeI,EAAyB,EAAdJ,GAAgBO,EAAAC,EAAAH,EAAA,GAA5GI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChCI,EAAkCL,IAA2BM,EAAAJ,EAAAG,EAAA,GAAtDE,EAASD,EAAA,GAAEE,EAAYF,EAAA,GAExBG,EAA6B,IAAfN,EACdO,EAAaP,IAAeL,EAE5Ba,EAA0Bb,GAAdK,EACZS,EAAYT,EAAa,EAEzBU,EAAWC,GACf,SAACC,GACC,GAAIA,GAAU,GAAgBpB,EAAXoB,EAAnB,CAEA,IAAMC,EAAUb,EAChBC,EAAcW,GACdP,EAAaO,EAAUC,EAAU,UAAY,YAC7CpB,SAAAA,EAAemB,EAASC,EALiB,CAM3C,GACA,CAACrB,EAAWQ,EAAYP,IAGpBqB,EAAOH,GAAY,WAClBH,IACDR,IAAeL,EAInBe,EAASV,EAAa,GAHpBN,SAAAA,IAIJ,GAAG,CAACc,EAAWR,EAAYL,EAAUe,EAAUhB,IAEzCqB,EAAOJ,GAAY,WAClBF,GACLC,EAASV,EAAa,EACxB,GAAG,CAACS,EAAWT,EAAYU,IAE3B,MAAO,CAAEV,WAAAA,EAAYI,UAAAA,EAAWU,KAAAA,EAAMC,KAAAA,EAAML,SAAAA,EAAUJ,YAAAA,EAAaC,WAAAA,EACrE"}

package/dist/src/services/themes.js CHANGED Viewed

@@ -1,2 +1,2 @@
-function r(r,n){var o=n?", ".concat(n):"";if(function(){try{return!(!window.CSS||!window.CSS.supports)&&window.CSS.supports("color","var(--fake-var)")}catch(r){return!1}}())return"var(--".concat(r).concat(o,")")}export{r as getCSSVar};
+function r(r,n){if(function(){try{return!(!window.CSS||!window.CSS.supports)&&window.CSS.supports("color","var(--fake-var)")}catch(r){return!1}}())return"var(--".concat(r).concat("",")")}export{r as getCSSVar};
 //# sourceMappingURL=themes.js.map

package/dist/src/services/themes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"themes.js","sources":["../../../src/services/themes.ts"],"sourcesContent":["function isThemesSupported() {\n try {\n if (!window.CSS \|\| !window.CSS.supports) return false;\n // check if browser supports basic var value usage\n return window.CSS.supports(\"color\", \"var(--fake-var)\");\n } catch (e) {\n return false;\n }\n}\n\nexport function getCSSVar(varName: string, fallback?: string) {\n const fb = fallback ? `, ${fallback}` : \"\";\n if (isThemesSupported()) {\n return `var(--${varName}${fb})`;\n }\n}\n\nexport const getComputedVarColor = (elem: Element, cssVar: string) =>\n getComputedStyle(elem).getPropertyValue(`--${cssVar}`);\n\nexport function hexToRgb(hex: string) {\n if (hex.startsWith(\"#\")) {\n hex = hex.substring(1);\n }\n const bigint = parseInt(hex, 16);\n const r = (bigint >> 16) & 255;\n const g = (bigint >> 8) & 255;\n const b = bigint & 255;\n\n return `rgb(${r}, ${g}, ${b})`;\n}\n"],"names":["getCSSVar","varName","fallback","~~fb","concat","~~window","CSS","supports","e","isThemesSupported"],"mappings":"~~AAUgB~~,~~SAAAA~~,EAAUC,EAAiBC,~~GACzC~~,~~IAAMC,EAAKD,EAAQ,KAAAE,OAAQF,GAAa,GACxC,~~GAZF,WACE,IACE,~~SAAKG~~,OAAOC,MAAQD,OAAOC,IAAIC,WAExBF,OAAOC,IAAIC,SAAS,QAAS,~~kBACrC~~,~~CAAC~~,MAAOC,GACP,OAAO,CACT,CACF,CAIMC,GACF,MAAA,~~SAAAL~~,~~OAAgBH~~,~~GAAOG~~,~~OAAGD~~,~~EAAE~~,IAEhC"}
1	+ {"version":3,"file":"themes.js","sources":["../../../src/services/themes.ts"],"sourcesContent":["function isThemesSupported() {\n try {\n if (!window.CSS \|\| !window.CSS.supports) return false;\n // check if browser supports basic var value usage\n return window.CSS.supports(\"color\", \"var(--fake-var)\");\n } catch (e) {\n return false;\n }\n}\n\nexport function getCSSVar(varName: string, fallback?: string) {\n const fb = fallback ? `, ${fallback}` : \"\";\n if (isThemesSupported()) {\n return `var(--${varName}${fb})`;\n }\n}\n\nexport const getComputedVarColor = (elem: Element, cssVar: string) =>\n getComputedStyle(elem).getPropertyValue(`--${cssVar}`);\n\nexport function hexToRgb(hex: string) {\n if (hex.startsWith(\"#\")) {\n hex = hex.substring(1);\n }\n const bigint = parseInt(hex, 16);\n const r = (bigint >> 16) & 255;\n const g = (bigint >> 8) & 255;\n const b = bigint & 255;\n\n return `rgb(${r}, ${g}, ${b})`;\n}\n"],"names":["getCSSVar","varName","fallback","window","CSS","supports","e","isThemesSupported","concat"],"mappings":"AAUM,SAAUA,EAAUC,EAAiBC,GAEzC,GAZF,WACE,IACE,SAAKC,OAAOC,MAAQD,OAAOC,IAAIC,WAExBF,OAAOC,IAAIC,SAAS,QAAS,kBACtC,CAAE,MAAOC,GACP,OAAO,CACT,CACF,CAIMC,GACF,MAAA,SAAAC,OAAgBP,GAAOO,OAFe,GAEV,IAEhC"}

package/dist/src/services/virtualized-service.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"virtualized-service.js","sources":["../../../src/services/virtualized-service.ts"],"sourcesContent":["const LAST_ITEM_ID = \"~~~lastItem~~~\";\nconst EMPTY_OBJECT: Record<string, never> = {};\n\ntype NormalizedItem<T> = {\n item: T;\n index: number;\n height: number;\n size: number;\n offsetTop: number;\n offset: number;\n};\n\ntype NormalizedItems<T> = Record<string, NormalizedItem<T>>;\ntype IdGetter<T> = (item: T, index: number) => string;\ntype SizeGetter<T> = (item: T, index: number) => number;\n\nexport const getNormalizedItems = <T>(items: T[], idGetter: IdGetter<T>, sizeGetter: SizeGetter<T>) => {\n const normalizedItems: NormalizedItems<T> = {};\n let offset = 0;\n\n const lastIndex = items.length - 1;\n items.forEach((item, index) => {\n const size = sizeGetter(item, index);\n const uniqueId = idGetter(item, index);\n // keep height/offsetTop for backward compatibility\n normalizedItems[uniqueId] = { item, index, height: size, size, offsetTop: offset, offset };\n if (lastIndex === index) {\n normalizedItems[LAST_ITEM_ID] = normalizedItems[uniqueId];\n }\n offset += size;\n });\n\n return normalizedItems;\n};\n\nexport const isItemInView = (item: { offsetTop: number }, scrollTop: number, offsetHeight: number) => {\n const isItemUnderTheViewableArea = item.offsetTop > scrollTop + offsetHeight;\n const isItemAboveTheViewableArea = item.offsetTop < scrollTop;\n\n return !isItemUnderTheViewableArea && !isItemAboveTheViewableArea;\n};\n\nexport const getMaxOffset = <T>(offsetSize: number, normalizedItems: NormalizedItems<T>) => {\n const lastItem = normalizedItems[LAST_ITEM_ID];\n if (!lastItem) return 0;\n const { size, offset } = lastItem;\n return offset + size - offsetSize; // max offset\n};\n\nexport const easeInOutQuint = (time: number) => {\n let t = time;\n return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t;\n};\n\nfunction findItemAtOffset<T>(\n items: T[],\n normalizedItems: NormalizedItems<T>,\n idGetter: IdGetter<T>,\n fromIndex: number,\n offset: number\n) {\n for (let i = fromIndex; i < items.length; i++) {\n const itemId = idGetter(items[i], i);\n const normalizedItem = normalizedItems[itemId];\n const { height, offsetTop } = normalizedItem \|\| EMPTY_OBJECT;\n if (height + offsetTop > offset) {\n return itemId;\n }\n }\n return null;\n}\n\n// for vertical layout - this returns true when vertical scrollbar visible\n// for horizontal layout - this returns true when horizontal scrollbar visible\nexport const isLayoutDirectionScrollbarVisible = <T>(\n items: T[],\n normalizedItems: NormalizedItems<T>,\n idGetter: IdGetter<T>,\n componentSize: number\n) => {\n if (!componentSize) return false;\n const lastExistingItem = items[items.length - 1] \|\| EMPTY_OBJECT;\n const lastExistingItemId = idGetter(lastExistingItem as T, items.length - 1);\n const normalizedItem = normalizedItems[lastExistingItemId];\n if (!normalizedItem) return false;\n const { offset: lastExistingItemIdOffset, size: lastExistingItemSize } = normalizedItems[lastExistingItemId];\n const maxOffset = lastExistingItemIdOffset + lastExistingItemSize;\n const isVisible = maxOffset > componentSize;\n return isVisible;\n};\n\nfunction isEmptyObject(obj: unknown) {\n return obj === EMPTY_OBJECT;\n}\n\nexport const getOnItemsRenderedData = <T>(\n items: T[],\n normalizedItems: NormalizedItems<T>,\n idGetter: IdGetter<T>,\n visibleStartIndex: number,\n visibleStopIndex: number,\n listSize: number,\n currentOffsetTop: number\n) => {\n const firstVisibleItem = items[visibleStartIndex] \|\| EMPTY_OBJECT;\n const secondVisibleItem = items[visibleStartIndex + 1] \|\| EMPTY_OBJECT;\n const lastVisibleItem = items[visibleStopIndex] \|\| EMPTY_OBJECT;\n const firstItemId = isEmptyObject(firstVisibleItem) ? undefined : idGetter(firstVisibleItem as T, visibleStartIndex);\n const secondItemId = isEmptyObject(secondVisibleItem)\n ? undefined\n : idGetter(secondVisibleItem as T, visibleStartIndex + 1);\n const lastItemId = isEmptyObject(lastVisibleItem) ? undefined : idGetter(lastVisibleItem as T, visibleStopIndex);\n const centerOffset = currentOffsetTop + listSize / 2;\n const { offsetTop: firstItemOffsetTop, height: firstItemHeight } = normalizedItems[firstItemId!] \|\| EMPTY_OBJECT;\n const firstItemOffsetEnd = firstItemOffsetTop + firstItemHeight;\n const centerItemId = findItemAtOffset(items, normalizedItems, idGetter, visibleStartIndex, centerOffset);\n\n return {\n firstItemId,\n secondItemId,\n lastItemId,\n centerItemId,\n firstItemOffsetEnd,\n currentOffsetTop\n };\n};\n"],"names":["LAST_ITEM_ID","EMPTY_OBJECT","getNormalizedItems","items","idGetter","sizeGetter","normalizedItems","offset","lastIndex","length","forEach","item","index","size","uniqueId","height","offsetTop","getMaxOffset","offsetSize","lastItem","easeInOutQuint","time","t","isLayoutDirectionScrollbarVisible","componentSize","lastExistingItemId","_normalizedItems$last","isEmptyObject","obj","getOnItemsRenderedData","visibleStartIndex","visibleStopIndex","listSize","currentOffsetTop","firstVisibleItem","secondVisibleItem","lastVisibleItem","firstItemId","undefined","secondItemId","lastItemId","_ref2","firstItemOffsetEnd","centerItemId","fromIndex","i","itemId","_ref","findItemAtOffset"],"mappings":"AAAA,IAAMA,EAAe,iBACfC,EAAsC,CAAA,EAe/BC,EAAqB,SAAIC,EAAYC,EAAuBC,GACvE,IAAMC,EAAsC,CAAA,EACxCC,EAAS,EAEPC,EAAYL,EAAMM,OAAS,EAYjC,OAXAN,EAAMO,SAAQ,SAACC,EAAMC,GACnB,IAAMC,EAAOR,EAAWM,EAAMC,GACxBE,EAAWV,EAASO,EAAMC,GAEhCN,EAAgBQ,GAAY,CAAEH,KAAAA,EAAMC,MAAAA,EAAOG,OAAQF,EAAMA,KAAAA,EAAMG,UAAWT,EAAQA,OAAAA,GAC9EC,IAAcI,IAChBN,EAAgBN,GAAgBM,EAAgBQ,IAElDP,GAAUM,CACZ,IAEOP,CACT,EASaW,EAAe,SAAIC,EAAoBZ,GAClD,IAAMa,EAAWb,EAAgBN,GACjC,OAAKmB,EACoBA,EAAXZ,OAAWY,EAAjBN,KACeK,EAFD,CAGxB,EAEaE,EAAiB,SAACC,GAC7B,IAAIC,EAAID,EACR,MAAW,GAAJC,EAAU,GAAKA,EAAIA,EAAIA,EAAIA,EAAIA,EAAI,EAAI,KAAOA,EAAIA,EAAIA,EAAIA,EAAIA,CACvE,~~EAsBaC~~,~~IAAAA~~,EAAoC,SAC/CpB,EACAG,EACAF,EACAoB,GAEA,IAAKA,EAAe,OAAO,EAC3B,IACMC,EAAqBrB,EADFD,EAAMA,EAAMM,OAAS,IAAMR,EACOE,EAAMM,OAAS,GAE1E,IADuBH,EAAgBmB,GAClB,OAAO,EAC5B,IAAAC,EAAyEpB,EAAgBmB,GAGzF,OAHwCC,EAAhCnB,OAA4DmB,EAA1Bb,KAEZW,CAEhC,EAEA,SAASG,EAAcC,GACrB,OAAOA,IAAQ3B,CACjB,KAEa4B,EAAyB,SACpC1B,EACAG,EACAF,EACA0B,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAmB/B,EAAM2B,IAAsB7B,EAC/CkC,EAAoBhC,EAAM2B,EAAoB,IAAM7B,EACpDmC,EAAkBjC,EAAM4B,IAAqB9B,EAC7CoC,EAAcV,EAAcO,QAAoBI,EAAYlC,EAAS8B,EAAuBJ,GAC5FS,EAAeZ,EAAcQ,QAC/BG,EACAlC,EAAS+B,EAAwBL,EAAoB,GACnDU,EAAab,EAAcS,QAAmBE,EAAYlC,EAASgC,EAAsBL,GAE/FU,EAAmEnC,EAAgB+B,IAAiBpC,EAC9FyC,EAD+BD,EAA7BzB,UAAsDyB,EAAvB1B,OAEjC4B,EA7DR,SACExC,EACAG,EACAF,EACAwC,EACArC,GAEA,IAAK,IAAIsC,EAAID,EAAezC,EAAMM,OAAVoC,EAAkBA,IAAK,CAC7C,IAAMC,EAAS1C,EAASD,EAAM0C,GAAIA,GAElCE,EADuBzC,EAAgBwC,IACS7C,EAChD,GADc8C,EAANhC,OAAiBgC,EAAT/B,UACST,EACvB,OAAOuC,CAEX,CACA,OAAO,IACT,CA6CuBE,CAAiB7C,EAAOG,EAAiBF,EAAU0B,EAHnDG,EAAmBD,EAAW,GAKnD,MAAO,CACLK,YAAAA,EACAE,aAAAA,EACAC,WAAAA,EACAG,aAAAA,EACAD,mBAAAA,EACAT,iBAAAA,EAEJ"}
1	+ {"version":3,"file":"virtualized-service.js","sources":["../../../src/services/virtualized-service.ts"],"sourcesContent":["const LAST_ITEM_ID = \"~~~lastItem~~~\";\nconst EMPTY_OBJECT: Record<string, never> = {};\n\ntype NormalizedItem<T> = {\n item: T;\n index: number;\n height: number;\n size: number;\n offsetTop: number;\n offset: number;\n};\n\ntype NormalizedItems<T> = Record<string, NormalizedItem<T>>;\ntype IdGetter<T> = (item: T, index: number) => string;\ntype SizeGetter<T> = (item: T, index: number) => number;\n\nexport const getNormalizedItems = <T>(items: T[], idGetter: IdGetter<T>, sizeGetter: SizeGetter<T>) => {\n const normalizedItems: NormalizedItems<T> = {};\n let offset = 0;\n\n const lastIndex = items.length - 1;\n items.forEach((item, index) => {\n const size = sizeGetter(item, index);\n const uniqueId = idGetter(item, index);\n // keep height/offsetTop for backward compatibility\n normalizedItems[uniqueId] = { item, index, height: size, size, offsetTop: offset, offset };\n if (lastIndex === index) {\n normalizedItems[LAST_ITEM_ID] = normalizedItems[uniqueId];\n }\n offset += size;\n });\n\n return normalizedItems;\n};\n\nexport const isItemInView = (item: { offsetTop: number }, scrollTop: number, offsetHeight: number) => {\n const isItemUnderTheViewableArea = item.offsetTop > scrollTop + offsetHeight;\n const isItemAboveTheViewableArea = item.offsetTop < scrollTop;\n\n return !isItemUnderTheViewableArea && !isItemAboveTheViewableArea;\n};\n\nexport const getMaxOffset = <T>(offsetSize: number, normalizedItems: NormalizedItems<T>) => {\n const lastItem = normalizedItems[LAST_ITEM_ID];\n if (!lastItem) return 0;\n const { size, offset } = lastItem;\n return offset + size - offsetSize; // max offset\n};\n\nexport const easeInOutQuint = (time: number) => {\n let t = time;\n return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t;\n};\n\nfunction findItemAtOffset<T>(\n items: T[],\n normalizedItems: NormalizedItems<T>,\n idGetter: IdGetter<T>,\n fromIndex: number,\n offset: number\n) {\n for (let i = fromIndex; i < items.length; i++) {\n const itemId = idGetter(items[i], i);\n const normalizedItem = normalizedItems[itemId];\n const { height, offsetTop } = normalizedItem \|\| EMPTY_OBJECT;\n if (height + offsetTop > offset) {\n return itemId;\n }\n }\n return null;\n}\n\n// for vertical layout - this returns true when vertical scrollbar visible\n// for horizontal layout - this returns true when horizontal scrollbar visible\nexport const isLayoutDirectionScrollbarVisible = <T>(\n items: T[],\n normalizedItems: NormalizedItems<T>,\n idGetter: IdGetter<T>,\n componentSize: number\n) => {\n if (!componentSize) return false;\n const lastExistingItem = items[items.length - 1] \|\| EMPTY_OBJECT;\n const lastExistingItemId = idGetter(lastExistingItem as T, items.length - 1);\n const normalizedItem = normalizedItems[lastExistingItemId];\n if (!normalizedItem) return false;\n const { offset: lastExistingItemIdOffset, size: lastExistingItemSize } = normalizedItems[lastExistingItemId];\n const maxOffset = lastExistingItemIdOffset + lastExistingItemSize;\n const isVisible = maxOffset > componentSize;\n return isVisible;\n};\n\nfunction isEmptyObject(obj: unknown) {\n return obj === EMPTY_OBJECT;\n}\n\nexport const getOnItemsRenderedData = <T>(\n items: T[],\n normalizedItems: NormalizedItems<T>,\n idGetter: IdGetter<T>,\n visibleStartIndex: number,\n visibleStopIndex: number,\n listSize: number,\n currentOffsetTop: number\n) => {\n const firstVisibleItem = items[visibleStartIndex] \|\| EMPTY_OBJECT;\n const secondVisibleItem = items[visibleStartIndex + 1] \|\| EMPTY_OBJECT;\n const lastVisibleItem = items[visibleStopIndex] \|\| EMPTY_OBJECT;\n const firstItemId = isEmptyObject(firstVisibleItem) ? undefined : idGetter(firstVisibleItem as T, visibleStartIndex);\n const secondItemId = isEmptyObject(secondVisibleItem)\n ? undefined\n : idGetter(secondVisibleItem as T, visibleStartIndex + 1);\n const lastItemId = isEmptyObject(lastVisibleItem) ? undefined : idGetter(lastVisibleItem as T, visibleStopIndex);\n const centerOffset = currentOffsetTop + listSize / 2;\n const { offsetTop: firstItemOffsetTop, height: firstItemHeight } = normalizedItems[firstItemId!] \|\| EMPTY_OBJECT;\n const firstItemOffsetEnd = firstItemOffsetTop + firstItemHeight;\n const centerItemId = findItemAtOffset(items, normalizedItems, idGetter, visibleStartIndex, centerOffset);\n\n return {\n firstItemId,\n secondItemId,\n lastItemId,\n centerItemId,\n firstItemOffsetEnd,\n currentOffsetTop\n };\n};\n"],"names":["LAST_ITEM_ID","EMPTY_OBJECT","getNormalizedItems","items","idGetter","sizeGetter","normalizedItems","offset","lastIndex","length","forEach","item","index","size","uniqueId","height","offsetTop","getMaxOffset","offsetSize","lastItem","easeInOutQuint","time","t","isLayoutDirectionScrollbarVisible","componentSize","lastExistingItemId","_normalizedItems$last","isEmptyObject","obj","getOnItemsRenderedData","visibleStartIndex","visibleStopIndex","listSize","currentOffsetTop","firstVisibleItem","secondVisibleItem","lastVisibleItem","firstItemId","undefined","secondItemId","lastItemId","_ref2","firstItemOffsetEnd","centerItemId","fromIndex","i","itemId","_ref","findItemAtOffset"],"mappings":"AAAA,IAAMA,EAAe,iBACfC,EAAsC,CAAA,EAe/BC,EAAqB,SAAIC,EAAYC,EAAuBC,GACvE,IAAMC,EAAsC,CAAA,EACxCC,EAAS,EAEPC,EAAYL,EAAMM,OAAS,EAYjC,OAXAN,EAAMO,SAAQ,SAACC,EAAMC,GACnB,IAAMC,EAAOR,EAAWM,EAAMC,GACxBE,EAAWV,EAASO,EAAMC,GAEhCN,EAAgBQ,GAAY,CAAEH,KAAAA,EAAMC,MAAAA,EAAOG,OAAQF,EAAMA,KAAAA,EAAMG,UAAWT,EAAQA,OAAAA,GAC9EC,IAAcI,IAChBN,EAAgBN,GAAgBM,EAAgBQ,IAElDP,GAAUM,CACZ,IAEOP,CACT,EASaW,EAAe,SAAIC,EAAoBZ,GAClD,IAAMa,EAAWb,EAAgBN,GACjC,OAAKmB,EACoBA,EAAXZ,OAAWY,EAAjBN,KACeK,EAFD,CAGxB,EAEaE,EAAiB,SAACC,GAC7B,IAAIC,EAAID,EACR,MAAW,GAAJC,EAAU,GAAKA,EAAIA,EAAIA,EAAIA,EAAIA,EAAI,EAAI,KAAOA,EAAIA,EAAIA,EAAIA,EAAIA,CACvE,EAsBO,IAAMC,EAAoC,SAC/CpB,EACAG,EACAF,EACAoB,GAEA,IAAKA,EAAe,OAAO,EAC3B,IACMC,EAAqBrB,EADFD,EAAMA,EAAMM,OAAS,IAAMR,EACOE,EAAMM,OAAS,GAE1E,IADuBH,EAAgBmB,GAClB,OAAO,EAC5B,IAAAC,EAAyEpB,EAAgBmB,GAGzF,OAHwCC,EAAhCnB,OAA4DmB,EAA1Bb,KAEZW,CAEhC,EAEA,SAASG,EAAcC,GACrB,OAAOA,IAAQ3B,CACjB,KAEa4B,EAAyB,SACpC1B,EACAG,EACAF,EACA0B,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAmB/B,EAAM2B,IAAsB7B,EAC/CkC,EAAoBhC,EAAM2B,EAAoB,IAAM7B,EACpDmC,EAAkBjC,EAAM4B,IAAqB9B,EAC7CoC,EAAcV,EAAcO,QAAoBI,EAAYlC,EAAS8B,EAAuBJ,GAC5FS,EAAeZ,EAAcQ,QAC/BG,EACAlC,EAAS+B,EAAwBL,EAAoB,GACnDU,EAAab,EAAcS,QAAmBE,EAAYlC,EAASgC,EAAsBL,GAE/FU,EAAmEnC,EAAgB+B,IAAiBpC,EAC9FyC,EAD+BD,EAA7BzB,UAAsDyB,EAAvB1B,OAEjC4B,EA7DR,SACExC,EACAG,EACAF,EACAwC,EACArC,GAEA,IAAK,IAAIsC,EAAID,EAAezC,EAAMM,OAAVoC,EAAkBA,IAAK,CAC7C,IAAMC,EAAS1C,EAASD,EAAM0C,GAAIA,GAElCE,EADuBzC,EAAgBwC,IACS7C,EAChD,GADc8C,EAANhC,OAAiBgC,EAAT/B,UACST,EACvB,OAAOuC,CAEX,CACA,OAAO,IACT,CA6CuBE,CAAiB7C,EAAOG,EAAiBF,EAAU0B,EAHnDG,EAAmBD,EAAW,GAKnD,MAAO,CACLK,YAAAA,EACAE,aAAAA,EACAC,WAAAA,EACAG,aAAAA,EACAD,mBAAAA,EACAT,iBAAAA,EAEJ"}

package/dist/src/tests/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.js","sources":["../../../src/tests/constants.ts"],"sourcesContent":["export enum ComponentDefaultTestId {\n // Don't remove next line\n // plop_marker:default-data-testid-declarations\n LIST_TITLE = \"list-title\",\n EMPTY_STATE = \"empty-state\",\n TRANSITION_VIEW = \"transition-view\",\n TEXT_AREA = \"text-area\",\n EDITABLE_TEXT = \"editable-text\",\n TIPSEEN_MEDIA = \"tipseen-media\",\n INDICATOR = \"indicator\",\n BADGE = \"badge\",\n TITLE = \"title\",\n TEXT = \"text\",\n COMBOBOX = \"combobox\",\n COMBOBOX_CATEGORY = \"combobox-category\",\n COMBOBOX_OPTION = \"combobox-option\",\n COLOR_PICKER = \"color-picker\",\n CHECKBOX = \"checkbox\",\n CHECKBOX_LABEL = \"checkbox-label\",\n CHECKBOX_CHECKBOX = \"checkbox-checkbox\",\n DROPDOWN = \"dropdown\",\n DROPDOWN_OPTION_CONTENT = \"dropdown-option-content\",\n BUTTON = \"button\",\n BUTTON_GROUP = \"button-group\",\n CLICKABLE = \"clickable\",\n VIRTUALIZED_LIST = \"virtualized-list\",\n VIRTUALIZED_GRID = \"virtualized-grid\",\n TEXT_FIELD = \"text-field\",\n TEXT_FIELD_SECONDARY_BUTTON = \"text-field-secondary-button\",\n SEARCH = \"search\",\n CLEAN_SEARCH_BUTTON = \"clean-search-button\",\n COLOR_PICKER_ITEM = \"color-picker-item\",\n ICON_BUTTON = \"icon-button\",\n INFO = \"info\",\n SVG_ICON = \"svg-icon\",\n CHIP = \"chip\",\n RADIO_BUTTON = \"radio-button\",\n RADIO_BUTTON_LABEL = \"radio-button-label\",\n RADIO_BUTTON_CONTROL = \"radio-button-control\",\n TAB = \"tab\",\n TAB_PANEL = \"tab-panel\",\n TAB_PANELS = \"tab-panels\",\n TAB_LIST = \"tab-list\",\n TABS_CONTEXT = \"tabs-context\",\n ALERT_BANNER = \"alert-banner\",\n ALERT_BANNER_BUTTON = \"alert-banner-button\",\n ALERT_BANNER_LINK = \"alert-banner-link\",\n ALERT_BANNER_TEXT = \"alert-banner-text\",\n ATTENTION_BOX = \"attention-box\",\n BOX = \"box\",\n AVATAR = \"avatar\",\n AVATAR_BADGE = \"avatar-badge\",\n AVATAR_CONTENT = \"avatar-content\",\n BREADCRUMB_ITEM = \"breadcrumb-item\",\n BREADCRUMBS_BAR = \"breadcrumbs-bar\",\n BREADCRUMB_MENU = \"breadcrumb-menu\",\n BREADCRUMB_MENU_ITEM = \"breadcrumb-menu-item\",\n PROGRESS_BAR = \"progress-bar\",\n BAR = \"bar\",\n BAR_PRIMARY = \"bar-primary\",\n BAR_SECONDARY = \"bar-secondary\",\n COLOR_PICKER_ITEM_COMPONENT = \"color-picker-item-component\",\n COUNTER = \"counter\",\n MENU = \"menu\",\n OPTION = \"option\",\n EXPAND_COLLAPSE = \"expand-collapse\",\n EDITABLE_INPUT = \"editable-input\",\n EDITABLE_HEADING = \"editable-heading\",\n HEADING = \"heading\",\n LABEL = \"label\",\n LINK = \"link\",\n MENU_DIVIDER = \"menu-divider\",\n MENU_ITEM = \"menu-item\",\n MENU_ITEM_BUTTON = \"menu-item-button\",\n MENU_TITLE = \"menu-title\",\n MENU_TITLE_CAPTION = \"menu-title-caption\",\n MENU_GRID_ITEM = \"menu-grid-item\",\n MENU_BUTTON = \"menu-button\",\n STEP_INDICATOR = \"step-indicator\",\n STEPS = \"steps\",\n STEPS_FORWARD_COMMAND = \"steps-forward-command\",\n STEPS_BACKWARD_COMMAND = \"steps-backward-command\",\n MULTI_STEP_INDICATOR = \"multi-step-indicator\",\n SKELETON = \"skeleton\",\n SPLIT_BUTTON = \"split-button\",\n SPLIT_BUTTON_PRIMARY_BUTTON = \"split-button-primary-button\",\n SPLIT_BUTTON_SECONDARY_BUTTON = \"split-button-secondary-button\",\n TEXT_WITH_HIGHLIGHT = \"text-with-highlight\",\n TOAST = \"toast\",\n TOAST_CONTENT = \"toast-content\",\n TOAST_LINK = \"toast-link\",\n TOAST_BUTTON = \"toast-button\",\n TOAST_CLOSE_BUTTON = \"toast-close-button\",\n TOGGLE = \"toggle\",\n TIPSEEN = \"tipseen\",\n TIPSEEN_CONTENT = \"tipseen-content\",\n TIPSEEN_CONTENT_SUBMIT = \"tipseen-content-submit\",\n TIPSEEN_CONTENT_DISMISS = \"tipseen-content-dismiss\",\n TIPSEEN_TITLE = \"tipseen-title\",\n DIVIDER = \"divider\",\n DATEPICKER = \"date-picker\",\n DATEPICKER_HEADER = \"date-picker-header\",\n DATEPICKER_YEAR_SELECTION = \"date-picker-year-selection\",\n LOADER = \"loader\",\n ICON = \"icon\",\n RESPONSIVE_LIST = \"responsive-list\",\n LIST = \"list\",\n MODAL = \"modal\",\n MODAL_OVERLAY = \"modal-overlay\",\n MODAL_HEADER = \"modal-header\",\n MODAL_CLOSE_BUTTON = \"modal-close-button\",\n MODAL_CONTENT = \"modal-content\",\n MODAL_FOOTER = \"modal-footer\",\n MODAL_MEDIA = \"modal-media\",\n MODAL_BASIC_LAYOUT = \"modal-basic-layout\",\n MODAL_SIDE_BY_SIDE_LAYOUT = \"modal-side-by-side-layout\",\n MODAL_MEDIA_LAYOUT = \"modal-media-layout\",\n FORMATTED_NUMBER = \"formatted-number\",\n HIDDEN_TEXT = \"hidden-text\",\n DIALOG_CONTENT_CONTAINER = \"dialog-content-container\",\n FLEX = \"flex\",\n TOOLTIP = \"tooltip\",\n DIALOG = \"dialog\",\n TABLE = \"table\",\n TABLE_CONTAINER = \"table-container\",\n TABLE_BODY = \"table-body\",\n TABLE_VIRTUALIZED_BODY = \"table-virtualized-body\",\n TABLE_CELL = \"table-cell\",\n TABLE_HEADER = \"table-header\",\n TABLE_HEADER_CELL = \"table-header-cell\",\n TABLE_ROW = \"table-row\",\n TABLE_ROW_MENU = \"table-row-menu\"\n}\n\nexport enum NavigationCommand {\n RIGHT_ARROW = \"{arrowright}\",\n LEFT_ARROW = \"{arrowleft}\",\n UP_ARROW = \"{arrowup}\",\n DOWN_ARROW = \"{arrowdown}\",\n TAB = \"#TAB#\",\n ENTER = \"{enter}\",\n PAGE_UP = \"{pageup}\",\n PAGE_DOWN = \"{pagedown}\"\n}\n\nexport enum ComponentVibeId {\n ACCORDION = \"Accordion\",\n LIST_TITLE = \"ListTitle\",\n ALERT_BANNER = \"AlertBanner\",\n ATTENTION_BOX = \"AttentionBox\",\n AVATAR = \"Avatar\",\n AVATAR_GROUP = \"AvatarGroup\",\n BADGE = \"Badge\",\n BOX = \"Box\",\n BREADCRUMBS_BAR = \"BreadcrumbsBar\",\n BUTTON = \"Button\",\n BUTTON_GROUP = \"ButtonGroup\",\n CHECKBOX = \"Checkbox\",\n CHIPS = \"Chips\",\n COLOR_PICKER = \"ColorPicker\",\n COMBOBOX = \"Combobox\",\n COUNTER = \"Counter\",\n DATE_PICKER = \"DatePicker\",\n DIALOG = \"Dialog\",\n DIVIDER = \"Divider\",\n DROPDOWN = \"Dropdown\",\n EDITABLE_HEADING = \"EditableHeading\",\n EDITABLE_TEXT = \"EditableText\",\n EMPTY_STATE = \"EmptyState\",\n EXPAND_COLLAPSE = \"ExpandCollapse\",\n FLEX = \"Flex\",\n HEADING = \"Heading\",\n ICON = \"Icon\",\n ICON_BUTTON = \"IconButton\",\n INFO = \"Info\",\n LABEL = \"Label\",\n PROGRESS_BAR = \"ProgressBar\",\n LINK = \"Link\",\n LIST = \"List\",\n LOADER = \"Loader\",\n MENU = \"Menu\",\n MENU_BUTTON = \"MenuButton\",\n MODAL = \"Modal\",\n MULTI_STEP_INDICATOR = \"MultiStepIndicator\",\n NUMBER_FIELD = \"NumberField\",\n RADIO_BUTTON = \"RadioButton\",\n SEARCH = \"Search\",\n SKELETON = \"Skeleton\",\n SLIDER = \"Slider\",\n SPLIT_BUTTON = \"SplitButton\",\n STEPS = \"Steps\",\n TAB = \"Tab\",\n TABLE = \"Table\",\n TEXT = \"Text\",\n TEXT_AREA = \"TextArea\",\n TEXT_FIELD = \"TextField\",\n TEXT_WITH_HIGHLIGHT = \"TextWithHighlight\",\n THEME_PROVIDER = \"ThemeProvider\",\n TIPSEEN = \"Tipseen\",\n TOAST = \"Toast\",\n TOGGLE = \"Toggle\",\n TOOLTIP = \"Tooltip\",\n VIRTUALIZED_GRID = \"VirtualizedGrid\",\n VIRTUALIZED_LIST = \"VirtualizedList\"\n}\n"],"names":["ComponentDefaultTestId","NavigationCommand","ComponentVibeId"],"mappings":"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"}
1	+ {"version":3,"file":"constants.js","sources":["../../../src/tests/constants.ts"],"sourcesContent":["export enum ComponentDefaultTestId {\n // Don't remove next line\n // plop_marker:default-data-testid-declarations\n LIST_TITLE = \"list-title\",\n EMPTY_STATE = \"empty-state\",\n TRANSITION_VIEW = \"transition-view\",\n TEXT_AREA = \"text-area\",\n EDITABLE_TEXT = \"editable-text\",\n TIPSEEN_MEDIA = \"tipseen-media\",\n INDICATOR = \"indicator\",\n BADGE = \"badge\",\n TITLE = \"title\",\n TEXT = \"text\",\n COMBOBOX = \"combobox\",\n COMBOBOX_CATEGORY = \"combobox-category\",\n COMBOBOX_OPTION = \"combobox-option\",\n COLOR_PICKER = \"color-picker\",\n CHECKBOX = \"checkbox\",\n CHECKBOX_LABEL = \"checkbox-label\",\n CHECKBOX_CHECKBOX = \"checkbox-checkbox\",\n DROPDOWN = \"dropdown\",\n DROPDOWN_OPTION_CONTENT = \"dropdown-option-content\",\n BUTTON = \"button\",\n BUTTON_GROUP = \"button-group\",\n CLICKABLE = \"clickable\",\n VIRTUALIZED_LIST = \"virtualized-list\",\n VIRTUALIZED_GRID = \"virtualized-grid\",\n TEXT_FIELD = \"text-field\",\n TEXT_FIELD_SECONDARY_BUTTON = \"text-field-secondary-button\",\n SEARCH = \"search\",\n CLEAN_SEARCH_BUTTON = \"clean-search-button\",\n COLOR_PICKER_ITEM = \"color-picker-item\",\n ICON_BUTTON = \"icon-button\",\n INFO = \"info\",\n SVG_ICON = \"svg-icon\",\n CHIP = \"chip\",\n RADIO_BUTTON = \"radio-button\",\n RADIO_BUTTON_LABEL = \"radio-button-label\",\n RADIO_BUTTON_CONTROL = \"radio-button-control\",\n TAB = \"tab\",\n TAB_PANEL = \"tab-panel\",\n TAB_PANELS = \"tab-panels\",\n TAB_LIST = \"tab-list\",\n TABS_CONTEXT = \"tabs-context\",\n ALERT_BANNER = \"alert-banner\",\n ALERT_BANNER_BUTTON = \"alert-banner-button\",\n ALERT_BANNER_LINK = \"alert-banner-link\",\n ALERT_BANNER_TEXT = \"alert-banner-text\",\n ATTENTION_BOX = \"attention-box\",\n BOX = \"box\",\n AVATAR = \"avatar\",\n AVATAR_BADGE = \"avatar-badge\",\n AVATAR_CONTENT = \"avatar-content\",\n BREADCRUMB_ITEM = \"breadcrumb-item\",\n BREADCRUMBS_BAR = \"breadcrumbs-bar\",\n BREADCRUMB_MENU = \"breadcrumb-menu\",\n BREADCRUMB_MENU_ITEM = \"breadcrumb-menu-item\",\n PROGRESS_BAR = \"progress-bar\",\n BAR = \"bar\",\n BAR_PRIMARY = \"bar-primary\",\n BAR_SECONDARY = \"bar-secondary\",\n COLOR_PICKER_ITEM_COMPONENT = \"color-picker-item-component\",\n COUNTER = \"counter\",\n MENU = \"menu\",\n OPTION = \"option\",\n EXPAND_COLLAPSE = \"expand-collapse\",\n EDITABLE_INPUT = \"editable-input\",\n EDITABLE_HEADING = \"editable-heading\",\n HEADING = \"heading\",\n LABEL = \"label\",\n LINK = \"link\",\n MENU_DIVIDER = \"menu-divider\",\n MENU_ITEM = \"menu-item\",\n MENU_ITEM_BUTTON = \"menu-item-button\",\n MENU_TITLE = \"menu-title\",\n MENU_TITLE_CAPTION = \"menu-title-caption\",\n MENU_GRID_ITEM = \"menu-grid-item\",\n MENU_BUTTON = \"menu-button\",\n STEP_INDICATOR = \"step-indicator\",\n STEPS = \"steps\",\n STEPS_FORWARD_COMMAND = \"steps-forward-command\",\n STEPS_BACKWARD_COMMAND = \"steps-backward-command\",\n MULTI_STEP_INDICATOR = \"multi-step-indicator\",\n SKELETON = \"skeleton\",\n SPLIT_BUTTON = \"split-button\",\n SPLIT_BUTTON_PRIMARY_BUTTON = \"split-button-primary-button\",\n SPLIT_BUTTON_SECONDARY_BUTTON = \"split-button-secondary-button\",\n TEXT_WITH_HIGHLIGHT = \"text-with-highlight\",\n TOAST = \"toast\",\n TOAST_CONTENT = \"toast-content\",\n TOAST_LINK = \"toast-link\",\n TOAST_BUTTON = \"toast-button\",\n TOAST_CLOSE_BUTTON = \"toast-close-button\",\n TOGGLE = \"toggle\",\n TIPSEEN = \"tipseen\",\n TIPSEEN_CONTENT = \"tipseen-content\",\n TIPSEEN_CONTENT_SUBMIT = \"tipseen-content-submit\",\n TIPSEEN_CONTENT_DISMISS = \"tipseen-content-dismiss\",\n TIPSEEN_TITLE = \"tipseen-title\",\n DIVIDER = \"divider\",\n DATEPICKER = \"date-picker\",\n DATEPICKER_HEADER = \"date-picker-header\",\n DATEPICKER_YEAR_SELECTION = \"date-picker-year-selection\",\n LOADER = \"loader\",\n ICON = \"icon\",\n RESPONSIVE_LIST = \"responsive-list\",\n LIST = \"list\",\n MODAL = \"modal\",\n MODAL_OVERLAY = \"modal-overlay\",\n MODAL_HEADER = \"modal-header\",\n MODAL_CLOSE_BUTTON = \"modal-close-button\",\n MODAL_CONTENT = \"modal-content\",\n MODAL_FOOTER = \"modal-footer\",\n MODAL_MEDIA = \"modal-media\",\n MODAL_BASIC_LAYOUT = \"modal-basic-layout\",\n MODAL_SIDE_BY_SIDE_LAYOUT = \"modal-side-by-side-layout\",\n MODAL_MEDIA_LAYOUT = \"modal-media-layout\",\n FORMATTED_NUMBER = \"formatted-number\",\n HIDDEN_TEXT = \"hidden-text\",\n DIALOG_CONTENT_CONTAINER = \"dialog-content-container\",\n FLEX = \"flex\",\n TOOLTIP = \"tooltip\",\n DIALOG = \"dialog\",\n TABLE = \"table\",\n TABLE_CONTAINER = \"table-container\",\n TABLE_BODY = \"table-body\",\n TABLE_VIRTUALIZED_BODY = \"table-virtualized-body\",\n TABLE_CELL = \"table-cell\",\n TABLE_HEADER = \"table-header\",\n TABLE_HEADER_CELL = \"table-header-cell\",\n TABLE_ROW = \"table-row\",\n TABLE_ROW_MENU = \"table-row-menu\"\n}\n\nexport enum NavigationCommand {\n RIGHT_ARROW = \"{arrowright}\",\n LEFT_ARROW = \"{arrowleft}\",\n UP_ARROW = \"{arrowup}\",\n DOWN_ARROW = \"{arrowdown}\",\n TAB = \"#TAB#\",\n ENTER = \"{enter}\",\n PAGE_UP = \"{pageup}\",\n PAGE_DOWN = \"{pagedown}\"\n}\n\nexport enum ComponentVibeId {\n ACCORDION = \"Accordion\",\n LIST_TITLE = \"ListTitle\",\n ALERT_BANNER = \"AlertBanner\",\n ATTENTION_BOX = \"AttentionBox\",\n AVATAR = \"Avatar\",\n AVATAR_GROUP = \"AvatarGroup\",\n BADGE = \"Badge\",\n BOX = \"Box\",\n BREADCRUMBS_BAR = \"BreadcrumbsBar\",\n BUTTON = \"Button\",\n BUTTON_GROUP = \"ButtonGroup\",\n CHECKBOX = \"Checkbox\",\n CHIPS = \"Chips\",\n COLOR_PICKER = \"ColorPicker\",\n COMBOBOX = \"Combobox\",\n COUNTER = \"Counter\",\n DATE_PICKER = \"DatePicker\",\n DIALOG = \"Dialog\",\n DIVIDER = \"Divider\",\n DROPDOWN = \"Dropdown\",\n EDITABLE_HEADING = \"EditableHeading\",\n EDITABLE_TEXT = \"EditableText\",\n EMPTY_STATE = \"EmptyState\",\n EXPAND_COLLAPSE = \"ExpandCollapse\",\n FLEX = \"Flex\",\n HEADING = \"Heading\",\n ICON = \"Icon\",\n ICON_BUTTON = \"IconButton\",\n INFO = \"Info\",\n LABEL = \"Label\",\n PROGRESS_BAR = \"ProgressBar\",\n LINK = \"Link\",\n LIST = \"List\",\n LOADER = \"Loader\",\n MENU = \"Menu\",\n MENU_BUTTON = \"MenuButton\",\n MODAL = \"Modal\",\n MULTI_STEP_INDICATOR = \"MultiStepIndicator\",\n NUMBER_FIELD = \"NumberField\",\n RADIO_BUTTON = \"RadioButton\",\n SEARCH = \"Search\",\n SKELETON = \"Skeleton\",\n SLIDER = \"Slider\",\n SPLIT_BUTTON = \"SplitButton\",\n STEPS = \"Steps\",\n TAB = \"Tab\",\n TABLE = \"Table\",\n TEXT = \"Text\",\n TEXT_AREA = \"TextArea\",\n TEXT_FIELD = \"TextField\",\n TEXT_WITH_HIGHLIGHT = \"TextWithHighlight\",\n THEME_PROVIDER = \"ThemeProvider\",\n TIPSEEN = \"Tipseen\",\n TOAST = \"Toast\",\n TOGGLE = \"Toggle\",\n TOOLTIP = \"Tooltip\",\n VIRTUALIZED_GRID = \"VirtualizedGrid\",\n VIRTUALIZED_LIST = \"VirtualizedList\"\n}\n"],"names":["ComponentDefaultTestId","NavigationCommand","ComponentVibeId"],"mappings":"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"}

package/dist/src/types/Colors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Colors.js","sources":["../../../src/types/Colors.ts"],"sourcesContent":["import { contentColors } from \"../utils/colors-vars-map\";\n\nconst MapStateSelectedColor = {\n positive: \"--positive-color-selected\",\n negative: \"--negative-color-selected\",\n primary: \"--primary-selected-color\",\n warning: \"--warning-color-selected\",\n neutral: \"--ui-background-color\"\n};\n\nconst MapStateSelectedHoverColor = {\n positive: \"--positive-color-selected-hover\",\n negative: \"--negative-color-selected-hover\",\n primary: \"--primary-selected-hover-color\",\n warning: \"--warning-color-selected-hover\",\n neutral: \"--ui-background-hover-color\"\n};\n\ntype ContentColor = (typeof contentColors)[number];\ntype StateSelectedColorKeys = keyof typeof MapStateSelectedColor;\ntype StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;\n\nexport type ElementAllowedColor = ContentColor \| \"positive\" \| \"negative\" \| \"primary\" \| \"warning\" \| \"neutral\";\n\nexport function getElementColor(\n colorValue: ContentColor \| StateSelectedColorKeys \| StateSelectedHoverColorKeys,\n isSelectedPalette = false,\n isSelectedHoverPalette = false\n): string {\n if (contentColors.includes(colorValue as ContentColor)) {\n return `var(--color-${colorValue}${isSelectedPalette ? \"-selected\" : \"\"})`;\n }\n if (\n Object.keys(MapStateSelectedHoverColor).includes(colorValue as StateSelectedHoverColorKeys) &&\n isSelectedHoverPalette\n ) {\n return `var(${MapStateSelectedHoverColor[colorValue as StateSelectedHoverColorKeys]})`;\n }\n if (Object.keys(MapStateSelectedColor).includes(colorValue as StateSelectedColorKeys) && isSelectedPalette) {\n return `var(${MapStateSelectedColor[colorValue as StateSelectedColorKeys]})`;\n }\n return colorValue;\n}\n\nexport type ColorStyle = \"regular\" \| \"hover\" \| \"selected\";\n"],"names":["MapStateSelectedColor","positive","negative","primary","warning","neutral","MapStateSelectedHoverColor","getElementColor","colorValue","isSelectedPalette","arguments","length","undefined","isSelectedHoverPalette","contentColors","includes","concat","Object","keys"],"mappings":"4DAEA,IAAMA,EAAwB,CAC5BC,SAAU,4BACVC,SAAU,4BACVC,QAAS,2BACTC,QAAS,2BACTC,QAAS,yBAGLC,EAA6B,CACjCL,SAAU,kCACVC,SAAU,kCACVC,QAAS,iCACTC,QAAS,iCACTC,QAAS,+BASL,SAAUE,EACdC,GAE8B,IAD9BC,EAAiBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACjBG,EAAsBH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEtB,OAAII,EAAcC,SAASP,~~GACzBQ~~,~~eAAAA~~,OAAsBR,GAAUQ,OAAGP,EAAoB,YAAc,GAAE,KAGvEQ,OAAOC,KAAKZ,GAA4BS,SAASP,IACjDK,EAEA,OAAAG,OAAcV,EAA2BE,GAA0C,KAEjFS,OAAOC,KAAKlB,GAAuBe,SAASP,IAAyCC,EACvF,OAAAO,OAAchB,EAAsBQ,GAAqC,KAEpEA,CACT"}
1	+ {"version":3,"file":"Colors.js","sources":["../../../src/types/Colors.ts"],"sourcesContent":["import { contentColors } from \"../utils/colors-vars-map\";\n\nconst MapStateSelectedColor = {\n positive: \"--positive-color-selected\",\n negative: \"--negative-color-selected\",\n primary: \"--primary-selected-color\",\n warning: \"--warning-color-selected\",\n neutral: \"--ui-background-color\"\n};\n\nconst MapStateSelectedHoverColor = {\n positive: \"--positive-color-selected-hover\",\n negative: \"--negative-color-selected-hover\",\n primary: \"--primary-selected-hover-color\",\n warning: \"--warning-color-selected-hover\",\n neutral: \"--ui-background-hover-color\"\n};\n\ntype ContentColor = (typeof contentColors)[number];\ntype StateSelectedColorKeys = keyof typeof MapStateSelectedColor;\ntype StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;\n\nexport type ElementAllowedColor = ContentColor \| \"positive\" \| \"negative\" \| \"primary\" \| \"warning\" \| \"neutral\";\n\nexport function getElementColor(\n colorValue: ContentColor \| StateSelectedColorKeys \| StateSelectedHoverColorKeys,\n isSelectedPalette = false,\n isSelectedHoverPalette = false\n): string {\n if (contentColors.includes(colorValue as ContentColor)) {\n return `var(--color-${colorValue}${isSelectedPalette ? \"-selected\" : \"\"})`;\n }\n if (\n Object.keys(MapStateSelectedHoverColor).includes(colorValue as StateSelectedHoverColorKeys) &&\n isSelectedHoverPalette\n ) {\n return `var(${MapStateSelectedHoverColor[colorValue as StateSelectedHoverColorKeys]})`;\n }\n if (Object.keys(MapStateSelectedColor).includes(colorValue as StateSelectedColorKeys) && isSelectedPalette) {\n return `var(${MapStateSelectedColor[colorValue as StateSelectedColorKeys]})`;\n }\n return colorValue;\n}\n\nexport type ColorStyle = \"regular\" \| \"hover\" \| \"selected\";\n"],"names":["MapStateSelectedColor","positive","negative","primary","warning","neutral","MapStateSelectedHoverColor","getElementColor","colorValue","isSelectedPalette","arguments","length","undefined","isSelectedHoverPalette","contentColors","includes","concat","Object","keys"],"mappings":"4DAEA,IAAMA,EAAwB,CAC5BC,SAAU,4BACVC,SAAU,4BACVC,QAAS,2BACTC,QAAS,2BACTC,QAAS,yBAGLC,EAA6B,CACjCL,SAAU,kCACVC,SAAU,kCACVC,QAAS,iCACTC,QAAS,iCACTC,QAAS,+BASL,SAAUE,EACdC,GAE8B,IAD9BC,EAAiBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACjBG,EAAsBH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEtB,OAAII,EAAcC,SAASP,GACzB,eAAAQ,OAAsBR,GAAUQ,OAAGP,EAAoB,YAAc,GAAE,KAGvEQ,OAAOC,KAAKZ,GAA4BS,SAASP,IACjDK,EAEA,OAAAG,OAAcV,EAA2BE,GAA0C,KAEjFS,OAAOC,KAAKlB,GAAuBe,SAASP,IAAyCC,EACvF,OAAAO,OAAchB,EAAsBQ,GAAqC,KAEpEA,CACT"}

package/dist/src/utils/colors-utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{ColorStyle as o,contentColors as r}from"./colors-vars-map.js";var t=Object.freeze({modes:o,contentColors:r,getMondayColorAsStyle:function(o){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"regular",t=2>=arguments.length||void 0===arguments[2]||arguments[2];return"".concat(t?"var(":"","--color-").concat(o).concat("regular"!==r?"-".concat(r):"").concat(t?")":"")}});export{t as default};
+import{contentColors as o,ColorStyle as r}from"./colors-vars-map.js";var t=Object.freeze({modes:r,contentColors:o,getMondayColorAsStyle:function(o){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"regular",t=2>=arguments.length||void 0===arguments[2]||arguments[2];return"".concat(t?"var(":"","--color-").concat(o).concat("regular"!==r?"-".concat(r):"").concat(t?")":"")}});export{t as default};
 //# sourceMappingURL=colors-utils.js.map

package/dist/src/utils/colors-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"colors-utils.js","sources":["../../../src/utils/colors-utils.ts"],"sourcesContent":["import { ColorStyle as ColorStyleEnum, contentColors } from \"./colors-vars-map\";\nimport { type ColorStyle } from \"../types/Colors\";\n\nconst ColorUtils = {\n modes: ColorStyleEnum,\n contentColors,\n getMondayColorAsStyle: (color: string, mode: ColorStyle = \"regular\", withVar = true) => {\n return `${withVar ? \"var(\" : \"\"}--color-${color}${mode !== \"regular\" ? `-${mode}` : \"\"}${withVar ? \")\" : \"\"}`;\n }\n};\n\nexport default Object.freeze(ColorUtils);\n"],"names":["ColorUtils$1","Object","freeze","modes","ColorStyleEnum","contentColors","getMondayColorAsStyle","color","mode","arguments","length","undefined","withVar","concat"],"mappings":"qEAGA,IAQAA,EAAeC,OAAOC,OARH,CACjBC,MAAOC,EACPC,cAAAA,EACAC,sBAAuB,SAACC,GAA+D,IAAhDC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAmB,UAAWG,EAAO,GAAAH,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC1E,MAAA,GAAAI,OAAUD,EAAU,OAAS,GAAE,YAAAC,OAAWN,GAAKM,OAAY,YAATL,~~EAAkBK~~,~~IAAAA~~,OAAOL,GAAS,IAAEK,OAAGD,EAAU,IAAM,GAC3G"}
1	+ {"version":3,"file":"colors-utils.js","sources":["../../../src/utils/colors-utils.ts"],"sourcesContent":["import { ColorStyle as ColorStyleEnum, contentColors } from \"./colors-vars-map\";\nimport { type ColorStyle } from \"../types/Colors\";\n\nconst ColorUtils = {\n modes: ColorStyleEnum,\n contentColors,\n getMondayColorAsStyle: (color: string, mode: ColorStyle = \"regular\", withVar = true) => {\n return `${withVar ? \"var(\" : \"\"}--color-${color}${mode !== \"regular\" ? `-${mode}` : \"\"}${withVar ? \")\" : \"\"}`;\n }\n};\n\nexport default Object.freeze(ColorUtils);\n"],"names":["ColorUtils$1","Object","freeze","modes","ColorStyleEnum","contentColors","getMondayColorAsStyle","color","mode","arguments","length","undefined","withVar","concat"],"mappings":"qEAGA,IAQAA,EAAeC,OAAOC,OARH,CACjBC,MAAOC,EACPC,cAAAA,EACAC,sBAAuB,SAACC,GAA+D,IAAhDC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAmB,UAAWG,EAAO,GAAAH,UAAAC,aAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC1E,MAAA,GAAAI,OAAUD,EAAU,OAAS,GAAE,YAAAC,OAAWN,GAAKM,OAAY,YAATL,EAAkB,IAAAK,OAAOL,GAAS,IAAEK,OAAGD,EAAU,IAAM,GAC3G"}

package/dist/src/utils/colors-vars-map.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"colors-vars-map.js","sources":["../../../src/utils/colors-vars-map.ts"],"sourcesContent":["export const colorsMap = [\n { color: \"--primary-color\", description: \"Use to emphasise main ui components\" },\n {\n color: \"--primary-on-secondary-color\",\n description: \"Use to emphasise main ui components on secondary background color\"\n },\n { color: \"--primary-hover-color\", description: \"Use only as a hover on primary color\" },\n {\n color: \"--primary-hover-on-secondary-color\",\n description: \"Use only as a hover on primary color on secondary background color\"\n },\n { color: \"--primary-selected-color\", description: \"Use to indicate selected state of primary items\" },\n {\n color: \"--primary-selected-hover-color\",\n description: \"Use to indicate hover state on a primary-selected-color items\"\n },\n {\n color: \"--primary-highlighted-color\",\n description: \"Use this to indicate highlighted components of primary items\"\n },\n {\n color: \"--primary-surface-color\",\n description: \"Use this as the surface of the main layout appearance\"\n },\n {\n color: \"--primary-selected-on-secondary-color\",\n description: \"Use to indicate selected state of primary items on secondary background color\"\n },\n { color: \"--primary-text-color\", description: \"Use for default text color\" },\n {\n color: \"--primary-text-on-secondary-color\",\n description: \"Use for default text color on secondary background color\"\n },\n { color: \"--secondary-text-color\", description: \"Use when you need text with lesser importance\" },\n {\n color: \"--secondary-text-on-secondary-color\",\n description: \"Use when you need text with lesser importance (on secondary background color)\"\n },\n { color: \"--primary-background-hover-color\", description: \"Use as hover color\" },\n { color: \"--primary-background-hover-on-secondary-color\", description: \"Use as hover color on secondary color\" },\n {\n color: \"--inverted-color-background\",\n description: \"Inverted background color (opposite of primary background color)\"\n },\n { color: \"--text-color-on-inverted\", description: \"Inverted text color (opposite of primary text color)\" },\n { color: \"--text-color-on-primary\", description: \"Use for text on primary color\" },\n { color: \"--fixed-light-color\", description: \"Use as color that should remain light in all themes\" },\n { color: \"--fixed-dark-color\", description: \"Use as color that should remain dark in all themes\" },\n // states\n {\n color: \"--positive-color\",\n description: \"Use to indicate a positive action/state (success, completion, approval...)\"\n },\n { color: \"--positive-color-hover\", description: \"Use only as hover color on positive color\" },\n { color: \"--positive-color-selected\", description: \"Use only as selected indication for a positive colors\" },\n {\n color: \"--positive-color-selected-hover\",\n description: \"Use to indicate hover state on a positive-color-selected items\"\n },\n {\n color: \"--negative-color\",\n description: \"Use to indicate a negative action/state (delete, error...)\"\n },\n { color: \"--negative-color-hover\", description: \"Use only as hover color on negative color\" },\n { color: \"--negative-color-selected\", description: \"Use as selected indication for negative colors\" },\n {\n color: \"--negative-color-selected-hover\",\n description: \"Use to indicate hover state on a negative-selected items\"\n },\n {\n color: \"--warning-color\",\n description: \"Use to indicate a warning action/state (severity, alert, caution...)\"\n },\n { color: \"--warning-color-hover\", description: \"Use only as hover color on warning color\" },\n { color: \"--warning-color-selected\", description: \"Use as selected indication for warning colors\" },\n {\n color: \"--warning-color-selected-hover\",\n description: \"Use to indicate hover state on a warning-selected items\"\n },\n // borders\n { color: \"--ui-border-color\", description: \"Border color for ui elements and components (Button, Input...)\" },\n { color: \"--ui-border-on-secondary-color\", description: \"Border color for ui elements on secondary color\" },\n {\n color: \"--layout-border-color\",\n description: \"Border color for general layout and separators (Leftpane, Menu Divider...)\"\n },\n {\n color: \"--layout-border-on-secondary-color\",\n description: \"Border color for general layout on secondary background color\"\n },\n { color: \"--placeholder-color\", description: \"Use for placeholder text in inputs fields\" },\n {\n color: \"--placeholder-on-secondary-color\",\n description: \"Use for placeholder text in inputs fields on secondary background color\"\n },\n { color: \"--icon-color\", description: \"Default color for icons\" },\n { color: \"--icon-on-secondary-color\", description: \"Default color for icons on secondary background color\" },\n // disabled\n {\n color: \"--disabled-background-color\",\n description: \"Use as background for disabled elements (ui hovers or elements)\"\n },\n { color: \"--disabled-text-color\", description: \"Use as text in disabled components\" },\n {\n color: \"--disabled-background-on-secondary-color\",\n description: \"Use as background for disabled elements on secondary background\"\n },\n {\n color: \"--disabled-text-on-secondary-color\",\n description: \"Use as text in disabled components on secondary background color\"\n },\n // Link\n { color: \"--link-color\", description: \"Use only for links\" },\n { color: \"--link-on-secondary-color\", description: \"Use only for links on secondary colors\" },\n // Backgrounds\n { color: \"--primary-background-color\", description: \"Primary background color\" },\n { color: \"--secondary-background-color\", description: \"Secondary background color\" },\n { color: \"--grey-background-color\", description: \"Grey background color\" },\n { color: \"--allgrey-background-color\", description: \"Grey background color, stays grey in dark and black themes\" },\n { color: \"--ui-background-color\", description: \"Background color for UI elements and components\" }\n];\n\nexport const colorsHashMap = colorsMap.reduce((map, current) => {\n const newColorName = current.color.substring(2);\n map.set(newColorName, current.description);\n return map;\n}, new Map());\n\nexport const contentColors = [\n \"grass_green\",\n \"done-green\",\n \"bright-green\",\n \"saladish\",\n \"egg_yolk\",\n \"working_orange\",\n \"dark-orange\",\n \"peach\",\n \"sunset\",\n \"stuck-red\",\n \"dark-red\",\n \"sofia_pink\",\n \"lipstick\",\n \"bubble\",\n \"purple\",\n \"dark_purple\",\n \"berry\",\n \"dark_indigo\",\n \"indigo\",\n \"navy\",\n \"bright-blue\",\n \"dark-blue\",\n \"aquamarine\",\n \"chili-blue\",\n \"river\",\n \"winter\",\n \"explosive\",\n \"american_gray\",\n \"blackish\",\n \"brown\",\n \"orchid\",\n \"tan\",\n \"sky\",\n \"coffee\",\n \"royal\",\n \"teal\",\n \"lavender\",\n \"steel\",\n \"lilac\",\n \"pecan\"\n] as const;\n\nexport type CONTENT_COLORS_VALUES = (typeof contentColors)[number];\n\n/*\n @deprecated\n /\nexport enum ColorStyle {\n REGULAR = \"regular\",\n HOVER = \"hover\",\n SELECTED = \"selected\"\n}\n\nexport enum ContentColorByName {\n GRASS_GREEN = \"grass_green\",\n DONE_GREEN = \"done-green\",\n BRIGHT_GREEN = \"bright-green\",\n SALADISH = \"saladish\",\n EGG_YOLK = \"egg_yolk\",\n WORKING_ORANGE = \"working_orange\",\n DARK_ORANGE = \"dark-orange\",\n PEACH = \"peach\",\n SUNSET = \"sunset\",\n STUCK_RED = \"stuck-red\",\n DARK_RED = \"dark-red\",\n SOFIA_PINK = \"sofia_pink\",\n LIPSTICK = \"lipstick\",\n BUBBLE = \"bubble\",\n PURPLE = \"purple\",\n DARK_PURPLE = \"dark_purple\",\n BERRY = \"berry\",\n DARK_INDIGO = \"dark_indigo\",\n INDIGO = \"indigo\",\n NAVY = \"navy\",\n BRIGHT_BLUE = \"bright-blue\",\n DARK_BLUE = \"dark-blue\",\n AQUAMARINE = \"aquamarine\",\n CHILI_BLUE = \"chili-blue\",\n RIVER = \"river\",\n WINTER = \"winter\",\n EXPLOSIVE = \"explosive\",\n AMERICAN_GRAY = \"american_gray\",\n BLACKISH = \"blackish\",\n BROWN = \"brown\",\n ORCHID = \"orchid\",\n TAN = \"tan\",\n SKY = \"sky\",\n COFFEE = \"coffee\",\n ROYAL = \"royal\",\n TEAL = \"teal\",\n LAVENDER = \"lavender\",\n STEEL = \"steel\",\n LILAC = \"lilac\",\n PECAN = \"pecan\"\n}\n\n/\n @deprecated\n /\nexport enum StateSelectedColor {\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n PRIMARY = \"primary\",\n WARNING = \"warning\",\n NEUTRAL = \"neutral\"\n}\n\n/\n @deprecated\n /\nexport enum StateSelectedHoverColor {\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n PRIMARY = \"primary\",\n NEUTRAL = \"neutral\"\n}\n\n/\n @deprecated\n /\nexport const ElementAllowedColor = {\n ...ContentColorByName,\n ...StateSelectedColor,\n ...StateSelectedHoverColor\n};\n\n/\n @deprecated\n */\nexport type ElementColor = (typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] \| string;\n\nexport const elementColorsNames = Object.values(ElementAllowedColor).reduce((acc: Record<string, string>, key) => {\n acc[key] = key;\n return acc;\n}, {});\n\nconst getColorKeyByValue = (colorValue: string, colors: Record<string, string>) => {\n return Object.keys(colors)[Object.values(colors).indexOf(colorValue)];\n};\n\nexport function getElementColor(\n colorValue: keyof typeof ElementAllowedColor \| string,\n isSelectedPalette = false,\n isSelectedHoverPalette = false\n): string {\n const colorKey = getColorKeyByValue(colorValue, ElementAllowedColor);\n if (!colorKey) {\n return colorValue;\n }\n\n if (ContentColorByName[colorKey as keyof typeof ContentColorByName]) {\n return `var(--color-${ContentColorByName[colorKey as keyof typeof ContentColorByName]}${\n isSelectedPalette ? \"-selected\" : \"\"\n })`;\n }\n if (StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor] && isSelectedHoverPalette) {\n return `var(${StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor]})`;\n }\n if (StateSelectedColor[colorKey as keyof typeof StateSelectedColor] && isSelectedPalette) {\n return `var(${StateSelectedColor[colorKey as keyof typeof StateSelectedColor]})`;\n }\n}\n"],"names":["colorsMap","color","description","reduce","map","current","newColorName","substring","set","Map","ColorStyle","ContentColorByName","StateSelectedColor","StateSelectedHoverColor","contentColors","ElementAllowedColor","Object","assign","values","acc","key"],"mappings":"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"}
1	+ {"version":3,"file":"colors-vars-map.js","sources":["../../../src/utils/colors-vars-map.ts"],"sourcesContent":["export const colorsMap = [\n { color: \"--primary-color\", description: \"Use to emphasise main ui components\" },\n {\n color: \"--primary-on-secondary-color\",\n description: \"Use to emphasise main ui components on secondary background color\"\n },\n { color: \"--primary-hover-color\", description: \"Use only as a hover on primary color\" },\n {\n color: \"--primary-hover-on-secondary-color\",\n description: \"Use only as a hover on primary color on secondary background color\"\n },\n { color: \"--primary-selected-color\", description: \"Use to indicate selected state of primary items\" },\n {\n color: \"--primary-selected-hover-color\",\n description: \"Use to indicate hover state on a primary-selected-color items\"\n },\n {\n color: \"--primary-highlighted-color\",\n description: \"Use this to indicate highlighted components of primary items\"\n },\n {\n color: \"--primary-surface-color\",\n description: \"Use this as the surface of the main layout appearance\"\n },\n {\n color: \"--primary-selected-on-secondary-color\",\n description: \"Use to indicate selected state of primary items on secondary background color\"\n },\n { color: \"--primary-text-color\", description: \"Use for default text color\" },\n {\n color: \"--primary-text-on-secondary-color\",\n description: \"Use for default text color on secondary background color\"\n },\n { color: \"--secondary-text-color\", description: \"Use when you need text with lesser importance\" },\n {\n color: \"--secondary-text-on-secondary-color\",\n description: \"Use when you need text with lesser importance (on secondary background color)\"\n },\n { color: \"--primary-background-hover-color\", description: \"Use as hover color\" },\n { color: \"--primary-background-hover-on-secondary-color\", description: \"Use as hover color on secondary color\" },\n {\n color: \"--inverted-color-background\",\n description: \"Inverted background color (opposite of primary background color)\"\n },\n { color: \"--text-color-on-inverted\", description: \"Inverted text color (opposite of primary text color)\" },\n { color: \"--text-color-on-primary\", description: \"Use for text on primary color\" },\n { color: \"--fixed-light-color\", description: \"Use as color that should remain light in all themes\" },\n { color: \"--fixed-dark-color\", description: \"Use as color that should remain dark in all themes\" },\n // states\n {\n color: \"--positive-color\",\n description: \"Use to indicate a positive action/state (success, completion, approval...)\"\n },\n { color: \"--positive-color-hover\", description: \"Use only as hover color on positive color\" },\n { color: \"--positive-color-selected\", description: \"Use only as selected indication for a positive colors\" },\n {\n color: \"--positive-color-selected-hover\",\n description: \"Use to indicate hover state on a positive-color-selected items\"\n },\n {\n color: \"--negative-color\",\n description: \"Use to indicate a negative action/state (delete, error...)\"\n },\n { color: \"--negative-color-hover\", description: \"Use only as hover color on negative color\" },\n { color: \"--negative-color-selected\", description: \"Use as selected indication for negative colors\" },\n {\n color: \"--negative-color-selected-hover\",\n description: \"Use to indicate hover state on a negative-selected items\"\n },\n {\n color: \"--warning-color\",\n description: \"Use to indicate a warning action/state (severity, alert, caution...)\"\n },\n { color: \"--warning-color-hover\", description: \"Use only as hover color on warning color\" },\n { color: \"--warning-color-selected\", description: \"Use as selected indication for warning colors\" },\n {\n color: \"--warning-color-selected-hover\",\n description: \"Use to indicate hover state on a warning-selected items\"\n },\n // borders\n { color: \"--ui-border-color\", description: \"Border color for ui elements and components (Button, Input...)\" },\n { color: \"--ui-border-on-secondary-color\", description: \"Border color for ui elements on secondary color\" },\n {\n color: \"--layout-border-color\",\n description: \"Border color for general layout and separators (Leftpane, Menu Divider...)\"\n },\n {\n color: \"--layout-border-on-secondary-color\",\n description: \"Border color for general layout on secondary background color\"\n },\n { color: \"--placeholder-color\", description: \"Use for placeholder text in inputs fields\" },\n {\n color: \"--placeholder-on-secondary-color\",\n description: \"Use for placeholder text in inputs fields on secondary background color\"\n },\n { color: \"--icon-color\", description: \"Default color for icons\" },\n { color: \"--icon-on-secondary-color\", description: \"Default color for icons on secondary background color\" },\n // disabled\n {\n color: \"--disabled-background-color\",\n description: \"Use as background for disabled elements (ui hovers or elements)\"\n },\n { color: \"--disabled-text-color\", description: \"Use as text in disabled components\" },\n {\n color: \"--disabled-background-on-secondary-color\",\n description: \"Use as background for disabled elements on secondary background\"\n },\n {\n color: \"--disabled-text-on-secondary-color\",\n description: \"Use as text in disabled components on secondary background color\"\n },\n // Link\n { color: \"--link-color\", description: \"Use only for links\" },\n { color: \"--link-on-secondary-color\", description: \"Use only for links on secondary colors\" },\n // Backgrounds\n { color: \"--primary-background-color\", description: \"Primary background color\" },\n { color: \"--secondary-background-color\", description: \"Secondary background color\" },\n { color: \"--grey-background-color\", description: \"Grey background color\" },\n { color: \"--allgrey-background-color\", description: \"Grey background color, stays grey in dark and black themes\" },\n { color: \"--ui-background-color\", description: \"Background color for UI elements and components\" }\n];\n\nexport const colorsHashMap = colorsMap.reduce((map, current) => {\n const newColorName = current.color.substring(2);\n map.set(newColorName, current.description);\n return map;\n}, new Map());\n\nexport const contentColors = [\n \"grass_green\",\n \"done-green\",\n \"bright-green\",\n \"saladish\",\n \"egg_yolk\",\n \"working_orange\",\n \"dark-orange\",\n \"peach\",\n \"sunset\",\n \"stuck-red\",\n \"dark-red\",\n \"sofia_pink\",\n \"lipstick\",\n \"bubble\",\n \"purple\",\n \"dark_purple\",\n \"berry\",\n \"dark_indigo\",\n \"indigo\",\n \"navy\",\n \"bright-blue\",\n \"dark-blue\",\n \"aquamarine\",\n \"chili-blue\",\n \"river\",\n \"winter\",\n \"explosive\",\n \"american_gray\",\n \"blackish\",\n \"brown\",\n \"orchid\",\n \"tan\",\n \"sky\",\n \"coffee\",\n \"royal\",\n \"teal\",\n \"lavender\",\n \"steel\",\n \"lilac\",\n \"pecan\"\n] as const;\n\nexport type CONTENT_COLORS_VALUES = (typeof contentColors)[number];\n\n/*\n @deprecated\n /\nexport enum ColorStyle {\n REGULAR = \"regular\",\n HOVER = \"hover\",\n SELECTED = \"selected\"\n}\n\nexport enum ContentColorByName {\n GRASS_GREEN = \"grass_green\",\n DONE_GREEN = \"done-green\",\n BRIGHT_GREEN = \"bright-green\",\n SALADISH = \"saladish\",\n EGG_YOLK = \"egg_yolk\",\n WORKING_ORANGE = \"working_orange\",\n DARK_ORANGE = \"dark-orange\",\n PEACH = \"peach\",\n SUNSET = \"sunset\",\n STUCK_RED = \"stuck-red\",\n DARK_RED = \"dark-red\",\n SOFIA_PINK = \"sofia_pink\",\n LIPSTICK = \"lipstick\",\n BUBBLE = \"bubble\",\n PURPLE = \"purple\",\n DARK_PURPLE = \"dark_purple\",\n BERRY = \"berry\",\n DARK_INDIGO = \"dark_indigo\",\n INDIGO = \"indigo\",\n NAVY = \"navy\",\n BRIGHT_BLUE = \"bright-blue\",\n DARK_BLUE = \"dark-blue\",\n AQUAMARINE = \"aquamarine\",\n CHILI_BLUE = \"chili-blue\",\n RIVER = \"river\",\n WINTER = \"winter\",\n EXPLOSIVE = \"explosive\",\n AMERICAN_GRAY = \"american_gray\",\n BLACKISH = \"blackish\",\n BROWN = \"brown\",\n ORCHID = \"orchid\",\n TAN = \"tan\",\n SKY = \"sky\",\n COFFEE = \"coffee\",\n ROYAL = \"royal\",\n TEAL = \"teal\",\n LAVENDER = \"lavender\",\n STEEL = \"steel\",\n LILAC = \"lilac\",\n PECAN = \"pecan\"\n}\n\n/\n @deprecated\n /\nexport enum StateSelectedColor {\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n PRIMARY = \"primary\",\n WARNING = \"warning\",\n NEUTRAL = \"neutral\"\n}\n\n/\n @deprecated\n /\nexport enum StateSelectedHoverColor {\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n PRIMARY = \"primary\",\n NEUTRAL = \"neutral\"\n}\n\n/\n @deprecated\n /\nexport const ElementAllowedColor = {\n ...ContentColorByName,\n ...StateSelectedColor,\n ...StateSelectedHoverColor\n};\n\n/\n @deprecated\n */\nexport type ElementColor = (typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] \| string;\n\nexport const elementColorsNames = Object.values(ElementAllowedColor).reduce((acc: Record<string, string>, key) => {\n acc[key] = key;\n return acc;\n}, {});\n\nconst getColorKeyByValue = (colorValue: string, colors: Record<string, string>) => {\n return Object.keys(colors)[Object.values(colors).indexOf(colorValue)];\n};\n\nexport function getElementColor(\n colorValue: keyof typeof ElementAllowedColor \| string,\n isSelectedPalette = false,\n isSelectedHoverPalette = false\n): string {\n const colorKey = getColorKeyByValue(colorValue, ElementAllowedColor);\n if (!colorKey) {\n return colorValue;\n }\n\n if (ContentColorByName[colorKey as keyof typeof ContentColorByName]) {\n return `var(--color-${ContentColorByName[colorKey as keyof typeof ContentColorByName]}${\n isSelectedPalette ? \"-selected\" : \"\"\n })`;\n }\n if (StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor] && isSelectedHoverPalette) {\n return `var(${StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor]})`;\n }\n if (StateSelectedColor[colorKey as keyof typeof StateSelectedColor] && isSelectedPalette) {\n return `var(${StateSelectedColor[colorKey as keyof typeof StateSelectedColor]})`;\n }\n}\n"],"names":["colorsMap","color","description","reduce","map","current","newColorName","substring","set","Map","ColorStyle","ContentColorByName","StateSelectedColor","StateSelectedHoverColor","contentColors","ElementAllowedColor","Object","assign","values","acc","key"],"mappings":"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"}