@veeqo/ui 14.0.3 → 14.0.5

package/dist/components/ViewsContainer/hooks/useSetScrollPosition.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSetScrollPosition.cjs","sources":["../../../../src/components/ViewsContainer/hooks/useSetScrollPosition.ts"],"sourcesContent":["import { MutableRefObject, ReactNode, useCallback, useEffect, useState, Children } from 'react';\nimport { usePrevious } from 'react-use';\nimport { createViewPositionArray, getNextViewPosition, getPrevViewPosition } from '../utils';\n\ntype UseSetScrollPositionProps = {\n  containerRef: MutableRefObject<HTMLDivElement>;\n  children: ReactNode;\n  hasMoreViews?: boolean;\n  onFetchMoreViews?: () => void;\n  isLoadingMoreViews?: boolean;\n};\n\nexport const useSetScrollPosition = ({\n  containerRef,\n  children,\n  hasMoreViews = false,\n  onFetchMoreViews,\n  isLoadingMoreViews = false,\n}: UseSetScrollPositionProps) => {\n  const [leftDisabled, setLeftDisabled] = useState(true);\n  const [rightDisabled, setRightDisabled] = useState(false);\n  const [viewStartPositions, setViewStartPositions] = useState<number[]>([]);\n\n  const activeTab = containerRef?.current?.querySelector('[aria-selected = true]');\n  const prevActiveTab = usePrevious(activeTab);\n\n  const handleScroll = useCallback(() => {\n    if (containerRef.current?.scrollLeft > 0) {\n      setLeftDisabled(false);\n    } else {\n      if (document.getElementById('left-arrow') === document.activeElement) {\n        document.getElementById('right-arrow')?.focus();\n      }\n      setLeftDisabled(true);\n    }\n\n    const maxScrollWidth = containerRef.current?.scrollWidth ?? 0;\n    const maxClientWidth = containerRef.current?.clientWidth ?? 0;\n    const maxScrollLeft = maxScrollWidth - maxClientWidth;\n\n    // -10 to prevent javascript assertion errors on floating points\n    if (containerRef.current?.scrollLeft >= maxScrollLeft - 10) {\n      if (document.getElementById('right-arrow') === document.activeElement) {\n        document.getElementById('left-arrow')?.focus();\n      }\n      setRightDisabled(true);\n\n      // Check if we've reached the end and should fetch more data\n      // Only fetches more when not already loading more views and has more views to load\n      if (hasMoreViews && onFetchMoreViews && !isLoadingMoreViews) {\n        onFetchMoreViews();\n      }\n    } else {\n      setRightDisabled(false);\n    }\n  }, [containerRef, onFetchMoreViews, isLoadingMoreViews, hasMoreViews]);\n\n  const handleResize = useCallback(() => {\n    if (!containerRef.current) return;\n    if (containerRef.current.scrollWidth - containerRef.current.getBoundingClientRect().width < 5) {\n      setRightDisabled(true);\n    } else {\n      setRightDisabled(false);\n    }\n  }, [containerRef]);\n\n  const toNextScrollPosition = useCallback(() => {\n    const newPosition = getNextViewPosition(\n      viewStartPositions,\n      containerRef.current.scrollLeft,\n      containerRef.current.clientWidth,\n    );\n\n    containerRef.current.scrollTo({\n      left: newPosition,\n      top: 0,\n      behavior: 'smooth',\n    });\n  }, [containerRef, viewStartPositions]);\n\n  const toPrevScrollPosition = useCallback(() => {\n    const newPosition = getPrevViewPosition(viewStartPositions, containerRef.current.scrollLeft);\n\n    containerRef.current.scrollTo({\n      left: newPosition,\n      top: 0,\n      behavior: 'smooth',\n    });\n  }, [containerRef, viewStartPositions]);\n\n  // Initialize view positions when container first has children\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length || viewStartPositions.length > 0) return;\n\n    setViewStartPositions(createViewPositionArray(containerRef.current));\n  }, [containerRef, viewStartPositions.length]);\n\n  // Handle new item addition - scroll to end and update positions\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length) return;\n\n    const childrenCount = containerRef.current.children.length;\n    const positionsCount = viewStartPositions.length;\n    const totalChildren = Children.count(children);\n\n    const shouldScrollToNewItem =\n      childrenCount !== positionsCount && positionsCount > 0 && positionsCount < totalChildren;\n\n    if (!shouldScrollToNewItem) return;\n\n    containerRef.current.scrollTo({\n      left: containerRef.current.scrollWidth - containerRef.current.clientWidth,\n      top: 0,\n      behavior: 'smooth',\n    });\n\n    // Compute the x position of the new item\n    const lastChildRect =\n      containerRef.current.children[positionsCount - 1]?.getBoundingClientRect();\n    const newPosition = viewStartPositions[positionsCount - 1] + (lastChildRect?.x ?? 0) - 20;\n\n    setViewStartPositions([...viewStartPositions, newPosition]);\n  }, [containerRef, children, viewStartPositions]);\n\n  // Handle active tab changes - scroll to active tab\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length) return;\n    if (activeTab === prevActiveTab || activeTab === null) return;\n    if (containerRef.current.children.length !== viewStartPositions.length) return;\n\n    const index = Array.from(containerRef.current.children).indexOf(activeTab);\n    if (index === -1) return;\n\n    containerRef.current.scrollTo({\n      left: viewStartPositions[index],\n      top: 0,\n      behavior: 'smooth',\n    });\n  }, [activeTab, prevActiveTab, containerRef, viewStartPositions]);\n\n  // Handle fetching more views - recompute positions\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length) return;\n    if (viewStartPositions.length >= containerRef.current.children.length) return;\n\n    const currentScrollLeft = containerRef.current.scrollLeft;\n\n    // Temporarily reset scroll to 0 to get accurate positions\n    containerRef.current.scrollTo({ left: 0, top: 0, behavior: 'auto' });\n\n    // Recompute positions from scroll position 0\n    setViewStartPositions(createViewPositionArray(containerRef.current));\n\n    // Restore the user's scroll position\n    containerRef.current.scrollTo({ left: currentScrollLeft, top: 0, behavior: 'auto' });\n  }, [containerRef, viewStartPositions.length]);\n\n  // Handle window resize and scroll event listeners\n  useEffect(() => {\n    if (!containerRef?.current) return;\n\n    const container = containerRef.current;\n\n    handleResize();\n    window.addEventListener('resize', handleResize);\n    container.addEventListener('scroll', handleScroll);\n\n    // eslint-disable-next-line consistent-return\n    return () => {\n      window.removeEventListener('resize', handleResize);\n      container.removeEventListener('scroll', handleScroll);\n    };\n  }, [containerRef, handleResize, handleScroll]);\n\n  return { rightDisabled, leftDisabled, toNextScrollPosition, toPrevScrollPosition };\n};\n"],"names":["useState","usePrevious","useCallback","getNextViewPosition","getPrevViewPosition","useEffect","createViewPositionArray","Children"],"mappings":"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"}
+{"version":3,"file":"useSetScrollPosition.cjs","sources":["../../../../src/components/ViewsContainer/hooks/useSetScrollPosition.ts"],"sourcesContent":["import { MutableRefObject, ReactNode, useCallback, useEffect, useState, Children } from 'react';\nimport { usePrevious } from 'react-use';\nimport { createViewPositionArray, getNextViewPosition, getPrevViewPosition } from '../utils';\n\ntype UseSetScrollPositionProps = {\n  containerRef: MutableRefObject<HTMLDivElement>;\n  children: ReactNode;\n  hasMoreViews?: boolean;\n  onFetchMoreViews?: () => void;\n  isLoadingMoreViews?: boolean;\n};\n\nexport const useSetScrollPosition = ({\n  containerRef,\n  children,\n  hasMoreViews = false,\n  onFetchMoreViews,\n  isLoadingMoreViews = false,\n}: UseSetScrollPositionProps) => {\n  const [leftDisabled, setLeftDisabled] = useState(true);\n  const [rightDisabled, setRightDisabled] = useState(false);\n  const [viewStartPositions, setViewStartPositions] = useState<number[]>([]);\n\n  const activeTab = containerRef?.current?.querySelector('[aria-selected = true]');\n  const prevActiveTab = usePrevious(activeTab);\n\n  const handleScroll = useCallback(() => {\n    if (containerRef.current?.scrollLeft > 0) {\n      setLeftDisabled(false);\n    } else {\n      if (document.getElementById('left-arrow') === document.activeElement) {\n        document.getElementById('right-arrow')?.focus();\n      }\n      setLeftDisabled(true);\n    }\n\n    const maxScrollWidth = containerRef.current?.scrollWidth ?? 0;\n    const maxClientWidth = containerRef.current?.clientWidth ?? 0;\n    const maxScrollLeft = maxScrollWidth - maxClientWidth;\n\n    // -10 to prevent javascript assertion errors on floating points\n    if (containerRef.current?.scrollLeft >= maxScrollLeft - 10) {\n      if (document.getElementById('right-arrow') === document.activeElement) {\n        document.getElementById('left-arrow')?.focus();\n      }\n      setRightDisabled(true);\n\n      // Check if we've reached the end and should fetch more data\n      // Only fetches more when not already loading more views and has more views to load\n      if (hasMoreViews && onFetchMoreViews && !isLoadingMoreViews) {\n        onFetchMoreViews();\n      }\n    } else {\n      setRightDisabled(false);\n    }\n  }, [containerRef, onFetchMoreViews, isLoadingMoreViews, hasMoreViews]);\n\n  const handleResize = useCallback(() => {\n    if (!containerRef.current) return;\n    if (containerRef.current.scrollWidth - containerRef.current.getBoundingClientRect().width < 5) {\n      setRightDisabled(true);\n    } else {\n      setRightDisabled(false);\n    }\n  }, [containerRef]);\n\n  const toNextScrollPosition = useCallback(() => {\n    const newPosition = getNextViewPosition(\n      viewStartPositions,\n      containerRef.current.scrollLeft,\n      containerRef.current.clientWidth,\n    );\n\n    containerRef.current.scrollTo({\n      left: newPosition,\n      top: 0,\n      behavior: 'smooth',\n    });\n  }, [containerRef, viewStartPositions]);\n\n  const toPrevScrollPosition = useCallback(() => {\n    const newPosition = getPrevViewPosition(viewStartPositions, containerRef.current.scrollLeft);\n\n    containerRef.current.scrollTo({\n      left: newPosition,\n      top: 0,\n      behavior: 'smooth',\n    });\n  }, [containerRef, viewStartPositions]);\n\n  // Initialize view positions when container first has children\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length || viewStartPositions.length > 0) return;\n\n    setViewStartPositions(createViewPositionArray(containerRef.current));\n  }, [containerRef, viewStartPositions.length]);\n\n  // Handle new item addition - scroll to end and update positions\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length) return;\n\n    const childrenCount = containerRef.current.children.length;\n    const positionsCount = viewStartPositions.length;\n    const totalChildren = Children.count(children);\n\n    const shouldScrollToNewItem =\n      childrenCount !== positionsCount && positionsCount > 0 && positionsCount < totalChildren;\n\n    if (!shouldScrollToNewItem) return;\n\n    containerRef.current.scrollTo({\n      left: containerRef.current.scrollWidth - containerRef.current.clientWidth,\n      top: 0,\n      behavior: 'smooth',\n    });\n\n    // Compute the x position of the new item\n    const lastChildRect =\n      containerRef.current.children[positionsCount - 1]?.getBoundingClientRect();\n    const newPosition = viewStartPositions[positionsCount - 1] + (lastChildRect?.x ?? 0) - 20;\n\n    setViewStartPositions([...viewStartPositions, newPosition]);\n  }, [containerRef, children, viewStartPositions]);\n\n  // Handle active tab changes - scroll to active tab\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length) return;\n    if (activeTab === prevActiveTab || activeTab === null) return;\n    if (containerRef.current.children.length !== viewStartPositions.length) return;\n\n    const index = Array.from(containerRef.current.children).indexOf(activeTab);\n    if (index === -1) return;\n\n    containerRef.current.scrollTo({\n      left: viewStartPositions[index],\n      top: 0,\n      behavior: 'smooth',\n    });\n  }, [activeTab, prevActiveTab, containerRef, viewStartPositions]);\n\n  // Handle fetching more views - recompute positions\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length) return;\n    if (viewStartPositions.length >= containerRef.current.children.length) return;\n\n    const currentScrollLeft = containerRef.current.scrollLeft;\n\n    // Temporarily reset scroll to 0 to get accurate positions\n    containerRef.current.scrollTo({ left: 0, top: 0, behavior: 'auto' });\n\n    // Recompute positions from scroll position 0\n    setViewStartPositions(createViewPositionArray(containerRef.current));\n\n    // Restore the user's scroll position\n    containerRef.current.scrollTo({ left: currentScrollLeft, top: 0, behavior: 'auto' });\n  }, [containerRef, viewStartPositions.length]);\n\n  // Handle window resize and scroll event listeners\n  useEffect(() => {\n    if (!containerRef?.current) return;\n\n    const container = containerRef.current;\n\n    handleResize();\n    window.addEventListener('resize', handleResize);\n    container.addEventListener('scroll', handleScroll);\n\n    // eslint-disable-next-line consistent-return\n    return () => {\n      window.removeEventListener('resize', handleResize);\n      container.removeEventListener('scroll', handleScroll);\n    };\n  }, [containerRef, handleResize, handleScroll]);\n\n  return { rightDisabled, leftDisabled, toNextScrollPosition, toPrevScrollPosition };\n};\n"],"names":["useState","usePrevious","useCallback","getNextViewPosition","getPrevViewPosition","useEffect","createViewPositionArray","Children"],"mappings":"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"}

package/dist/components/ViewsContainer/hooks/useSetScrollPosition.js

@@ -7,26 +7,26 @@ const useSetScrollPosition = ({ containerRef, children, hasMoreViews = false, on
     const [leftDisabled, setLeftDisabled] = useState(true);
     const [rightDisabled, setRightDisabled] = useState(false);
     const [viewStartPositions, setViewStartPositions] = useState([]);
-    const activeTab = (_a = containerRef === null || containerRef === undefined ? undefined : containerRef.current) === null || _a === undefined ? undefined : _a.querySelector('[aria-selected = true]');
+    const activeTab = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('[aria-selected = true]');
     const prevActiveTab = usePrevious(activeTab);
     const handleScroll = useCallback(() => {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        if (((_a = containerRef.current) === null || _a === undefined ? undefined : _a.scrollLeft) > 0) {
+        if (((_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.scrollLeft) > 0) {
             setLeftDisabled(false);
         }
         else {
             if (document.getElementById('left-arrow') === document.activeElement) {
-                (_b = document.getElementById('right-arrow')) === null || _b === undefined ? undefined : _b.focus();
+                (_b = document.getElementById('right-arrow')) === null || _b === void 0 ? void 0 : _b.focus();
             }
             setLeftDisabled(true);
         }
-        const maxScrollWidth = (_d = (_c = containerRef.current) === null || _c === undefined ? undefined : _c.scrollWidth) !== null && _d !== undefined ? _d : 0;
-        const maxClientWidth = (_f = (_e = containerRef.current) === null || _e === undefined ? undefined : _e.clientWidth) !== null && _f !== undefined ? _f : 0;
+        const maxScrollWidth = (_d = (_c = containerRef.current) === null || _c === void 0 ? void 0 : _c.scrollWidth) !== null && _d !== void 0 ? _d : 0;
+        const maxClientWidth = (_f = (_e = containerRef.current) === null || _e === void 0 ? void 0 : _e.clientWidth) !== null && _f !== void 0 ? _f : 0;
         const maxScrollLeft = maxScrollWidth - maxClientWidth;
         // -10 to prevent javascript assertion errors on floating points
-        if (((_g = containerRef.current) === null || _g === undefined ? undefined : _g.scrollLeft) >= maxScrollLeft - 10) {
+        if (((_g = containerRef.current) === null || _g === void 0 ? void 0 : _g.scrollLeft) >= maxScrollLeft - 10) {
             if (document.getElementById('right-arrow') === document.activeElement) {
-                (_h = document.getElementById('left-arrow')) === null || _h === undefined ? undefined : _h.focus();
+                (_h = document.getElementById('left-arrow')) === null || _h === void 0 ? void 0 : _h.focus();
             }
             setRightDisabled(true);
             // Check if we've reached the end and should fetch more data
@@ -68,14 +68,14 @@ const useSetScrollPosition = ({ containerRef, children, hasMoreViews = false, on
     // Initialize view positions when container first has children
     useEffect(() => {
         var _a, _b;
-        if (!((_b = (_a = containerRef === null || containerRef === undefined ? undefined : containerRef.current) === null || _a === undefined ? undefined : _a.children) === null || _b === undefined ? undefined : _b.length) || viewStartPositions.length > 0)
+        if (!((_b = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length) || viewStartPositions.length > 0)
             return;
         setViewStartPositions(createViewPositionArray(containerRef.current));
     }, [containerRef, viewStartPositions.length]);
     // Handle new item addition - scroll to end and update positions
     useEffect(() => {
         var _a, _b, _c, _d;
-        if (!((_b = (_a = containerRef === null || containerRef === undefined ? undefined : containerRef.current) === null || _a === undefined ? undefined : _a.children) === null || _b === undefined ? undefined : _b.length))
+        if (!((_b = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length))
             return;
         const childrenCount = containerRef.current.children.length;
         const positionsCount = viewStartPositions.length;
@@ -89,14 +89,14 @@ const useSetScrollPosition = ({ containerRef, children, hasMoreViews = false, on
             behavior: 'smooth',
         });
         // Compute the x position of the new item
-        const lastChildRect = (_c = containerRef.current.children[positionsCount - 1]) === null || _c === undefined ? undefined : _c.getBoundingClientRect();
-        const newPosition = viewStartPositions[positionsCount - 1] + ((_d = lastChildRect === null || lastChildRect === undefined ? undefined : lastChildRect.x) !== null && _d !== undefined ? _d : 0) - 20;
+        const lastChildRect = (_c = containerRef.current.children[positionsCount - 1]) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect();
+        const newPosition = viewStartPositions[positionsCount - 1] + ((_d = lastChildRect === null || lastChildRect === void 0 ? void 0 : lastChildRect.x) !== null && _d !== void 0 ? _d : 0) - 20;
         setViewStartPositions([...viewStartPositions, newPosition]);
     }, [containerRef, children, viewStartPositions]);
     // Handle active tab changes - scroll to active tab
     useEffect(() => {
         var _a, _b;
-        if (!((_b = (_a = containerRef === null || containerRef === undefined ? undefined : containerRef.current) === null || _a === undefined ? undefined : _a.children) === null || _b === undefined ? undefined : _b.length))
+        if (!((_b = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length))
             return;
         if (activeTab === prevActiveTab || activeTab === null)
             return;
@@ -114,7 +114,7 @@ const useSetScrollPosition = ({ containerRef, children, hasMoreViews = false, on
     // Handle fetching more views - recompute positions
     useEffect(() => {
         var _a, _b;
-        if (!((_b = (_a = containerRef === null || containerRef === undefined ? undefined : containerRef.current) === null || _a === undefined ? undefined : _a.children) === null || _b === undefined ? undefined : _b.length))
+        if (!((_b = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.children) === null || _b === void 0 ? void 0 : _b.length))
             return;
         if (viewStartPositions.length >= containerRef.current.children.length)
             return;
@@ -128,7 +128,7 @@ const useSetScrollPosition = ({ containerRef, children, hasMoreViews = false, on
     }, [containerRef, viewStartPositions.length]);
     // Handle window resize and scroll event listeners
     useEffect(() => {
-        if (!(containerRef === null || containerRef === undefined ? undefined : containerRef.current))
+        if (!(containerRef === null || containerRef === void 0 ? void 0 : containerRef.current))
             return;
         const container = containerRef.current;
         handleResize();

package/dist/components/ViewsContainer/hooks/useSetScrollPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSetScrollPosition.js","sources":["../../../../src/components/ViewsContainer/hooks/useSetScrollPosition.ts"],"sourcesContent":["import { MutableRefObject, ReactNode, useCallback, useEffect, useState, Children } from 'react';\nimport { usePrevious } from 'react-use';\nimport { createViewPositionArray, getNextViewPosition, getPrevViewPosition } from '../utils';\n\ntype UseSetScrollPositionProps = {\n  containerRef: MutableRefObject<HTMLDivElement>;\n  children: ReactNode;\n  hasMoreViews?: boolean;\n  onFetchMoreViews?: () => void;\n  isLoadingMoreViews?: boolean;\n};\n\nexport const useSetScrollPosition = ({\n  containerRef,\n  children,\n  hasMoreViews = false,\n  onFetchMoreViews,\n  isLoadingMoreViews = false,\n}: UseSetScrollPositionProps) => {\n  const [leftDisabled, setLeftDisabled] = useState(true);\n  const [rightDisabled, setRightDisabled] = useState(false);\n  const [viewStartPositions, setViewStartPositions] = useState<number[]>([]);\n\n  const activeTab = containerRef?.current?.querySelector('[aria-selected = true]');\n  const prevActiveTab = usePrevious(activeTab);\n\n  const handleScroll = useCallback(() => {\n    if (containerRef.current?.scrollLeft > 0) {\n      setLeftDisabled(false);\n    } else {\n      if (document.getElementById('left-arrow') === document.activeElement) {\n        document.getElementById('right-arrow')?.focus();\n      }\n      setLeftDisabled(true);\n    }\n\n    const maxScrollWidth = containerRef.current?.scrollWidth ?? 0;\n    const maxClientWidth = containerRef.current?.clientWidth ?? 0;\n    const maxScrollLeft = maxScrollWidth - maxClientWidth;\n\n    // -10 to prevent javascript assertion errors on floating points\n    if (containerRef.current?.scrollLeft >= maxScrollLeft - 10) {\n      if (document.getElementById('right-arrow') === document.activeElement) {\n        document.getElementById('left-arrow')?.focus();\n      }\n      setRightDisabled(true);\n\n      // Check if we've reached the end and should fetch more data\n      // Only fetches more when not already loading more views and has more views to load\n      if (hasMoreViews && onFetchMoreViews && !isLoadingMoreViews) {\n        onFetchMoreViews();\n      }\n    } else {\n      setRightDisabled(false);\n    }\n  }, [containerRef, onFetchMoreViews, isLoadingMoreViews, hasMoreViews]);\n\n  const handleResize = useCallback(() => {\n    if (!containerRef.current) return;\n    if (containerRef.current.scrollWidth - containerRef.current.getBoundingClientRect().width < 5) {\n      setRightDisabled(true);\n    } else {\n      setRightDisabled(false);\n    }\n  }, [containerRef]);\n\n  const toNextScrollPosition = useCallback(() => {\n    const newPosition = getNextViewPosition(\n      viewStartPositions,\n      containerRef.current.scrollLeft,\n      containerRef.current.clientWidth,\n    );\n\n    containerRef.current.scrollTo({\n      left: newPosition,\n      top: 0,\n      behavior: 'smooth',\n    });\n  }, [containerRef, viewStartPositions]);\n\n  const toPrevScrollPosition = useCallback(() => {\n    const newPosition = getPrevViewPosition(viewStartPositions, containerRef.current.scrollLeft);\n\n    containerRef.current.scrollTo({\n      left: newPosition,\n      top: 0,\n      behavior: 'smooth',\n    });\n  }, [containerRef, viewStartPositions]);\n\n  // Initialize view positions when container first has children\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length || viewStartPositions.length > 0) return;\n\n    setViewStartPositions(createViewPositionArray(containerRef.current));\n  }, [containerRef, viewStartPositions.length]);\n\n  // Handle new item addition - scroll to end and update positions\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length) return;\n\n    const childrenCount = containerRef.current.children.length;\n    const positionsCount = viewStartPositions.length;\n    const totalChildren = Children.count(children);\n\n    const shouldScrollToNewItem =\n      childrenCount !== positionsCount && positionsCount > 0 && positionsCount < totalChildren;\n\n    if (!shouldScrollToNewItem) return;\n\n    containerRef.current.scrollTo({\n      left: containerRef.current.scrollWidth - containerRef.current.clientWidth,\n      top: 0,\n      behavior: 'smooth',\n    });\n\n    // Compute the x position of the new item\n    const lastChildRect =\n      containerRef.current.children[positionsCount - 1]?.getBoundingClientRect();\n    const newPosition = viewStartPositions[positionsCount - 1] + (lastChildRect?.x ?? 0) - 20;\n\n    setViewStartPositions([...viewStartPositions, newPosition]);\n  }, [containerRef, children, viewStartPositions]);\n\n  // Handle active tab changes - scroll to active tab\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length) return;\n    if (activeTab === prevActiveTab || activeTab === null) return;\n    if (containerRef.current.children.length !== viewStartPositions.length) return;\n\n    const index = Array.from(containerRef.current.children).indexOf(activeTab);\n    if (index === -1) return;\n\n    containerRef.current.scrollTo({\n      left: viewStartPositions[index],\n      top: 0,\n      behavior: 'smooth',\n    });\n  }, [activeTab, prevActiveTab, containerRef, viewStartPositions]);\n\n  // Handle fetching more views - recompute positions\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length) return;\n    if (viewStartPositions.length >= containerRef.current.children.length) return;\n\n    const currentScrollLeft = containerRef.current.scrollLeft;\n\n    // Temporarily reset scroll to 0 to get accurate positions\n    containerRef.current.scrollTo({ left: 0, top: 0, behavior: 'auto' });\n\n    // Recompute positions from scroll position 0\n    setViewStartPositions(createViewPositionArray(containerRef.current));\n\n    // Restore the user's scroll position\n    containerRef.current.scrollTo({ left: currentScrollLeft, top: 0, behavior: 'auto' });\n  }, [containerRef, viewStartPositions.length]);\n\n  // Handle window resize and scroll event listeners\n  useEffect(() => {\n    if (!containerRef?.current) return;\n\n    const container = containerRef.current;\n\n    handleResize();\n    window.addEventListener('resize', handleResize);\n    container.addEventListener('scroll', handleScroll);\n\n    // eslint-disable-next-line consistent-return\n    return () => {\n      window.removeEventListener('resize', handleResize);\n      container.removeEventListener('scroll', handleScroll);\n    };\n  }, [containerRef, handleResize, handleScroll]);\n\n  return { rightDisabled, leftDisabled, toNextScrollPosition, toPrevScrollPosition };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useSetScrollPosition.js","sources":["../../../../src/components/ViewsContainer/hooks/useSetScrollPosition.ts"],"sourcesContent":["import { MutableRefObject, ReactNode, useCallback, useEffect, useState, Children } from 'react';\nimport { usePrevious } from 'react-use';\nimport { createViewPositionArray, getNextViewPosition, getPrevViewPosition } from '../utils';\n\ntype UseSetScrollPositionProps = {\n  containerRef: MutableRefObject<HTMLDivElement>;\n  children: ReactNode;\n  hasMoreViews?: boolean;\n  onFetchMoreViews?: () => void;\n  isLoadingMoreViews?: boolean;\n};\n\nexport const useSetScrollPosition = ({\n  containerRef,\n  children,\n  hasMoreViews = false,\n  onFetchMoreViews,\n  isLoadingMoreViews = false,\n}: UseSetScrollPositionProps) => {\n  const [leftDisabled, setLeftDisabled] = useState(true);\n  const [rightDisabled, setRightDisabled] = useState(false);\n  const [viewStartPositions, setViewStartPositions] = useState<number[]>([]);\n\n  const activeTab = containerRef?.current?.querySelector('[aria-selected = true]');\n  const prevActiveTab = usePrevious(activeTab);\n\n  const handleScroll = useCallback(() => {\n    if (containerRef.current?.scrollLeft > 0) {\n      setLeftDisabled(false);\n    } else {\n      if (document.getElementById('left-arrow') === document.activeElement) {\n        document.getElementById('right-arrow')?.focus();\n      }\n      setLeftDisabled(true);\n    }\n\n    const maxScrollWidth = containerRef.current?.scrollWidth ?? 0;\n    const maxClientWidth = containerRef.current?.clientWidth ?? 0;\n    const maxScrollLeft = maxScrollWidth - maxClientWidth;\n\n    // -10 to prevent javascript assertion errors on floating points\n    if (containerRef.current?.scrollLeft >= maxScrollLeft - 10) {\n      if (document.getElementById('right-arrow') === document.activeElement) {\n        document.getElementById('left-arrow')?.focus();\n      }\n      setRightDisabled(true);\n\n      // Check if we've reached the end and should fetch more data\n      // Only fetches more when not already loading more views and has more views to load\n      if (hasMoreViews && onFetchMoreViews && !isLoadingMoreViews) {\n        onFetchMoreViews();\n      }\n    } else {\n      setRightDisabled(false);\n    }\n  }, [containerRef, onFetchMoreViews, isLoadingMoreViews, hasMoreViews]);\n\n  const handleResize = useCallback(() => {\n    if (!containerRef.current) return;\n    if (containerRef.current.scrollWidth - containerRef.current.getBoundingClientRect().width < 5) {\n      setRightDisabled(true);\n    } else {\n      setRightDisabled(false);\n    }\n  }, [containerRef]);\n\n  const toNextScrollPosition = useCallback(() => {\n    const newPosition = getNextViewPosition(\n      viewStartPositions,\n      containerRef.current.scrollLeft,\n      containerRef.current.clientWidth,\n    );\n\n    containerRef.current.scrollTo({\n      left: newPosition,\n      top: 0,\n      behavior: 'smooth',\n    });\n  }, [containerRef, viewStartPositions]);\n\n  const toPrevScrollPosition = useCallback(() => {\n    const newPosition = getPrevViewPosition(viewStartPositions, containerRef.current.scrollLeft);\n\n    containerRef.current.scrollTo({\n      left: newPosition,\n      top: 0,\n      behavior: 'smooth',\n    });\n  }, [containerRef, viewStartPositions]);\n\n  // Initialize view positions when container first has children\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length || viewStartPositions.length > 0) return;\n\n    setViewStartPositions(createViewPositionArray(containerRef.current));\n  }, [containerRef, viewStartPositions.length]);\n\n  // Handle new item addition - scroll to end and update positions\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length) return;\n\n    const childrenCount = containerRef.current.children.length;\n    const positionsCount = viewStartPositions.length;\n    const totalChildren = Children.count(children);\n\n    const shouldScrollToNewItem =\n      childrenCount !== positionsCount && positionsCount > 0 && positionsCount < totalChildren;\n\n    if (!shouldScrollToNewItem) return;\n\n    containerRef.current.scrollTo({\n      left: containerRef.current.scrollWidth - containerRef.current.clientWidth,\n      top: 0,\n      behavior: 'smooth',\n    });\n\n    // Compute the x position of the new item\n    const lastChildRect =\n      containerRef.current.children[positionsCount - 1]?.getBoundingClientRect();\n    const newPosition = viewStartPositions[positionsCount - 1] + (lastChildRect?.x ?? 0) - 20;\n\n    setViewStartPositions([...viewStartPositions, newPosition]);\n  }, [containerRef, children, viewStartPositions]);\n\n  // Handle active tab changes - scroll to active tab\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length) return;\n    if (activeTab === prevActiveTab || activeTab === null) return;\n    if (containerRef.current.children.length !== viewStartPositions.length) return;\n\n    const index = Array.from(containerRef.current.children).indexOf(activeTab);\n    if (index === -1) return;\n\n    containerRef.current.scrollTo({\n      left: viewStartPositions[index],\n      top: 0,\n      behavior: 'smooth',\n    });\n  }, [activeTab, prevActiveTab, containerRef, viewStartPositions]);\n\n  // Handle fetching more views - recompute positions\n  useEffect(() => {\n    if (!containerRef?.current?.children?.length) return;\n    if (viewStartPositions.length >= containerRef.current.children.length) return;\n\n    const currentScrollLeft = containerRef.current.scrollLeft;\n\n    // Temporarily reset scroll to 0 to get accurate positions\n    containerRef.current.scrollTo({ left: 0, top: 0, behavior: 'auto' });\n\n    // Recompute positions from scroll position 0\n    setViewStartPositions(createViewPositionArray(containerRef.current));\n\n    // Restore the user's scroll position\n    containerRef.current.scrollTo({ left: currentScrollLeft, top: 0, behavior: 'auto' });\n  }, [containerRef, viewStartPositions.length]);\n\n  // Handle window resize and scroll event listeners\n  useEffect(() => {\n    if (!containerRef?.current) return;\n\n    const container = containerRef.current;\n\n    handleResize();\n    window.addEventListener('resize', handleResize);\n    container.addEventListener('scroll', handleScroll);\n\n    // eslint-disable-next-line consistent-return\n    return () => {\n      window.removeEventListener('resize', handleResize);\n      container.removeEventListener('scroll', handleScroll);\n    };\n  }, [containerRef, handleResize, handleScroll]);\n\n  return { rightDisabled, leftDisabled, toNextScrollPosition, toPrevScrollPosition };\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ViewsContainer/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../src/components/ViewsContainer/utils.ts"],"sourcesContent":["/**\n * A function to get the 3rd next scroll value using an array of start positions\n */\nexport const getNextViewPosition = (\n  viewPositionsArray: number[],\n  currentScroll: number,\n  containerWidth: number,\n) => {\n  // eslint-disable-next-line no-plusplus\n  for (let i = 0; i < viewPositionsArray.length; i++) {\n    if (viewPositionsArray[i + 3] === undefined) {\n      return currentScroll - containerWidth;\n    }\n    if (viewPositionsArray[i] >= currentScroll) {\n      return viewPositionsArray[i + 3];\n    }\n  }\n  return currentScroll - containerWidth; // if currentScroll is greater than the last ViewTab's start position, the new ScrollLeft value is 0.\n};\n\n/**\n * A function to get the 3rd previous scoll value using an array of start positions\n */\nexport const getPrevViewPosition = (viewPositionsArray: any[], currentScroll: number) => {\n  const reverseArray = viewPositionsArray.slice().reverse();\n\n  // eslint-disable-next-line no-plusplus\n  for (let i = 0; i < viewPositionsArray.length; i++) {\n    if (reverseArray[i + 3] === undefined) {\n      return 0;\n    }\n    if (reverseArray[i] < currentScroll) {\n      return reverseArray[i + 3];\n    }\n  }\n  return 0; // if currentScroll is less than the first ViewTab's start position, the new ScrollLeft value is 0.\n};\n\n/**\n * This produces an array of all x positions of child elements\n */\nexport const createViewPositionArray = (containerRef: HTMLDivElement) => {\n  const viewPositions = Object.values(containerRef.children).map((el) => {\n    // -20 so movement stops at beginning of view, due to x value not accounting for padding\n    return el.getBoundingClientRect().x - 20;\n  });\n  return viewPositions;\n};\n"],"names":[],"mappings":";;AAAA;;AAEG;AACU,MAAA,mBAAmB,GAAG,CACjC,kBAA4B,EAC5B,aAAqB,EACrB,cAAsB,KACpB;;AAEF,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAClD,IAAI,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,EAAE;YAC3C,OAAO,aAAa,GAAG,cAAc;AACtC;AACD,QAAA,IAAI,kBAAkB,CAAC,CAAC,CAAC,IAAI,aAAa,EAAE;AAC1C,YAAA,OAAO,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC;AACjC;AACF;AACD,IAAA,OAAO,aAAa,GAAG,cAAc,CAAC;AACxC;AAEA;;AAEG;MACU,mBAAmB,GAAG,CAAC,kBAAyB,EAAE,aAAqB,KAAI;IACtF,MAAM,YAAY,GAAG,kBAAkB,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE;;AAGzD,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAClD,IAAI,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,EAAE;AACrC,YAAA,OAAO,CAAC;AACT;AACD,QAAA,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG,aAAa,EAAE;AACnC,YAAA,OAAO,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC;AAC3B;AACF;IACD,OAAO,CAAC,CAAC;AACX;AAEA;;AAEG;AACU,MAAA,uBAAuB,GAAG,CAAC,YAA4B,KAAI;AACtE,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAI;;QAEpE,OAAO,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAAC,GAAG,EAAE;AAC1C,KAAC,CAAC;AACF,IAAA,OAAO,aAAa;AACtB;;;;;;"}
+{"version":3,"file":"utils.cjs","sources":["../../../src/components/ViewsContainer/utils.ts"],"sourcesContent":["/**\n * A function to get the 3rd next scroll value using an array of start positions\n */\nexport const getNextViewPosition = (\n  viewPositionsArray: number[],\n  currentScroll: number,\n  containerWidth: number,\n) => {\n  // eslint-disable-next-line no-plusplus\n  for (let i = 0; i < viewPositionsArray.length; i++) {\n    if (viewPositionsArray[i + 3] === undefined) {\n      return currentScroll - containerWidth;\n    }\n    if (viewPositionsArray[i] >= currentScroll) {\n      return viewPositionsArray[i + 3];\n    }\n  }\n  return currentScroll - containerWidth; // if currentScroll is greater than the last ViewTab's start position, the new ScrollLeft value is 0.\n};\n\n/**\n * A function to get the 3rd previous scoll value using an array of start positions\n */\nexport const getPrevViewPosition = (viewPositionsArray: any[], currentScroll: number) => {\n  const reverseArray = viewPositionsArray.slice().reverse();\n\n  // eslint-disable-next-line no-plusplus\n  for (let i = 0; i < viewPositionsArray.length; i++) {\n    if (reverseArray[i + 3] === undefined) {\n      return 0;\n    }\n    if (reverseArray[i] < currentScroll) {\n      return reverseArray[i + 3];\n    }\n  }\n  return 0; // if currentScroll is less than the first ViewTab's start position, the new ScrollLeft value is 0.\n};\n\n/**\n * This produces an array of all x positions of child elements\n */\nexport const createViewPositionArray = (containerRef: HTMLDivElement) => {\n  const viewPositions = Object.values(containerRef.children).map((el) => {\n    // -20 so movement stops at beginning of view, due to x value not accounting for padding\n    return el.getBoundingClientRect().x - 20;\n  });\n  return viewPositions;\n};\n"],"names":[],"mappings":";;AAAA;;AAEG;AACI,MAAM,mBAAmB,GAAG,CACjC,kBAA4B,EAC5B,aAAqB,EACrB,cAAsB,KACpB;;AAEF,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAClD,IAAI,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,EAAE;YAC3C,OAAO,aAAa,GAAG,cAAc;AACtC,QAAA;AACD,QAAA,IAAI,kBAAkB,CAAC,CAAC,CAAC,IAAI,aAAa,EAAE;AAC1C,YAAA,OAAO,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC;AACjC,QAAA;AACF,IAAA;AACD,IAAA,OAAO,aAAa,GAAG,cAAc,CAAC;AACxC;AAEA;;AAEG;MACU,mBAAmB,GAAG,CAAC,kBAAyB,EAAE,aAAqB,KAAI;IACtF,MAAM,YAAY,GAAG,kBAAkB,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE;;AAGzD,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAClD,IAAI,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,EAAE;AACrC,YAAA,OAAO,CAAC;AACT,QAAA;AACD,QAAA,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG,aAAa,EAAE;AACnC,YAAA,OAAO,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC;AAC3B,QAAA;AACF,IAAA;IACD,OAAO,CAAC,CAAC;AACX;AAEA;;AAEG;AACI,MAAM,uBAAuB,GAAG,CAAC,YAA4B,KAAI;AACtE,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAI;;QAEpE,OAAO,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAAC,GAAG,EAAE;AAC1C,IAAA,CAAC,CAAC;AACF,IAAA,OAAO,aAAa;AACtB;;;;;;"}

package/dist/components/ViewsContainer/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/ViewsContainer/utils.ts"],"sourcesContent":["/**\n * A function to get the 3rd next scroll value using an array of start positions\n */\nexport const getNextViewPosition = (\n  viewPositionsArray: number[],\n  currentScroll: number,\n  containerWidth: number,\n) => {\n  // eslint-disable-next-line no-plusplus\n  for (let i = 0; i < viewPositionsArray.length; i++) {\n    if (viewPositionsArray[i + 3] === undefined) {\n      return currentScroll - containerWidth;\n    }\n    if (viewPositionsArray[i] >= currentScroll) {\n      return viewPositionsArray[i + 3];\n    }\n  }\n  return currentScroll - containerWidth; // if currentScroll is greater than the last ViewTab's start position, the new ScrollLeft value is 0.\n};\n\n/**\n * A function to get the 3rd previous scoll value using an array of start positions\n */\nexport const getPrevViewPosition = (viewPositionsArray: any[], currentScroll: number) => {\n  const reverseArray = viewPositionsArray.slice().reverse();\n\n  // eslint-disable-next-line no-plusplus\n  for (let i = 0; i < viewPositionsArray.length; i++) {\n    if (reverseArray[i + 3] === undefined) {\n      return 0;\n    }\n    if (reverseArray[i] < currentScroll) {\n      return reverseArray[i + 3];\n    }\n  }\n  return 0; // if currentScroll is less than the first ViewTab's start position, the new ScrollLeft value is 0.\n};\n\n/**\n * This produces an array of all x positions of child elements\n */\nexport const createViewPositionArray = (containerRef: HTMLDivElement) => {\n  const viewPositions = Object.values(containerRef.children).map((el) => {\n    // -20 so movement stops at beginning of view, due to x value not accounting for padding\n    return el.getBoundingClientRect().x - 20;\n  });\n  return viewPositions;\n};\n"],"names":[],"mappings":"AAAA;;AAEG;AACU,MAAA,mBAAmB,GAAG,CACjC,kBAA4B,EAC5B,aAAqB,EACrB,cAAsB,KACpB;;AAEF,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAClD,IAAI,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,EAAE;YAC3C,OAAO,aAAa,GAAG,cAAc;AACtC;AACD,QAAA,IAAI,kBAAkB,CAAC,CAAC,CAAC,IAAI,aAAa,EAAE;AAC1C,YAAA,OAAO,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC;AACjC;AACF;AACD,IAAA,OAAO,aAAa,GAAG,cAAc,CAAC;AACxC;AAEA;;AAEG;MACU,mBAAmB,GAAG,CAAC,kBAAyB,EAAE,aAAqB,KAAI;IACtF,MAAM,YAAY,GAAG,kBAAkB,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE;;AAGzD,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAClD,IAAI,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,EAAE;AACrC,YAAA,OAAO,CAAC;AACT;AACD,QAAA,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG,aAAa,EAAE;AACnC,YAAA,OAAO,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC;AAC3B;AACF;IACD,OAAO,CAAC,CAAC;AACX;AAEA;;AAEG;AACU,MAAA,uBAAuB,GAAG,CAAC,YAA4B,KAAI;AACtE,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAI;;QAEpE,OAAO,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAAC,GAAG,EAAE;AAC1C,KAAC,CAAC;AACF,IAAA,OAAO,aAAa;AACtB;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/ViewsContainer/utils.ts"],"sourcesContent":["/**\n * A function to get the 3rd next scroll value using an array of start positions\n */\nexport const getNextViewPosition = (\n  viewPositionsArray: number[],\n  currentScroll: number,\n  containerWidth: number,\n) => {\n  // eslint-disable-next-line no-plusplus\n  for (let i = 0; i < viewPositionsArray.length; i++) {\n    if (viewPositionsArray[i + 3] === undefined) {\n      return currentScroll - containerWidth;\n    }\n    if (viewPositionsArray[i] >= currentScroll) {\n      return viewPositionsArray[i + 3];\n    }\n  }\n  return currentScroll - containerWidth; // if currentScroll is greater than the last ViewTab's start position, the new ScrollLeft value is 0.\n};\n\n/**\n * A function to get the 3rd previous scoll value using an array of start positions\n */\nexport const getPrevViewPosition = (viewPositionsArray: any[], currentScroll: number) => {\n  const reverseArray = viewPositionsArray.slice().reverse();\n\n  // eslint-disable-next-line no-plusplus\n  for (let i = 0; i < viewPositionsArray.length; i++) {\n    if (reverseArray[i + 3] === undefined) {\n      return 0;\n    }\n    if (reverseArray[i] < currentScroll) {\n      return reverseArray[i + 3];\n    }\n  }\n  return 0; // if currentScroll is less than the first ViewTab's start position, the new ScrollLeft value is 0.\n};\n\n/**\n * This produces an array of all x positions of child elements\n */\nexport const createViewPositionArray = (containerRef: HTMLDivElement) => {\n  const viewPositions = Object.values(containerRef.children).map((el) => {\n    // -20 so movement stops at beginning of view, due to x value not accounting for padding\n    return el.getBoundingClientRect().x - 20;\n  });\n  return viewPositions;\n};\n"],"names":[],"mappings":"AAAA;;AAEG;AACI,MAAM,mBAAmB,GAAG,CACjC,kBAA4B,EAC5B,aAAqB,EACrB,cAAsB,KACpB;;AAEF,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAClD,IAAI,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,EAAE;YAC3C,OAAO,aAAa,GAAG,cAAc;AACtC,QAAA;AACD,QAAA,IAAI,kBAAkB,CAAC,CAAC,CAAC,IAAI,aAAa,EAAE;AAC1C,YAAA,OAAO,kBAAkB,CAAC,CAAC,GAAG,CAAC,CAAC;AACjC,QAAA;AACF,IAAA;AACD,IAAA,OAAO,aAAa,GAAG,cAAc,CAAC;AACxC;AAEA;;AAEG;MACU,mBAAmB,GAAG,CAAC,kBAAyB,EAAE,aAAqB,KAAI;IACtF,MAAM,YAAY,GAAG,kBAAkB,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE;;AAGzD,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAClD,IAAI,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,SAAS,EAAE;AACrC,YAAA,OAAO,CAAC;AACT,QAAA;AACD,QAAA,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG,aAAa,EAAE;AACnC,YAAA,OAAO,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC;AAC3B,QAAA;AACF,IAAA;IACD,OAAO,CAAC,CAAC;AACX;AAEA;;AAEG;AACI,MAAM,uBAAuB,GAAG,CAAC,YAA4B,KAAI;AACtE,IAAA,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAI;;QAEpE,OAAO,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAAC,GAAG,EAAE;AAC1C,IAAA,CAAC,CAAC;AACF,IAAA,OAAO,aAAa;AACtB;;;;"}

package/dist/components/WeightInput/WeightInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WeightInput.cjs","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\n\nimport { Stack, StackProps } from '../Stack';\nimport { InputGroup, InputGroupProps } from '../InputGroup';\nimport { InputAffix, InputAffixProps } from '../InputAffix';\nimport { TextField, TextFieldProps } from '../TextField';\n\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\n\ntype ChildComponentProps = {\n  stack: Partial<StackProps>;\n  inputGroup: Partial<InputGroupProps>;\n  textField: Partial<TextFieldProps>;\n  inputAffix: Partial<InputAffixProps>;\n};\n\nconst flexStyle = { flex: 1 };\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const WeightInput = withLabels<WeightProps>((props) => {\n  const { size = 'base', hasError, disabled, className } = props;\n\n  const compact = size === 'sm';\n\n  const childProps: ChildComponentProps = {\n    stack: {\n      direction: 'horizontal',\n      alignY: 'center',\n      spacing: 'base',\n    },\n    inputGroup: {\n      style: flexStyle,\n    },\n    textField: {\n      type: 'number',\n      placeholder: '0',\n      min: '0',\n      step: 'any',\n      size,\n      disabled,\n      hasError,\n      onKeyDown: blockInvalidChars,\n      style: flexStyle,\n    },\n    inputAffix: {\n      compact,\n      hasError,\n    },\n  };\n\n  // If the weight is metric, render grams\n  if (isWeightMetric(props)) {\n    return (\n      <InputGroup {...childProps.inputGroup} className={className}>\n        <TextField\n          {...childProps.textField}\n          name=\"gram\"\n          value={props.gram}\n          aria-label=\"Grams\"\n          onChange={props.handleChangeGram}\n        />\n        <InputAffix {...childProps.inputAffix}>g</InputAffix>\n      </InputGroup>\n    );\n  }\n\n  // If the weight is imperial, render pounds and ounces\n  if (isWeightImperial(props)) {\n    return (\n      <Stack {...childProps.stack} className={className}>\n        <InputGroup {...childProps.inputGroup}>\n          <TextField\n            {...childProps.textField}\n            name=\"pound\"\n            value={props.pound}\n            aria-label=\"Pounds\"\n            onChange={props.handleChangePound}\n          />\n          <InputAffix {...childProps.inputAffix}>lb</InputAffix>\n        </InputGroup>\n        <InputGroup {...childProps.inputGroup}>\n          <TextField\n            {...childProps.textField}\n            name=\"ounce\"\n            value={props.ounce}\n            aria-label=\"Ounces\"\n            onChange={props.handleChangeOunce}\n          />\n          <InputAffix {...childProps.inputAffix}>oz</InputAffix>\n        </InputGroup>\n      </Stack>\n    );\n  }\n\n  // If neither metric nor imperial, return null or handle as needed\n  return null;\n});\n\nWeightInput.displayName = 'WeightInput';\n\nWeightInput.defaultProps = {\n  weightUnit: 'lb',\n};\n"],"names":["blockInvalidCharacters","invalidCharsList","withLabels","isWeightMetric","React","InputGroup","TextField","InputAffix","isWeightImperial","Stack"],"mappings":"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"}
+{"version":3,"file":"WeightInput.cjs","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\n\nimport { Stack, StackProps } from '../Stack';\nimport { InputGroup, InputGroupProps } from '../InputGroup';\nimport { InputAffix, InputAffixProps } from '../InputAffix';\nimport { TextField, TextFieldProps } from '../TextField';\n\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\n\ntype ChildComponentProps = {\n  stack: Partial<StackProps>;\n  inputGroup: Partial<InputGroupProps>;\n  textField: Partial<TextFieldProps>;\n  inputAffix: Partial<InputAffixProps>;\n};\n\nconst flexStyle = { flex: 1 };\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const WeightInput = withLabels<WeightProps>((props) => {\n  const { size = 'base', hasError, disabled, className } = props;\n\n  const compact = size === 'sm';\n\n  const childProps: ChildComponentProps = {\n    stack: {\n      direction: 'horizontal',\n      alignY: 'center',\n      spacing: 'base',\n    },\n    inputGroup: {\n      style: flexStyle,\n    },\n    textField: {\n      type: 'number',\n      placeholder: '0',\n      min: '0',\n      step: 'any',\n      size,\n      disabled,\n      hasError,\n      onKeyDown: blockInvalidChars,\n      style: flexStyle,\n    },\n    inputAffix: {\n      compact,\n      hasError,\n    },\n  };\n\n  // If the weight is metric, render grams\n  if (isWeightMetric(props)) {\n    return (\n      <InputGroup {...childProps.inputGroup} className={className}>\n        <TextField\n          {...childProps.textField}\n          name=\"gram\"\n          value={props.gram}\n          aria-label=\"Grams\"\n          onChange={props.handleChangeGram}\n        />\n        <InputAffix {...childProps.inputAffix}>g</InputAffix>\n      </InputGroup>\n    );\n  }\n\n  // If the weight is imperial, render pounds and ounces\n  if (isWeightImperial(props)) {\n    return (\n      <Stack {...childProps.stack} className={className}>\n        <InputGroup {...childProps.inputGroup}>\n          <TextField\n            {...childProps.textField}\n            name=\"pound\"\n            value={props.pound}\n            aria-label=\"Pounds\"\n            onChange={props.handleChangePound}\n          />\n          <InputAffix {...childProps.inputAffix}>lb</InputAffix>\n        </InputGroup>\n        <InputGroup {...childProps.inputGroup}>\n          <TextField\n            {...childProps.textField}\n            name=\"ounce\"\n            value={props.ounce}\n            aria-label=\"Ounces\"\n            onChange={props.handleChangeOunce}\n          />\n          <InputAffix {...childProps.inputAffix}>oz</InputAffix>\n        </InputGroup>\n      </Stack>\n    );\n  }\n\n  // If neither metric nor imperial, return null or handle as needed\n  return null;\n});\n\nWeightInput.displayName = 'WeightInput';\n\nWeightInput.defaultProps = {\n  weightUnit: 'lb',\n};\n"],"names":["blockInvalidCharacters","invalidCharsList","withLabels","isWeightMetric","React","InputGroup","TextField","InputAffix","isWeightImperial","Stack"],"mappings":"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"}

package/dist/components/WeightInput/WeightInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"WeightInput.js","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\n\nimport { Stack, StackProps } from '../Stack';\nimport { InputGroup, InputGroupProps } from '../InputGroup';\nimport { InputAffix, InputAffixProps } from '../InputAffix';\nimport { TextField, TextFieldProps } from '../TextField';\n\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\n\ntype ChildComponentProps = {\n  stack: Partial<StackProps>;\n  inputGroup: Partial<InputGroupProps>;\n  textField: Partial<TextFieldProps>;\n  inputAffix: Partial<InputAffixProps>;\n};\n\nconst flexStyle = { flex: 1 };\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const WeightInput = withLabels<WeightProps>((props) => {\n  const { size = 'base', hasError, disabled, className } = props;\n\n  const compact = size === 'sm';\n\n  const childProps: ChildComponentProps = {\n    stack: {\n      direction: 'horizontal',\n      alignY: 'center',\n      spacing: 'base',\n    },\n    inputGroup: {\n      style: flexStyle,\n    },\n    textField: {\n      type: 'number',\n      placeholder: '0',\n      min: '0',\n      step: 'any',\n      size,\n      disabled,\n      hasError,\n      onKeyDown: blockInvalidChars,\n      style: flexStyle,\n    },\n    inputAffix: {\n      compact,\n      hasError,\n    },\n  };\n\n  // If the weight is metric, render grams\n  if (isWeightMetric(props)) {\n    return (\n      <InputGroup {...childProps.inputGroup} className={className}>\n        <TextField\n          {...childProps.textField}\n          name=\"gram\"\n          value={props.gram}\n          aria-label=\"Grams\"\n          onChange={props.handleChangeGram}\n        />\n        <InputAffix {...childProps.inputAffix}>g</InputAffix>\n      </InputGroup>\n    );\n  }\n\n  // If the weight is imperial, render pounds and ounces\n  if (isWeightImperial(props)) {\n    return (\n      <Stack {...childProps.stack} className={className}>\n        <InputGroup {...childProps.inputGroup}>\n          <TextField\n            {...childProps.textField}\n            name=\"pound\"\n            value={props.pound}\n            aria-label=\"Pounds\"\n            onChange={props.handleChangePound}\n          />\n          <InputAffix {...childProps.inputAffix}>lb</InputAffix>\n        </InputGroup>\n        <InputGroup {...childProps.inputGroup}>\n          <TextField\n            {...childProps.textField}\n            name=\"ounce\"\n            value={props.ounce}\n            aria-label=\"Ounces\"\n            onChange={props.handleChangeOunce}\n          />\n          <InputAffix {...childProps.inputAffix}>oz</InputAffix>\n        </InputGroup>\n      </Stack>\n    );\n  }\n\n  // If neither metric nor imperial, return null or handle as needed\n  return null;\n});\n\nWeightInput.displayName = 'WeightInput';\n\nWeightInput.defaultProps = {\n  weightUnit: 'lb',\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"WeightInput.js","sources":["../../../src/components/WeightInput/WeightInput.tsx"],"sourcesContent":["import React from 'react';\n\nimport { withLabels } from '../../hoc';\nimport { blockInvalidCharacters } from '../../utils/blockInvalidCharacters';\nimport { invalidCharsList } from '../../utils/invalidCharactersNumeric';\n\nimport { Stack, StackProps } from '../Stack';\nimport { InputGroup, InputGroupProps } from '../InputGroup';\nimport { InputAffix, InputAffixProps } from '../InputAffix';\nimport { TextField, TextFieldProps } from '../TextField';\n\nimport { WeightProps, isWeightImperial, isWeightMetric } from './types';\n\ntype ChildComponentProps = {\n  stack: Partial<StackProps>;\n  inputGroup: Partial<InputGroupProps>;\n  textField: Partial<TextFieldProps>;\n  inputAffix: Partial<InputAffixProps>;\n};\n\nconst flexStyle = { flex: 1 };\n\nconst blockInvalidChars = (e: React.KeyboardEvent) => blockInvalidCharacters(e, invalidCharsList);\n\nexport const WeightInput = withLabels<WeightProps>((props) => {\n  const { size = 'base', hasError, disabled, className } = props;\n\n  const compact = size === 'sm';\n\n  const childProps: ChildComponentProps = {\n    stack: {\n      direction: 'horizontal',\n      alignY: 'center',\n      spacing: 'base',\n    },\n    inputGroup: {\n      style: flexStyle,\n    },\n    textField: {\n      type: 'number',\n      placeholder: '0',\n      min: '0',\n      step: 'any',\n      size,\n      disabled,\n      hasError,\n      onKeyDown: blockInvalidChars,\n      style: flexStyle,\n    },\n    inputAffix: {\n      compact,\n      hasError,\n    },\n  };\n\n  // If the weight is metric, render grams\n  if (isWeightMetric(props)) {\n    return (\n      <InputGroup {...childProps.inputGroup} className={className}>\n        <TextField\n          {...childProps.textField}\n          name=\"gram\"\n          value={props.gram}\n          aria-label=\"Grams\"\n          onChange={props.handleChangeGram}\n        />\n        <InputAffix {...childProps.inputAffix}>g</InputAffix>\n      </InputGroup>\n    );\n  }\n\n  // If the weight is imperial, render pounds and ounces\n  if (isWeightImperial(props)) {\n    return (\n      <Stack {...childProps.stack} className={className}>\n        <InputGroup {...childProps.inputGroup}>\n          <TextField\n            {...childProps.textField}\n            name=\"pound\"\n            value={props.pound}\n            aria-label=\"Pounds\"\n            onChange={props.handleChangePound}\n          />\n          <InputAffix {...childProps.inputAffix}>lb</InputAffix>\n        </InputGroup>\n        <InputGroup {...childProps.inputGroup}>\n          <TextField\n            {...childProps.textField}\n            name=\"ounce\"\n            value={props.ounce}\n            aria-label=\"Ounces\"\n            onChange={props.handleChangeOunce}\n          />\n          <InputAffix {...childProps.inputAffix}>oz</InputAffix>\n        </InputGroup>\n      </Stack>\n    );\n  }\n\n  // If neither metric nor imperial, return null or handle as needed\n  return null;\n});\n\nWeightInput.displayName = 'WeightInput';\n\nWeightInput.defaultProps = {\n  weightUnit: 'lb',\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/WeightInput/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../src/components/WeightInput/types.ts"],"sourcesContent":["import { ImperialWeight, FormComponentProps, MetricWeight, ComponentSizeType } from '../types';\n\nexport type BaseWeightProps = FormComponentProps & {\n  size?: ComponentSizeType;\n  className?: string;\n};\n\nexport type GramWeightProps = BaseWeightProps & {\n  weightUnit: MetricWeight;\n  gram: string;\n  handleChangeGram: (value: string) => void;\n};\n\nexport type LbWeightProps = BaseWeightProps & {\n  weightUnit: ImperialWeight;\n  ounce: string;\n  pound: string;\n  handleChangeOunce: (value: string) => void;\n  handleChangePound: (value: string) => void;\n};\n\nexport type WeightProps = GramWeightProps | LbWeightProps;\n\nexport const isWeightMetric = (props: WeightProps): props is GramWeightProps => {\n  return props.weightUnit === 'g';\n};\n\nexport const isWeightImperial = (props: WeightProps): props is LbWeightProps => {\n  return props.weightUnit === 'lb' || props.weightUnit === 'oz';\n};\n"],"names":[],"mappings":";;AAuBa,MAAA,cAAc,GAAG,CAAC,KAAkB,KAA8B;AAC7E,IAAA,OAAO,KAAK,CAAC,UAAU,KAAK,GAAG;AACjC;AAEa,MAAA,gBAAgB,GAAG,CAAC,KAAkB,KAA4B;IAC7E,OAAO,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI;AAC/D;;;;;"}
+{"version":3,"file":"types.cjs","sources":["../../../src/components/WeightInput/types.ts"],"sourcesContent":["import { ImperialWeight, FormComponentProps, MetricWeight, ComponentSizeType } from '../types';\n\nexport type BaseWeightProps = FormComponentProps & {\n  size?: ComponentSizeType;\n  className?: string;\n};\n\nexport type GramWeightProps = BaseWeightProps & {\n  weightUnit: MetricWeight;\n  gram: string;\n  handleChangeGram: (value: string) => void;\n};\n\nexport type LbWeightProps = BaseWeightProps & {\n  weightUnit: ImperialWeight;\n  ounce: string;\n  pound: string;\n  handleChangeOunce: (value: string) => void;\n  handleChangePound: (value: string) => void;\n};\n\nexport type WeightProps = GramWeightProps | LbWeightProps;\n\nexport const isWeightMetric = (props: WeightProps): props is GramWeightProps => {\n  return props.weightUnit === 'g';\n};\n\nexport const isWeightImperial = (props: WeightProps): props is LbWeightProps => {\n  return props.weightUnit === 'lb' || props.weightUnit === 'oz';\n};\n"],"names":[],"mappings":";;AAuBO,MAAM,cAAc,GAAG,CAAC,KAAkB,KAA8B;AAC7E,IAAA,OAAO,KAAK,CAAC,UAAU,KAAK,GAAG;AACjC;AAEO,MAAM,gBAAgB,GAAG,CAAC,KAAkB,KAA4B;IAC7E,OAAO,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI;AAC/D;;;;;"}

package/dist/components/WeightInput/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/WeightInput/types.ts"],"sourcesContent":["import { ImperialWeight, FormComponentProps, MetricWeight, ComponentSizeType } from '../types';\n\nexport type BaseWeightProps = FormComponentProps & {\n  size?: ComponentSizeType;\n  className?: string;\n};\n\nexport type GramWeightProps = BaseWeightProps & {\n  weightUnit: MetricWeight;\n  gram: string;\n  handleChangeGram: (value: string) => void;\n};\n\nexport type LbWeightProps = BaseWeightProps & {\n  weightUnit: ImperialWeight;\n  ounce: string;\n  pound: string;\n  handleChangeOunce: (value: string) => void;\n  handleChangePound: (value: string) => void;\n};\n\nexport type WeightProps = GramWeightProps | LbWeightProps;\n\nexport const isWeightMetric = (props: WeightProps): props is GramWeightProps => {\n  return props.weightUnit === 'g';\n};\n\nexport const isWeightImperial = (props: WeightProps): props is LbWeightProps => {\n  return props.weightUnit === 'lb' || props.weightUnit === 'oz';\n};\n"],"names":[],"mappings":"AAuBa,MAAA,cAAc,GAAG,CAAC,KAAkB,KAA8B;AAC7E,IAAA,OAAO,KAAK,CAAC,UAAU,KAAK,GAAG;AACjC;AAEa,MAAA,gBAAgB,GAAG,CAAC,KAAkB,KAA4B;IAC7E,OAAO,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI;AAC/D;;;;"}
+{"version":3,"file":"types.js","sources":["../../../src/components/WeightInput/types.ts"],"sourcesContent":["import { ImperialWeight, FormComponentProps, MetricWeight, ComponentSizeType } from '../types';\n\nexport type BaseWeightProps = FormComponentProps & {\n  size?: ComponentSizeType;\n  className?: string;\n};\n\nexport type GramWeightProps = BaseWeightProps & {\n  weightUnit: MetricWeight;\n  gram: string;\n  handleChangeGram: (value: string) => void;\n};\n\nexport type LbWeightProps = BaseWeightProps & {\n  weightUnit: ImperialWeight;\n  ounce: string;\n  pound: string;\n  handleChangeOunce: (value: string) => void;\n  handleChangePound: (value: string) => void;\n};\n\nexport type WeightProps = GramWeightProps | LbWeightProps;\n\nexport const isWeightMetric = (props: WeightProps): props is GramWeightProps => {\n  return props.weightUnit === 'g';\n};\n\nexport const isWeightImperial = (props: WeightProps): props is LbWeightProps => {\n  return props.weightUnit === 'lb' || props.weightUnit === 'oz';\n};\n"],"names":[],"mappings":"AAuBO,MAAM,cAAc,GAAG,CAAC,KAAkB,KAA8B;AAC7E,IAAA,OAAO,KAAK,CAAC,UAAU,KAAK,GAAG;AACjC;AAEO,MAAM,gBAAgB,GAAG,CAAC,KAAkB,KAA4B;IAC7E,OAAO,KAAK,CAAC,UAAU,KAAK,IAAI,IAAI,KAAK,CAAC,UAAU,KAAK,IAAI;AAC/D;;;;"}

package/dist/hoc/withClassNames/withClassNames.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withClassNames.cjs","sources":["../../../src/hoc/withClassNames/withClassNames.ts"],"sourcesContent":["import React from 'react';\nimport { AnyStyledComponent } from 'styled-components';\nimport { buildClassnames } from '../../utils/buildClassnames';\n\ntype PropsOf<C> = C extends keyof JSX.IntrinsicElements\n  ? JSX.IntrinsicElements[C]\n  : C extends React.ComponentType<infer P>\n    ? P\n    : never;\n\ntype WithClassName = { className?: string };\n\n/**\n * Creates a wrapper for a specified component that applies a given set of className's when rendered. Useful when\n * you're rendering multiple components which need to have the same CSS module classnames applied, allowing us to use\n * a similar approach to styled-components.\n *\n * Example usage:\n *\n * `styled.ts`:\n * ```\n *  const StyledButton = withClassNames(Button, ['button', 'button--primary']);\n * ```\n *\n * `component.tsx`:\n * ```\n *  <StyledButton className=\"other-class\">Click me</StyledButton>\n * ```\n *\n * @param Component Component to render with styles applied.\n * @param classNames An array of class names to apply to instances of the component.\n */\nexport const withClassNames = <\n  C extends React.ComponentType<any> | keyof JSX.IntrinsicElements | AnyStyledComponent,\n>(\n  Component: PropsOf<C> extends WithClassName ? C : never,\n  classNames: string[],\n) => {\n  const ComponentWithClassNames = React.forwardRef<unknown, PropsOf<C>>(\n    ({ className, ...props }: any, ref) =>\n      React.createElement(Component as any, {\n        ...props,\n        ref,\n        className: buildClassnames([...classNames, className]),\n      }),\n  );\n\n  const componentName =\n    typeof Component === 'string'\n      ? Component\n      : (Component as React.ComponentType<any>).displayName ||\n        (Component as React.ComponentType<any>).name ||\n        'Component';\n\n  ComponentWithClassNames.displayName = `withClassNames(${componentName})`;\n\n  return ComponentWithClassNames;\n};\n"],"names":["React","buildClassnames"],"mappings":";;;;;;;;;AAYA;;;;;;;;;;;;;;;;;;;AAmBG;MACU,cAAc,GAAG,CAG5B,SAAuD,EACvD,UAAoB,KAClB;IACF,MAAM,uBAAuB,GAAGA,sBAAK,CAAC,UAAU,CAC9C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAO,EAAE,GAAG,KAChCA,sBAAK,CAAC,aAAa,CAAC,SAAgB,EAAE;AACpC,QAAA,GAAG,KAAK;QACR,GAAG;QACH,SAAS,EAAEC,+BAAe,CAAC,CAAC,GAAG,UAAU,EAAE,SAAS,CAAC,CAAC;AACvD,KAAA,CAAC,CACL;AAED,IAAA,MAAM,aAAa,GACjB,OAAO,SAAS,KAAK;AACnB,UAAE;UACC,SAAsC,CAAC,WAAW;AAClD,YAAA,SAAsC,CAAC,IAAI;AAC5C,YAAA,WAAW;AAEjB,IAAA,uBAAuB,CAAC,WAAW,GAAG,CAAkB,eAAA,EAAA,aAAa,GAAG;AAExE,IAAA,OAAO,uBAAuB;AAChC;;;;"}
+{"version":3,"file":"withClassNames.cjs","sources":["../../../src/hoc/withClassNames/withClassNames.ts"],"sourcesContent":["import React from 'react';\nimport { AnyStyledComponent } from 'styled-components';\nimport { buildClassnames } from '../../utils/buildClassnames';\n\ntype PropsOf<C> = C extends keyof JSX.IntrinsicElements\n  ? JSX.IntrinsicElements[C]\n  : C extends React.ComponentType<infer P>\n    ? P\n    : never;\n\ntype WithClassName = { className?: string };\n\n/**\n * Creates a wrapper for a specified component that applies a given set of className's when rendered. Useful when\n * you're rendering multiple components which need to have the same CSS module classnames applied, allowing us to use\n * a similar approach to styled-components.\n *\n * Example usage:\n *\n * `styled.ts`:\n * ```\n *  const StyledButton = withClassNames(Button, ['button', 'button--primary']);\n * ```\n *\n * `component.tsx`:\n * ```\n *  <StyledButton className=\"other-class\">Click me</StyledButton>\n * ```\n *\n * @param Component Component to render with styles applied.\n * @param classNames An array of class names to apply to instances of the component.\n */\nexport const withClassNames = <\n  C extends React.ComponentType<any> | keyof JSX.IntrinsicElements | AnyStyledComponent,\n>(\n  Component: PropsOf<C> extends WithClassName ? C : never,\n  classNames: string[],\n) => {\n  const ComponentWithClassNames = React.forwardRef<unknown, PropsOf<C>>(\n    ({ className, ...props }: any, ref) =>\n      React.createElement(Component as any, {\n        ...props,\n        ref,\n        className: buildClassnames([...classNames, className]),\n      }),\n  );\n\n  const componentName =\n    typeof Component === 'string'\n      ? Component\n      : (Component as React.ComponentType<any>).displayName ||\n        (Component as React.ComponentType<any>).name ||\n        'Component';\n\n  ComponentWithClassNames.displayName = `withClassNames(${componentName})`;\n\n  return ComponentWithClassNames;\n};\n"],"names":["React","buildClassnames"],"mappings":";;;;;;;;;AAYA;;;;;;;;;;;;;;;;;;;AAmBG;MACU,cAAc,GAAG,CAG5B,SAAuD,EACvD,UAAoB,KAClB;IACF,MAAM,uBAAuB,GAAGA,sBAAK,CAAC,UAAU,CAC9C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAO,EAAE,GAAG,KAChCA,sBAAK,CAAC,aAAa,CAAC,SAAgB,EAAE;AACpC,QAAA,GAAG,KAAK;QACR,GAAG;QACH,SAAS,EAAEC,+BAAe,CAAC,CAAC,GAAG,UAAU,EAAE,SAAS,CAAC,CAAC;AACvD,KAAA,CAAC,CACL;AAED,IAAA,MAAM,aAAa,GACjB,OAAO,SAAS,KAAK;AACnB,UAAE;UACC,SAAsC,CAAC,WAAW;AAClD,YAAA,SAAsC,CAAC,IAAI;AAC5C,YAAA,WAAW;AAEjB,IAAA,uBAAuB,CAAC,WAAW,GAAG,CAAA,eAAA,EAAkB,aAAa,GAAG;AAExE,IAAA,OAAO,uBAAuB;AAChC;;;;"}

package/dist/hoc/withClassNames/withClassNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"withClassNames.js","sources":["../../../src/hoc/withClassNames/withClassNames.ts"],"sourcesContent":["import React from 'react';\nimport { AnyStyledComponent } from 'styled-components';\nimport { buildClassnames } from '../../utils/buildClassnames';\n\ntype PropsOf<C> = C extends keyof JSX.IntrinsicElements\n  ? JSX.IntrinsicElements[C]\n  : C extends React.ComponentType<infer P>\n    ? P\n    : never;\n\ntype WithClassName = { className?: string };\n\n/**\n * Creates a wrapper for a specified component that applies a given set of className's when rendered. Useful when\n * you're rendering multiple components which need to have the same CSS module classnames applied, allowing us to use\n * a similar approach to styled-components.\n *\n * Example usage:\n *\n * `styled.ts`:\n * ```\n *  const StyledButton = withClassNames(Button, ['button', 'button--primary']);\n * ```\n *\n * `component.tsx`:\n * ```\n *  <StyledButton className=\"other-class\">Click me</StyledButton>\n * ```\n *\n * @param Component Component to render with styles applied.\n * @param classNames An array of class names to apply to instances of the component.\n */\nexport const withClassNames = <\n  C extends React.ComponentType<any> | keyof JSX.IntrinsicElements | AnyStyledComponent,\n>(\n  Component: PropsOf<C> extends WithClassName ? C : never,\n  classNames: string[],\n) => {\n  const ComponentWithClassNames = React.forwardRef<unknown, PropsOf<C>>(\n    ({ className, ...props }: any, ref) =>\n      React.createElement(Component as any, {\n        ...props,\n        ref,\n        className: buildClassnames([...classNames, className]),\n      }),\n  );\n\n  const componentName =\n    typeof Component === 'string'\n      ? Component\n      : (Component as React.ComponentType<any>).displayName ||\n        (Component as React.ComponentType<any>).name ||\n        'Component';\n\n  ComponentWithClassNames.displayName = `withClassNames(${componentName})`;\n\n  return ComponentWithClassNames;\n};\n"],"names":["React"],"mappings":";;;AAYA;;;;;;;;;;;;;;;;;;;AAmBG;MACU,cAAc,GAAG,CAG5B,SAAuD,EACvD,UAAoB,KAClB;IACF,MAAM,uBAAuB,GAAGA,cAAK,CAAC,UAAU,CAC9C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAO,EAAE,GAAG,KAChCA,cAAK,CAAC,aAAa,CAAC,SAAgB,EAAE;AACpC,QAAA,GAAG,KAAK;QACR,GAAG;QACH,SAAS,EAAE,eAAe,CAAC,CAAC,GAAG,UAAU,EAAE,SAAS,CAAC,CAAC;AACvD,KAAA,CAAC,CACL;AAED,IAAA,MAAM,aAAa,GACjB,OAAO,SAAS,KAAK;AACnB,UAAE;UACC,SAAsC,CAAC,WAAW;AAClD,YAAA,SAAsC,CAAC,IAAI;AAC5C,YAAA,WAAW;AAEjB,IAAA,uBAAuB,CAAC,WAAW,GAAG,CAAkB,eAAA,EAAA,aAAa,GAAG;AAExE,IAAA,OAAO,uBAAuB;AAChC;;;;"}
+{"version":3,"file":"withClassNames.js","sources":["../../../src/hoc/withClassNames/withClassNames.ts"],"sourcesContent":["import React from 'react';\nimport { AnyStyledComponent } from 'styled-components';\nimport { buildClassnames } from '../../utils/buildClassnames';\n\ntype PropsOf<C> = C extends keyof JSX.IntrinsicElements\n  ? JSX.IntrinsicElements[C]\n  : C extends React.ComponentType<infer P>\n    ? P\n    : never;\n\ntype WithClassName = { className?: string };\n\n/**\n * Creates a wrapper for a specified component that applies a given set of className's when rendered. Useful when\n * you're rendering multiple components which need to have the same CSS module classnames applied, allowing us to use\n * a similar approach to styled-components.\n *\n * Example usage:\n *\n * `styled.ts`:\n * ```\n *  const StyledButton = withClassNames(Button, ['button', 'button--primary']);\n * ```\n *\n * `component.tsx`:\n * ```\n *  <StyledButton className=\"other-class\">Click me</StyledButton>\n * ```\n *\n * @param Component Component to render with styles applied.\n * @param classNames An array of class names to apply to instances of the component.\n */\nexport const withClassNames = <\n  C extends React.ComponentType<any> | keyof JSX.IntrinsicElements | AnyStyledComponent,\n>(\n  Component: PropsOf<C> extends WithClassName ? C : never,\n  classNames: string[],\n) => {\n  const ComponentWithClassNames = React.forwardRef<unknown, PropsOf<C>>(\n    ({ className, ...props }: any, ref) =>\n      React.createElement(Component as any, {\n        ...props,\n        ref,\n        className: buildClassnames([...classNames, className]),\n      }),\n  );\n\n  const componentName =\n    typeof Component === 'string'\n      ? Component\n      : (Component as React.ComponentType<any>).displayName ||\n        (Component as React.ComponentType<any>).name ||\n        'Component';\n\n  ComponentWithClassNames.displayName = `withClassNames(${componentName})`;\n\n  return ComponentWithClassNames;\n};\n"],"names":["React"],"mappings":";;;AAYA;;;;;;;;;;;;;;;;;;;AAmBG;MACU,cAAc,GAAG,CAG5B,SAAuD,EACvD,UAAoB,KAClB;IACF,MAAM,uBAAuB,GAAGA,cAAK,CAAC,UAAU,CAC9C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAO,EAAE,GAAG,KAChCA,cAAK,CAAC,aAAa,CAAC,SAAgB,EAAE;AACpC,QAAA,GAAG,KAAK;QACR,GAAG;QACH,SAAS,EAAE,eAAe,CAAC,CAAC,GAAG,UAAU,EAAE,SAAS,CAAC,CAAC;AACvD,KAAA,CAAC,CACL;AAED,IAAA,MAAM,aAAa,GACjB,OAAO,SAAS,KAAK;AACnB,UAAE;UACC,SAAsC,CAAC,WAAW;AAClD,YAAA,SAAsC,CAAC,IAAI;AAC5C,YAAA,WAAW;AAEjB,IAAA,uBAAuB,CAAC,WAAW,GAAG,CAAA,eAAA,EAAkB,aAAa,GAAG;AAExE,IAAA,OAAO,uBAAuB;AAChC;;;;"}

package/dist/hoc/withDeprecated.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withDeprecated.cjs","sources":["../../src/hoc/withDeprecated.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nexport const withDeprecated =\n  <P extends object>(Component: React.ComponentType<P>): React.FC<P> =>\n  (props: P) => {\n    useEffect(() => {\n      // eslint-disable-next-line no-console\n      console.warn(`${Component.name} is deprecated.`);\n    }, []);\n    return <Component {...(props as P)} />;\n  };\n"],"names":["useEffect","React"],"mappings":";;;;;;;;AAEO,MAAM,cAAc,GACzB,CAAmB,SAAiC,KACpD,CAAC,KAAQ,KAAI;IACXA,eAAS,CAAC,MAAK;;QAEb,OAAO,CAAC,IAAI,CAAC,CAAA,EAAG,SAAS,CAAC,IAAI,CAAiB,eAAA,CAAA,CAAC;KACjD,EAAE,EAAE,CAAC;AACN,IAAA,OAAOC,sBAAC,CAAA,aAAA,CAAA,SAAS,EAAM,EAAA,GAAA,KAAW,GAAI;AACxC;;;;"}
+{"version":3,"file":"withDeprecated.cjs","sources":["../../src/hoc/withDeprecated.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nexport const withDeprecated =\n  <P extends object>(Component: React.ComponentType<P>): React.FC<P> =>\n  (props: P) => {\n    useEffect(() => {\n      // eslint-disable-next-line no-console\n      console.warn(`${Component.name} is deprecated.`);\n    }, []);\n    return <Component {...(props as P)} />;\n  };\n"],"names":["useEffect","React"],"mappings":";;;;;;;;AAEO,MAAM,cAAc,GACzB,CAAmB,SAAiC,KACpD,CAAC,KAAQ,KAAI;IACXA,eAAS,CAAC,MAAK;;QAEb,OAAO,CAAC,IAAI,CAAC,CAAA,EAAG,SAAS,CAAC,IAAI,CAAA,eAAA,CAAiB,CAAC;IAClD,CAAC,EAAE,EAAE,CAAC;AACN,IAAA,OAAOC,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GAAM,KAAW,GAAI;AACxC;;;;"}

package/dist/hoc/withDeprecated.js.map

@@ -1 +1 @@
-{"version":3,"file":"withDeprecated.js","sources":["../../src/hoc/withDeprecated.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nexport const withDeprecated =\n  <P extends object>(Component: React.ComponentType<P>): React.FC<P> =>\n  (props: P) => {\n    useEffect(() => {\n      // eslint-disable-next-line no-console\n      console.warn(`${Component.name} is deprecated.`);\n    }, []);\n    return <Component {...(props as P)} />;\n  };\n"],"names":["React"],"mappings":";;AAEO,MAAM,cAAc,GACzB,CAAmB,SAAiC,KACpD,CAAC,KAAQ,KAAI;IACX,SAAS,CAAC,MAAK;;QAEb,OAAO,CAAC,IAAI,CAAC,CAAA,EAAG,SAAS,CAAC,IAAI,CAAiB,eAAA,CAAA,CAAC;KACjD,EAAE,EAAE,CAAC;AACN,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAM,EAAA,GAAA,KAAW,GAAI;AACxC;;;;"}
+{"version":3,"file":"withDeprecated.js","sources":["../../src/hoc/withDeprecated.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nexport const withDeprecated =\n  <P extends object>(Component: React.ComponentType<P>): React.FC<P> =>\n  (props: P) => {\n    useEffect(() => {\n      // eslint-disable-next-line no-console\n      console.warn(`${Component.name} is deprecated.`);\n    }, []);\n    return <Component {...(props as P)} />;\n  };\n"],"names":["React"],"mappings":";;AAEO,MAAM,cAAc,GACzB,CAAmB,SAAiC,KACpD,CAAC,KAAQ,KAAI;IACX,SAAS,CAAC,MAAK;;QAEb,OAAO,CAAC,IAAI,CAAC,CAAA,EAAG,SAAS,CAAC,IAAI,CAAA,eAAA,CAAiB,CAAC;IAClD,CAAC,EAAE,EAAE,CAAC;AACN,IAAA,OAAOA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAA,GAAM,KAAW,GAAI;AACxC;;;;"}

package/dist/hoc/withLabels/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Stack } from '../../components/Stack';\nimport { Tooltip } from '../../components/Tooltip';\nimport { getTextStyles, theme } from '../../theme';\n\nexport const RootStack = styled(Stack)`\n  position: relative;\n\n  & > * + * {\n    margin-top: ${theme.sizes.sm};\n  }\n`;\n\nexport const Label = styled.label`\n  ${getTextStyles(theme.text.inputLabel)}\n  display: block;\n`;\n\nexport const Hint = styled.span`\n  ${getTextStyles(theme.text.hintText)}\n  display: block;\n  margin-top: ${theme.sizes.xs};\n  font-size: 0.875rem;\n  line-height: ${theme.sizes[5]};\n`;\n\nexport const Error = styled.span`\n  ${getTextStyles(theme.text.error)}\n  display: block;\n  font-weight: normal;\n`;\n\nexport const Disabled = styled.span`\n  ${getTextStyles(theme.text.bodyBold)}\n  display: block;\n`;\n\nexport const BlockTooltip = styled(Tooltip)`\n  /* Tooltip uses inline-block containers which add more height when\n     the child component is an inline element (e.g. Glyph or an SVG),\n     so we need to set to block to preserve the height and fix alignment. */\n  display: block;\n  &-hoverable {\n    display: flex;\n  }\n`;\n"],"names":["styled","Stack","theme","getTextStyles","Tooltip"],"mappings":";;;;;;;;;;;;AAKO,MAAM,SAAS,GAAGA,uBAAM,CAACC,WAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uCAAA,EAIpBC,WAAK,CAAC,KAAK,CAAC,EAAE;AAInB,MAAA,KAAK,GAAGF,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC7BG,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,UAAU,CAAC;AAIjC,MAAM,IAAI,GAAGF,uBAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC3BG,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA,0BAAA,EAEtBA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,gCAAA,EAEbA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAGlB,MAAA,KAAK,GAAGF,uBAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAC5BG,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC;AAKtB,MAAA,QAAQ,GAAGF,uBAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC/BG,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;MAIzB,YAAY,GAAGF,uBAAM,CAACI,eAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wCAAA;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Stack } from '../../components/Stack';\nimport { Tooltip } from '../../components/Tooltip';\nimport { getTextStyles, theme } from '../../theme';\n\nexport const RootStack = styled(Stack)`\n  position: relative;\n\n  & > * + * {\n    margin-top: ${theme.sizes.sm};\n  }\n`;\n\nexport const Label = styled.label`\n  ${getTextStyles(theme.text.inputLabel)}\n  display: block;\n`;\n\nexport const Hint = styled.span`\n  ${getTextStyles(theme.text.hintText)}\n  display: block;\n  margin-top: ${theme.sizes.xs};\n  font-size: 0.875rem;\n  line-height: ${theme.sizes[5]};\n`;\n\nexport const Error = styled.span`\n  ${getTextStyles(theme.text.error)}\n  display: block;\n  font-weight: normal;\n`;\n\nexport const Disabled = styled.span`\n  ${getTextStyles(theme.text.bodyBold)}\n  display: block;\n`;\n\nexport const BlockTooltip = styled(Tooltip)`\n  /* Tooltip uses inline-block containers which add more height when\n     the child component is an inline element (e.g. Glyph or an SVG),\n     so we need to set to block to preserve the height and fix alignment. */\n  display: block;\n  &-hoverable {\n    display: flex;\n  }\n`;\n"],"names":["styled","Stack","theme","getTextStyles","Tooltip"],"mappings":";;;;;;;;;;;;AAKO,MAAM,SAAS,GAAGA,uBAAM,CAACC,WAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uCAAA,EAIpBC,WAAK,CAAC,KAAK,CAAC,EAAE;AAIzB,MAAM,KAAK,GAAGF,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC7BG,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,UAAU,CAAC;AAIjC,MAAM,IAAI,GAAGF,uBAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC3BG,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA,0BAAA,EAEtBA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,gCAAA,EAEbA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAGxB,MAAM,KAAK,GAAGF,uBAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAC5BG,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC;AAK5B,MAAM,QAAQ,GAAGF,uBAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC/BG,mBAAa,CAACD,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;MAIzB,YAAY,GAAGF,uBAAM,CAACI,eAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wCAAA;;;;;;;;;"}

package/dist/hoc/withLabels/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Stack } from '../../components/Stack';\nimport { Tooltip } from '../../components/Tooltip';\nimport { getTextStyles, theme } from '../../theme';\n\nexport const RootStack = styled(Stack)`\n  position: relative;\n\n  & > * + * {\n    margin-top: ${theme.sizes.sm};\n  }\n`;\n\nexport const Label = styled.label`\n  ${getTextStyles(theme.text.inputLabel)}\n  display: block;\n`;\n\nexport const Hint = styled.span`\n  ${getTextStyles(theme.text.hintText)}\n  display: block;\n  margin-top: ${theme.sizes.xs};\n  font-size: 0.875rem;\n  line-height: ${theme.sizes[5]};\n`;\n\nexport const Error = styled.span`\n  ${getTextStyles(theme.text.error)}\n  display: block;\n  font-weight: normal;\n`;\n\nexport const Disabled = styled.span`\n  ${getTextStyles(theme.text.bodyBold)}\n  display: block;\n`;\n\nexport const BlockTooltip = styled(Tooltip)`\n  /* Tooltip uses inline-block containers which add more height when\n     the child component is an inline element (e.g. Glyph or an SVG),\n     so we need to set to block to preserve the height and fix alignment. */\n  display: block;\n  &-hoverable {\n    display: flex;\n  }\n`;\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uCAAA,EAIpB,KAAK,CAAC,KAAK,CAAC,EAAE;AAInB,MAAA,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC7B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC;AAIjC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC3B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA,0BAAA,EAEtB,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,gCAAA,EAEb,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAGlB,MAAA,KAAK,GAAG,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAC5B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;AAKtB,MAAA,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC/B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;MAIzB,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wCAAA;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/hoc/withLabels/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Stack } from '../../components/Stack';\nimport { Tooltip } from '../../components/Tooltip';\nimport { getTextStyles, theme } from '../../theme';\n\nexport const RootStack = styled(Stack)`\n  position: relative;\n\n  & > * + * {\n    margin-top: ${theme.sizes.sm};\n  }\n`;\n\nexport const Label = styled.label`\n  ${getTextStyles(theme.text.inputLabel)}\n  display: block;\n`;\n\nexport const Hint = styled.span`\n  ${getTextStyles(theme.text.hintText)}\n  display: block;\n  margin-top: ${theme.sizes.xs};\n  font-size: 0.875rem;\n  line-height: ${theme.sizes[5]};\n`;\n\nexport const Error = styled.span`\n  ${getTextStyles(theme.text.error)}\n  display: block;\n  font-weight: normal;\n`;\n\nexport const Disabled = styled.span`\n  ${getTextStyles(theme.text.bodyBold)}\n  display: block;\n`;\n\nexport const BlockTooltip = styled(Tooltip)`\n  /* Tooltip uses inline-block containers which add more height when\n     the child component is an inline element (e.g. Glyph or an SVG),\n     so we need to set to block to preserve the height and fix alignment. */\n  display: block;\n  &-hoverable {\n    display: flex;\n  }\n`;\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uCAAA,EAIpB,KAAK,CAAC,KAAK,CAAC,EAAE;AAIzB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC7B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC;AAIjC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC3B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA,0BAAA,EAEtB,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,gCAAA,EAEb,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AAGxB,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAC5B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;AAK5B,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EAC/B,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;MAIzB,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wCAAA;;;;"}

package/dist/hoc/withLabels/withLabels.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withLabels.cjs","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ReactNode } from 'react';\n\nimport { FlexRow } from '../../components/Flex/FlexRow';\nimport { useId } from '../../hooks/useId';\nimport { CriticalIcon, HelpIcon, LockIcon } from '../../icons';\nimport { theme } from '../../theme';\n\nimport { RootStack, Label, Hint, Error, BlockTooltip, Disabled } from './styled';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  disabledMessage?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\n// eslint-disable-next-line @typescript-eslint/comma-dangle -- comma is required so TS knows this is a generic, not JSX\nexport const withLabels = <P, R = unknown>(Component: ComponentType<P>) => {\n  const ComponentWithLabels = forwardRef<R, P & WithLabelsProps>(\n    ({ label, hint, error, disabledMessage, tooltip, tooltipContent, id, ...otherProps }, ref) => {\n      const componentId = useId({ id, prefix: Component.name });\n\n      if (!label)\n        return (\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            {...(otherProps as P)}\n          />\n        );\n\n      return (\n        <RootStack spacing=\"sm\" alignX=\"stretch\">\n          <FlexRow>\n            <Label id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Label>\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  width={theme.sizes.base}\n                  height={theme.sizes.base}\n                  color={theme.colors.neutral.ink.light}\n                />\n              </BlockTooltip>\n            )}\n          </FlexRow>\n          {hint && <Hint id={`${componentId}-hint`}>{hint}</Hint>}\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            {...(otherProps as P)}\n          />\n          {error && (\n            <FlexRow id={`${componentId}-error`} gap=\"xs\">\n              <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n              <Error>{error}</Error>\n            </FlexRow>\n          )}\n          {disabledMessage && (\n            <FlexRow id={`${componentId}-disabled`} gap=\"xs\">\n              <LockIcon width={16} height={16} color={theme.colors.neutral.ink.light} />\n              <Disabled>{disabledMessage}</Disabled>\n            </FlexRow>\n          )}\n        </RootStack>\n      );\n    },\n  );\n\n  ComponentWithLabels.displayName = `withLabels(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithLabels;\n};\n"],"names":["forwardRef","useId","React","RootStack","FlexRow","Label","BlockTooltip","HelpIcon","theme","Hint","CriticalIcon","Error","LockIcon","Disabled"],"mappings":"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"}
+{"version":3,"file":"withLabels.cjs","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ReactNode } from 'react';\n\nimport { FlexRow } from '../../components/Flex/FlexRow';\nimport { useId } from '../../hooks/useId';\nimport { CriticalIcon, HelpIcon, LockIcon } from '../../icons';\nimport { theme } from '../../theme';\n\nimport { RootStack, Label, Hint, Error, BlockTooltip, Disabled } from './styled';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  disabledMessage?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\n// eslint-disable-next-line @typescript-eslint/comma-dangle -- comma is required so TS knows this is a generic, not JSX\nexport const withLabels = <P, R = unknown>(Component: ComponentType<P>) => {\n  const ComponentWithLabels = forwardRef<R, P & WithLabelsProps>(\n    ({ label, hint, error, disabledMessage, tooltip, tooltipContent, id, ...otherProps }, ref) => {\n      const componentId = useId({ id, prefix: Component.name });\n\n      if (!label)\n        return (\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            {...(otherProps as P)}\n          />\n        );\n\n      return (\n        <RootStack spacing=\"sm\" alignX=\"stretch\">\n          <FlexRow>\n            <Label id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Label>\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  width={theme.sizes.base}\n                  height={theme.sizes.base}\n                  color={theme.colors.neutral.ink.light}\n                />\n              </BlockTooltip>\n            )}\n          </FlexRow>\n          {hint && <Hint id={`${componentId}-hint`}>{hint}</Hint>}\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            {...(otherProps as P)}\n          />\n          {error && (\n            <FlexRow id={`${componentId}-error`} gap=\"xs\">\n              <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n              <Error>{error}</Error>\n            </FlexRow>\n          )}\n          {disabledMessage && (\n            <FlexRow id={`${componentId}-disabled`} gap=\"xs\">\n              <LockIcon width={16} height={16} color={theme.colors.neutral.ink.light} />\n              <Disabled>{disabledMessage}</Disabled>\n            </FlexRow>\n          )}\n        </RootStack>\n      );\n    },\n  );\n\n  ComponentWithLabels.displayName = `withLabels(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithLabels;\n};\n"],"names":["forwardRef","useId","React","RootStack","FlexRow","Label","BlockTooltip","HelpIcon","theme","Hint","CriticalIcon","Error","LockIcon","Disabled"],"mappings":"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"}

package/dist/hoc/withLabels/withLabels.js.map

@@ -1 +1 @@
-{"version":3,"file":"withLabels.js","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ReactNode } from 'react';\n\nimport { FlexRow } from '../../components/Flex/FlexRow';\nimport { useId } from '../../hooks/useId';\nimport { CriticalIcon, HelpIcon, LockIcon } from '../../icons';\nimport { theme } from '../../theme';\n\nimport { RootStack, Label, Hint, Error, BlockTooltip, Disabled } from './styled';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  disabledMessage?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\n// eslint-disable-next-line @typescript-eslint/comma-dangle -- comma is required so TS knows this is a generic, not JSX\nexport const withLabels = <P, R = unknown>(Component: ComponentType<P>) => {\n  const ComponentWithLabels = forwardRef<R, P & WithLabelsProps>(\n    ({ label, hint, error, disabledMessage, tooltip, tooltipContent, id, ...otherProps }, ref) => {\n      const componentId = useId({ id, prefix: Component.name });\n\n      if (!label)\n        return (\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            {...(otherProps as P)}\n          />\n        );\n\n      return (\n        <RootStack spacing=\"sm\" alignX=\"stretch\">\n          <FlexRow>\n            <Label id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Label>\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  width={theme.sizes.base}\n                  height={theme.sizes.base}\n                  color={theme.colors.neutral.ink.light}\n                />\n              </BlockTooltip>\n            )}\n          </FlexRow>\n          {hint && <Hint id={`${componentId}-hint`}>{hint}</Hint>}\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            {...(otherProps as P)}\n          />\n          {error && (\n            <FlexRow id={`${componentId}-error`} gap=\"xs\">\n              <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n              <Error>{error}</Error>\n            </FlexRow>\n          )}\n          {disabledMessage && (\n            <FlexRow id={`${componentId}-disabled`} gap=\"xs\">\n              <LockIcon width={16} height={16} color={theme.colors.neutral.ink.light} />\n              <Disabled>{disabledMessage}</Disabled>\n            </FlexRow>\n          )}\n        </RootStack>\n      );\n    },\n  );\n\n  ComponentWithLabels.displayName = `withLabels(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithLabels;\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"withLabels.js","sources":["../../../src/hoc/withLabels/withLabels.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ReactNode } from 'react';\n\nimport { FlexRow } from '../../components/Flex/FlexRow';\nimport { useId } from '../../hooks/useId';\nimport { CriticalIcon, HelpIcon, LockIcon } from '../../icons';\nimport { theme } from '../../theme';\n\nimport { RootStack, Label, Hint, Error, BlockTooltip, Disabled } from './styled';\n\nexport interface WithLabelsProps {\n  id?: string;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  disabledMessage?: ReactNode;\n  tooltip?: string;\n  tooltipContent?: ReactNode;\n}\n\n// eslint-disable-next-line @typescript-eslint/comma-dangle -- comma is required so TS knows this is a generic, not JSX\nexport const withLabels = <P, R = unknown>(Component: ComponentType<P>) => {\n  const ComponentWithLabels = forwardRef<R, P & WithLabelsProps>(\n    ({ label, hint, error, disabledMessage, tooltip, tooltipContent, id, ...otherProps }, ref) => {\n      const componentId = useId({ id, prefix: Component.name });\n\n      if (!label)\n        return (\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            {...(otherProps as P)}\n          />\n        );\n\n      return (\n        <RootStack spacing=\"sm\" alignX=\"stretch\">\n          <FlexRow>\n            <Label id={`${componentId}-label`} htmlFor={componentId}>\n              {label}\n            </Label>\n            {(tooltip || tooltipContent) && (\n              <BlockTooltip text={tooltip} content={tooltipContent}>\n                <HelpIcon\n                  data-testid=\"tooltip-help\"\n                  width={theme.sizes.base}\n                  height={theme.sizes.base}\n                  color={theme.colors.neutral.ink.light}\n                />\n              </BlockTooltip>\n            )}\n          </FlexRow>\n          {hint && <Hint id={`${componentId}-hint`}>{hint}</Hint>}\n          <Component\n            ref={ref}\n            id={componentId}\n            hasError={!!error}\n            disabled={!!disabledMessage}\n            {...(otherProps as P)}\n          />\n          {error && (\n            <FlexRow id={`${componentId}-error`} gap=\"xs\">\n              <CriticalIcon width={16} height={16} color={theme.colors.secondary.red.base} />\n              <Error>{error}</Error>\n            </FlexRow>\n          )}\n          {disabledMessage && (\n            <FlexRow id={`${componentId}-disabled`} gap=\"xs\">\n              <LockIcon width={16} height={16} color={theme.colors.neutral.ink.light} />\n              <Disabled>{disabledMessage}</Disabled>\n            </FlexRow>\n          )}\n        </RootStack>\n      );\n    },\n  );\n\n  ComponentWithLabels.displayName = `withLabels(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithLabels;\n};\n"],"names":["React"],"mappings":"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"}

package/dist/hoc/withTokens/withTokens.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withTokens.cjs","sources":["../../../src/hoc/withTokens/withTokens.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ElementRef } from 'react';\nimport { ThemeType } from '../../components/TokenProvider/TokenProvider';\nimport { TokenProvider } from '../../components/TokenProvider';\n\nexport type WithTokensProps = {\n  theme?: ThemeType;\n};\n\n/**\n * HOC that adds an optional `theme` prop to a component.\n * When a theme is provided (via prop or `defaultTheme`), wraps the component\n * in a `TokenProvider`. Otherwise renders the component directly, allowing it\n * to inherit tokens from a parent `TokenProvider`. Forwards refs to the wrapped component.\n *\n * @param Component - The component to wrap\n * @param defaultTheme - Optional default theme applied when no `theme` prop is passed\n */\nexport const withTokens = <C extends ComponentType<any>>(\n  Component: C,\n  defaultTheme?: ThemeType,\n) => {\n  type P = React.ComponentPropsWithoutRef<C>;\n  type R = ElementRef<C>;\n\n  const ComponentWithTokens = forwardRef<R, P & WithTokensProps>(\n    ({ theme = defaultTheme, ...props }, ref) => {\n      const Comp = Component as ComponentType<any>;\n\n      if (theme) {\n        return (\n          <TokenProvider theme={theme}>\n            <Comp ref={ref} {...props} />\n          </TokenProvider>\n        );\n      }\n\n      return <Comp ref={ref} {...props} />;\n    },\n  );\n\n  ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithTokens;\n};\n"],"names":["forwardRef","React","TokenProvider"],"mappings":";;;;;;;;;AAQA;;;;;;;;AAQG;MACU,UAAU,GAAG,CACxB,SAAY,EACZ,YAAwB,KACtB;AAIF,IAAA,MAAM,mBAAmB,GAAGA,gBAAU,CACpC,CAAC,EAAE,KAAK,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;QAC1C,MAAM,IAAI,GAAG,SAA+B;AAE5C,QAAA,IAAI,KAAK,EAAE;AACT,YAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,2BAAa,EAAC,EAAA,KAAK,EAAE,KAAK,EAAA;gBACzBD,sBAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,GAAG,EAAE,GAAG,KAAM,KAAK,EAAA,CAAI,CACf;AAEnB;QAED,OAAOA,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AACtC,KAAC,CACF;AAED,IAAA,mBAAmB,CAAC,WAAW,GAAG,CAAA,WAAA,EAAc,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG;AAEzG,IAAA,OAAO,mBAAmB;AAC5B;;;;"}
+{"version":3,"file":"withTokens.cjs","sources":["../../../src/hoc/withTokens/withTokens.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ElementRef } from 'react';\nimport { ThemeType } from '../../components/TokenProvider/TokenProvider';\nimport { TokenProvider } from '../../components/TokenProvider';\n\nexport type WithTokensProps = {\n  theme?: ThemeType;\n};\n\n/**\n * HOC that adds an optional `theme` prop to a component.\n * When a theme is provided (via prop or `defaultTheme`), wraps the component\n * in a `TokenProvider`. Otherwise renders the component directly, allowing it\n * to inherit tokens from a parent `TokenProvider`. Forwards refs to the wrapped component.\n *\n * @param Component - The component to wrap\n * @param defaultTheme - Optional default theme applied when no `theme` prop is passed\n */\nexport const withTokens = <C extends ComponentType<any>>(\n  Component: C,\n  defaultTheme?: ThemeType,\n) => {\n  type P = React.ComponentPropsWithoutRef<C>;\n  type R = ElementRef<C>;\n\n  const ComponentWithTokens = forwardRef<R, P & WithTokensProps>(\n    ({ theme = defaultTheme, ...props }, ref) => {\n      const Comp = Component as ComponentType<any>;\n\n      if (theme) {\n        return (\n          <TokenProvider theme={theme}>\n            <Comp ref={ref} {...props} />\n          </TokenProvider>\n        );\n      }\n\n      return <Comp ref={ref} {...props} />;\n    },\n  );\n\n  ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithTokens;\n};\n"],"names":["forwardRef","React","TokenProvider"],"mappings":";;;;;;;;;AAQA;;;;;;;;AAQG;MACU,UAAU,GAAG,CACxB,SAAY,EACZ,YAAwB,KACtB;AAIF,IAAA,MAAM,mBAAmB,GAAGA,gBAAU,CACpC,CAAC,EAAE,KAAK,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;QAC1C,MAAM,IAAI,GAAG,SAA+B;AAE5C,QAAA,IAAI,KAAK,EAAE;AACT,YAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,2BAAa,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA;gBACzBD,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAA,CAAI,CACf;AAEnB,QAAA;QAED,OAAOA,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AACtC,IAAA,CAAC,CACF;AAED,IAAA,mBAAmB,CAAC,WAAW,GAAG,CAAA,WAAA,EAAc,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG;AAEzG,IAAA,OAAO,mBAAmB;AAC5B;;;;"}

package/dist/hoc/withTokens/withTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTokens.js","sources":["../../../src/hoc/withTokens/withTokens.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ElementRef } from 'react';\nimport { ThemeType } from '../../components/TokenProvider/TokenProvider';\nimport { TokenProvider } from '../../components/TokenProvider';\n\nexport type WithTokensProps = {\n  theme?: ThemeType;\n};\n\n/**\n * HOC that adds an optional `theme` prop to a component.\n * When a theme is provided (via prop or `defaultTheme`), wraps the component\n * in a `TokenProvider`. Otherwise renders the component directly, allowing it\n * to inherit tokens from a parent `TokenProvider`. Forwards refs to the wrapped component.\n *\n * @param Component - The component to wrap\n * @param defaultTheme - Optional default theme applied when no `theme` prop is passed\n */\nexport const withTokens = <C extends ComponentType<any>>(\n  Component: C,\n  defaultTheme?: ThemeType,\n) => {\n  type P = React.ComponentPropsWithoutRef<C>;\n  type R = ElementRef<C>;\n\n  const ComponentWithTokens = forwardRef<R, P & WithTokensProps>(\n    ({ theme = defaultTheme, ...props }, ref) => {\n      const Comp = Component as ComponentType<any>;\n\n      if (theme) {\n        return (\n          <TokenProvider theme={theme}>\n            <Comp ref={ref} {...props} />\n          </TokenProvider>\n        );\n      }\n\n      return <Comp ref={ref} {...props} />;\n    },\n  );\n\n  ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithTokens;\n};\n"],"names":["React"],"mappings":";;;AAQA;;;;;;;;AAQG;MACU,UAAU,GAAG,CACxB,SAAY,EACZ,YAAwB,KACtB;AAIF,IAAA,MAAM,mBAAmB,GAAG,UAAU,CACpC,CAAC,EAAE,KAAK,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;QAC1C,MAAM,IAAI,GAAG,SAA+B;AAE5C,QAAA,IAAI,KAAK,EAAE;AACT,YAAA,QACEA,cAAC,CAAA,aAAA,CAAA,aAAa,EAAC,EAAA,KAAK,EAAE,KAAK,EAAA;gBACzBA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,GAAG,EAAE,GAAG,KAAM,KAAK,EAAA,CAAI,CACf;AAEnB;QAED,OAAOA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AACtC,KAAC,CACF;AAED,IAAA,mBAAmB,CAAC,WAAW,GAAG,CAAA,WAAA,EAAc,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG;AAEzG,IAAA,OAAO,mBAAmB;AAC5B;;;;"}
+{"version":3,"file":"withTokens.js","sources":["../../../src/hoc/withTokens/withTokens.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ElementRef } from 'react';\nimport { ThemeType } from '../../components/TokenProvider/TokenProvider';\nimport { TokenProvider } from '../../components/TokenProvider';\n\nexport type WithTokensProps = {\n  theme?: ThemeType;\n};\n\n/**\n * HOC that adds an optional `theme` prop to a component.\n * When a theme is provided (via prop or `defaultTheme`), wraps the component\n * in a `TokenProvider`. Otherwise renders the component directly, allowing it\n * to inherit tokens from a parent `TokenProvider`. Forwards refs to the wrapped component.\n *\n * @param Component - The component to wrap\n * @param defaultTheme - Optional default theme applied when no `theme` prop is passed\n */\nexport const withTokens = <C extends ComponentType<any>>(\n  Component: C,\n  defaultTheme?: ThemeType,\n) => {\n  type P = React.ComponentPropsWithoutRef<C>;\n  type R = ElementRef<C>;\n\n  const ComponentWithTokens = forwardRef<R, P & WithTokensProps>(\n    ({ theme = defaultTheme, ...props }, ref) => {\n      const Comp = Component as ComponentType<any>;\n\n      if (theme) {\n        return (\n          <TokenProvider theme={theme}>\n            <Comp ref={ref} {...props} />\n          </TokenProvider>\n        );\n      }\n\n      return <Comp ref={ref} {...props} />;\n    },\n  );\n\n  ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithTokens;\n};\n"],"names":["React"],"mappings":";;;AAQA;;;;;;;;AAQG;MACU,UAAU,GAAG,CACxB,SAAY,EACZ,YAAwB,KACtB;AAIF,IAAA,MAAM,mBAAmB,GAAG,UAAU,CACpC,CAAC,EAAE,KAAK,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;QAC1C,MAAM,IAAI,GAAG,SAA+B;AAE5C,QAAA,IAAI,KAAK,EAAE;AACT,YAAA,QACEA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA;gBACzBA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAA,CAAI,CACf;AAEnB,QAAA;QAED,OAAOA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AACtC,IAAA,CAAC,CACF;AAED,IAAA,mBAAmB,CAAC,WAAW,GAAG,CAAA,WAAA,EAAc,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG;AAEzG,IAAA,OAAO,mBAAmB;AAC5B;;;;"}

package/dist/hooks/useClickOutside.cjs

@@ -9,12 +9,12 @@ const useClickOutside = (isOpen, onClose) => {
     const ref = React.useRef(null);
     const escapeListener = React.useCallback((e) => {
         if (e.key === 'Escape') {
-            onClose === null || onClose === undefined ? undefined : onClose();
+            onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     }, [onClose]);
     const clickListener = React.useCallback((e) => {
         if (!ref.current.contains(e.target)) {
-            onClose === null || onClose === undefined ? undefined : onClose();
+            onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     }, [onClose]);
     React.useEffect(() => {

package/dist/hooks/useClickOutside.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.cjs","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\n/**\n * Close a menu or modal by clicking out of it\n */\nexport const useClickOutside = (isOpen: boolean, onClose: () => void) => {\n  const ref = useRef(null);\n\n  const escapeListener = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  const clickListener = useCallback(\n    (e: MouseEvent) => {\n      if (!(ref.current! as any).contains(e.target)) {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      document.addEventListener('click', clickListener);\n      document.addEventListener('keyup', escapeListener);\n      return () => {\n        document.removeEventListener('click', clickListener);\n        document.removeEventListener('keyup', escapeListener);\n      };\n    }\n    return undefined;\n  }, [clickListener, escapeListener, isOpen]);\n\n  return ref;\n};\n"],"names":["useRef","useCallback","useEffect"],"mappings":";;;;AAEA;;AAEG;MACU,eAAe,GAAG,CAAC,MAAe,EAAE,OAAmB,KAAI;AACtE,IAAA,MAAM,GAAG,GAAGA,YAAM,CAAC,IAAI,CAAC;AAExB,IAAA,MAAM,cAAc,GAAGC,iBAAW,CAChC,CAAC,CAAgB,KAAI;AACnB,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;AACtB,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,SAAA,GAAA,SAAA,GAAA,OAAO,EAAI;AACZ;AACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED,IAAA,MAAM,aAAa,GAAGA,iBAAW,CAC/B,CAAC,CAAa,KAAI;QAChB,IAAI,CAAE,GAAG,CAAC,OAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;AAC7C,YAAA,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,SAAA,GAAA,SAAA,GAAA,OAAO,EAAI;AACZ;AACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV;IAEDC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC;AACjD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC;AAClD,YAAA,OAAO,MAAK;AACV,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC;AACpD,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC;AACvD,aAAC;AACF;AACD,QAAA,OAAO,SAAS;KACjB,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;AAE3C,IAAA,OAAO,GAAG;AACZ;;;;"}
+{"version":3,"file":"useClickOutside.cjs","sources":["../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\n/**\n * Close a menu or modal by clicking out of it\n */\nexport const useClickOutside = (isOpen: boolean, onClose: () => void) => {\n  const ref = useRef(null);\n\n  const escapeListener = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  const clickListener = useCallback(\n    (e: MouseEvent) => {\n      if (!(ref.current! as any).contains(e.target)) {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  useEffect(() => {\n    if (isOpen) {\n      document.addEventListener('click', clickListener);\n      document.addEventListener('keyup', escapeListener);\n      return () => {\n        document.removeEventListener('click', clickListener);\n        document.removeEventListener('keyup', escapeListener);\n      };\n    }\n    return undefined;\n  }, [clickListener, escapeListener, isOpen]);\n\n  return ref;\n};\n"],"names":["useRef","useCallback","useEffect"],"mappings":";;;;AAEA;;AAEG;MACU,eAAe,GAAG,CAAC,MAAe,EAAE,OAAmB,KAAI;AACtE,IAAA,MAAM,GAAG,GAAGA,YAAM,CAAC,IAAI,CAAC;AAExB,IAAA,MAAM,cAAc,GAAGC,iBAAW,CAChC,CAAC,CAAgB,KAAI;AACnB,QAAA,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;AACtB,YAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,EAAI;AACZ,QAAA;AACH,IAAA,CAAC,EACD,CAAC,OAAO,CAAC,CACV;AAED,IAAA,MAAM,aAAa,GAAGA,iBAAW,CAC/B,CAAC,CAAa,KAAI;QAChB,IAAI,CAAE,GAAG,CAAC,OAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;AAC7C,YAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAA,MAAA,GAAP,OAAO,EAAI;AACZ,QAAA;AACH,IAAA,CAAC,EACD,CAAC,OAAO,CAAC,CACV;IAEDC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,EAAE;AACV,YAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,aAAa,CAAC;AACjD,YAAA,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC;AAClD,YAAA,OAAO,MAAK;AACV,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,aAAa,CAAC;AACpD,gBAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC;AACvD,YAAA,CAAC;AACF,QAAA;AACD,QAAA,OAAO,SAAS;IAClB,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;AAE3C,IAAA,OAAO,GAAG;AACZ;;;;"}

package/dist/hooks/useClickOutside.js

@@ -7,12 +7,12 @@ const useClickOutside = (isOpen, onClose) => {
     const ref = useRef(null);
     const escapeListener = useCallback((e) => {
         if (e.key === 'Escape') {
-            onClose === null || onClose === undefined ? undefined : onClose();
+            onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     }, [onClose]);
     const clickListener = useCallback((e) => {
         if (!ref.current.contains(e.target)) {
-            onClose === null || onClose === undefined ? undefined : onClose();
+            onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     }, [onClose]);
     useEffect(() => {