@ultraviolet/ui 3.11.1 → 3.12.1

package/dist/components/compositions/InfoTable/components/Cell.js

@@ -1,39 +1,41 @@
 'use client';
-import { __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../../Stack/index.js";
-import { Text } from "../../../Text/index.js";
-import { cellText, desc, infoTableCell, term } from "../styles.css.js";
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../Stack/index.js";
+import { Text, init_Text } from "../../../Text/index.js";
+import { infoTableStyle, init_styles_css } from "../styles.css.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/compositions/InfoTable/components/Cell.tsx
-const InfoTableCell = ({ children, title, multiline = false, style }) => /* @__PURE__ */ jsxs(Stack, {
-	className: infoTableCell,
-	gap: "0.5",
-	minWidth: "0",
-	style,
-	width: "100%",
-	children: [/* @__PURE__ */ jsx("dt", {
-		className: term,
-		children: /* @__PURE__ */ jsx(Text, {
-			as: "div",
+var InfoTableCell;
+var init_Cell = __esmMin(() => {
+	init_Stack();
+	init_Text();
+	init_styles_css();
+	InfoTableCell = ({ children, title, multiline = false, style }) => /* @__PURE__ */ jsxs(Stack, {
+		className: infoTableStyle.cell,
+		gap: "0.5",
+		minWidth: "0",
+		style,
+		width: "100%",
+		children: [/* @__PURE__ */ jsx(Text, {
+			as: "dt",
+			className: infoTableStyle.term,
 			prominence: "weak",
 			sentiment: "neutral",
 			variant: "bodySmallStrong",
 			children: title
-		})
-	}), /* @__PURE__ */ jsx("dd", {
-		className: desc,
-		children: /* @__PURE__ */ jsx(Text, {
-			as: "div",
-			className: cellText,
+		}), /* @__PURE__ */ jsx(Text, {
+			as: "dd",
+			className: infoTableStyle.desc,
 			oneLine: !multiline,
 			prominence: "default",
 			sentiment: "neutral",
 			variant: "body",
 			children
-		})
-	})]
+		})]
+	});
 });
 
 //#endregion
-export { InfoTableCell };
+init_Cell();
+export { InfoTableCell, init_Cell };

package/dist/components/compositions/InfoTable/components/CellWithCopyButton.d.ts

@@ -0,0 +1,18 @@
+import type { CellProps } from './Cell';
+export declare const CellWithCopyButton: ({ copyContent, title, multiline, style, children, buttonSize, copiedText, copyText, onCopy, }: {
+    copyContent: string;
+    buttonSize?: "large" | "medium" | "small" | "xsmall" | undefined;
+} & CellProps & Pick<{
+    size?: "large" | "medium" | "small" | "xsmall" | undefined;
+    value: string;
+    copyText?: string | undefined;
+    copiedText?: string | undefined;
+    sentiment?: "neutral" | "primary" | undefined;
+    bordered?: boolean | undefined;
+    className?: string | undefined;
+    'data-testid'?: string | undefined;
+    children?: string | undefined;
+    onCopy?: (() => void) | undefined;
+    style?: import("react").CSSProperties | undefined;
+}, "copiedText" | "copyText" | "onCopy">) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CellWithCopyButton.d.ts.map

package/dist/components/compositions/InfoTable/components/CellWithCopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellWithCopyButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/InfoTable/components/CellWithCopyButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAGvC,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;oFAiC9B,CAAA"}

package/dist/components/compositions/InfoTable/components/CellWithCopyButton.js

@@ -0,0 +1,42 @@
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../../Text/index.js";
+import { Row, init_Row } from "../../../Row/index.js";
+import { CopyButton, init_CopyButton } from "../../../CopyButton/index.js";
+import { InfoTableCell, init_Cell } from "./Cell.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/compositions/InfoTable/components/CellWithCopyButton.tsx
+var CellWithCopyButton;
+var init_CellWithCopyButton = __esmMin(() => {
+	init_CopyButton();
+	init_Row();
+	init_Text();
+	init_Cell();
+	CellWithCopyButton = ({ copyContent, title, multiline, style, children, buttonSize, copiedText, copyText, onCopy }) => /* @__PURE__ */ jsx(InfoTableCell, {
+		multiline,
+		style,
+		title,
+		children: /* @__PURE__ */ jsxs(Row, {
+			alignItems: "center",
+			gap: 1,
+			templateColumns: "1fr auto",
+			children: [/* @__PURE__ */ jsx(Text, {
+				as: "p",
+				oneLine: true,
+				variant: "body",
+				children
+			}), /* @__PURE__ */ jsx(CopyButton, {
+				copiedText,
+				copyText,
+				onCopy,
+				sentiment: "neutral",
+				size: buttonSize,
+				value: copyContent
+			})]
+		})
+	});
+});
+
+//#endregion
+init_CellWithCopyButton();
+export { CellWithCopyButton, init_CellWithCopyButton };

package/dist/components/compositions/InfoTable/components/Row.js

@@ -1,23 +1,31 @@
 'use client';
-import { __name } from "../../../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { Row } from "../../../Row/index.js";
-import { InfoTableContext } from "../Context.js";
-import { infoTableRow, rowWidth } from "../styles.css.js";
+import { __esmMin, __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js";
+import { Row, init_Row as init_Row$1 } from "../../../Row/index.js";
+import { InfoTableContext, init_Context } from "../Context.js";
+import { infoTableStyle, init_styles_css, rowWidth } from "../styles.css.js";
 import { useContext } from "react";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/compositions/InfoTable/components/Row.tsx
-const InfoTableRow = ({ children, templateColumns, style }) => {
-	const { width } = useContext(InfoTableContext);
-	return /* @__PURE__ */ jsx(Row, {
-		className: infoTableRow,
-		style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [rowWidth]: width !== null && width !== void 0 ? width : "100%" })), style),
-		templateColumns,
-		children
-	});
-};
+var InfoTableRow;
+var init_Row = __esmMin(() => {
+	init_Row$1();
+	init_Context();
+	init_styles_css();
+	init_objectSpread2();
+	InfoTableRow = ({ children, templateColumns, style }) => {
+		const { width } = useContext(InfoTableContext);
+		return /* @__PURE__ */ jsx(Row, {
+			className: infoTableStyle.row,
+			style: _objectSpread2(_objectSpread2({}, assignInlineVars({ [rowWidth]: width !== null && width !== void 0 ? width : "100%" })), style),
+			templateColumns,
+			children
+		});
+	};
+});
 
 //#endregion
-export { InfoTableRow };
+init_Row();
+export { InfoTableRow, init_Row };

package/dist/components/compositions/InfoTable/index.d.ts

@@ -6,20 +6,29 @@ type InfoTableProps = {
     'data-testid'?: string;
     style?: CSSProperties;
 };
-export declare function InfoTable({ children, width, className, style, 'data-testid': dataTestId }: InfoTableProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace InfoTable {
-    var Row: ({ children, templateColumns, style, }: {
+export declare const InfoTable: (({ children, width, className, style, 'data-testid': dataTestId, }: InfoTableProps) => import("react/jsx-runtime").JSX.Element) & {
+    Row: ({ children, templateColumns, style, }: {
         children: ReactNode;
         templateColumns: string;
         style?: CSSProperties | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
-}
-export declare namespace InfoTable {
-    var Cell: ({ children, title, multiline, style, }: {
-        children: ReactNode;
-        title: ReactNode;
-        multiline?: boolean | undefined;
+    Cell: ({ children, title, multiline, style, }: import("./components/Cell").CellProps) => import("react/jsx-runtime").JSX.Element;
+    CellWithCopyButton: ({ copyContent, title, multiline, style, children, buttonSize, copiedText, copyText, onCopy, }: {
+        copyContent: string;
+        buttonSize?: "large" | "medium" | "small" | "xsmall" | undefined;
+    } & import("./components/Cell").CellProps & Pick<{
+        size?: "large" | "medium" | "small" | "xsmall" | undefined;
+        value: string;
+        copyText?: string | undefined;
+        copiedText?: string | undefined;
+        sentiment?: "neutral" | "primary" | undefined;
+        bordered?: boolean | undefined;
+        className?: string | undefined;
+        'data-testid'?: string | undefined;
+        children?: string | undefined;
+        onCopy?: (() => void) | undefined;
         style?: CSSProperties | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-}
+    }, "copiedText" | "copyText" | "onCopy">) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/compositions/InfoTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/InfoTable/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrD,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;kCAMyB,EACxB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EAC1B,EAAE,cAAc"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/InfoTable/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQrD,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA4BD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAIpB,CAAA"}

package/dist/components/compositions/InfoTable/index.js

@@ -1,28 +1,41 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { InfoTableContext } from "./Context.js";
-import { dl } from "./styles.css.js";
-import { InfoTableCell } from "./components/Cell.js";
-import { InfoTableRow } from "./components/Row.js";
-import { jsx } from "react/jsx-runtime";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { InfoTableContext, init_Context } from "./Context.js";
+import { infoTableStyle, init_styles_css } from "./styles.css.js";
+import { InfoTableCell, init_Cell } from "./components/Cell.js";
+import { CellWithCopyButton, init_CellWithCopyButton } from "./components/CellWithCopyButton.js";
+import { InfoTableRow, init_Row } from "./components/Row.js";
+import { useMemo } from "react";
 import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/components/compositions/InfoTable/index.tsx
-/**
-* Use this component to display offers.
-* Create rows with `InfoTable.Row` and place cells within each row using `InfoTable.Cell`.
-*/
-const InfoTable = ({ children, width, className, style, "data-testid": dataTestId }) => /* @__PURE__ */ jsx(InfoTableContext.Provider, {
-	value: { width },
-	children: /* @__PURE__ */ jsx("dl", {
-		className: cn(className, dl),
-		"data-testid": dataTestId,
-		style,
-		children
-	})
+var BaseInfoTable, InfoTable;
+var init_InfoTable = __esmMin(() => {
+	init_Context();
+	init_Cell();
+	init_CellWithCopyButton();
+	init_Row();
+	init_styles_css();
+	BaseInfoTable = ({ children, width, className, style, "data-testid": dataTestId }) => {
+		const value = useMemo(() => ({ width }), [width]);
+		return /* @__PURE__ */ jsx(InfoTableContext.Provider, {
+			value,
+			children: /* @__PURE__ */ jsx("dl", {
+				className: cn(className, infoTableStyle.dl),
+				"data-testid": dataTestId,
+				style,
+				children
+			})
+		});
+	};
+	InfoTable = Object.assign(BaseInfoTable, {
+		Row: InfoTableRow,
+		Cell: InfoTableCell,
+		CellWithCopyButton
+	});
 });
-InfoTable.Row = InfoTableRow;
-InfoTable.Cell = InfoTableCell;
 
 //#endregion
-export { InfoTable };
+init_InfoTable();
+export { InfoTable, init_InfoTable };

package/dist/components/compositions/InfoTable/styles.css.d.ts

@@ -1,8 +1,10 @@
 export declare const rowWidth: `var(--${string})`;
-export declare const dl: string;
-export declare const infoTableRow: string;
-export declare const infoTableCell: string;
-export declare const term: string;
-export declare const desc: string;
-export declare const cellText: string;
+export declare const infoTableStyle: {
+    dl: string;
+    row: string;
+    cell: string;
+    term: string;
+    desc: string;
+    cellWithCopyButton: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/compositions/InfoTable/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/InfoTable/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AAEnC,eAAO,MAAM,EAAE,QAQb,CAAA;AAEF,eAAO,MAAM,YAAY,QAavB,CAAA;AAEF,eAAO,MAAM,aAAa,QAMxB,CAAA;AAEF,eAAO,MAAM,IAAI,QAMf,CAAA;AAEF,eAAO,MAAM,IAAI,QAKf,CAAA;AAEF,eAAO,MAAM,QAAQ,QAInB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/InfoTable/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AAmEnC,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAA"}

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

@@ -1,13 +1,21 @@
-/* empty css                      */
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/compositions/InfoTable/styles.css.ts
-var rowWidth = "var(--uv_dvjyo40)";
-var dl = "uv_dvjyo41";
-var infoTableRow = "uv_dvjyo42";
-var infoTableCell = "uv_dvjyo43";
-var term = "uv_dvjyo44";
-var desc = "uv_dvjyo45";
-var cellText = "uv_dvjyo46";
+var rowWidth, infoTableStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	rowWidth = "var(--uv_dvjyo40)";
+	infoTableStyle = {
+		dl: "uv_dvjyo41",
+		row: "uv_dvjyo42",
+		cell: "uv_dvjyo43",
+		term: "uv_dvjyo44",
+		desc: "uv_dvjyo45",
+		cellWithCopyButton: "uv_dvjyo46"
+	};
+});
 
 //#endregion
-export { cellText, desc, dl, infoTableCell, infoTableRow, rowWidth, term };
+init_styles_css();
+export { infoTableStyle, init_styles_css, rowWidth };

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

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

package/dist/components/compositions/Navigation/Footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Navigation/Footer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IACjD,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,MAAM,0FAqFlB,CAAA"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Navigation/Footer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IACjD,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,MAAM,0FAuFlB,CAAA"}

package/dist/components/compositions/Navigation/Footer.js

@@ -1,65 +1,73 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Tooltip } from "../../Tooltip/index.js";
-import { useNavigation } from "./NavigationProvider.js";
-import { Button } from "../../Button/index.js";
-import { navigationStickyFooter } from "./styles.css.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Tooltip, init_Tooltip } from "../../Tooltip/index.js";
+import { init_NavigationProvider, useNavigation } from "./NavigationProvider.js";
+import { init_styles_css, navigationStyle } from "./styles.css.js";
+import { Button, init_Button } from "../../Button/index.js";
 import { useCallback, useLayoutEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { ArrowLeftDoubleIcon } from "@ultraviolet/icons/ArrowLeftDoubleIcon";
 import { ArrowRightDoubleIcon } from "@ultraviolet/icons/ArrowRightDoubleIcon";
 
 //#region src/components/compositions/Navigation/Footer.tsx
-const 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;
+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;
+				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: navigationStickyFooter({ 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
-export { Footer };
+init_Footer();
+export { Footer, init_Footer };

package/dist/components/compositions/Navigation/Header.js

@@ -1,24 +1,31 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../Stack/index.js";
-import { useNavigation } from "./NavigationProvider.js";
-import { navigationHeader, navigationLogoContainer } from "./styles.css.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Stack/index.js";
+import { init_NavigationProvider, useNavigation } from "./NavigationProvider.js";
+import { init_styles_css, navigationStyle } from "./styles.css.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/compositions/Navigation/Header.tsx
-const Header = memo(({ logo }) => {
-	const { animation, expanded } = useNavigation();
-	return /* @__PURE__ */ jsx("div", {
-		className: navigationHeader,
-		children: /* @__PURE__ */ jsx(Stack, {
-			alignItems: "flex-start",
-			className: navigationLogoContainer,
-			justifyContent: expanded ? void 0 : "center",
-			children: typeof logo === "function" ? logo(animation ? false : expanded) : logo
-		})
+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
+			})
+		});
 	});
 });
 
 //#endregion
-export { Header };
+init_Header();
+export { Header, init_Header };

package/dist/components/compositions/Navigation/NavigationContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationContent.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Navigation/NavigationContent.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,eAAO,MAAM,iBAAiB,4JA6I7B,CAAA"}
+{"version":3,"file":"NavigationContent.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/Navigation/NavigationContent.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,eAAO,MAAM,iBAAiB,4JAqJ7B,CAAA"}