@ultraviolet/ui 3.21.1 → 3.22.0

package/dist/compositions/InfoTable/styles.css.js

@@ -51,147 +51,151 @@ import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$41 } from "../
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$42 } from "../../components/ExpandableCard/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$43 } from "../../components/FileInput/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$44 } from "../../components/GlobalAlert/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$45 } from "../../components/LineChart/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$46 } from "../../components/Link/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$47 } from "../../components/Meter/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$48 } from "../../components/Modal/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$49 } from "../../components/Notice/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$50 } from "../../components/Notification/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$51 } from "../../components/Pagination/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$52 } from "../../components/PasswordCheck/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$53 } from "../../components/PieChart/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$54 } from "../../components/Popover/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$55 } from "../../components/ProgressBar/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$56 } from "../../components/SwitchButton/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$57 } from "../../components/Radio/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$58 } from "../../components/RadioGroup/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$59 } from "../../components/SelectableCardGroup/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$60 } from "../../components/Slider/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$61 } from "../../components/Snippet/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$62 } from "../../components/Status/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$63 } from "../../components/StepList/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$64 } from "../../components/Stepper/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$65 } from "../../components/Table/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$66 } from "../../components/Tabs/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$67 } from "../../components/TagInput/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$68 } from "../../components/TextArea/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$69 } from "../../components/TimeInput/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$70 } from "../../components/Toaster/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$71 } from "../../components/Toggle/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$72 } from "../../components/ToggleGroup/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$73 } from "../../components/TreeMapChart/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$74 } from "../../components/VerificationCode/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$75 } from "./styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$45 } from "../../components/KeyValueInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$46 } from "../../components/LineChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$47 } from "../../components/Link/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$48 } from "../../components/Meter/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$49 } from "../../components/Modal/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$50 } from "../../components/Notice/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$51 } from "../../components/Notification/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$52 } from "../../components/Pagination/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$53 } from "../../components/PasswordCheck/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$54 } from "../../components/PieChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$55 } from "../../components/Popover/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$56 } from "../../components/ProgressBar/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$57 } from "../../components/SwitchButton/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$58 } from "../../components/Radio/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$59 } from "../../components/RadioGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$60 } from "../../components/SelectableCardGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$61 } from "../../components/Slider/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$62 } from "../../components/Snippet/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$63 } from "../../components/Status/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$64 } from "../../components/StepList/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$65 } from "../../components/Stepper/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$66 } from "../../components/Table/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$67 } from "../../components/Tabs/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$68 } from "../../components/TagInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$69 } from "../../components/TextArea/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$70 } from "../../components/TimeInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$71 } from "../../components/Toaster/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$72 } from "../../components/Toggle/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$73 } from "../../components/ToggleGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$74 } from "../../components/TreeMapChart/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$75 } from "../../components/VerificationCode/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$76 } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/compositions/InfoTable/styles.css.ts
 var rowWidth, infoTableStyle;
-var init_styles_css = __esmMin(() => {
-	init_animationsVanillaExtract_css_ts_vanilla();
-	init_styles_css_ts_vanilla$27();
-	init_styles_css_ts_vanilla$18();
-	init_styles_css_ts_vanilla$28();
-	init_styles_css_ts_vanilla$12();
-	init_styles_css_ts_vanilla$29();
-	init_styles_css_ts_vanilla$30();
-	init_styles_css_ts_vanilla$31();
-	init_styles_css_ts_vanilla$32();
-	init_styles_css_ts_vanilla$33();
-	init_styles_css_ts_vanilla$34();
-	init_styles_css_ts_vanilla$6();
-	init_styles_css_ts_vanilla$35();
-	init_styles_css_ts_vanilla$36();
-	init_styles_css_ts_vanilla$23();
-	init_styles_css_ts_vanilla$24();
-	init_styles_css_ts_vanilla$25();
-	init_styles_css_ts_vanilla$26();
-	init_styles_css_ts_vanilla$37();
-	init_styles_css_ts_vanilla$38();
-	init_styles_css_ts_vanilla$39();
-	init_styles_css_ts_vanilla$40();
-	init_styles_css_ts_vanilla$14();
-	init_styles_css_ts_vanilla$41();
-	init_styles_css_ts_vanilla$13();
-	init_styles_css_ts_vanilla$42();
-	init_styles_css_ts_vanilla$43();
-	init_styles_css_ts_vanilla$44();
-	init_styles_css_ts_vanilla$11();
-	init_styles_css_ts_vanilla$8();
-	init_styles_css_ts_vanilla$45();
-	init_styles_css_ts_vanilla$46();
-	init_styles_css_ts_vanilla$5();
-	init_styles_css_ts_vanilla$7();
-	init_styles_css_ts_vanilla$47();
-	init_styles_css_ts_vanilla$48();
-	init_styles_css_ts_vanilla$49();
-	init_styles_css_ts_vanilla$50();
-	init_styles_css_ts_vanilla$17();
-	init_styles_css_ts_vanilla$51();
-	init_styles_css_ts_vanilla$52();
-	init_styles_css_ts_vanilla$53();
-	init_styles_css_ts_vanilla$54();
-	init_styles_css_ts_vanilla$1();
-	init_styles_css_ts_vanilla$2();
-	init_style_css_ts_vanilla();
-	init_styles_css_ts_vanilla$3();
-	init_styles_css_ts_vanilla$55();
-	init_styles_css_ts_vanilla$20();
-	init_styles_css_ts_vanilla$56();
-	init_styles_css_ts_vanilla$57();
-	init_styles_css_ts_vanilla$58();
-	init_variables_css_ts_vanilla$1();
-	init_styles_css_ts_vanilla$16();
-	init_styles_css_ts_vanilla$9();
-	init_styles_css_ts_vanilla$59();
-	init_dropdown_css_ts_vanilla();
-	init_styles_css_ts_vanilla$21();
-	init_selectBar_css_ts_vanilla();
-	init_styles_css_ts_vanilla$22();
-	init_styles_css_ts_vanilla$15();
-	init_stylesVariants_css_ts_vanilla();
-	init_styles_css_ts_vanilla$19();
-	init_styles_css_ts_vanilla$60();
-	init_styles_css_ts_vanilla$61();
-	init_variables_css_ts_vanilla();
-	init_styles_css_ts_vanilla();
-	init_styles_css_ts_vanilla$62();
-	init_styles_css_ts_vanilla$63();
-	init_styles_css_ts_vanilla$64();
-	init_styles_css_ts_vanilla$65();
-	init_styles_css_ts_vanilla$66();
-	init_styles_css_ts_vanilla$67();
-	init_styles_css_ts_vanilla$68();
-	init_styles_css_ts_vanilla$10();
-	init_styles_css_ts_vanilla$69();
-	init_styles_css_ts_vanilla$70();
-	init_styles_css_ts_vanilla$71();
-	init_styles_css_ts_vanilla$72();
-	init_styles_css_ts_vanilla$4();
-	init_styles_css_ts_vanilla$73();
-	init_styles_css_ts_vanilla$74();
-	init_styles_css_ts_vanilla$75();
-	rowWidth = "var(--uv_1s4jots0)";
-	infoTableStyle = {
-		dl: "uv_1s4jots1",
-		row: createRuntimeFn({
-			defaultClassName: "uv_1s4jots2",
-			variantClassNames: { size: {
-				small: "uv_1s4jots3",
-				large: "uv_1s4jots4"
-			} },
-			defaultVariants: { size: "large" },
-			compoundVariants: []
-		}),
-		term: "uv_1s4jots5",
-		desc: "uv_1s4jots6",
-		descFlex: "uv_1s4jots7",
-		cellWithCopyButton: "uv_1s4jots8",
-		card: {
-			small: "uv_1s4jots9",
-			large: "uv_1s4jotsa"
-		}
-	};
-});
+function init_styles_css() {
+	return (init_styles_css = __esmMin(() => {
+		/* @__PURE__ */ init_animationsVanillaExtract_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$27();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$18();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$28();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$12();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$29();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$30();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$31();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$32();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$33();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$34();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$6();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$35();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$36();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$23();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$24();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$25();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$26();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$37();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$38();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$39();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$40();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$14();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$41();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$13();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$42();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$43();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$44();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$11();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$45();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$8();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$46();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$47();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$5();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$7();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$48();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$49();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$50();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$51();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$17();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$52();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$53();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$54();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$55();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$1();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$2();
+		/* @__PURE__ */ init_style_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$3();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$56();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$20();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$57();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$58();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$59();
+		/* @__PURE__ */ init_variables_css_ts_vanilla$1();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$16();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$9();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$60();
+		/* @__PURE__ */ init_dropdown_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$21();
+		/* @__PURE__ */ init_selectBar_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$22();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$15();
+		/* @__PURE__ */ init_stylesVariants_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$19();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$61();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$62();
+		/* @__PURE__ */ init_variables_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$63();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$64();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$65();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$66();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$67();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$68();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$69();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$10();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$70();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$71();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$72();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$73();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$4();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$74();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$75();
+		/* @__PURE__ */ init_styles_css_ts_vanilla$76();
+		rowWidth = "var(--uv_1s4jots0)";
+		infoTableStyle = {
+			dl: "uv_1s4jots1",
+			row: createRuntimeFn({
+				defaultClassName: "uv_1s4jots2",
+				variantClassNames: { size: {
+					small: "uv_1s4jots3",
+					large: "uv_1s4jots4"
+				} },
+				defaultVariants: { size: "large" },
+				compoundVariants: []
+			}),
+			term: "uv_1s4jots5",
+			desc: "uv_1s4jots6",
+			descFlex: "uv_1s4jots7",
+			cellWithCopyButton: "uv_1s4jots8",
+			card: {
+				small: "uv_1s4jots9",
+				large: "uv_1s4jotsa"
+			}
+		};
+	}))();
+}
 
 //#endregion
 init_styles_css();

package/dist/compositions/InfoTable/styles.css.ts.vanilla.js

@@ -1,7 +1,9 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 
 //#region src/compositions/InfoTable/styles.css.ts.vanilla.css
-var init_styles_css_ts_vanilla = __esmMin(() => {});
+function init_styles_css_ts_vanilla() {
+	return (init_styles_css_ts_vanilla = __esmMin(() => {}))();
+}
 
 //#endregion
 init_styles_css_ts_vanilla();

package/dist/compositions/Navigation/Footer.js

@@ -11,62 +11,64 @@ import { ArrowRightDoubleIcon } from "@ultraviolet/icons/ArrowRightDoubleIcon";
 
 //#region src/compositions/Navigation/Footer.tsx
 var Footer;
-var init_Footer = __esmMin(() => {
-	init_Button();
-	init_Tooltip();
-	init_NavigationProvider();
-	init_styles_css();
-	Footer = ({ onToggleExpand, contentRef }) => {
-		const { expanded, toggleExpand, locales, animation } = useNavigation();
-		const isScrollAtBottom = useCallback(() => {
-			if (contentRef.current) {
-				if (contentRef.current.scrollTop + contentRef.current.offsetHeight >= contentRef.current.scrollHeight) return false;
+function init_Footer() {
+	return (init_Footer = __esmMin(() => {
+		init_Button();
+		init_Tooltip();
+		init_NavigationProvider();
+		init_styles_css();
+		Footer = ({ onToggleExpand, contentRef }) => {
+			const { expanded, toggleExpand, locales, animation } = useNavigation();
+			const isScrollAtBottom = useCallback(() => {
+				if (contentRef.current) {
+					if (contentRef.current.scrollTop + contentRef.current.offsetHeight >= contentRef.current.scrollHeight) return false;
+					return true;
+				}
 				return true;
-			}
-			return true;
-		}, [contentRef]);
-		const [footerHasOverflowStyle, setFooterHasOverflowStyle] = useState(isScrollAtBottom());
-		useLayoutEffect(() => {
-			const currentContentRef = contentRef.current;
-			const scroll = () => {
-				const hasOverflow = isScrollAtBottom();
-				if (footerHasOverflowStyle !== hasOverflow) setFooterHasOverflowStyle(hasOverflow);
-			};
-			if (currentContentRef) currentContentRef.addEventListener("scroll", scroll);
-			return () => {
-				currentContentRef === null || currentContentRef === void 0 || currentContentRef.removeEventListener("scroll", scroll);
-			};
-		}, [
-			footerHasOverflowStyle,
-			isScrollAtBottom,
-			contentRef
-		]);
-		useLayoutEffect(() => {
-			setFooterHasOverflowStyle(isScrollAtBottom());
-		}, [isScrollAtBottom]);
-		const Icon = useMemo(() => expanded ? ArrowLeftDoubleIcon : ArrowRightDoubleIcon, [expanded]);
-		const label = useMemo(() => expanded ? locales["navigation.collapse.button"] : locales["navigation.expand.button"], [expanded, locales]);
-		return /* @__PURE__ */ jsx("div", {
-			className: navigationStyle.stickyFooter({ overflow: footerHasOverflowStyle }),
-			children: /* @__PURE__ */ jsx(Tooltip, {
-				disableAnimation: animation === false,
-				placement: "right",
-				text: label,
-				children: /* @__PURE__ */ jsx(Button, {
-					"aria-label": label,
-					onClick: () => {
-						toggleExpand();
-						onToggleExpand === null || onToggleExpand === void 0 || onToggleExpand(!expanded);
-					},
-					sentiment: "neutral",
-					size: "small",
-					variant: "ghost",
-					children: /* @__PURE__ */ jsx(Icon, {})
+			}, [contentRef]);
+			const [footerHasOverflowStyle, setFooterHasOverflowStyle] = useState(isScrollAtBottom());
+			useLayoutEffect(() => {
+				const currentContentRef = contentRef.current;
+				const scroll = () => {
+					const hasOverflow = isScrollAtBottom();
+					if (footerHasOverflowStyle !== hasOverflow) setFooterHasOverflowStyle(hasOverflow);
+				};
+				if (currentContentRef) currentContentRef.addEventListener("scroll", scroll);
+				return () => {
+					currentContentRef === null || currentContentRef === void 0 || currentContentRef.removeEventListener("scroll", scroll);
+				};
+			}, [
+				footerHasOverflowStyle,
+				isScrollAtBottom,
+				contentRef
+			]);
+			useLayoutEffect(() => {
+				setFooterHasOverflowStyle(isScrollAtBottom());
+			}, [isScrollAtBottom]);
+			const Icon = useMemo(() => expanded ? ArrowLeftDoubleIcon : ArrowRightDoubleIcon, [expanded]);
+			const label = useMemo(() => expanded ? locales["navigation.collapse.button"] : locales["navigation.expand.button"], [expanded, locales]);
+			return /* @__PURE__ */ jsx("div", {
+				className: navigationStyle.stickyFooter({ overflow: footerHasOverflowStyle }),
+				children: /* @__PURE__ */ jsx(Tooltip, {
+					disableAnimation: animation === false,
+					placement: "right",
+					text: label,
+					children: /* @__PURE__ */ jsx(Button, {
+						"aria-label": label,
+						onClick: () => {
+							toggleExpand();
+							onToggleExpand === null || onToggleExpand === void 0 || onToggleExpand(!expanded);
+						},
+						sentiment: "neutral",
+						size: "small",
+						variant: "ghost",
+						children: /* @__PURE__ */ jsx(Icon, {})
+					})
 				})
-			})
-		});
-	};
-});
+			});
+		};
+	}))();
+}
 
 //#endregion
 init_Footer();

package/dist/compositions/Navigation/Header.js

@@ -8,23 +8,25 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/compositions/Navigation/Header.tsx
 var Header;
-var init_Header = __esmMin(() => {
-	init_Stack();
-	init_NavigationProvider();
-	init_styles_css();
-	Header = memo(({ logo }) => {
-		const { animation, expanded } = useNavigation();
-		return /* @__PURE__ */ jsx("div", {
-			className: navigationStyle.header,
-			children: /* @__PURE__ */ jsx(Stack, {
-				alignItems: "flex-start",
-				className: navigationStyle.logoContainer,
-				justifyContent: expanded ? void 0 : "center",
-				children: typeof logo === "function" ? logo(animation ? false : expanded) : logo
-			})
+function init_Header() {
+	return (init_Header = __esmMin(() => {
+		init_Stack();
+		init_NavigationProvider();
+		init_styles_css();
+		Header = memo(({ logo }) => {
+			const { animation, expanded } = useNavigation();
+			return /* @__PURE__ */ jsx("div", {
+				className: navigationStyle.header,
+				children: /* @__PURE__ */ jsx(Stack, {
+					alignItems: "flex-start",
+					className: navigationStyle.logoContainer,
+					justifyContent: expanded ? void 0 : "center",
+					children: typeof logo === "function" ? logo(animation ? false : expanded) : logo
+				})
+			});
 		});
-	});
-});
+	}))();
+}
 
 //#endregion
 init_Header();