@ultraviolet/ui 3.10.2 → 3.11.1

package/dist/components/compositions/EstimateCost/constants.js

@@ -0,0 +1,26 @@
+//#region src/components/compositions/EstimateCost/constants.ts
+const APPROXIMATE_HOURS_IN_MONTH = 730;
+const multiplier = {
+	days: 24,
+	hours: 1,
+	minutes: 1 / 60,
+	months: 730,
+	seconds: 1 / 60 / 60
+};
+const maximumFractionDigits = {
+	days: 3,
+	hours: 5,
+	minutes: 8,
+	months: 2,
+	seconds: 10
+};
+const maximumFractionDigitsLong = {
+	days: 4,
+	hours: 8,
+	minutes: 10,
+	months: 2,
+	seconds: 12
+};
+
+//#endregion
+export { maximumFractionDigits, maximumFractionDigitsLong, multiplier };

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

@@ -0,0 +1,10 @@
+import type { Units } from './types';
+export declare const calculatePrice: ({ price, amount, amountFree, timeUnit, timeAmount, discount, }: {
+    price: number;
+    amount: number;
+    amountFree?: number | undefined;
+    timeUnit: Units;
+    timeAmount: number;
+    discount?: number | undefined;
+}) => number;
+//# sourceMappingURL=helper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/EstimateCost/helper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIpC,eAAO,MAAM,cAAc;;;;;;;YAsB1B,CAAA"}

package/dist/components/compositions/EstimateCost/helper.js

@@ -0,0 +1,11 @@
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { multiplier } from "./constants.js";
+
+//#region src/components/compositions/EstimateCost/helper.ts
+const calculatePrice = ({ price, amount, amountFree = 0, timeUnit, timeAmount, discount = 0 }) => {
+	const nonNanTimeAmount = Number.isNaN(timeAmount) ? 0 : timeAmount;
+	return (price - price * discount) * (nonNanTimeAmount * multiplier[timeUnit]) * Math.max(amount - amountFree, 0);
+};
+
+//#endregion
+export { calculatePrice };

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

@@ -0,0 +1,177 @@
+import type { ReactNode } from 'react';
+import estimateCostDefaultLocales from './locales/en';
+import type { EstimateCostProps } from './types';
+export declare function EstimateCost({ description, alert, alertTitle, alertVariant, defaultTimeUnit, timeUnits, hideOverlay, disableOverlayLeft, disableOverlayRight, hideTimeUnit, hideTotal, discount, OverlayRight, OverlayLeft, overlayMargin, isBeta, commitmentFees, commitmentFeesContent, monthlyFees, monthlyFeesLabel, monthlyFeesContent, overlayUnit, children, locales, compact, numberLocales, currency, style, onTotalPriceChange }: EstimateCostProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace EstimateCost {
+    var LineThrough: ({ isActive, className, ...props }: import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+        isActive?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+}
+export declare namespace EstimateCost {
+    var Item: import("react").MemoExoticComponent<({ discount, priceText, discountText, label, tooltipInfo, subLabel, price: basePrice, monthlyPrice, unit: baseUnit, amount: currentAmount, onAmountChange, amountFree, maxAmount, longFractionDigits, noIteration, noIterationText, noBorder, noPrice, isDefined, children, isFirstElement, isLastElement, isPrimaryBackground, productsCallback, iteration: receivedIteration, shouldBeHidden, hideFromOverlay, textNotDefined, animated, tabulation, labelTextVariant, labelTextProminence, notice, strikeThrough, style, }: {
+        amount?: number | undefined;
+        amountFree?: number | undefined;
+        animated?: boolean | undefined;
+        children?: ReactNode;
+        discount?: number | undefined;
+        discountText?: string | undefined;
+        hideFromOverlay?: boolean | undefined;
+        isDefined?: boolean | undefined;
+        isFirstElement?: boolean | undefined;
+        isLastElement?: boolean | undefined;
+        isPrimaryBackground?: boolean | undefined;
+        iteration?: import("./types").Iteration | undefined;
+        label?: ReactNode;
+        labelTextVariant?: "body" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "caption" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "code" | "codeSmall" | "codeSmallStrong" | "codeSmallStronger" | "codeStrong" | "codeStronger" | "heading" | "headingLarge" | "headingLargeStrong" | "headingLargeStronger" | "headingSmall" | "headingSmallStrong" | "headingSmallStronger" | "headingStrong" | "headingStronger" | undefined;
+        labelTextProminence?: "default" | "strong" | "stronger" | "weak" | undefined;
+        longFractionDigits?: boolean | undefined;
+        maxAmount?: number | undefined;
+        monthlyPrice?: number | undefined;
+        noBorder?: boolean | undefined;
+        noIteration?: boolean | undefined;
+        noIterationText?: string | undefined;
+        noPrice?: boolean | undefined;
+        notice?: string | undefined;
+        onAmountChange?: ((amount: number) => void) | undefined;
+        price?: number | undefined;
+        priceText?: ReactNode;
+        productsCallback?: {
+            add: (product: import("./types").EstimateProduct) => void;
+            remove: (product: import("./types").BareEstimateProduct) => void;
+        } | undefined;
+        shouldBeHidden?: boolean | undefined;
+        subLabel?: string | undefined;
+        tabulation?: number | undefined;
+        textNotDefined?: string | undefined;
+        tooltipInfo?: string | undefined;
+        unit?: "days" | "gb" | "hours" | "mb" | "minutes" | "months" | "seconds" | "tb" | "years" | (string & {}) | undefined;
+        strikeThrough?: boolean | undefined;
+        style?: import("react").CSSProperties | undefined;
+    }) => import("react/jsx-runtime").JSX.Element>;
+}
+export declare namespace EstimateCost {
+    var NumberInput: ({ amount, minValue, maxValue, getAmountValue, itemCallback, controls, }: {
+        amount?: number | undefined;
+        itemCallback?: ((amount?: number | null | undefined, isVariant?: boolean | undefined) => void) | undefined;
+        getAmountValue?: ((amount?: number | null | undefined) => void) | undefined;
+        minValue?: number | undefined;
+        maxValue?: number | undefined;
+        controls?: boolean | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+}
+export declare namespace EstimateCost {
+    var Unit: ({ amount, itemCallback, getAmountValue, unit, style, }: {
+        amount?: number | undefined;
+        itemCallback?: ((amount?: number | undefined, isVariant?: boolean | undefined) => void) | undefined;
+        getAmountValue?: ((amount?: number | undefined) => void) | undefined;
+        unit?: string | undefined;
+        style?: import("react").CSSProperties | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+}
+export declare namespace EstimateCost {
+    var Strong: import("react").MemoExoticComponent<({ variant, children, style }: {
+        variant?: "big" | "capitalized" | "normal" | "small" | undefined;
+        children?: ReactNode;
+        isDisabledOnOverlay?: boolean | undefined;
+        style?: import("react").CSSProperties | undefined;
+    }) => import("react/jsx-runtime").JSX.Element>;
+}
+export declare namespace EstimateCost {
+    var Regular: import("react").MemoExoticComponent<({ variant, isDisabledOnOverlay, children, className, style, }: {
+        variant?: "big" | "capitalized" | "normal" | "small" | undefined;
+        isDisabledOnOverlay?: boolean | undefined;
+        children?: ReactNode;
+        style?: import("react").CSSProperties | undefined;
+        className?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element | null>;
+}
+export declare namespace EstimateCost {
+    var Image: (props: import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>) => import("react/jsx-runtime").JSX.Element;
+}
+export declare namespace EstimateCost {
+    var Region: import("react").MemoExoticComponent<({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, hideFromOverlay, style, }: {
+        shouldBeHidden?: boolean | undefined;
+        priceText?: ReactNode;
+        animated?: boolean | undefined;
+        isFirstElement?: boolean | undefined;
+        isLastElement?: boolean | undefined;
+        productsCallback?: {
+            add: (product: import("./types").EstimateProduct) => void;
+            remove: (product: import("./types").BareEstimateProduct) => void;
+        } | undefined;
+        iteration?: import("./types").Iteration | undefined;
+        discount?: number | undefined;
+        label: string;
+        image: string;
+        noBorder?: boolean | undefined;
+        noPrice?: boolean | undefined;
+    } & Pick<{
+        amount?: number | undefined;
+        amountFree?: number | undefined;
+        animated?: boolean | undefined;
+        children?: ReactNode;
+        discount?: number | undefined;
+        discountText?: string | undefined;
+        hideFromOverlay?: boolean | undefined;
+        isDefined?: boolean | undefined;
+        isFirstElement?: boolean | undefined;
+        isLastElement?: boolean | undefined;
+        isPrimaryBackground?: boolean | undefined;
+        iteration?: import("./types").Iteration | undefined;
+        label?: ReactNode;
+        labelTextVariant?: "body" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "caption" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "code" | "codeSmall" | "codeSmallStrong" | "codeSmallStronger" | "codeStrong" | "codeStronger" | "heading" | "headingLarge" | "headingLargeStrong" | "headingLargeStronger" | "headingSmall" | "headingSmallStrong" | "headingSmallStronger" | "headingStrong" | "headingStronger" | undefined;
+        labelTextProminence?: "default" | "strong" | "stronger" | "weak" | undefined;
+        longFractionDigits?: boolean | undefined;
+        maxAmount?: number | undefined;
+        monthlyPrice?: number | undefined;
+        noBorder?: boolean | undefined;
+        noIteration?: boolean | undefined;
+        noIterationText?: string | undefined;
+        noPrice?: boolean | undefined;
+        notice?: string | undefined;
+        onAmountChange?: ((amount: number) => void) | undefined;
+        price?: number | undefined;
+        priceText?: ReactNode;
+        productsCallback?: {
+            add: (product: import("./types").EstimateProduct) => void;
+            remove: (product: import("./types").BareEstimateProduct) => void;
+        } | undefined;
+        shouldBeHidden?: boolean | undefined;
+        subLabel?: string | undefined;
+        tabulation?: number | undefined;
+        textNotDefined?: string | undefined;
+        tooltipInfo?: string | undefined;
+        unit?: "days" | "gb" | "hours" | "mb" | "minutes" | "months" | "seconds" | "tb" | "years" | (string & {}) | undefined;
+        strikeThrough?: boolean | undefined;
+        style?: import("react").CSSProperties | undefined;
+    }, "hideFromOverlay" | "style">) => import("react/jsx-runtime").JSX.Element>;
+}
+export declare namespace EstimateCost {
+    var Zone: import("react").MemoExoticComponent<({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, style, }: {
+        shouldBeHidden?: boolean | undefined;
+        priceText?: string | undefined;
+        animated?: boolean | undefined;
+        isFirstElement?: boolean | undefined;
+        isLastElement?: boolean | undefined;
+        productsCallback?: {
+            add: (product: import("./types").EstimateProduct) => void;
+            remove: (product: import("./types").BareEstimateProduct) => void;
+        } | undefined;
+        iteration?: import("./types").Iteration | undefined;
+        discount?: number | undefined;
+        label: string;
+        image: string;
+        noBorder?: boolean | undefined;
+        noPrice?: boolean | undefined;
+        style?: import("react").CSSProperties | undefined;
+    }) => import("react/jsx-runtime").JSX.Element>;
+}
+export declare namespace EstimateCost {
+    var Ellipsis: ({ children, maxWidth, 'data-testid': dataTestId, }: {
+        children: ReactNode;
+        maxWidth?: number | undefined;
+        'data-testid'?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+}
+export { estimateCostDefaultLocales };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/EstimateCost/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAkB,SAAS,EAAE,MAAM,OAAO,CAAA;AActD,OAAO,0BAA0B,MAAM,cAAc,CAAA;AAGrD,OAAO,KAAK,EAAE,iBAAiB,EAAS,MAAM,SAAS,CAAA;qCAgB1B,EAC3B,WAAW,EACX,KAAK,EACL,UAAU,EACV,YAAwB,EACxB,eAAyB,EACzB,SAA6B,EAC7B,WAAmB,EACnB,kBAA0B,EAC1B,mBAA2B,EAC3B,YAAoB,EACpB,SAAiB,EACjB,QAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,MAAc,EACd,cAAc,EACd,qBAAqB,EACrB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,WAAqB,EACrB,QAAe,EACf,OAAoC,EACpC,OAAO,EACP,aAAuB,EACvB,QAAgB,EAChB,KAAK,EACL,kBAAkB,EACnB,EAAE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4FpB,OAAO,EAAE,0BAA0B,EAAE,CAAA"}

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

@@ -0,0 +1,97 @@
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
+import { Text } from "../../Text/index.js";
+import { maxWidthText, maxWidthTextVar } from "./Components/components.css.js";
+import en_default from "./locales/en.js";
+import { EstimateCostProvider } from "./EstimateCostProvider.js";
+import { useOverlay } from "./OverlayContext.js";
+import { estimateCostImage } from "./styles.css.js";
+import { Item } from "./Components/Item.js";
+import { LineThrough } from "./Components/LineThrough.js";
+import { Regular } from "./Components/Regular.js";
+import { NumberInput } from "./Components/NumberInput.js";
+import { Strong } from "./Components/Strong.js";
+import { Region } from "./Components/Region.js";
+import { Unit } from "./Components/Unit.js";
+import { Zone } from "./Components/Zone.js";
+import { EstimateCostContent } from "./EstimateCostContent.js";
+import { Children } from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
+
+//#region src/components/compositions/EstimateCost/index.tsx
+const DEFAULT_UNIT_LIST = [
+	"hours",
+	"days",
+	"months"
+];
+const Image = (props) => /* @__PURE__ */ jsx("img", _objectSpread2(_objectSpread2({
+	alt: props.alt,
+	height: props.height,
+	width: props.width
+}, props), {}, { className: cn(props.className, estimateCostImage) }));
+const EstimateCost = ({ description, alert, alertTitle, alertVariant = "warning", defaultTimeUnit = "hours", timeUnits = DEFAULT_UNIT_LIST, hideOverlay = false, disableOverlayLeft = false, disableOverlayRight = false, hideTimeUnit = false, hideTotal = false, discount = 0, OverlayRight, OverlayLeft, overlayMargin, isBeta = false, commitmentFees, commitmentFeesContent, monthlyFees, monthlyFeesLabel, monthlyFeesContent, overlayUnit = "hours", children = null, locales = en_default, compact, numberLocales = "en-EN", currency = "EUR", style, onTotalPriceChange }) => /* @__PURE__ */ jsx(EstimateCostProvider, {
+	currency,
+	locales,
+	numberLocales,
+	children: /* @__PURE__ */ jsx(EstimateCostContent, {
+		alert,
+		alertTitle,
+		alertVariant,
+		commitmentFees,
+		commitmentFeesContent,
+		compact,
+		defaultTimeUnit,
+		description,
+		disableOverlayLeft,
+		disableOverlayRight,
+		discount,
+		hideOverlay,
+		hideTimeUnit,
+		hideTotal,
+		isBeta,
+		locales,
+		monthlyFees,
+		monthlyFeesContent,
+		monthlyFeesLabel,
+		OverlayLeft,
+		OverlayRight,
+		onTotalPriceChange,
+		overlayMargin,
+		overlayUnit,
+		style,
+		timeUnits,
+		children
+	})
+});
+EstimateCost.LineThrough = LineThrough;
+EstimateCost.Item = Item;
+EstimateCost.NumberInput = NumberInput;
+EstimateCost.Unit = Unit;
+EstimateCost.Strong = Strong;
+EstimateCost.Regular = Regular;
+EstimateCost.Image = Image;
+EstimateCost.Region = Region;
+EstimateCost.Zone = Zone;
+const Ellipsis = ({ children, maxWidth = 350, "data-testid": dataTestId }) => {
+	const { isOverlay } = useOverlay();
+	const text = Children.toArray(children).join("").toString();
+	return /* @__PURE__ */ jsx("div", {
+		"data-testid": dataTestId,
+		style: { display: isOverlay ? void 0 : "inline-flex" },
+		children: /* @__PURE__ */ jsx(Text, {
+			as: "p",
+			className: maxWidthText,
+			oneLine: true,
+			style: assignInlineVars({ [maxWidthTextVar]: isOverlay ? "200px" : `${maxWidth}px` }),
+			variant: "bodyStrong",
+			children: text
+		})
+	});
+};
+EstimateCost.Ellipsis = Ellipsis;
+
+//#endregion
+export { EstimateCost, en_default as estimateCostDefaultLocales };

package/dist/components/compositions/EstimateCost/locales/en.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    readonly 'estimate.cost.az.label': "Availability Zone";
+    readonly 'estimate.cost.beta.badge': "Beta Version";
+    readonly 'estimate.cost.beta.discount': "% off during Beta";
+    readonly 'estimate.cost.beta.free': "Free During Beta";
+    readonly 'estimate.cost.description': "This summary provides a cost estimation based on your configuration, the amount of time you expect to use the resource for, and the scale of your expected usage. For the purposes of this calculation, we consider that 1 month equals to 730 hours.";
+    readonly 'estimate.cost.fees.commitment': "Commitment Fees";
+    readonly 'estimate.cost.fees.monthly.title': "Each month";
+    readonly 'estimate.cost.fees.oneTime.title': "One time fees";
+    readonly 'estimate.cost.label': "Estimated cost";
+    readonly 'estimate.cost.notDefined': "Not defined";
+    readonly 'estimate.cost.region.label': "Region";
+    readonly 'estimate.cost.submit.label': "Create";
+    readonly 'estimate.cost.units.days.label': "Day(s)";
+    readonly 'estimate.cost.units.gb.label': "GB";
+    readonly 'estimate.cost.units.hours.label': "Hour(s)";
+    readonly 'estimate.cost.units.minutes.label': "Minute(s)";
+    readonly 'estimate.cost.units.months.label': "Month(s)";
+    readonly 'estimate.cost.units.seconds.label': "Second(s)";
+    readonly 'estimate.cost.units.years.label': "Year(s)";
+};
+export default _default;
+//# sourceMappingURL=en.d.ts.map

package/dist/components/compositions/EstimateCost/locales/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/EstimateCost/locales/en.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,wBAqBU"}

package/dist/components/compositions/EstimateCost/locales/en.js

@@ -0,0 +1,25 @@
+//#region src/components/compositions/EstimateCost/locales/en.ts
+var en_default = {
+	"estimate.cost.az.label": "Availability Zone",
+	"estimate.cost.beta.badge": "Beta Version",
+	"estimate.cost.beta.discount": "% off during Beta",
+	"estimate.cost.beta.free": "Free During Beta",
+	"estimate.cost.description": "This summary provides a cost estimation based on your configuration, the amount of time you expect to use the resource for, and the scale of your expected usage. For the purposes of this calculation, we consider that 1 month equals to 730 hours.",
+	"estimate.cost.fees.commitment": "Commitment Fees",
+	"estimate.cost.fees.monthly.title": "Each month",
+	"estimate.cost.fees.oneTime.title": "One time fees",
+	"estimate.cost.label": "Estimated cost",
+	"estimate.cost.notDefined": "Not defined",
+	"estimate.cost.region.label": "Region",
+	"estimate.cost.submit.label": "Create",
+	"estimate.cost.units.days.label": "Day(s)",
+	"estimate.cost.units.gb.label": "GB",
+	"estimate.cost.units.hours.label": "Hour(s)",
+	"estimate.cost.units.minutes.label": "Minute(s)",
+	"estimate.cost.units.months.label": "Month(s)",
+	"estimate.cost.units.seconds.label": "Second(s)",
+	"estimate.cost.units.years.label": "Year(s)"
+};
+
+//#endregion
+export { en_default as default };

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

@@ -0,0 +1,86 @@
+export declare const paddingLeftCell: `var(--${string})`;
+export declare const overlayMarginVar: `var(--${string})`;
+export declare const estimateCostImage: string;
+export declare const estimateCostTable: Record<"noTotal" | "total", string>;
+export declare const estimateCostFeesTable: string;
+export declare const estimateCostPriceColumn: string;
+export declare const estimateCostPriceCell: string;
+export declare const estimateCostCell: import("@vanilla-extract/recipes").RuntimeFn<{
+    hasBorder: {
+        true: {
+            selectors: {
+                '&:before': {
+                    borderBottom: `1px solid var(--${string})`;
+                    bottom: number;
+                    content: "''";
+                    height: number;
+                    left: number;
+                    marginLeft: `var(--${string})`;
+                    position: "absolute";
+                    width: "calc(100% - 32px)";
+                };
+            };
+        };
+    };
+    primary: {
+        true: {
+            background: `var(--${string})`;
+        };
+    };
+}>;
+export declare const estimateCostTotalPriceCell: string;
+export declare const estimateCostEmptyTable: string;
+export declare const estimateCostTitle: string;
+export declare const estimateCostEmptyCell: string;
+export declare const estimateCostTimeCell: string;
+export declare const estimateCostBadgeBeta: Record<"long" | "short", string>;
+export declare const estimateCostOverlayRow: import("@vanilla-extract/recipes").RuntimeFn<{
+    hideFromOverlay: {
+        true: {
+            display: "none";
+        };
+    };
+    isFirstElement: {
+        true: {
+            border: number;
+        };
+    };
+    shouldBeHidden: {
+        true: {
+            '@media': {
+                '(max-width: 1800px)': {
+                    display: "none";
+                };
+            };
+        };
+    };
+}>;
+export declare const estimateCostBadge: string;
+export declare const estimatecostFeesText: string;
+export declare const estimateCostText: import("@vanilla-extract/recipes").RuntimeFn<{
+    beta: {
+        true: {
+            marginLeft: `var(--${string})`;
+        };
+    };
+}>;
+export declare const estimateCostCalculatorIcon: string;
+export declare const estimateCostPriceCellContent: string;
+export declare const estimateCostOverlayContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+    inView: {
+        false: {
+            bottom: number;
+            boxShadow: `var(--${string})`;
+        };
+        true: {
+            bottom: "-120px";
+            boxShadow: "0";
+        };
+    };
+}>;
+export declare const estimateCostList: string;
+export declare const estimateCostSideItem: string;
+export declare const estimateCostContent: Record<"compact" | "default", string>;
+export declare const estimateCostCompact: string;
+export declare const estimateCostCompactText: string;
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/EstimateCost/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe,oBAAc,CAAA;AAC1C,eAAO,MAAM,gBAAgB,oBAAc,CAAA;AAE3C,eAAO,MAAM,iBAAiB,QAG5B,CAAA;AAOF,eAAO,MAAM,iBAAiB,qCAG5B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAGhC,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAElC,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAKhC,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;EA+B3B,CAAA;AAEF,eAAO,MAAM,0BAA0B,QAUrC,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAKjC,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAQ5B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAAmC,CAAA;AAErE,eAAO,MAAM,oBAAoB,QAM/B,CAAA;AAMF,eAAO,MAAM,qBAAqB,kCAGhC,CAAA;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;EA8BjC,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAM5B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAE/B,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;EAW3B,CAAA;AAEF,eAAO,MAAM,0BAA0B,QAAyC,CAAA;AAEhF,eAAO,MAAM,4BAA4B,QAEvC,CAAA;AAEF,eAAO,MAAM,4BAA4B;;;;;;;;;;;EAyBvC,CAAA;AAEF,eAAO,MAAM,gBAAgB,QAO3B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAI/B,CAAA;AAEF,eAAO,MAAM,mBAAmB,uCAK9B,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAG9B,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAMlC,CAAA"}

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

@@ -0,0 +1,72 @@
+/* empty css                      */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/compositions/EstimateCost/styles.css.ts
+var paddingLeftCell = "var(--uv_mq8p7m0)";
+var overlayMarginVar = "var(--uv_mq8p7m1)";
+var estimateCostImage = "uv_mq8p7m2";
+var estimateCostTable = {
+	noTotal: "uv_mq8p7m4 uv_mq8p7m3",
+	total: "uv_mq8p7m5 uv_mq8p7m3"
+};
+var estimateCostFeesTable = "uv_mq8p7m6 uv_mq8p7m3";
+var estimateCostPriceColumn = "uv_mq8p7m7";
+var estimateCostPriceCell = "uv_mq8p7m8";
+var estimateCostCell = createRuntimeFn({
+	defaultClassName: "uv_mq8p7m9",
+	variantClassNames: {
+		hasBorder: { true: "uv_mq8p7ma" },
+		primary: { true: "uv_mq8p7mb" }
+	},
+	defaultVariants: {},
+	compoundVariants: []
+});
+var estimateCostTotalPriceCell = "uv_mq8p7mc";
+var estimateCostEmptyTable = "uv_mq8p7md";
+var estimateCostTitle = "uv_mq8p7me";
+var estimateCostEmptyCell = "uv_mq8p7mf";
+var estimateCostTimeCell = "uv_mq8p7mg";
+var estimateCostBadgeBeta = {
+	"long": "uv_mq8p7mi uv_mq8p7mh",
+	"short": "uv_mq8p7mj uv_mq8p7mh"
+};
+var estimateCostOverlayRow = createRuntimeFn({
+	defaultClassName: "uv_mq8p7mk",
+	variantClassNames: {
+		hideFromOverlay: { true: "uv_mq8p7ml" },
+		isFirstElement: { true: "uv_mq8p7mm" },
+		shouldBeHidden: { true: "uv_mq8p7mn" }
+	},
+	defaultVariants: {},
+	compoundVariants: []
+});
+var estimateCostBadge = "uv_mq8p7mo";
+var estimatecostFeesText = "uv_mq8p7mp";
+var estimateCostText = createRuntimeFn({
+	defaultClassName: "uv_mq8p7mq",
+	variantClassNames: { beta: { true: "uv_mq8p7mr" } },
+	defaultVariants: {},
+	compoundVariants: []
+});
+var estimateCostCalculatorIcon = "uv_mq8p7ms";
+var estimateCostPriceCellContent = "uv_mq8p7mt";
+var estimateCostOverlayContainer = createRuntimeFn({
+	defaultClassName: "uv_mq8p7mu",
+	variantClassNames: { inView: {
+		false: "uv_mq8p7mv",
+		true: "uv_mq8p7mw"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+var estimateCostList = "uv_mq8p7mx";
+var estimateCostSideItem = "uv_mq8p7my";
+var estimateCostContent = {
+	compact: "uv_mq8p7mz",
+	"default": "uv_mq8p7m10"
+};
+var estimateCostCompact = "uv_mq8p7m11";
+var estimateCostCompactText = "uv_mq8p7m12";
+
+//#endregion
+export { estimateCostBadge, estimateCostBadgeBeta, estimateCostCalculatorIcon, estimateCostCell, estimateCostCompact, estimateCostCompactText, estimateCostContent, estimateCostEmptyCell, estimateCostEmptyTable, estimateCostFeesTable, estimateCostImage, estimateCostList, estimateCostOverlayContainer, estimateCostOverlayRow, estimateCostPriceCell, estimateCostPriceCellContent, estimateCostPriceColumn, estimateCostSideItem, estimateCostTable, estimateCostText, estimateCostTimeCell, estimateCostTitle, estimateCostTotalPriceCell, estimatecostFeesText, overlayMarginVar, paddingLeftCell };