@ultraviolet/plus 3.4.5 → 3.5.0

package/dist/components/FAQ/index.js

@@ -1,34 +1,40 @@
-"use client";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { faq } from "./styles.css.js";
+import { Bullet, Card, Stack, Text } from "@ultraviolet/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as ProductIcon from "@ultraviolet/icons/product";
-import { Card, Stack, Bullet, Text } from "@ultraviolet/ui";
-import { faq } from "./styles.css.js";
-const FAQ = ({
-  productIconName,
-  illustrationText,
-  title,
-  description,
-  notes,
-  style
-}) => {
-  const ProductIconUsed = productIconName ? (
-    // biome-ignore lint/performance/noDynamicNamespaceImportAccess: to fix
-    ProductIcon[`${productIconName.charAt(0).toUpperCase() + productIconName.slice(1)}ProductIcon`]
-  ) : null;
-  return /* @__PURE__ */ jsx(Card, { className: faq, style, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      !productIconName && illustrationText ? /* @__PURE__ */ jsx(Bullet, { sentiment: "primary", children: illustrationText.toString() }) : null,
-      ProductIconUsed ? /* @__PURE__ */ jsx(ProductIconUsed, { size: "xlarge" }) : null
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Text, { as: "p", prominence: "strong", variant: "bodyStronger", children: title }),
-      /* @__PURE__ */ jsxs(Text, { as: "div", variant: "bodySmall", children: [
-        description,
-        notes ? /* @__PURE__ */ jsx(Text, { as: "small", italic: true, variant: "caption", children: notes }) : null
-      ] })
-    ] })
-  ] }) });
-};
-export {
-  FAQ
+
+//#region src/components/FAQ/index.tsx
+const FAQ = ({ productIconName, illustrationText, title, description, notes, style }) => {
+	const ProductIconUsed = productIconName ? ProductIcon[`${productIconName.charAt(0).toUpperCase() + productIconName.slice(1)}ProductIcon`] : null;
+	return /* @__PURE__ */ jsx(Card, {
+		className: faq,
+		style,
+		children: /* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
+			gap: 2,
+			children: [/* @__PURE__ */ jsxs("div", { children: [!productIconName && illustrationText ? /* @__PURE__ */ jsx(Bullet, {
+				sentiment: "primary",
+				children: illustrationText.toString()
+			}) : null, ProductIconUsed ? /* @__PURE__ */ jsx(ProductIconUsed, { size: "xlarge" }) : null] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Text, {
+				as: "p",
+				prominence: "strong",
+				variant: "bodyStronger",
+				children: title
+			}), /* @__PURE__ */ jsxs(Text, {
+				as: "div",
+				variant: "bodySmall",
+				children: [description, notes ? /* @__PURE__ */ jsx(Text, {
+					as: "small",
+					italic: true,
+					variant: "caption",
+					children: notes
+				}) : null]
+			})] })]
+		})
+	});
 };
+
+//#endregion
+export { FAQ };

package/dist/components/FAQ/styles.css.js

@@ -1,5 +1,7 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/FAQ/styles.css.ts
 var faq = "uv_plus_5imqkb0";
-export {
-  faq
-};
+
+//#endregion
+export { faq };

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

@@ -6,23 +6,20 @@ type InfoTableProps = {
     'data-testid'?: string;
     style?: CSSProperties;
 };
-/**
- * Use this component to display offers.
- * Create rows with `InfoTable.Row` and place cells within each row using `InfoTable.Cell`.
- */
-export declare const InfoTable: {
-    ({ children, width, className, style, "data-testid": dataTestId, }: InfoTableProps): import("react/jsx-runtime").JSX.Element;
-    Row: ({ children, templateColumns, style, }: {
+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, }: {
         children: ReactNode;
         templateColumns: string;
-        style?: CSSProperties;
+        style?: CSSProperties | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
-    Cell: ({ children, title, multiline, style, }: {
+}
+export declare namespace InfoTable {
+    var Cell: ({ children, title, multiline, style, }: {
         children: ReactNode;
         title: ReactNode;
-        multiline?: boolean;
-        style?: CSSProperties;
+        multiline?: boolean | undefined;
+        style?: CSSProperties | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
-};
-export {};
+}
 //# sourceMappingURL=InfoTable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InfoTable.d.ts","sourceRoot":"","sources":["../../../src/components/InfoTable/InfoTable.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;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS;wEAMnB,cAAc;;;;;;;;;;;;CAMhB,CAAA"}
+{"version":3,"file":"InfoTable.d.ts","sourceRoot":"","sources":["../../../src/components/InfoTable/InfoTable.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"}

package/dist/components/InfoTable/InfoTable.js

@@ -1,19 +1,28 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { dl } from "./styles.css.js";
 import { InfoTableCell } from "./components/Cell.js";
-import { InfoTableRow } from "./components/Row.js";
 import { InfoTableContext } from "./context.js";
-import { dl } from "./styles.css.js";
-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 }) });
+import { InfoTableRow } from "./components/Row.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/InfoTable/InfoTable.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
+	})
+});
 InfoTable.Row = InfoTableRow;
 InfoTable.Cell = InfoTableCell;
-export {
-  InfoTable
-};
+
+//#endregion
+export { InfoTable };

package/dist/components/InfoTable/components/Cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoTable/components/Cell.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrD,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,wCAK3B,SAAS,4CA+BX,CAAA"}
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoTable/components/Cell.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGrD,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,aAAa,gGAoCzB,CAAA"}

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

@@ -1,46 +1,38 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { cellText, desc, infoTableCell, term } from "../styles.css.js";
 import { Stack, Text } from "@ultraviolet/ui";
-import { infoTableCell, term, desc, cellText } from "../styles.css.js";
-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",
-          prominence: "weak",
-          sentiment: "neutral",
-          variant: "bodySmallStrong",
-          children: title
-        }
-      ) }),
-      /* @__PURE__ */ jsx("dd", { className: desc, children: /* @__PURE__ */ jsx(
-        Text,
-        {
-          as: "div",
-          className: cellText,
-          oneLine: !multiline,
-          prominence: "default",
-          sentiment: "neutral",
-          variant: "body",
-          children
-        }
-      ) })
-    ]
-  }
-);
-export {
-  InfoTableCell
-};
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/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",
+			prominence: "weak",
+			sentiment: "neutral",
+			variant: "bodySmallStrong",
+			children: title
+		})
+	}), /* @__PURE__ */ jsx("dd", {
+		className: desc,
+		children: /* @__PURE__ */ jsx(Text, {
+			as: "div",
+			className: cellText,
+			oneLine: !multiline,
+			prominence: "default",
+			sentiment: "neutral",
+			variant: "body",
+			children
+		})
+	})]
+});
+
+//#endregion
+export { InfoTableCell };

package/dist/components/InfoTable/components/Row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoTable/components/Row.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,uCAI1B,QAAQ,4CAiBV,CAAA"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../src/components/InfoTable/components/Row.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,eAAe,EAAE,MAAM,CAAA;IACvB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,8FAqBxB,CAAA"}

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

@@ -1,31 +1,23 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
+import { infoTableRow, rowWidth } from "../styles.css.js";
+import { InfoTableContext } from "../context.js";
 import { Row } from "@ultraviolet/ui";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useContext } from "react";
-import { InfoTableContext } from "../context.js";
-import { infoTableRow, rowWidth } from "../styles.css.js";
-const InfoTableRow = ({
-  children,
-  templateColumns,
-  style
-}) => {
-  const { width } = useContext(InfoTableContext);
-  return /* @__PURE__ */ jsx(
-    Row,
-    {
-      className: infoTableRow,
-      style: {
-        ...assignInlineVars({
-          [rowWidth]: width ?? "100%"
-        }),
-        ...style
-      },
-      templateColumns,
-      children
-    }
-  );
-};
-export {
-  InfoTableRow
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/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
+	});
 };
+
+//#endregion
+export { InfoTableRow };

package/dist/components/InfoTable/context.d.ts

@@ -1,4 +1,4 @@
 export declare const InfoTableContext: import("react").Context<{
-    width?: string;
+    width?: string | undefined;
 }>;
 //# sourceMappingURL=context.d.ts.map

package/dist/components/InfoTable/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/InfoTable/context.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;YAA2B,MAAM;EAAO,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/InfoTable/context.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;EAAwC,CAAA"}

package/dist/components/InfoTable/context.js

@@ -1,5 +1,7 @@
 import { createContext } from "react";
+
+//#region src/components/InfoTable/context.tsx
 const InfoTableContext = createContext({});
-export {
-  InfoTableContext
-};
+
+//#endregion
+export { InfoTableContext };

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

@@ -1,4 +1,6 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/InfoTable/styles.css.ts
 var rowWidth = "var(--uv_plus_h6pvpm0)";
 var dl = "uv_plus_h6pvpm1";
 var infoTableRow = "uv_plus_h6pvpm2";
@@ -6,12 +8,6 @@ var infoTableCell = "uv_plus_h6pvpm3";
 var term = "uv_plus_h6pvpm4";
 var desc = "uv_plus_h6pvpm5";
 var cellText = "uv_plus_h6pvpm6";
-export {
-  cellText,
-  desc,
-  dl,
-  infoTableCell,
-  infoTableRow,
-  rowWidth,
-  term
-};
+
+//#endregion
+export { cellText, desc, dl, infoTableCell, infoTableRow, rowWidth, term };

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Footer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,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,GAAI,gCAAgC,WAAW,4CAqFjE,CAAA"}
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Footer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,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"}

package/dist/components/Navigation/Footer.js

@@ -1,80 +1,64 @@
-"use client";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { useNavigation } from "./NavigationProvider.js";
+import { navigationStickyFooter } from "./styles.css.js";
+import { Button, Tooltip } from "@ultraviolet/ui";
+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";
-import { Tooltip, Button } from "@ultraviolet/ui";
-import { useCallback, useState, useLayoutEffect, useMemo } from "react";
-import { useNavigation } from "./NavigationProvider.js";
-import { navigationStickyFooter } from "./styles.css.js";
+
+//#region src/components/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;
-      }
-      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?.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?.(!expanded);
-              },
-              sentiment: "neutral",
-              size: "small",
-              variant: "ghost",
-              children: /* @__PURE__ */ jsx(Icon, {})
-            }
-          )
-        }
-      )
-    }
-  );
-};
-export {
-  Footer
+	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;
+	}, [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, {})
+			})
+		})
+	});
 };
+
+//#endregion
+export { Footer };

package/dist/components/Navigation/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Header.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,MAAM,iDAAmB,WAAW,6CAc/C,CAAA"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Header.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,MAAM,yGAcjB,CAAA"}

package/dist/components/Navigation/Header.js

@@ -1,21 +1,24 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { Stack } from "@ultraviolet/ui";
-import { memo } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { useNavigation } from "./NavigationProvider.js";
 import { navigationHeader, navigationLogoContainer } from "./styles.css.js";
+import { Stack } from "@ultraviolet/ui";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/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
-    }
-  ) });
+	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
+		})
+	});
 });
-export {
-  Header
-};
+
+//#endregion
+export { Header };