@ultraviolet/ui 3.10.1 → 3.11.0

package/dist/components/compositions/EstimateCost/types.d.ts

@@ -0,0 +1,226 @@
+import type { ComponentProps, CSSProperties, Dispatch, JSX, ReactNode, SetStateAction } from 'react';
+import type { Alert } from '../../Alert';
+import type { Text } from '../../Text';
+import type EstimateCostLocales from './locales/en';
+export type LocalesType = Record<keyof typeof EstimateCostLocales, string>;
+export type EstimateCostProps = {
+    /**
+     * Text to display into an alert on the top of the EstimateCost component.
+     */
+    alert?: ReactNode;
+    alertTitle?: string;
+    /**
+     * Type of the alert defined by the Scaleway UI Alert component.
+     */
+    alertVariant?: ComponentProps<typeof Alert>['sentiment'];
+    children: ReactNode;
+    /**
+     * Individual fees to display at the bottom of the EstimateCost component.
+     */
+    commitmentFees?: number;
+    /**
+     * Content to display into the fees part, it can be any component but in order to have a consistent design, it is recommended to use `<EstimateCost.Regular>` and `<EstimateCost.Strong>` components.
+     */
+    commitmentFeesContent?: ReactNode;
+    /**
+     * When set to true, only the estimated final cost is displayed
+     */
+    compact?: boolean;
+    /**
+     * By default, a description exists but if you need you can customize it with this prop.
+     */
+    description?: ReactNode;
+    /**
+     * Hide the floating estimate cost overlay shown in the bottom of the page.
+     */
+    hideOverlay?: boolean;
+    /**
+     * Disable left button on the overlay.
+     */
+    disableOverlayLeft?: boolean;
+    /**
+     * Disable right button (submit) on the overlay.
+     */
+    disableOverlayRight?: boolean;
+    /**
+     * This is a global discount for all estimate cost, all sub items will be impacted by this discount.
+     * The discount is a percentage, so 0.1 means 10% discount. Discount = 1 means 100% so it means free.
+     * This is usually associate with beta products and prop `isBeta`.
+     */
+    discount?: number;
+    /**
+     * The default time unit to select.
+     */
+    defaultTimeUnit?: Units;
+    /**
+     * List of time unit the price can be calculated with. Can only be an array of `seconds`, `minutes`, `hours`, `days` or `months`.
+     */
+    timeUnits?: Units[];
+    /**
+     * Hide the selectable time unit on the top of the component.
+     */
+    hideTimeUnit?: boolean;
+    /**
+     * Hide the total price at the bottom of the component.
+     */
+    hideTotal?: boolean;
+    /**
+     * Hide the hourly price in total section at the bottom of the component.
+     */
+    hideHourlyPriceOnTotal?: boolean;
+    /**
+     * Show a badge beta on the total price with how much discount is applied.
+     */
+    isBeta?: boolean;
+    /**
+     * It will display another individual line at the bottom of the component with a monthly price. It can be used when you display hourly price, but you have one or many items that are billed monthly.
+     */
+    monthlyFees?: number;
+    /**
+     * Content to display into monthly fees part, it can be any component but in order to have a consistent design, it is recommended to use `<EstimateCost.Regular>` and `<EstimateCost.Strong>` components.
+     */
+    monthlyFeesContent?: ReactNode;
+    /**
+     * Label of the item, it describes what kind of fees is related to. (ex: "Installation fee")
+     */
+    monthlyFeesLabel?: string;
+    /**
+     * Content that will be shown on the left side of the overlay.
+     */
+    OverlayLeft?: (props: {
+        children: ReactNode;
+        disabled?: boolean;
+    }) => JSX.Element;
+    /**
+     * Content that will be shown on the left side of the overlay.
+     */
+    OverlayRight?: (props: {
+        children?: ReactNode;
+        disabled?: boolean;
+    }) => JSX.Element;
+    /**
+     * Time unit to use on the overlay. It can be different from estimate cost.
+     */
+    overlayUnit?: Units;
+    /**
+     * Locales for the component. By default, it will use the english locales.
+     */
+    locales?: LocalesType;
+    /**
+     * Defines the currency to be shown in the component.
+     * To find out all currencies checkout https://en.wikipedia.org/wiki/ISO_4217#List_of_ISO_4217_currency_codes section "Code" of the table.
+     */
+    currency?: string;
+    style?: CSSProperties;
+    /**
+     * Defines the way we display numbers depending on locale (ex: 1,000.00 or 1 000,00).
+     * To understand better please read https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#locales
+     */
+    numberLocales?: string;
+    overlayMargin?: string;
+    onTotalPriceChange?: ({ total, totalMax }: {
+        /**
+         * The total price of the estimate cost.
+         */
+        total: number;
+        /**
+         * If the price has a range (ex: 10-20), this is the maximum value.
+         */
+        totalMax?: number;
+    }) => void;
+};
+export type Units = 'seconds' | 'minutes' | 'hours' | 'days' | 'months';
+export type Iteration = {
+    unit: Units;
+    value: number;
+};
+export type BareEstimateProduct = {
+    id: string;
+};
+export type EstimateProduct = BareEstimateProduct & {
+    amount: number;
+    price: number;
+    amountFree: number;
+    isVariant: boolean;
+    maxAmount: number;
+    noIteration: boolean;
+    longFractionDigits: boolean;
+    discount: number;
+};
+export type ChildrenComponentType = {
+    hideTotal: boolean;
+    ref?: (node?: Element | null) => void;
+    hideTimeUnit: boolean;
+    defaultTimeUnit: Units;
+    iteration: Iteration;
+    setIteration: Dispatch<SetStateAction<Iteration>>;
+    timeUnits: Units[];
+    children: ReactNode;
+    discount: number;
+    productsCallback: {
+        add: (newProduct: EstimateProduct) => void;
+        remove: ({ id }: BareEstimateProduct) => void;
+    };
+};
+export type ExtraProps = {
+    isLastElement?: boolean;
+    productsCallback?: {
+        add: (product: EstimateProduct) => void;
+        remove: (product: BareEstimateProduct) => void;
+    };
+    iteration?: Iteration;
+    discount?: number;
+};
+export type TotalContentProps = {
+    isBeta: boolean;
+    discount: number;
+    totalValue: string;
+    totalPrice: {
+        hourly: number;
+        maxHourly: number;
+        maxOverlayHourly: number;
+        maxTotal: number;
+        overlayHourly: number;
+        total: number;
+    };
+    totalMaxValue: string;
+    hideHourlyPriceOnTotal: boolean;
+    isLongFractionDigits: boolean;
+};
+export type ItemLeftSideProps = {
+    label: ReactNode;
+    tooltipInfo?: string;
+    subLabel: string;
+    discount: number;
+    discountText?: string;
+    notice?: string;
+    isDefined: boolean;
+    animated: boolean;
+    children: ReactNode;
+    amount: number;
+    itemCallback: (localAmount: number, localIsVariant: boolean) => void;
+    maxAmount: number;
+    unit: string;
+    textNotDefined?: string;
+    labelTextVariant?: ComponentProps<typeof Text>['variant'];
+    labelTextProminence?: ComponentProps<typeof Text>['prominence'];
+};
+export type ItemPriceProps = {
+    computedItemPrice: number;
+    computedMaxItemPrice: number;
+    strikeThrough?: boolean;
+    noIterationText?: string;
+    priceText: ReactNode;
+    formatMaximumFractionDigits?: number;
+    amount: number;
+    amountFree: number;
+    maxAmount: number;
+    noIteration: boolean;
+    discount: number;
+    price: number;
+    longFractionDigits: boolean;
+    maximumFractionDigitsLong: Record<Units, number>;
+    maximumFractionDigits: Record<Units, number>;
+    unit: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/compositions/EstimateCost/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/EstimateCost/types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import * as ProductIcon from '@ultraviolet/icons/product';
+import type { CSSProperties } from 'react';
+import type { PascalToCamelCaseWithoutSuffix } from '../../../types';
+type FAQProps = {
+    description: string;
+    productIconName?: PascalToCamelCaseWithoutSuffix<keyof typeof ProductIcon, 'ProductIcon'>;
+    illustrationText?: number | string;
+    notes?: string;
+    title: string;
+    style?: CSSProperties;
+};
+export declare const FAQ: ({ productIconName, illustrationText, title, description, notes, style, }: FAQProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/FAQ/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,WAAW,MAAM,4BAA4B,CAAA;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAA;AAOpE,KAAK,QAAQ,GAAG;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,8BAA8B,CAC9C,MAAM,OAAO,WAAW,EACxB,aAAa,CACd,CAAA;IACD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,iIA0Cf,CAAA"}

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

@@ -0,0 +1,43 @@
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack } from "../../Stack/index.js";
+import { Text } from "../../Text/index.js";
+import { Bullet } from "../../Bullet/index.js";
+import { Card } from "../../Card/index.js";
+import { faq } from "./styles.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as ProductIcon from "@ultraviolet/icons/product";
+
+//#region src/components/compositions/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/compositions/FAQ/styles.css.d.ts

@@ -0,0 +1,2 @@
+export declare const faq: string;
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/FAQ/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG,QAGd,CAAA"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import type { CSSProperties, ReactNode } from 'react';
+type CellProps = {
+    children: ReactNode;
+    title: ReactNode;
+    multiline?: boolean;
+    style?: CSSProperties;
+};
+export declare const InfoTableCell: ({ children, title, multiline, style, }: CellProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Cell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/InfoTable/components/Cell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKrD,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/compositions/InfoTable/components/Cell.js

@@ -0,0 +1,39 @@
+'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 { 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",
+			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/compositions/InfoTable/components/Row.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties, ReactNode } from 'react';
+type RowProps = {
+    children: ReactNode;
+    templateColumns: string;
+    style?: CSSProperties;
+};
+export declare const InfoTableRow: ({ children, templateColumns, style, }: RowProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/InfoTable/components/Row.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMrD,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/compositions/InfoTable/components/Row.js

@@ -0,0 +1,23 @@
+'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 { 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
+	});
+};
+
+//#endregion
+export { InfoTableRow };

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

@@ -0,0 +1,25 @@
+import type { CSSProperties, ReactNode } from 'react';
+type InfoTableProps = {
+    children: ReactNode;
+    width?: string;
+    className?: string;
+    '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, }: {
+        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;
+        style?: CSSProperties | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,28 @@
+'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 { cn } from "@ultraviolet/utils";
+
+//#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
+	})
+});
+InfoTable.Row = InfoTableRow;
+InfoTable.Cell = InfoTableCell;
+
+//#endregion
+export { InfoTable };

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

@@ -0,0 +1,8 @@
+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;
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,13 @@
+/* empty css                      */
+
+//#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";
+
+//#endregion
+export { cellText, desc, dl, infoTableCell, infoTableRow, rowWidth, term };

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

@@ -0,0 +1,9 @@
+import type { RefObject } from 'react';
+import type { NavigationProps } from './types';
+type FooterProps = {
+    onToggleExpand: NavigationProps['onToggleExpand'];
+    contentRef: RefObject<HTMLDivElement | null>;
+};
+export declare const Footer: ({ onToggleExpand, contentRef }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Footer.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,65 @@
+'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 { 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;
+			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/compositions/Navigation/Header.d.ts

@@ -0,0 +1,7 @@
+import type { NavigationProps } from './types';
+type HeaderProps = {
+    logo: NavigationProps['logo'];
+};
+export declare const Header: import("react").MemoExoticComponent<({ logo }: HeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=Header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/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/compositions/Navigation/Header.js

@@ -0,0 +1,24 @@
+'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 { 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
+		})
+	});
+});
+
+//#endregion
+export { Header };

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

@@ -0,0 +1,3 @@
+import type { NavigationProps } from './types';
+export declare const NavigationContent: ({ children, logo, onWidthResize, className, 'data-testid': dataTestId, id, onToggleExpand, }: NavigationProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NavigationContent.d.ts.map

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

@@ -0,0 +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"}