@ultraviolet/ui 3.12.3 → 3.13.1

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

@@ -0,0 +1,148 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_animationsVanillaExtract_css_ts_vanilla } from "../../utils/animations/animationsVanillaExtract.css.ts.vanilla.js";
+import { init_components_css_ts_vanilla } from "./Components/components.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/compositions/EstimateCost/styles.css.ts
+var paddingLeftCell, overlayMarginVar, estimateCostStyle;
+var init_styles_css = __esmMin(() => {
+	init_animationsVanillaExtract_css_ts_vanilla();
+	init_components_css_ts_vanilla();
+	init_styles_css_ts_vanilla();
+	paddingLeftCell = "var(--uv_1pgyf3t0)";
+	overlayMarginVar = "var(--uv_1pgyf3t1)";
+	estimateCostStyle = {
+		image: "uv_1pgyf3t2",
+		tableBase: "uv_1pgyf3t3",
+		table: {
+			noTotal: "uv_1pgyf3t4 uv_1pgyf3t3",
+			total: "uv_1pgyf3t5 uv_1pgyf3t3"
+		},
+		feesTable: "uv_1pgyf3t6 uv_1pgyf3t3",
+		priceColumn: "uv_1pgyf3t7",
+		priceCell: "uv_1pgyf3t8",
+		cell: createRuntimeFn({
+			defaultClassName: "uv_1pgyf3t9",
+			variantClassNames: {
+				hasBorder: { true: "uv_1pgyf3ta" },
+				primary: { true: "uv_1pgyf3tb" }
+			},
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		totalPriceCell: "uv_1pgyf3tc",
+		emptyTable: "uv_1pgyf3td",
+		title: "uv_1pgyf3te",
+		emptyCell: "uv_1pgyf3tf",
+		timeCell: "uv_1pgyf3tg",
+		badgeBeta: {
+			"long": "uv_1pgyf3ti uv_1pgyf3th",
+			"short": "uv_1pgyf3tj uv_1pgyf3th"
+		},
+		overlayRow: createRuntimeFn({
+			defaultClassName: "uv_1pgyf3tk",
+			variantClassNames: {
+				hideFromOverlay: { true: "uv_1pgyf3tl" },
+				isFirstElement: { true: "uv_1pgyf3tm" },
+				shouldBeHidden: { true: "uv_1pgyf3tn" }
+			},
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		badge: "uv_1pgyf3to",
+		feesText: "uv_1pgyf3tp",
+		text: createRuntimeFn({
+			defaultClassName: "uv_1pgyf3tq",
+			variantClassNames: { beta: { true: "uv_1pgyf3tr" } },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		calculatorIcon: "uv_1pgyf3ts",
+		priceCellContent: "uv_1pgyf3tt",
+		overlayContainer: createRuntimeFn({
+			defaultClassName: "uv_1pgyf3tu",
+			variantClassNames: { inView: {
+				false: "uv_1pgyf3tv",
+				true: "uv_1pgyf3tw"
+			} },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		list: "uv_1pgyf3tx",
+		sideItem: "uv_1pgyf3ty",
+		content: {
+			compact: "uv_1pgyf3tz",
+			"default": "uv_1pgyf3t10"
+		},
+		compact: "uv_1pgyf3t11",
+		compactText: "uv_1pgyf3t12",
+		maxWidthText: "uv_1oy0ow41",
+		estimateCostImage: "uv_1oy0ow42",
+		tr: "uv_1oy0ow43",
+		div: "uv_1oy0ow44",
+		leftSide: "uv_1oy0ow45",
+		itemResourceName: createRuntimeFn({
+			defaultClassName: "uv_1oy0ow46",
+			variantClassNames: { animated: { true: "uv_1oy0ow47" } },
+			defaultVariants: { animated: false },
+			compoundVariants: []
+		}),
+		resourceName: createRuntimeFn({
+			defaultClassName: "uv_1oy0ow48",
+			variantClassNames: {
+				isAnimated: { true: "uv_1oy0ow49" },
+				isOverlay: {
+					false: "uv_1oy0ow4a",
+					true: "uv_1oy0ow4b"
+				}
+			},
+			defaultVariants: {
+				isAnimated: false,
+				isOverlay: false
+			},
+			compoundVariants: []
+		}),
+		badgeItem: "uv_1oy0ow4c",
+		textItem: "uv_1oy0ow4d",
+		estimateCostMaxWidthText: "uv_1oy0ow4e",
+		tooltip: "uv_1oy0ow4f",
+		lineThrough: "uv_1oy0ow4g",
+		regular: createRuntimeFn({
+			defaultClassName: "uv_1oy0ow4h",
+			variantClassNames: {
+				isOverlay: {
+					false: "uv_1oy0ow4i",
+					true: "uv_1oy0ow4j"
+				},
+				variant: {
+					big: "uv_1oy0ow4k",
+					capitalized: "uv_1oy0ow4l",
+					normal: "uv_1oy0ow4m",
+					small: "uv_1oy0ow4n"
+				}
+			},
+			defaultVariants: {
+				isOverlay: false,
+				variant: "normal"
+			},
+			compoundVariants: []
+		}),
+		strong: createRuntimeFn({
+			defaultClassName: "uv_1oy0ow4o",
+			variantClassNames: { variant: {
+				big: "uv_1oy0ow4p",
+				capitalized: "uv_1oy0ow4q",
+				normal: "uv_1oy0ow4r",
+				small: "uv_1oy0ow4s"
+			} },
+			defaultVariants: { variant: "normal" },
+			compoundVariants: []
+		}),
+		numberInput: "uv_1oy0ow4t"
+	};
+});
+
+//#endregion
+init_styles_css();
+export { estimateCostStyle, init_styles_css, overlayMarginVar, paddingLeftCell };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/EstimateCost/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/compositions/EstimateCost/types.d.ts

@@ -0,0 +1,226 @@
+import type { Alert } from '../../components/Alert';
+import type { Text } from '../../components/Text';
+import type EstimateCostLocales from './locales/en';
+import type { ComponentProps, CSSProperties, Dispatch, JSX, ReactNode, SetStateAction } from 'react';
+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: Units;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/compositions/EstimateCost/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AACjD,OAAO,KAAK,mBAAmB,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,QAAQ,EACR,GAAG,EACH,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAA;AAEd,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,OAAO,mBAAmB,EAAE,MAAM,CAAC,CAAA;AAE1E,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,CAAA;IACxD,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAA;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,EAAE,CAAA;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAA;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QACpB,QAAQ,EAAE,SAAS,CAAA;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,KAAK,GAAG,CAAC,OAAO,CAAA;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,KAAK,GAAG,CAAC,OAAO,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,CAAC,EACpB,KAAK,EACL,QAAQ,EACT,EAAE;QACD;;WAEG;QACH,KAAK,EAAE,MAAM,CAAA;QACb;;WAEG;QACH,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,KAAK,IAAI,CAAA;CACX,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEvE,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAA;CACX,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IAClD,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IACrC,YAAY,EAAE,OAAO,CAAA;IACrB,eAAe,EAAE,KAAK,CAAA;IACtB,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAA;IACjD,SAAS,EAAE,KAAK,EAAE,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,gBAAgB,EAAE;QAChB,GAAG,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAA;QAC1C,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,mBAAmB,KAAK,IAAI,CAAA;KAC9C,CAAA;CACF,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE;QACjB,GAAG,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;QACvC,MAAM,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAA;KAC/C,CAAA;IACD,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,MAAM,CAAA;QACd,SAAS,EAAE,MAAM,CAAA;QACjB,gBAAgB,EAAE,MAAM,CAAA;QACxB,QAAQ,EAAE,MAAM,CAAA;QAChB,aAAa,EAAE,MAAM,CAAA;QACrB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,aAAa,EAAE,MAAM,CAAA;IACrB,sBAAsB,EAAE,OAAO,CAAA;IAC/B,oBAAoB,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,SAAS,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,KAAK,IAAI,CAAA;IACpE,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,SAAS,CAAC,CAAA;IACzD,mBAAmB,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,YAAY,CAAC,CAAA;CAChE,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,iBAAiB,EAAE,MAAM,CAAA;IACzB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,EAAE,SAAS,CAAA;IACpB,2BAA2B,CAAC,EAAE,MAAM,CAAA;IACpC,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,kBAAkB,EAAE,OAAO,CAAA;IAC3B,yBAAyB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IAChD,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IAC5C,IAAI,EAAE,KAAK,CAAA;CACZ,CAAA"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/FAQ/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,QAAQ,GAAG;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,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,yEAOb,QAAQ,4CAwBV,CAAA"}

package/dist/compositions/FAQ/index.js

@@ -0,0 +1,48 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../components/Stack/index.js";
+import { Text, init_Text } from "../../components/Text/index.js";
+import { Bullet, init_Bullet } from "../../components/Bullet/index.js";
+import { Card, init_Card } from "../../components/Card/index.js";
+import { faqStyle, init_styles_css } from "./styles.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/FAQ/index.tsx
+var FAQ;
+var init_FAQ = __esmMin(() => {
+	init_Bullet();
+	init_Card();
+	init_Stack();
+	init_Text();
+	init_styles_css();
+	FAQ = ({ productIcon, illustrationText, title, description, notes, style }) => /* @__PURE__ */ jsx(Card, {
+		className: faqStyle.faq,
+		style,
+		children: /* @__PURE__ */ jsxs(Stack, {
+			direction: "row",
+			gap: 2,
+			children: [/* @__PURE__ */ jsxs("div", { children: [!productIcon && illustrationText ? /* @__PURE__ */ jsx(Bullet, {
+				sentiment: "primary",
+				children: illustrationText.toString()
+			}) : null, productIcon !== null && productIcon !== void 0 ? productIcon : 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
+init_FAQ();
+export { FAQ, init_FAQ };

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/FAQ/styles.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,QAAQ;;CAAU,CAAA"}

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

@@ -0,0 +1,13 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+
+//#region src/compositions/FAQ/styles.css.ts
+var faqStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	faqStyle = { faq: "uv_mcqshm0" };
+});
+
+//#endregion
+init_styles_css();
+export { faqStyle, init_styles_css };

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

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/FAQ/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/compositions/InfoTable/Context.d.ts

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

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

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

package/dist/compositions/InfoTable/Context.js

@@ -0,0 +1,12 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { createContext } from "react";
+
+//#region src/compositions/InfoTable/Context.tsx
+var InfoTableContext;
+var init_Context = __esmMin(() => {
+	InfoTableContext = createContext({});
+});
+
+//#endregion
+init_Context();
+export { InfoTableContext, init_Context };

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../src/compositions/InfoTable/components/Cell.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,MAAM,SAAS,GAAG;IACtB,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,2CAKvB,SAAS,4CA+BX,CAAA"}

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

@@ -0,0 +1,42 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../components/Stack/index.js";
+import { Text, init_Text } from "../../../components/Text/index.js";
+import { infoTableStyle, init_styles_css } from "../styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/InfoTable/components/Cell.tsx
+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(Text, {
+			as: "dd",
+			className: cn(infoTableStyle.desc, typeof children === "string" ? "" : infoTableStyle.descFlex),
+			oneLine: !multiline,
+			prominence: "default",
+			sentiment: "neutral",
+			variant: "body",
+			children
+		})]
+	});
+});
+
+//#endregion
+init_Cell();
+export { InfoTableCell, init_Cell };

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

@@ -0,0 +1,8 @@
+import { CopyButton } from '../../../components/CopyButton';
+import type { CellProps } from './Cell';
+import type { ComponentProps } from 'react';
+export declare const CellWithCopyButton: ({ copyContent, title, multiline, style, children, buttonSize, copiedText, copyText, onCopy, }: {
+    copyContent: string;
+    buttonSize?: ComponentProps<typeof CopyButton>['size'];
+} & CellProps & Pick<ComponentProps<typeof CopyButton>, 'copiedText' | 'copyText' | 'onCopy'>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CellWithCopyButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellWithCopyButton.d.ts","sourceRoot":"","sources":["../../../../src/compositions/InfoTable/components/CellWithCopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAM3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,eAAO,MAAM,kBAAkB,kGAU5B;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;CACvD,GAAG,SAAS,GACX,IAAI,CACF,cAAc,CAAC,OAAO,UAAU,CAAC,EACjC,YAAY,GAAG,UAAU,GAAG,QAAQ,CACrC,4CAgBF,CAAA"}

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

@@ -0,0 +1,42 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../../components/Text/index.js";
+import { Row, init_Row } from "../../../components/Row/index.js";
+import { CopyButton, init_CopyButton } from "../../../components/CopyButton/index.js";
+import { InfoTableCell, init_Cell } from "./Cell.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/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/compositions/InfoTable/components/Row.d.ts.map

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

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

@@ -0,0 +1,31 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { Row, init_Row as init_Row$1 } from "../../../components/Row/index.js";
+import { infoTableStyle, init_styles_css, rowWidth } from "../styles.css.js";
+import { InfoTableContext, init_Context } from "../Context.js";
+import { useContext } from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/InfoTable/components/Row.tsx
+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
+init_Row();
+export { InfoTableRow, init_Row };

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

@@ -0,0 +1,34 @@
+import type { CSSProperties, ReactNode } from 'react';
+type InfoTableProps = {
+    children: ReactNode;
+    width?: string;
+    className?: string;
+    'data-testid'?: string;
+    style?: CSSProperties;
+};
+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;
+    }) => import("react/jsx-runtime").JSX.Element;
+    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?: 'xsmall' | 'small' | 'medium' | 'large';
+        value: string;
+        copyText?: string;
+        copiedText?: string;
+        sentiment?: 'primary' | 'neutral';
+        bordered?: boolean;
+        className?: string;
+        'data-testid'?: string;
+        children?: string;
+        onCopy?: () => void;
+        style?: CSSProperties;
+    }, 'copiedText' | 'copyText' | 'onCopy'>) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map