@aivenio/aquarium 2.20.1 → 3.1.0

package/dist/src/utils/stickyStyles.js

@@ -38,7 +38,7 @@ function useStickyStyles(scrollProgress, axis, { borderColor, boxShadowColor })
             },
         };
 }
-function useScrollProgress({ containerRef, skip }) {
+function useScrollProgress({ containerRef, skip, }) {
     const [scrollState, setScrollState] = useState(null);
     const throttledSetScrollState = throttle(({ scrollX, scrollXProgress }) => {
         setScrollState({ scrollX, scrollXProgress });
@@ -71,4 +71,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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RpY2t5U3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL3N0aWNreVN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ2pELE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFVckMsU0FBUyxlQUFlLENBQ3RCLGNBQTZCLEVBQzdCLElBQXFCLEVBQ3JCLEVBQUUsV0FBVyxFQUFFLGNBQWMsRUFBMEI7SUFFdkQsTUFBTSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsR0FBRyxPQUFPLENBQUMsR0FBRyxFQUFFO1FBQzVDLElBQUksY0FBYyxLQUFLLElBQUksRUFBRSxDQUFDO1lBQzVCLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQUUsQ0FBQztRQUN4QyxDQUFDO1FBQ0QsTUFBTSxVQUFVLEdBQUcsY0FBYyxDQUFDO1FBQ2xDLE1BQU0sUUFBUSxHQUFHLENBQUMsR0FBRyxjQUFjLENBQUM7UUFDcEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsQ0FBQztJQUNsQyxDQUFDLEVBQUUsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDO0lBRXJCLE1BQU0sWUFBWSxHQUFHLFNBQVMsQ0FBQztRQUM3QixnQkFBZ0IsRUFBRSxRQUFRLFdBQVcsS0FBSyxVQUFVLEdBQUc7UUFDdkQsY0FBYyxFQUFFLFFBQVEsV0FBVyxLQUFLLFFBQVEsR0FBRztRQUNuRCxtQkFBbUIsRUFBRSxRQUFRLGNBQWMsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQVUsR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLEdBQUc7UUFDbEYsaUJBQWlC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

package/dist/src/utils/table/useScrollTarget.d.ts

@@ -1,2 +1,2 @@
 import { type RefObject } from 'react';
-export declare const useScrollTarget: <T extends HTMLElement>(callback?: () => void) => RefObject<T>;
+export declare const useScrollTarget: <T extends HTMLElement>(callback?: () => void) => RefObject<T | null>;

package/dist/src/utils/table/useScrollTarget.js

@@ -13,4 +13,4 @@ export const useScrollTarget = (callback) => {
     }, []);
     return targetRef;
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2Nyb2xsVGFyZ2V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL3RhYmxlL3VzZVNjcm9sbFRhcmdldC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQXlCLE1BQU0sT0FBTyxDQUFDO0FBRTlDLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUF3QixRQUFxQixFQUFnQixFQUFFO0lBQzVGLE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUksSUFBSSxDQUFDLENBQUM7SUFFeEMsS0FBSyxDQUFDLGVBQWUsQ0FBQyxHQUFHLEVBQUU7UUFDekIsTUFBTSxRQUFRLEdBQUcsSUFBSSxvQkFBb0IsQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLGNBQWMsSUFBSSxRQUFRLElBQUksUUFBUSxFQUFFLEVBQUU7WUFDMUcsSUFBSSxFQUFFLElBQUk7WUFDVixVQUFVLEVBQUUsbUJBQW1CO1NBQ2hDLENBQUMsQ0FBQztRQUNILElBQUksU0FBUyxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ3RCLFFBQVEsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3RDLENBQUM7UUFDRCxPQUFPLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNyQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLFNBQVMsQ0FBQztBQUNuQixDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2Nyb2xsVGFyZ2V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3V0aWxzL3RhYmxlL3VzZVNjcm9sbFRhcmdldC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQXlCLE1BQU0sT0FBTyxDQUFDO0FBRTlDLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUF3QixRQUFxQixFQUF1QixFQUFFO0lBQ25HLE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUksSUFBSSxDQUFDLENBQUM7SUFFeEMsS0FBSyxDQUFDLGVBQWUsQ0FBQyxHQUFHLEVBQUU7UUFDekIsTUFBTSxRQUFRLEdBQUcsSUFBSSxvQkFBb0IsQ0FBQyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLGNBQWMsSUFBSSxRQUFRLElBQUksUUFBUSxFQUFFLEVBQUU7WUFDMUcsSUFBSSxFQUFFLElBQUk7WUFDVixVQUFVLEVBQUUsbUJBQW1CO1NBQ2hDLENBQUMsQ0FBQztRQUNILElBQUksU0FBUyxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ3RCLFFBQVEsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3RDLENBQUM7UUFDRCxPQUFPLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNyQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLFNBQVMsQ0FBQztBQUNuQixDQUFDLENBQUMifQ==

package/dist/src/utils/useInView.d.ts

@@ -12,6 +12,6 @@ type UseInViewOptions = IntersectionObserverInit & {
      */
     skip?: boolean;
 };
-type UseInViewResult = [React.RefObject<HTMLDivElement>, boolean, IntersectionObserverEntry | undefined];
+type UseInViewResult = [React.RefObject<HTMLDivElement | null>, boolean, IntersectionObserverEntry | undefined];
 export declare const useInView: ({ onChange, skip, root, rootMargin, threshold, }: UseInViewOptions) => UseInViewResult;
 export {};

package/dist/src/utils/useInView.js

@@ -30,4 +30,4 @@ export const useInView = ({ onChange, skip, root = document, rootMargin, thresho
     }, [ref, skip, root, rootMargin, threshold, onChange]);
     return [ref, state.inView, state.entry];
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlSW5WaWV3LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL3VzZUluVmlldy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUF5QjFCLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxDQUFDLEVBQ3hCLFFBQVEsRUFDUixJQUFJLEVBQ0osSUFBSSxHQUFHLFFBQVEsRUFDZixVQUFVLEVBQ1YsU0FBUyxHQUFHLENBQUMsR0FDSSxFQUFtQixFQUFFO0lBQ3RDLE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQy9DLE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBYztRQUNwRCxNQUFNLEVBQUUsS0FBSztRQUNiLEtBQUssRUFBRSxTQUFTO0tBQ2pCLENBQUMsQ0FBQztJQUVILEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLE1BQU0sTUFBTSxHQUFHLEdBQUcsQ0FBQyxPQUFPLENBQUM7UUFDM0Isa0VBQWtFO1FBQ2xFLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDcEIsT0FBTztRQUNULENBQUM7UUFFRCxNQUFNLFFBQVEsR0FBRyxJQUFJLG9CQUFvQixDQUN2QyxDQUFDLE9BQU8sRUFBRSxFQUFFO1lBQ1YsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO2dCQUN4QixJQUFJLEtBQUssQ0FBQyxNQUFNLEtBQUssR0FBRyxDQUFDLE9BQU8sRUFBRSxDQUFDO29CQUNqQyxRQUFRLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLGNBQWMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO29CQUNsRCxRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsS0FBSyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsQ0FBQztnQkFDMUMsQ0FBQztZQUNILENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxFQUNEO1lBQ0UsSUFBSTtZQUNKLFVBQVU7WUFDVixTQUFTO1NBQ1YsQ0FDRixDQUFDO1FBRUYsUUFBUSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUV6QixPQUFPLEdBQUcsRUFBRTtZQUNWLFFBQVEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDN0IsQ0FBQyxDQUFDO0lBQ0osQ0FBQyxFQUFFLENBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBRXZELE9BQU8sQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7QUFDMUMsQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlSW5WaWV3LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL3VzZUluVmlldy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUF5QjFCLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxDQUFDLEVBQ3hCLFFBQVEsRUFDUixJQUFJLEVBQ0osSUFBSSxHQUFHLFFBQVEsRUFDZixVQUFVLEVBQ1YsU0FBUyxHQUFHLENBQUMsR0FDSSxFQUFtQixFQUFFO0lBQ3RDLE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQXdCLElBQUksQ0FBQyxDQUFDO0lBQ3RELE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBYztRQUNwRCxNQUFNLEVBQUUsS0FBSztRQUNiLEtBQUssRUFBRSxTQUFTO0tBQ2pCLENBQUMsQ0FBQztJQUVILEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLE1BQU0sTUFBTSxHQUFHLEdBQUcsQ0FBQyxPQUFPLENBQUM7UUFDM0Isa0VBQWtFO1FBQ2xFLElBQUksSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDcEIsT0FBTztRQUNULENBQUM7UUFFRCxNQUFNLFFBQVEsR0FBRyxJQUFJLG9CQUFvQixDQUN2QyxDQUFDLE9BQU8sRUFBRSxFQUFFO1lBQ1YsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO2dCQUN4QixJQUFJLEtBQUssQ0FBQyxNQUFNLEtBQUssR0FBRyxDQUFDLE9BQU8sRUFBRSxDQUFDO29CQUNqQyxRQUFRLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLGNBQWMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO29CQUNsRCxRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsS0FBSyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsQ0FBQztnQkFDMUMsQ0FBQztZQUNILENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxFQUNEO1lBQ0UsSUFBSTtZQUNKLFVBQVU7WUFDVixTQUFTO1NBQ1YsQ0FDRixDQUFDO1FBRUYsUUFBUSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUV6QixPQUFPLEdBQUcsRUFBRTtZQUNWLFFBQVEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDN0IsQ0FBQyxDQUFDO0lBQ0osQ0FBQyxFQUFFLENBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBRXZELE9BQU8sQ0FBQyxHQUFHLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7QUFDMUMsQ0FBQyxDQUFDIn0=

package/dist/src/utils/useMeasure.d.ts

@@ -3,5 +3,5 @@ type Rect = {
     width: number | null;
     height: number | null;
 };
-export declare function useMeasure<T extends HTMLElement>(): readonly [React.RefObject<T>, Rect];
+export declare function useMeasure<T extends HTMLElement>(): readonly [React.RefObject<T | null>, Rect];
 export {};

package/dist/styles.css

@@ -2777,6 +2777,9 @@ input[type='number'].no-arrows {
   -o-object-fit: cover;
      object-fit: cover;
 }
+.p-0{
+  padding: 0px;
+}
 .p-1{
   padding: 2px;
 }
@@ -3643,9 +3646,9 @@ input[type='number'].no-arrows {
   --aquarium-background-color-status-danger: color-mix(in srgb, var(--aquarium-colors-error-100) 30%, transparent);
   --aquarium-background-color-status-success: color-mix(in srgb, var(--aquarium-colors-success-100) 30%, transparent);
 
-  --aquarium-text-color-inactive: var(--aquarium-colors-grey-60);
+  --aquarium-text-color-inactive: var(--aquarium-colors-grey-50);
   --aquarium-text-color-muted: var(--aquarium-colors-grey-50);
-  --aquarium-text-color-default: var(--aquarium-colors-grey-20);
+  --aquarium-text-color-default: var(--aquarium-colors-grey-30);
   --aquarium-text-color-intense: var(--aquarium-colors-grey-0);
   --aquarium-text-color-opposite-default: var(--aquarium-colors-grey-90);
   --aquarium-text-color-primary-inactive: var(--aquarium-colors-grey-60);
@@ -3742,7 +3745,7 @@ input[type='number'].no-arrows {
 .aquarium-theme-dark .Aquarium-Alert\.Banner svg .fill-error-10 {
         --aquarium-colors-error-10: rgba(105, 25, 30, 1);
       }
-.aquarium-theme-dark .Aquarium-Dropdown\.Item.bg-muted,.aquarium-theme-dark .Aquarium-Dropdown\.Item.hover\:bg-muted:hover,.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.bg-muted,.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.hover\:bg-muted:hover{
+.aquarium-theme-dark .Aquarium-Dropdown\.Item.bg-muted,.aquarium-theme-dark .Aquarium-Dropdown\.Item.hover\:bg-muted:hover,.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.bg-muted,.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.hover\:bg-muted:hover,.aquarium-theme-dark .Aquarium-Select\.Item.bg-muted,.aquarium-theme-dark .Aquarium-Select\.Item.hover\:bg-muted:hover{
       background-color: rgba(237,237,240,1);
       background-color: var(--aquarium-background-color-default);
     }

package/dist/system.cjs

@@ -1390,6 +1390,22 @@ var require_database02 = __commonJS({
   }
 });
 
+// src/icons/databaseArrow.js
+var require_databaseArrow = __commonJS({
+  "src/icons/databaseArrow.js"(exports2) {
+    "use strict";
+    var data = {
+      "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M14 3.333c0 1.105-2.686 2-6 2s-6-.895-6-2m12 0c0-1.104-2.686-2-6-2s-6 .896-6 2m12 0v3.212M2 3.333v9.334c0 1.106 2.667 2 6 2m6-8.187c0 1.107-2.667 2-6 2s-6-.893-6-2m6 5.147c-3.333 0-6-.894-6-2m12.91 2.737-2.183-2.182m0 0-2.181 2.182m2.181-2.182v4.364"/>',
+      "left": 0,
+      "top": 0,
+      "width": 16,
+      "height": 16
+    };
+    exports2.__esModule = true;
+    exports2.default = data;
+  }
+});
+
 // src/icons/database.js
 var require_database = __commonJS({
   "src/icons/database.js"(exports2) {
@@ -4634,7 +4650,7 @@ var InputContainer = import_react3.default.forwardRef(
           "border-danger-default": variant === "error",
           "hover:border-intense": variant !== "error" && variant !== "disabled" && variant !== "focused",
           "border-info-default": variant === "focused",
-          "bg-body": variant !== "disabled",
+          "bg-transparent": variant !== "disabled",
           "cursor-not-allowed border-default bg-default": variant === "disabled"
         }
       ),
@@ -4650,12 +4666,11 @@ var Input = import_react3.default.forwardRef(({ className, required, ...props },
     "aria-required": required,
     className: classNames(
       className,
-      "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small disabled:cursor-not-allowed disabled:bg-default placeholder:text-inactive",
+      "grow rounded border-0 focus:outline-none px-[1px] my-1 min-w-0 typography-small bg-transparent disabled:cursor-not-allowed disabled:bg-default placeholder:text-inactive",
       {
         "text-default": !props.disabled,
         "text-inactive": props.disabled,
-        "bg-body": !props.readOnly,
-        "cursor-default bg-transparent": props.readOnly
+        "cursor-default": props.readOnly
       }
     ),
     ...props
@@ -4667,7 +4682,7 @@ var Menu = import_react3.default.forwardRef(
     {
       ref,
       style: { maxHeight },
-      className: classNames(className, tw("text-default bg-body overflow-y-auto")),
+      className: classNames(className, tw("text-default bg-popover-content overflow-y-auto")),
       ...props
     },
     children
@@ -4696,7 +4711,7 @@ var Item = import_react3.default.forwardRef(
     "li",
     {
       ref,
-      className: classNames(className, "flex items-center gap-x-3 p-3 typography-small", {
+      className: classNames("Aquarium-Select.Item", className, "flex items-center gap-x-3 p-3 typography-small", {
         "cursor-pointer hover:bg-muted": !props["aria-disabled"],
         "cursor-not-allowed opacity-40 grayscale": props["aria-disabled"],
         "bg-muted": highlighted
@@ -4848,6 +4863,7 @@ var import_currencyDollar = __toESM(require_currencyDollar());
 var import_dashboard = __toESM(require_dashboard());
 var import_dataLineage = __toESM(require_dataLineage());
 var import_database02 = __toESM(require_database02());
+var import_databaseArrow = __toESM(require_databaseArrow());
 var import_database = __toESM(require_database());
 var import_dataflow01 = __toESM(require_dataflow01());
 var import_dataflow02 = __toESM(require_dataflow02());
@@ -7010,7 +7026,7 @@ function useTooltipTriggerState(props = {}) {
   const { delay = TOOLTIP_DELAY } = props;
   const { isOpen, open, close } = (0, import_overlays.useOverlayTriggerState)(props);
   const id = (0, import_react10.useMemo)(() => `${++tooltipId}`, []);
-  const closeTimeout = (0, import_react10.useRef)();
+  const closeTimeout = (0, import_react10.useRef)(null);
   const isUnmounted = (0, import_react10.useRef)(false);
   const ensureTooltipEntry = () => {
     tooltips[id] = hideTooltip;
@@ -7247,7 +7263,7 @@ var Arrow = (props) => {
 var getCommonInputStyles = ({ readOnly, valid }) => tw(
   "block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-default typography-small text-default disabled:text-inactive placeholder:text-inactive focus:outline-none",
   {
-    "px-3 py-3 bg-body": !readOnly,
+    "px-3 py-3 bg-transparent": !readOnly,
     "border-none resize-none cursor-default bg-transparent": readOnly,
     "border border-danger-default": !valid && !readOnly,
     "border border-default hover:border-intense focus:border-info-default": valid && !readOnly
@@ -7339,7 +7355,7 @@ var asButton = (Component, isDropdownButton) => {
             hasChildren && /* @__PURE__ */ import_react12.default.createElement("div", null, children)
           );
         } else {
-          return children;
+          return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, children);
         }
       };
       const buttonComponent = /* @__PURE__ */ import_react12.default.createElement(
@@ -7443,7 +7459,18 @@ 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) => /* @__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) => (
+    // @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
+    ))
+  )));
 };
 
 // src/atoms/Toast/Toast.tsx
@@ -7932,25 +7959,28 @@ var AccordionToggle = ({ panelId, onChange, ...rest }) => {
     }
   });
   const { buttonProps } = (0, import_button.useButton)({ elementType: "div", onPress: handleClick }, ref);
-  return /* @__PURE__ */ import_react24.default.createElement(
-    import_web3.animated.div,
-    {
-      ...rest,
-      ...{
-        ...buttonProps,
-        onPointerDown: (e) => {
-          e.preventDefault();
-          handleClick();
-        }
+  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")
       },
-      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 })
+      /* @__PURE__ */ import_react24.default.createElement(import_react25.Icon, { icon: import_caretUp.default, height: 22, width: 22 })
+    )
   );
 };
 var AccordionPanel = ({ children, panelId, ...rest }) => {
@@ -7966,17 +7996,20 @@ var AccordionPanel = ({ children, panelId, ...rest }) => {
       duration: 150
     }
   });
-  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)
+  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)
+    )
   );
 };
 var AccordionUnanimatedPanel = ({ children, panelId }) => {
@@ -8257,7 +8290,7 @@ var Skeleton = ({
 
 // src/molecules/Avatar/Avatar.tsx
 var AvatarStack = ({ images }) => /* @__PURE__ */ import_react29.default.createElement(Box, { display: "flex", className: tw("[&>*:not(:first-child)]:-ml-3") }, images.map(
-  (image, index) => image ? /* @__PURE__ */ import_react29.default.createElement(Avatar, { key: `${image}.${index}`, image, imageAlt: "" }) : /* @__PURE__ */ import_react29.default.createElement(Avatar.Skeleton, { key: index })
+  (image, index) => image ? /* @__PURE__ */ import_react29.default.createElement(Avatar, { key: `${image}.${index}`, image }) : /* @__PURE__ */ import_react29.default.createElement(Avatar.Skeleton, { key: index })
 ));
 var Avatar = ({ image, imageAlt = "" }) => /* @__PURE__ */ import_react29.default.createElement("img", { src: image, className: classNames(tw("w-[32px] h-[32px]"), "Aquarium-Avatar"), alt: imageAlt });
 var AvatarSkeleton = () => /* @__PURE__ */ import_react29.default.createElement(Skeleton, { height: 32, width: 32, className: tw("rounded-full") });
@@ -8883,7 +8916,7 @@ var Template = ({
 };
 
 // src/molecules/Card/CardInputWrapper.tsx
-var CardInputWrapper = ({ input, children }) => input ? /* @__PURE__ */ import_react43.default.createElement(Template, { columns: ["1", "auto"], columnGap: "4", alignContent: "space-between" }, children, input) : children;
+var CardInputWrapper = ({ input, children }) => input ? /* @__PURE__ */ import_react43.default.createElement(Template, { columns: ["1", "auto"], columnGap: "4", alignContent: "space-between" }, children, input) : /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, children);
 
 // src/molecules/Card/Compact.tsx
 var import_react45 = __toESM(require("react"));
@@ -9464,8 +9497,22 @@ var import_react55 = __toESM(require("react"));
 
 // src/utils/form/FormControl/FormControl.tsx
 var import_react52 = __toESM(require("react"));
-var FormControl = ({ className, inline, children }) => {
-  return /* @__PURE__ */ import_react52.default.createElement(Box.Flex, { flexDirection: "column", display: inline ? "inline-flex" : "flex", className }, children);
+var FormControl = ({
+  className,
+  inline,
+  children,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ import_react52.default.createElement(
+    Box.Flex,
+    {
+      "data-testid": dataTestId,
+      flexDirection: "column",
+      display: inline ? "inline-flex" : "flex",
+      className
+    },
+    children
+  );
 };
 
 // src/utils/form/HelperText/HelperText.tsx
@@ -9567,11 +9614,13 @@ var LabelControl = ({
   valid,
   disabled,
   className,
+  htmlFor,
+  "data-testid": dataTestId,
   ...rest
 }) => {
   const legacyError = error2 !== void 0 && valid === false;
   const variant = !valid || legacyError ? "error" : disabled ? "disabled" : "default";
-  return /* @__PURE__ */ import_react55.default.createElement(FormControl, { className }, !fieldset && /* @__PURE__ */ import_react55.default.createElement(Label2, { ...rest, variant }, children), fieldset && /* @__PURE__ */ import_react55.default.createElement("fieldset", { id: rest.id }, /* @__PURE__ */ import_react55.default.createElement("legend", { className: tw("w-full mb-2") }, /* @__PURE__ */ import_react55.default.createElement(LabelText, { ...rest, variant })), children), /* @__PURE__ */ import_react55.default.createElement(
+  return /* @__PURE__ */ import_react55.default.createElement(FormControl, { "data-testid": dataTestId, className }, !fieldset && !!htmlFor && /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement(Label2, { ...rest, htmlFor, variant }), children), !fieldset && !htmlFor && /* @__PURE__ */ import_react55.default.createElement(Label2, { ...rest, variant }, children), fieldset && /* @__PURE__ */ import_react55.default.createElement("fieldset", { id: rest.id }, /* @__PURE__ */ import_react55.default.createElement("legend", { className: tw("w-full mb-2") }, /* @__PURE__ */ import_react55.default.createElement(LabelText, { ...rest, variant })), children), /* @__PURE__ */ import_react55.default.createElement(
     HelperText,
     {
       messageId,
@@ -10291,7 +10340,6 @@ var _SelectBase = (props) => {
     emptyState,
     actions,
     children,
-    labelWrapper,
     ...rest
   } = withDefaults;
   const [hasFocus, setFocus] = (0, import_react64.useState)(false);
@@ -10376,7 +10424,7 @@ var _SelectBase = (props) => {
     !readOnly && /* @__PURE__ */ import_react64.default.createElement(Select.Toggle, { disabled, isOpen, tabIndex: -1 })
   );
   const menuProps = getMenuProps({ ref: menuRef }, { suppressRefError: !isOpen });
-  return /* @__PURE__ */ import_react64.default.createElement("div", { className: classNames("Aquarium-SelectBase", tw("relative")) }, labelWrapper ? import_react64.default.cloneElement(labelWrapper, { children: input }) : input, isOpen && /* @__PURE__ */ import_react64.default.createElement(
+  return /* @__PURE__ */ import_react64.default.createElement("div", { className: classNames("Aquarium-SelectBase", tw("relative")) }, input, isOpen && /* @__PURE__ */ import_react64.default.createElement(
     PopoverOverlay,
     {
       state,
@@ -10400,7 +10448,7 @@ var _SelectBase = (props) => {
     ))))
   ));
 };
-var SelectBase = (props) => /* @__PURE__ */ import_react64.default.createElement(_SelectBase, { ...props, labelWrapper: void 0 });
+var SelectBase = (props) => /* @__PURE__ */ import_react64.default.createElement(_SelectBase, { ...props });
 var SelectBaseSkeleton = () => /* @__PURE__ */ import_react64.default.createElement(Skeleton, { height: 38 });
 SelectBase.Skeleton = SelectBaseSkeleton;
 var Select2 = ({
@@ -10413,31 +10461,27 @@ var Select2 = ({
   const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
   const labelProps = getLabelControlProps(props);
   const baseProps = (0, import_lodash_es20.omit)(props, (0, import_lodash_es20.without)(Object.keys(labelProps), "required"));
-  const legacyError = labelProps.error !== void 0 && labelProps.valid === false;
-  const variant = !labelProps.valid || legacyError ? "error" : labelProps.disabled ? "disabled" : "default";
-  const label = /* @__PURE__ */ import_react64.default.createElement(Label2, { id: `${id}-label`, htmlFor: `${id}-input`, variant, messageId: errorMessageId, ...labelProps });
-  return /* @__PURE__ */ import_react64.default.createElement(FormControl, { className: "Aquarium-Select" }, /* @__PURE__ */ import_react64.default.createElement(
-    _SelectBase,
-    {
-      ...baseProps,
-      ...errorProps,
-      id: `${id}-input`,
-      options,
-      disabled: props.disabled,
-      valid: props.valid,
-      labelWrapper: label
-    }
-  ), /* @__PURE__ */ import_react64.default.createElement(
-    HelperText,
+  return /* @__PURE__ */ import_react64.default.createElement(
+    LabelControl,
     {
+      id: `${id}-label`,
+      htmlFor: `${id}-input`,
       messageId: errorMessageId,
-      error: !labelProps.valid,
-      helperText: labelProps.helperText,
-      length: labelProps.length,
-      maxLength: labelProps.maxLength,
-      reserveSpaceForError: labelProps.reserveSpaceForError
-    }
-  ));
+      ...labelProps,
+      className: "Aquarium-Select"
+    },
+    /* @__PURE__ */ import_react64.default.createElement(
+      _SelectBase,
+      {
+        ...baseProps,
+        ...errorProps,
+        id: `${id}-input`,
+        options,
+        disabled: props.disabled,
+        valid: props.valid
+      }
+    )
+  );
 };
 var SelectSkeleton = () => /* @__PURE__ */ import_react64.default.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ import_react64.default.createElement(SelectBase.Skeleton, null));
 Select2.Skeleton = SelectSkeleton;
@@ -10697,7 +10741,7 @@ var TableRow = ({ children, className, disabled, ...rest }) => /* @__PURE__ */ i
   "tr",
   {
     ...rest,
-    ...{ inert: disabled ? "" : void 0 },
+    ...{ inert: disabled },
     className: classNames(rowClassNames, className, {
       "opacity-70": disabled
     })
@@ -10857,7 +10901,7 @@ var Row = ({
     {
       ...rest,
       role: isGroup ? "rowgroup" : "row",
-      ...{ inert: disabled ? "" : void 0 },
+      ...{ inert: disabled },
       className: classNames(tw("contents"), className, {
         "[&>*]:border-b-transparent": noDivider,
         "children:opacity-70": disabled,
@@ -10981,7 +11025,10 @@ function useStickyStyles(scrollProgress, axis, { borderColor, boxShadowColor })
     }
   };
 }
-function useScrollProgress({ containerRef, skip }) {
+function useScrollProgress({
+  containerRef,
+  skip
+}) {
   const [scrollState, setScrollState] = (0, import_react71.useState)(null);
   const throttledSetScrollState = (0, import_lodash_es24.throttle)(({ scrollX, scrollXProgress }) => {
     setScrollState({ scrollX, scrollXProgress });
@@ -12403,7 +12450,7 @@ var fieldBorder = (0, import_tailwind_variants2.tv)({
   }
 });
 var fieldGroup = (0, import_tailwind_variants2.tv)({
-  base: "group flex items-center bg-body border rounded-sm typography-small text-default px-3 py-3 overflow-hidden",
+  base: "group flex items-center bg-transparent border rounded-sm typography-small text-default px-3 py-3 overflow-hidden",
   variants: fieldBorder.variants
 });
 
@@ -12480,7 +12527,7 @@ var ButtonBase = ({
       ...props,
       className: classNames(
         className,
-        tw("group-hover:opacity-100 py-1 ", {
+        tw("group-hover:opacity-100 p-0", {
           "opacity-0 group-focus-within:opacity-100": !hideWhenParentIsNotHoveredOrFocused
         })
       )
@@ -12626,7 +12673,7 @@ var createDatePickerBase = (variant) => ({
       isInvalid: valid === false,
       granularity: granularity ?? (variant === "datetime" && !hasSomeValue ? "minute" : void 0)
     },
-    /* @__PURE__ */ import_react91.default.createElement(FieldGroup, { className: tw("min-w-[210px] w-auto") }, /* @__PURE__ */ import_react91.default.createElement(DateInput, { className: tw("flex-1") }), clearSelectionEnabled && !disabled && /* @__PURE__ */ import_react91.default.createElement(DatePickerClearButton, null), /* @__PURE__ */ import_react91.default.createElement(CalendarButton, null)),
+    /* @__PURE__ */ import_react91.default.createElement(FieldGroup, { className: tw("min-w-[210px] w-auto") }, /* @__PURE__ */ import_react91.default.createElement(DateInput, { className: tw("flex-1") }), /* @__PURE__ */ import_react91.default.createElement(Box.Flex, { alignItems: "center", gap: "2" }, clearSelectionEnabled && !disabled && /* @__PURE__ */ import_react91.default.createElement(DatePickerClearButton, null), /* @__PURE__ */ import_react91.default.createElement(CalendarButton, null))),
     /* @__PURE__ */ import_react91.default.createElement(Popover2, { offset: 0 }, /* @__PURE__ */ import_react91.default.createElement(Dialog, null, /* @__PURE__ */ import_react91.default.createElement(Spacing, { gap: "3" }, /* @__PURE__ */ import_react91.default.createElement(Calendar, null), variant === "datetime" && /* @__PURE__ */ import_react91.default.createElement(PickerTimeField, { granularity }), errorMessage && /* @__PURE__ */ import_react91.default.createElement(import_react_aria_components8.Text, { slot: "errorMessage", className: tw("typography-caption text-danger-default max-w-[300px]") }, errorMessage))))
   );
 };
@@ -12757,7 +12804,7 @@ var createDateRangePickerBase = (variant) => ({
       granularity: granularity ?? (variant === "datetime" && !hasSomeValue ? "minute" : void 0),
       className: tw("group flex flex-col gap-1")
     },
-    /* @__PURE__ */ import_react93.default.createElement(FieldGroup, { className: tw("min-w-[200px] w-auto gap-2") }, /* @__PURE__ */ import_react93.default.createElement(DateInput, { slot: "start", className: tw("px-2 py-1") }), /* @__PURE__ */ import_react93.default.createElement("span", { "aria-hidden": true, className: tw("text-muted") }, "-"), /* @__PURE__ */ import_react93.default.createElement(DateInput, { slot: "end", className: tw("flex-1 px-2 py-1") }), clearSelectionEnabled && !disabled && /* @__PURE__ */ import_react93.default.createElement(DateRangePickerClearButton, null), /* @__PURE__ */ import_react93.default.createElement(CalendarButton, null)),
+    /* @__PURE__ */ import_react93.default.createElement(FieldGroup, { className: tw("min-w-[200px] w-auto gap-2") }, /* @__PURE__ */ import_react93.default.createElement(DateInput, { slot: "start", className: tw("px-2 py-1") }), /* @__PURE__ */ import_react93.default.createElement("span", { "aria-hidden": true, className: tw("text-muted") }, "-"), /* @__PURE__ */ import_react93.default.createElement(DateInput, { slot: "end", className: tw("flex-1 px-2 py-1") }), /* @__PURE__ */ import_react93.default.createElement(Box.Flex, { alignItems: "center", gap: "2" }, clearSelectionEnabled && !disabled && /* @__PURE__ */ import_react93.default.createElement(DateRangePickerClearButton, null), /* @__PURE__ */ import_react93.default.createElement(CalendarButton, null))),
     /* @__PURE__ */ import_react93.default.createElement(Popover2, { offset: 0 }, /* @__PURE__ */ import_react93.default.createElement(Dialog, null, /* @__PURE__ */ import_react93.default.createElement(Spacing, { gap: "3" }, /* @__PURE__ */ import_react93.default.createElement(RangeCalendar, null), variant === "datetime" && /* @__PURE__ */ import_react93.default.createElement(Box.Flex, { gap: "6" }, /* @__PURE__ */ import_react93.default.createElement("div", { className: tw("flex-1") }, /* @__PURE__ */ import_react93.default.createElement(PickerTimeField2, { granularity, part: "start" })), /* @__PURE__ */ import_react93.default.createElement("div", { className: tw("flex-1") }, /* @__PURE__ */ import_react93.default.createElement(PickerTimeField2, { granularity, part: "end" }))), errorMessage && /* @__PURE__ */ import_react93.default.createElement(import_react_aria_components10.Text, { slot: "errorMessage", className: tw("typography-caption text-danger-default max-w-[300px]") }, errorMessage))))
   );
 };
@@ -13495,9 +13542,9 @@ var PopoverTriggerWrapper = ({ children, ...rest }) => {
   const trigger = import_react101.default.Children.only(children);
   const { pressProps } = (0, import_interactions3.usePress)({ ...rest, ref });
   return import_react101.default.cloneElement(trigger, {
-    "ref": ref,
     ...(0, import_utils31.mergeProps)(pressProps, trigger.props),
-    "aria-controls": rest["aria-controls"] ?? pressProps["aria-controls"]
+    "aria-controls": rest["aria-controls"] ?? pressProps["aria-controls"],
+    "ref": ref
   });
 };
 
@@ -14443,8 +14490,8 @@ var NativeSelectBase = import_react115.default.forwardRef(
           tw(
             "block w-full rounded-sm appearance-none disabled:cursor-not-allowed typography-small text-default placeholder:text-inactive focus:outline-none",
             {
-              "px-3 py-3 bg-body disabled:border-default disabled:bg-default disabled:text-inactive": !readOnly,
-              "px-0 py-3 border-none": readOnly,
+              "px-3 py-3 bg-transparent disabled:border-default disabled:bg-default disabled:text-inactive": !readOnly,
+              "px-0 py-3 border-none bg-transparent": readOnly,
               "border border-danger-default": !valid && !readOnly,
               "border border-default hover:border-intense focus:border-info-default": valid && !readOnly
             }
@@ -14699,7 +14746,7 @@ var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction,
         secondaryAction.text
       ), /* @__PURE__ */ import_react121.default.createElement(Popover3.Button, { kind: "ghost", key: primaryAction.text, dense: true, ...(0, import_lodash_es46.omit)(primaryAction, "text") }, primaryAction.text))));
     }
-    return child;
+    return child instanceof Promise ? /* @__PURE__ */ import_react121.default.createElement(import_react121.default.Fragment, null, child) : child;
   };
   return /* @__PURE__ */ import_react121.default.createElement(Popover3, { type: "dialog", isOpen: open, placement, containFocus: true }, import_react121.default.Children.map(children, wrapPromptWithBody));
 };
@@ -15104,7 +15151,8 @@ var Section4 = (props) => {
       id: toggleId,
       collapsible: _collapsible
     },
-    _collapsible && /* @__PURE__ */ import_react130.default.createElement(import_web6.animated.div, { style: { transform } }, /* @__PURE__ */ import_react130.default.createElement(Section3.Toggle, null)),
+    _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(Section3.Toggle, null)),
     /* @__PURE__ */ import_react130.default.createElement(Section3.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(Section3.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(Section3.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(
@@ -15116,7 +15164,8 @@ var Section4 = (props) => {
     },
     /* @__PURE__ */ import_react130.default.createElement(DropdownMenu2.Trigger, null, /* @__PURE__ */ import_react130.default.createElement(Button.Icon, { "aria-label": menuAriaLabel, icon: import_more6.default })),
     menu
-  )), props.actions && (0, import_lodash_es48.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(
+  )), props.actions && (0, import_lodash_es48.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(
     import_web6.animated.div,
     {
       id: regionId,