@aivenio/aquarium 4.4.0 → 4.5.1

package/dist/src/molecules/Section/Section.js

@@ -93,9 +93,7 @@ export const Section = (props) => {
                             e.preventDefault();
                             handleTitleClick(); // the event handler provided by useButton triggers focus-visible style to shown when clicking on it which isn't desired. Only keyboard events should triggers focus-visible style.
                         } }) : { onClick: handleTitleClick }), { ref: _collapsible ? toggleAreaRef : undefined, id: toggleId, collapsible: _collapsible }),
-                    _collapsible && (
-                    // @ts-expect-error React spring does not yet support R19 types
-                    React.createElement(animated.div, { style: { transform } },
+                    _collapsible && (React.createElement(animated.div, { style: { transform } },
                         React.createElement(BaseSection.Toggle, null))),
                     React.createElement(BaseSection.Title, { id: titleId },
                         React.createElement(LineClamp, { lines: 1 }, title),
@@ -116,13 +114,11 @@ export const Section = (props) => {
                             .filter(Boolean)
                             .map((action) => renderAction({ kind: 'secondary', action })),
                     props.select && React.createElement(SelectBase, Object.assign({ "aria-labelledby": titleId }, props.select))))),
-            !hasTabs && !isCollapsed && (
-            // @ts-expect-error React spring does not yet support R19 types
-            React.createElement(animated.div, { className: tw(`h-[1px]`), style: { backgroundColor: 'var(--aquarium-border-color-muted)' } })))),
+            !hasTabs && !isCollapsed && (React.createElement(animated.div, { className: tw(`h-[1px]`), style: { backgroundColor: 'var(--aquarium-border-color-muted)' } })))),
         React.createElement(animated.div, { id: regionId, "aria-hidden": _collapsible ? (isCollapsed ? true : undefined) : undefined, style: spring, 
             // We need to set 'overflow-hidden' when the section can be collapsed and it's currently collapsed or still animating.
             className: tw({ 'overflow-hidden': _collapsible && (isCollapsed || !isResting) }) },
             React.createElement("div", { ref: ref }, hasTabs ? (React.createElement(SectionTabs, Object.assign({}, children.props, { className: tw('[&>div:first-child]:px-3 grow flex flex-col overflow-y-auto', { 'mt-4': _collapsible }) }))) : (React.createElement(BaseSection.Body, null, children))))));
 };
 const SectionTabs = createTabsComponent(ModalTab, TabItem, 'SectionTabs', (children, selected) => (React.createElement(BaseSection.Body, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected))));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVuRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUF3QixNQUFNLHlCQUF5QixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDOUQsT0FBTyxFQUFtQixVQUFVLEVBQXdCLE1BQU0sNkJBQTZCLENBQUM7QUFDaEcsT0FBTyxFQUFFLE1BQU0sRUFBb0IsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBaUIsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEcsT0FBTyxFQUFFLFFBQVEsRUFBc0IsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRW5FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVuRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUF3QixNQUFNLHlCQUF5QixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDOUQsT0FBTyxFQUFtQixVQUFVLEVBQXdCLE1BQU0sNkJBQTZCLENBQUM7QUFDaEcsT0FBTyxFQUFFLE1BQU0sRUFBb0IsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBaUIsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEcsT0FBTyxFQUFFLFFBQVEsRUFBc0IsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRW5FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFB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

package/dist/src/molecules/Transition/Transition.js

@@ -21,12 +21,10 @@ export const Transition = ({ children }) => {
         keys: (item) => item.key || '',
         config: { tension: 125, friction: 20, precision: 0.1 },
     });
-    return (React.createElement(React.Fragment, null, transitions((style, item) => (
-    // @ts-expect-error React spring does not yet support R19 types
-    React.createElement(animated.div, { style: style },
+    return (React.createElement(React.Fragment, null, transitions((style, item) => (React.createElement(animated.div, { style: style },
         React.createElement("div", { ref: (ref) => {
                 // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
                 ref && refMap.set(item, ref);
             } }, item))))));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJhbnNpdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVHJhbnNpdGlvbi9UcmFuc2l0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN2QyxPQUFPLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBYTVELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxDQUFDLEVBQUUsUUFBUSxFQUFtQixFQUFFLEVBQUU7SUFDMUQsTUFBTSxNQUFNLEdBQUcsT0FBTyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksT0FBTyxFQUFzQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3BGLE1BQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDMUMsSUFBSSxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFO1FBQy9CLEtBQUssRUFBRSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBTyxJQUFJLEVBQUUsRUFBRTs7WUFDOUIsTUFBTSxJQUFJLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxNQUFBLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLDBDQUFFLFlBQVksRUFBRSxDQUFDLENBQUM7UUFDckUsQ0FBQyxDQUFBO1FBQ0QsS0FBSyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7UUFDdEMsSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLEVBQUU7UUFDOUIsTUFBTSxFQUFFLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUU7S0FDdkQsQ0FBQyxDQUFDO0lBRUgsT0FBTyxDQUNMLDBDQUNHLFdBQVcsQ0FBQyxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsRUFBRSxDQUFDO0lBQzVCLCtEQUErRDtJQUMvRCxvQkFBQyxRQUFRLENBQUMsR0FBRyxJQUFDLEtBQUssRUFBRSxLQUFLO1FBQ3hCLDZCQUNFLEdBQUcsRUFBRSxDQUFDLEdBQW1CLEVBQUUsRUFBRTtnQkFDM0IsdUVBQXVFO2dCQUN2RSxHQUFHLElBQUksTUFBTSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEVBQUUsR0FBRyxDQUFDLENBQUM7WUFDL0IsQ0FBQyxJQUVBLElBQUksQ0FDRCxDQUNPLENBQ2hCLENBQUMsQ0FDRCxDQUNKLENBQUM7QUFDSixDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJhbnNpdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVHJhbnNpdGlvbi9UcmFuc2l0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN2QyxPQUFPLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBYTVELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxDQUFDLEVBQUUsUUFBUSxFQUFtQixFQUFFLEVBQUU7SUFDMUQsTUFBTSxNQUFNLEdBQUcsT0FBTyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksT0FBTyxFQUFzQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3BGLE1BQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLEVBQUU7UUFDMUMsSUFBSSxFQUFFLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFO1FBQy9CLEtBQUssRUFBRSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBTyxJQUFJLEVBQUUsRUFBRTs7WUFDOUIsTUFBTSxJQUFJLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxNQUFBLE1BQU0sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLDBDQUFFLFlBQVksRUFBRSxDQUFDLENBQUM7UUFDckUsQ0FBQyxDQUFBO1FBQ0QsS0FBSyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7UUFDdEMsSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxJQUFJLEVBQUU7UUFDOUIsTUFBTSxFQUFFLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUU7S0FDdkQsQ0FBQyxDQUFDO0lBRUgsT0FBTyxDQUNMLDBDQUNHLFdBQVcsQ0FBQyxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQzVCLG9CQUFDLFFBQVEsQ0FBQyxHQUFHLElBQUMsS0FBSyxFQUFFLEtBQUs7UUFDeEIsNkJBQ0UsR0FBRyxFQUFFLENBQUMsR0FBbUIsRUFBRSxFQUFFO2dCQUMzQix1RUFBdUU7Z0JBQ3ZFLEdBQUcsSUFBSSxNQUFNLENBQUMsR0FBRyxDQUFDLElBQUksRUFBRSxHQUFHLENBQUMsQ0FBQztZQUMvQixDQUFDLElBRUEsSUFBSSxDQUNELENBQ08sQ0FDaEIsQ0FBQyxDQUNELENBQ0osQ0FBQztBQUNKLENBQUMsQ0FBQyJ9

package/dist/src/utils/stickyStyles.js

@@ -1,5 +1,5 @@
-import React, { useMemo, useState } from 'react';
-import { animated, useScroll, useSpring } from '@react-spring/web';
+import React, { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { animated, useSpring } from '@react-spring/web';
 import { throttle } from 'lodash-es';
 function useStickyStyles(scrollProgress, axis, { borderColor, boxShadowColor }) {
     const { startValue, endValue } = useMemo(() => {
@@ -38,22 +38,52 @@ function useStickyStyles(scrollProgress, axis, { borderColor, boxShadowColor })
             },
         };
 }
-function useScrollProgress({ containerRef, skip, }) {
+function useScrollProgress({ containerRef, skip, throttleMs = 50, }) {
     const [scrollState, setScrollState] = useState(null);
-    const throttledSetScrollState = throttle(({ scrollX, scrollXProgress }) => {
-        setScrollState({ scrollX, scrollXProgress });
-    }, 50);
-    useScroll({
-        container: containerRef,
-        onChange: ({ value: { scrollX, scrollXProgress } }) => {
-            throttledSetScrollState({ scrollX, scrollXProgress });
-        },
-        default: {
-            immediate: true,
-        },
-        pause: skip, // This prevents tracking of scrollXProgress when there are no sticky columns
-    });
-    const isContainerUnscrollable = scrollState && scrollState.scrollX === 0 && scrollState.scrollXProgress === 1;
+    const currentStateRef = useRef(null);
+    // Create a stable throttled function for updating scroll state
+    const throttledSetScrollState = useMemo(() => throttle((value) => {
+        const currentState = currentStateRef.current;
+        // Check if values actually changed using ref (doesn't trigger re-renders)
+        if ((currentState === null || currentState === void 0 ? void 0 : currentState.scrollX) === value.scrollX && currentState.scrollXProgress === value.scrollXProgress) {
+            return;
+        }
+        currentStateRef.current = value;
+        setScrollState(value);
+    }, throttleMs), [throttleMs]);
+    const handleScroll = useCallback(() => {
+        const element = containerRef.current;
+        if (!element) {
+            return;
+        }
+        const scrollX = element.scrollLeft;
+        const maxScrollX = element.scrollWidth - element.clientWidth;
+        const scrollXProgress = maxScrollX > 0 ? scrollX / maxScrollX : 1;
+        throttledSetScrollState({ scrollX, scrollXProgress });
+    }, [containerRef, throttledSetScrollState]);
+    // Handle element resize to recalculate scroll progress
+    useLayoutEffect(() => {
+        if (skip) {
+            return;
+        }
+        const element = containerRef.current;
+        if (!element) {
+            return;
+        }
+        // Set up scroll listener
+        element.addEventListener('scroll', handleScroll, { passive: true });
+        // Set up resize observer to recalculate on container size changes
+        const resizeObserver = new ResizeObserver(handleScroll);
+        resizeObserver.observe(element);
+        // Call immediately to set initial state
+        handleScroll();
+        return () => {
+            element.removeEventListener('scroll', handleScroll);
+            resizeObserver.disconnect();
+            throttledSetScrollState.cancel();
+        };
+    }, [containerRef, handleScroll, throttledSetScrollState, skip]);
+    const isContainerUnscrollable = (scrollState === null || scrollState === void 0 ? void 0 : scrollState.scrollX) === 0 && scrollState.scrollXProgress === 1;
     // If container is not scrollable return null
     if (!scrollState || isContainerUnscrollable) {
         return null;
@@ -71,4 +101,4 @@ export function useScrollStyles({ containerRef, skip = false, direction = 'horiz
     const scrollXProgress = useScrollProgress({ containerRef, skip });
     return useStickyStyles(scrollXProgress, direction, options);
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RpY2t5U3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL3N0aWNreVN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ2pELE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFVckMsU0FBUyxlQUFlLENBQ3RCLGNBQTZCLEVBQzdCLElBQXFCLEVBQ3JCLEVBQUUsV0FBVyxFQUFFLGNBQWMsRUFBMEI7SUFFdkQsTUFBTSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsR0FBRyxPQUFPLENBQUMsR0FBRyxFQUFFO1FBQzVDLElBQUksY0FBYyxLQUFLLElBQUksRUFBRSxDQUFDO1lBQzVCLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQUUsQ0FBQztRQUN4QyxDQUFDO1FBQ0QsTUFBTSxVQUFVLEdBQUcsY0FBYyxDQUFDO1FBQ2xDLE1BQU0sUUFBUSxHQUFHLENBQUMsR0FBRyxjQUFjLENBQUM7UUFDcEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsQ0FBQztJQUNsQyxDQUFDLEVBQUUsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDO0lBRXJCLE1BQU0sWUFBWSxHQUFHLFNBQVMsQ0FBQztRQUM3QixnQkFBZ0IsRUFBRSxRQUFRLFdBQVcsS0FBSyxVQUFVLEdBQUc7UUFDdkQsY0FBYyxFQUFFLFFBQVEsV0FBVyxLQUFLLFFBQVEsR0FBRztRQUNuRCxtQkFBbUIsRUFBRSxRQUFRLGNBQWMsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQVUsR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLEdBQUc7UUFDbEYsaUJBQWlC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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RpY2t5U3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL3N0aWNreVN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDeEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQVVyQyxTQUFTLGVBQWUsQ0FDdEIsY0FBNkIsRUFDN0IsSUFBcUIsRUFDckIsRUFBRSxXQUFXLEVBQUUsY0FBYyxFQUEwQjtJQUV2RCxNQUFNLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxHQUFHLE9BQU8sQ0FBQyxHQUFHLEVBQUU7UUFDNUMsSUFBSSxjQUFjLEtBQUssSUFBSSxFQUFFLENBQUM7WUFDNUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLENBQUMsRUFBRSxDQUFDO1FBQ3hDLENBQUM7UUFDRCxNQUFNLFVBQVUsR0FBRyxjQUFjLENBQUM7UUFDbEMsTUFBTSxRQUFRLEdBQUcsQ0FBQyxHQUFHLGNBQWMsQ0FBQztRQUNwQyxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxDQUFDO0lBQ2xDLENBQUMsRUFBRSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUM7SUFFckIsTUFBTSxZQUFZLEdBQUcsU0FBUyxDQUFDO1FBQzdCLGdCQUFnQixFQUFFLFFBQVEsV0FBVyxLQUFLLFVBQVUsR0FBRztRQUN2RCxjQUFjLEVBQUUsUUFBUSxXQUFXLEtBQUssUUFBUSxHQUFHO1FBQ25ELG1CQUFtQixFQUFFLFFBQVEsY0FBYyxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBVSxHQUFHLEdBQUcsRUFBRSxHQUFHLENB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

package/dist/styles.css

@@ -1475,6 +1475,10 @@ input[type='number'].no-arrows {
 .grow-0{
   flex-grow: 0;
 }
+.basis-\[--aquarium-screens-xs\]{
+  flex-basis: 320px;
+  flex-basis: var(--aquarium-screens-xs);
+}
 .table-auto{
   table-layout: auto;
 }
@@ -1627,10 +1631,6 @@ input[type='number'].no-arrows {
 .justify-between{
   justify-content: space-between;
 }
-.gap-0{
-  grid-gap: 0px;
-  gap: 0px;
-}
 .gap-1{
   grid-gap: 2px;
   gap: 2px;
@@ -4520,6 +4520,11 @@ input[type='number'].no-arrows {
   background-color: rgba(247,247,250,1);
   background-color: var(--aquarium-background-color-muted);
 }
+@media (min-width: 672px){
+  .sm\:flex-row{
+    flex-direction: row;
+  }
+}
 .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{
   display: none;
 }

package/dist/system.cjs

@@ -718,6 +718,22 @@ var require_calendar = __commonJS({
   }
 });
 
+// src/icons/camera.js
+var require_camera = __commonJS({
+  "src/icons/camera.js"(exports2) {
+    "use strict";
+    var data = {
+      "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M1.333 5.584c0-.233 0-.35.01-.448a2 2 0 011.793-1.793c.098-.01.221-.01.467-.01.095 0 .143 0 .183-.002a1.333 1.333 0 001.156-.834c.015-.037.03-.08.058-.164.028-.084.042-.127.057-.164a1.333 1.333 0 011.156-.834c.04-.002.085-.002.174-.002h3.225c.09 0 .134 0 .174.002.514.032.964.356 1.156.834.015.037.03.08.058.164.028.084.042.127.057.164.192.478.642.802 1.156.834.04.002.088.002.183.002.246 0 .37 0 .467.01a2 2 0 011.794 1.793c.01.098.01.215.01.448V10.8c0 1.12 0 1.68-.219 2.108a2 2 0 01-.874.874c-.428.218-.988.218-2.108.218H4.533c-1.12 0-1.68 0-2.108-.218a2 2 0 01-.874-.874c-.218-.428-.218-.988-.218-2.108V5.584Z"/><path d="M8 11a2.667 2.667 0 100-5.334A2.667 2.667 0 008 11Z"/></g>',
+      "left": 0,
+      "top": 0,
+      "width": 16,
+      "height": 16
+    };
+    exports2.__esModule = true;
+    exports2.default = data;
+  }
+});
+
 // src/icons/capslock.js
 var require_capslock = __commonJS({
   "src/icons/capslock.js"(exports2) {
@@ -4805,6 +4821,7 @@ var import_bookmark = __toESM(require_bookmark());
 var import_box = __toESM(require_box());
 var import_briefcase = __toESM(require_briefcase());
 var import_calendar = __toESM(require_calendar());
+var import_camera = __toESM(require_camera());
 var import_capslock = __toESM(require_capslock());
 var import_caretDownFilled = __toESM(require_caretDownFilled());
 var import_caretDown = __toESM(require_caretDown());
@@ -7339,18 +7356,15 @@ var Transition = ({ children }) => {
     keys: (item) => item.key || "",
     config: { tension: 125, friction: 20, precision: 0.1 }
   });
-  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, transitions((style, item) => (
-    // @ts-expect-error React spring does not yet support R19 types
-    /* @__PURE__ */ import_react14.default.createElement(import_web.animated.div, { style }, /* @__PURE__ */ import_react14.default.createElement(
-      "div",
-      {
-        ref: (ref) => {
-          ref && refMap.set(item, ref);
-        }
-      },
-      item
-    ))
-  )));
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, transitions((style, item) => /* @__PURE__ */ import_react14.default.createElement(import_web.animated.div, { style }, /* @__PURE__ */ import_react14.default.createElement(
+    "div",
+    {
+      ref: (ref) => {
+        ref && refMap.set(item, ref);
+      }
+    },
+    item
+  ))));
 };
 
 // src/atoms/Toast/Toast.tsx
@@ -7829,28 +7843,25 @@ var AccordionToggle = ({ panelId, onChange, ...rest }) => {
     }
   });
   const { buttonProps } = (0, import_button.useButton)({ elementType: "div", onPress: handleClick }, ref);
-  return (
-    // @ts-expect-error React spring does not yet support R19 types
-    /* @__PURE__ */ import_react24.default.createElement(
-      import_web3.animated.div,
-      {
-        ...rest,
-        ...{
-          ...buttonProps,
-          onPointerDown: (e) => {
-            e.preventDefault();
-            handleClick();
-          }
-        },
-        ref,
-        "aria-label": "accordion toggle",
-        "aria-expanded": openPanelId === id,
-        "aria-controls": `${id}-content`,
-        style: { transform },
-        className: tw("text-default focus:outline-none focusable")
+  return /* @__PURE__ */ import_react24.default.createElement(
+    import_web3.animated.div,
+    {
+      ...rest,
+      ...{
+        ...buttonProps,
+        onPointerDown: (e) => {
+          e.preventDefault();
+          handleClick();
+        }
       },
-      /* @__PURE__ */ import_react24.default.createElement(import_react25.Icon, { icon: import_caretUp.default, height: 22, width: 22 })
-    )
+      ref,
+      "aria-label": "accordion toggle",
+      "aria-expanded": openPanelId === id,
+      "aria-controls": `${id}-content`,
+      style: { transform },
+      className: tw("text-default focus:outline-none focusable")
+    },
+    /* @__PURE__ */ import_react24.default.createElement(import_react25.Icon, { icon: import_caretUp.default, height: 22, width: 22 })
   );
 };
 var AccordionPanel = ({ children, panelId, ...rest }) => {
@@ -7866,20 +7877,17 @@ var AccordionPanel = ({ children, panelId, ...rest }) => {
       duration: 150
     }
   });
-  return (
-    // @ts-expect-error React spring does not yet support R19 types
-    /* @__PURE__ */ import_react24.default.createElement(
-      import_web3.animated.div,
-      {
-        role: "region",
-        ...rest,
-        id: `${id}-content`,
-        "aria-labelledby": `${id}-summary`,
-        "aria-hidden": !isOpen ? "true" : void 0,
-        style
-      },
-      /* @__PURE__ */ import_react24.default.createElement("div", { ref }, children)
-    )
+  return /* @__PURE__ */ import_react24.default.createElement(
+    import_web3.animated.div,
+    {
+      role: "region",
+      ...rest,
+      id: `${id}-content`,
+      "aria-labelledby": `${id}-summary`,
+      "aria-hidden": !isOpen ? "true" : void 0,
+      style
+    },
+    /* @__PURE__ */ import_react24.default.createElement("div", { ref }, children)
   );
 };
 var AccordionUnanimatedPanel = ({ children, panelId }) => {
@@ -10994,24 +11002,51 @@ function useStickyStyles(scrollProgress, axis, { borderColor, boxShadowColor })
 }
 function useScrollProgress({
   containerRef,
-  skip
+  skip,
+  throttleMs = 50
 }) {
   const [scrollState, setScrollState] = (0, import_react73.useState)(null);
-  const throttledSetScrollState = (0, import_lodash_es24.throttle)(({ scrollX, scrollXProgress }) => {
-    setScrollState({ scrollX, scrollXProgress });
-  }, 50);
-  (0, import_web4.useScroll)({
-    container: containerRef,
-    onChange: ({ value: { scrollX, scrollXProgress } }) => {
-      throttledSetScrollState({ scrollX, scrollXProgress });
-    },
-    default: {
-      immediate: true
-    },
-    pause: skip
-    // This prevents tracking of scrollXProgress when there are no sticky columns
-  });
-  const isContainerUnscrollable = scrollState && scrollState.scrollX === 0 && scrollState.scrollXProgress === 1;
+  const currentStateRef = (0, import_react73.useRef)(null);
+  const throttledSetScrollState = (0, import_react73.useMemo)(
+    () => (0, import_lodash_es24.throttle)((value) => {
+      const currentState = currentStateRef.current;
+      if (currentState?.scrollX === value.scrollX && currentState.scrollXProgress === value.scrollXProgress) {
+        return;
+      }
+      currentStateRef.current = value;
+      setScrollState(value);
+    }, throttleMs),
+    [throttleMs]
+  );
+  const handleScroll = (0, import_react73.useCallback)(() => {
+    const element = containerRef.current;
+    if (!element) {
+      return;
+    }
+    const scrollX = element.scrollLeft;
+    const maxScrollX = element.scrollWidth - element.clientWidth;
+    const scrollXProgress = maxScrollX > 0 ? scrollX / maxScrollX : 1;
+    throttledSetScrollState({ scrollX, scrollXProgress });
+  }, [containerRef, throttledSetScrollState]);
+  (0, import_react73.useLayoutEffect)(() => {
+    if (skip) {
+      return;
+    }
+    const element = containerRef.current;
+    if (!element) {
+      return;
+    }
+    element.addEventListener("scroll", handleScroll, { passive: true });
+    const resizeObserver = new ResizeObserver(handleScroll);
+    resizeObserver.observe(element);
+    handleScroll();
+    return () => {
+      element.removeEventListener("scroll", handleScroll);
+      resizeObserver.disconnect();
+      throttledSetScrollState.cancel();
+    };
+  }, [containerRef, handleScroll, throttledSetScrollState, skip]);
+  const isContainerUnscrollable = scrollState?.scrollX === 0 && scrollState.scrollXProgress === 1;
   if (!scrollState || isContainerUnscrollable) {
     return null;
   }
@@ -15204,7 +15239,8 @@ var modalStyles = (0, import_tailwind_variants13.tv)({
     titleContainer: "flex flex-col grow",
     title: "",
     closeButtonContainer: "absolute top-[24px] right-[28px]",
-    body: "px-7 grow overflow-y-auto text-default",
+    body: "grow overflow-y-auto text-default",
+    bodyContent: "px-7",
     footer: "px-7 py-6",
     actions: "flex gap-4 justify-end"
   },
@@ -15228,12 +15264,12 @@ var modalStyles = (0, import_tailwind_variants13.tv)({
         overlay: "py-0",
         dialog: "w-dvw h-dvh mx-0 rounded-none",
         header: "border-b-1 border-muted",
-        body: "pt-6"
+        bodyContent: "pt-6"
       }
     },
     noFooter: {
       true: {
-        body: "pb-6"
+        bodyContent: "pb-6"
       }
     },
     backgroundImage: {
@@ -15332,8 +15368,8 @@ Modal.TitleContainer = ({ children, className, ...rest }) => {
   return /* @__PURE__ */ import_react98.default.createElement("div", { ...rest, className: titleContainer({ className }) }, children);
 };
 Modal.Body = ({ children, className, noFooter = false, maxHeight, style, size, ...rest }) => {
-  const { body } = modalStyles({ size });
-  return /* @__PURE__ */ import_react98.default.createElement("div", { ...rest, className: body({ noFooter, className }), style: { maxHeight, ...style } }, children);
+  const { body, bodyContent } = modalStyles({ size });
+  return /* @__PURE__ */ import_react98.default.createElement("div", { ...rest, className: body({ className }), style: { maxHeight, ...style } }, /* @__PURE__ */ import_react98.default.createElement("div", { className: bodyContent({ noFooter }) }, children));
 };
 Modal.Footer = ({ children, className, ...rest }) => {
   const { footer } = modalStyles();
@@ -16896,7 +16932,7 @@ var import_lodash_es43 = require("lodash-es");
 // src/atoms/PageHeader/PageHeader.tsx
 var import_react117 = __toESM(require("react"));
 var PageHeader = ({ children, className, ...rest }) => /* @__PURE__ */ import_react117.default.createElement("div", { className: classNames(tw("flex flex-row flex-wrap gap-4 pb-6"), className), ...rest }, children);
-PageHeader.Container = ({ children, className, ...rest }) => /* @__PURE__ */ import_react117.default.createElement("div", { className: classNames(tw("flex flex-col grow gap-0"), className), ...rest }, children);
+PageHeader.Container = ({ children, className, ...rest }) => /* @__PURE__ */ import_react117.default.createElement("div", { className: classNames(tw("flex flex-col flex-1 basis-[--aquarium-screens-xs]"), className), ...rest }, children);
 PageHeader.TitleContainer = ({ children, className, ...rest }) => /* @__PURE__ */ import_react117.default.createElement("div", { className: classNames(tw("flex flex-col justify-center gap-2"), className), ...rest }, children);
 PageHeader.Title = ({ isSubHeader = false, children, ...rest }) => /* @__PURE__ */ import_react117.default.createElement(
   Typography2,
@@ -16910,7 +16946,7 @@ PageHeader.Title = ({ isSubHeader = false, children, ...rest }) => /* @__PURE__
 );
 PageHeader.Subtitle = ({ children, ...rest }) => /* @__PURE__ */ import_react117.default.createElement(Typography2.Small, { ...rest, color: "default" }, children);
 PageHeader.Chips = ({ children, className, ...rest }) => /* @__PURE__ */ import_react117.default.createElement("div", { className: classNames(tw("flex gap-3"), className), ...rest }, children);
-PageHeader.Actions = ({ children, className, ...rest }) => /* @__PURE__ */ import_react117.default.createElement("div", { className: classNames(tw("flex flex-row gap-4 self-start"), className), ...rest }, children);
+PageHeader.Actions = ({ children, className, ...rest }) => /* @__PURE__ */ import_react117.default.createElement("div", { className: classNames(tw("flex flex-row-reverse sm:flex-row gap-4 self-start"), className), ...rest }, children);
 
 // src/molecules/PageHeader/PageHeader.tsx
 var import_more5 = __toESM(require_more());
@@ -17395,8 +17431,7 @@ var Section3 = (props) => {
       id: toggleId,
       collapsible: _collapsible
     },
-    _collapsible && // @ts-expect-error React spring does not yet support R19 types
-    /* @__PURE__ */ import_react130.default.createElement(import_web6.animated.div, { style: { transform } }, /* @__PURE__ */ import_react130.default.createElement(Section2.Toggle, null)),
+    _collapsible && /* @__PURE__ */ import_react130.default.createElement(import_web6.animated.div, { style: { transform } }, /* @__PURE__ */ import_react130.default.createElement(Section2.Toggle, null)),
     /* @__PURE__ */ import_react130.default.createElement(Section2.Title, { id: titleId }, /* @__PURE__ */ import_react130.default.createElement(LineClamp2, { lines: 1 }, title), props.tag && /* @__PURE__ */ import_react130.default.createElement(TagLabel, { ...props.tag }), props.badge && /* @__PURE__ */ import_react130.default.createElement(Chip2, { text: props.badge }), props.chip && /* @__PURE__ */ import_react130.default.createElement(StatusChip, { ...props.chip })),
     subtitle && /* @__PURE__ */ import_react130.default.createElement(Section2.Subtitle, { className: tw("row-start-2", { "col-start-2": _collapsible }) }, /* @__PURE__ */ import_react130.default.createElement(LineClamp2, { lines: 1 }, subtitle))
   ), !isCollapsed && /* @__PURE__ */ import_react130.default.createElement(Section2.Actions, null, props.switch && /* @__PURE__ */ import_react130.default.createElement(Switch2, { ...props.switch }), menu && /* @__PURE__ */ import_react130.default.createElement(Box.Flex, { alignItems: "center" }, /* @__PURE__ */ import_react130.default.createElement(
@@ -17408,8 +17443,7 @@ var Section3 = (props) => {
     },
     /* @__PURE__ */ import_react130.default.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ import_react130.default.createElement(Button2.Icon, { "aria-label": menuAriaLabel, icon: import_more6.default })),
     menu
-  )), props.actions && (0, import_lodash_es46.castArray)(props.actions).filter(Boolean).map((action) => renderAction({ kind: "secondary", action })), props.select && /* @__PURE__ */ import_react130.default.createElement(SelectBase, { "aria-labelledby": titleId, ...props.select }))), !hasTabs && !isCollapsed && // @ts-expect-error React spring does not yet support R19 types
-  /* @__PURE__ */ import_react130.default.createElement(import_web6.animated.div, { className: tw(`h-[1px]`), style: { backgroundColor: "var(--aquarium-border-color-muted)" } })), /* @__PURE__ */ import_react130.default.createElement(
+  )), props.actions && (0, import_lodash_es46.castArray)(props.actions).filter(Boolean).map((action) => renderAction({ kind: "secondary", action })), props.select && /* @__PURE__ */ import_react130.default.createElement(SelectBase, { "aria-labelledby": titleId, ...props.select }))), !hasTabs && !isCollapsed && /* @__PURE__ */ import_react130.default.createElement(import_web6.animated.div, { className: tw(`h-[1px]`), style: { backgroundColor: "var(--aquarium-border-color-muted)" } })), /* @__PURE__ */ import_react130.default.createElement(
     import_web6.animated.div,
     {
       id: regionId,