@ultraviolet/ui 3.10.1 → 3.11.0

package/dist/components/compositions/CustomerSatisfaction/assets/5-5NB.js

@@ -0,0 +1,5 @@
+//#region src/components/compositions/CustomerSatisfaction/assets/5-5NB.svg
+var _5_5NB_default = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cg%20data-name='Calque%202'%3e%3cg%20data-name='Calque%201'%3e%3cpath%20fill='%23f0f0f0'%20fill-rule='evenodd'%20d='M36.08%200a77%2077%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.7%2069.7%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077%2077%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200'/%3e%3cpath%20fill='%232b2b2b'%20d='M24.32%2028.58a1.08%201.08%200%200%201-1-1.12A5.3%205.3%200%200%200%2018.19%2022a5.3%205.3%200%200%200-5.09%205.46%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.45%207.45%200%200%201%207.17%207.7%201.08%201.08%200%200%201-1.04%201.12m26.62%200a1.09%201.09%200%200%201-1-1.12%205.1%205.1%200%201%200-10.17%200%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.46%207.46%200%200%201%207.14%207.7%201.08%201.08%200%200%201-1.06%201.12'/%3e%3cpath%20fill='%233b3b3b'%20fill-rule='evenodd'%20d='M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77%2077%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82'%20opacity='.06'/%3e%3cpath%20fill='%23fff'%20d='M46%2032.9v5.47a21.22%2021.22%200%200%201-30%200V32.9a21.22%2021.22%200%200%200%2030%200'/%3e%3cpath%20fill='%238e8e8e'%20d='M34.82%2048.44a6.4%206.4%200%200%201%205.63%203.36%2015%2015%200%200%201-18.9%200A6.39%206.39%200%200%201%2031%2049.71a6.3%206.3%200%200%201%203.82-1.27'/%3e%3cpath%20fill='%23474747'%20d='M46%2038.37v1.78a15%2015%200%200%201-4.39%2010.61c-.37.37-.76.71-1.16%201a6.4%206.4%200%200%200-5.63-3.36A6.3%206.3%200%200%200%2031%2049.71a6.39%206.39%200%200%200-9.45%202.09A15%2015%200%200%201%2016%2040.15v-1.78a21.22%2021.22%200%200%200%2030%200'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+
+//#endregion
+export { _5_5NB_default as default };

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

@@ -0,0 +1,33 @@
+import type { CSSProperties } from 'react';
+declare const ratings: readonly [{
+    readonly imgNotSelected: string;
+    readonly imgSelected: string;
+    readonly value: 1;
+}, {
+    readonly imgNotSelected: string;
+    readonly imgSelected: string;
+    readonly value: 2;
+}, {
+    readonly imgNotSelected: string;
+    readonly imgSelected: string;
+    readonly value: 3;
+}, {
+    readonly imgNotSelected: string;
+    readonly imgSelected: string;
+    readonly value: 4;
+}, {
+    readonly imgNotSelected: string;
+    readonly imgSelected: string;
+    readonly value: 5;
+}];
+type Value = (typeof ratings)[number]['value'];
+type CustomerSatisfactionProps = {
+    value: Value;
+    onChange: (rating: Value) => void;
+    'data-testid'?: string;
+    className?: string;
+    style?: CSSProperties;
+};
+export declare const CustomerSatisfaction: ({ value, onChange, 'data-testid': dataTestId, className, style, }: CustomerSatisfactionProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/CustomerSatisfaction/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAkB1C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;EA0BH,CAAA;AAEV,KAAK,KAAK,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;AAE9C,KAAK,yBAAyB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,oBAAoB,2IA4DhC,CAAA"}

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

@@ -0,0 +1,89 @@
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack } from "../../Stack/index.js";
+import _1_5_default from "./assets/1-5.js";
+import _1_5NB_default from "./assets/1-5NB.js";
+import _2_5_default from "./assets/2-5.js";
+import _2_5NB_default from "./assets/2-5NB.js";
+import _3_5_default from "./assets/3-5.js";
+import _3_5NB_default from "./assets/3-5NB.js";
+import _4_5_default from "./assets/4-5.js";
+import _4_5NB_default from "./assets/4-5NB.js";
+import _5_5_default from "./assets/5-5.js";
+import _5_5NB_default from "./assets/5-5NB.js";
+import { customerSatisfactionButtonContainer, customerStatisfaction } from "./styles.css.js";
+import { useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compositions/CustomerSatisfaction/index.tsx
+const ratings = [
+	{
+		imgNotSelected: _1_5NB_default,
+		imgSelected: _1_5_default,
+		value: 1
+	},
+	{
+		imgNotSelected: _2_5NB_default,
+		imgSelected: _2_5_default,
+		value: 2
+	},
+	{
+		imgNotSelected: _3_5NB_default,
+		imgSelected: _3_5_default,
+		value: 3
+	},
+	{
+		imgNotSelected: _4_5NB_default,
+		imgSelected: _4_5_default,
+		value: 4
+	},
+	{
+		imgNotSelected: _5_5NB_default,
+		imgSelected: _5_5_default,
+		value: 5
+	}
+];
+const CustomerSatisfaction = ({ value, onChange, "data-testid": dataTestId, className, style }) => {
+	const [hoveredValue, setHoveredValue] = useState(0);
+	const isHappy = useMemo(() => value > ratings.length / 2, [value]);
+	return /* @__PURE__ */ jsx(Stack, {
+		className,
+		"data-testid": dataTestId,
+		direction: "row",
+		justifyContent: "space-between",
+		style,
+		children: ratings.map((rating) => {
+			const isSelected = rating.value === value;
+			const isOverfly = rating.value <= hoveredValue;
+			const isScaled = rating.value === hoveredValue && isSelected;
+			return /* @__PURE__ */ jsx("button", {
+				className: customerSatisfactionButtonContainer,
+				onClick: () => {
+					onChange(rating.value);
+				},
+				onKeyDown: () => {},
+				onMouseEnter: () => {
+					setHoveredValue(rating.value);
+				},
+				onMouseLeave: () => {
+					setHoveredValue(0);
+				},
+				type: "button",
+				children: /* @__PURE__ */ jsx("img", {
+					alt: "rating",
+					className: customerStatisfaction({
+						animated: isSelected ? isHappy ? "happy" : "angry" : void 0,
+						isScaled
+					}),
+					"data-testid": `${dataTestId}-${rating.value}`,
+					height: "auto",
+					src: isSelected || isOverfly || rating.value <= value ? rating.imgSelected : rating.imgNotSelected,
+					width: "auto"
+				})
+			}, rating.value);
+		})
+	});
+};
+
+//#endregion
+export { CustomerSatisfaction };

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

@@ -0,0 +1,19 @@
+export declare const angryAnimation: string;
+export declare const happyAnimation: string;
+export declare const customerStatisfaction: import("@vanilla-extract/recipes").RuntimeFn<{
+    animated: {
+        angry: {
+            animation: `${string} 1s ease infinite`;
+        };
+        happy: {
+            animation: `${string} 1s ease infinite`;
+        };
+    };
+    isScaled: {
+        true: {
+            transform: "scale(1.2)";
+        };
+    };
+}>;
+export declare const customerSatisfactionButtonContainer: string;
+//# sourceMappingURL=styles.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/CustomerSatisfaction/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,QAazB,CAAA;AAEF,eAAO,MAAM,cAAc,QAazB,CAAA;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;EA2BhC,CAAA;AAEF,eAAO,MAAM,mCAAmC,QAM9C,CAAA"}

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

@@ -0,0 +1,20 @@
+/* empty css                      */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/compositions/CustomerSatisfaction/styles.css.ts
+var customerStatisfaction = createRuntimeFn({
+	defaultClassName: "uv_1itnax12",
+	variantClassNames: {
+		animated: {
+			angry: "uv_1itnax13",
+			happy: "uv_1itnax14"
+		},
+		isScaled: { true: "uv_1itnax15" }
+	},
+	defaultVariants: {},
+	compoundVariants: []
+});
+var customerSatisfactionButtonContainer = "uv_1itnax16";
+
+//#endregion
+export { customerSatisfactionButtonContainer, customerStatisfaction };

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

@@ -0,0 +1,16 @@
+import type { Iteration } from './types';
+type TotalPrice = {
+    hourly: number;
+    maxHourly: number;
+    maxOverlayHourly: number;
+    maxTotal: number;
+    overlayHourly: number;
+    total: number;
+};
+export declare const CompactEstimateCost: ({ label, totalPrice, iteration, }: {
+    label: string;
+    totalPrice: TotalPrice;
+    iteration: Iteration;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CompactEstimateCost.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompactEstimateCost.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/EstimateCost/CompactEstimateCost.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,KAAK,UAAU,GAAG;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;6CA+B/B,CAAA"}

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

@@ -0,0 +1,38 @@
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack } from "../../Stack/index.js";
+import { Text } from "../../Text/index.js";
+import { estimateCostCompact, estimateCostCompactText } from "./styles.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CalculatorIcon } from "@ultraviolet/icons/CalculatorIcon";
+
+//#region src/components/compositions/EstimateCost/CompactEstimateCost.tsx
+const CompactEstimateCost = ({ label, totalPrice, iteration }) => /* @__PURE__ */ jsxs(Stack, {
+	alignItems: "center",
+	className: estimateCostCompact,
+	direction: "row",
+	justifyContent: "space-between",
+	children: [/* @__PURE__ */ jsxs(Text, {
+		as: "p",
+		className: estimateCostCompactText,
+		variant: "bodyStrong",
+		children: [/* @__PURE__ */ jsx(CalculatorIcon, {
+			sentiment: "primary",
+			size: "medium"
+		}), label]
+	}), /* @__PURE__ */ jsxs(Stack, {
+		alignItems: "center",
+		direction: "row",
+		children: [/* @__PURE__ */ jsxs(Text, {
+			as: "span",
+			variant: "headingSmallStrong",
+			children: ["€", totalPrice.total]
+		}), /* @__PURE__ */ jsxs(Text, {
+			as: "span",
+			variant: "bodyStrong",
+			children: ["/", iteration.unit.length > 1 && iteration.unit.endsWith("s") ? iteration.unit.slice(0, -1) : iteration.unit]
+		})]
+	})]
+});
+
+//#endregion
+export { CompactEstimateCost };

package/dist/components/compositions/EstimateCost/Components/ContentComponents.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import type { ChildrenComponentType, LocalesType, TotalContentProps } from '../types';
+export declare const DescriptionComponent: import("react").MemoExoticComponent<({ description, locales, }: {
+    description: ReactNode;
+    locales: Record<"estimate.cost.az.label" | "estimate.cost.beta.badge" | "estimate.cost.beta.discount" | "estimate.cost.beta.free" | "estimate.cost.description" | "estimate.cost.fees.commitment" | "estimate.cost.fees.monthly.title" | "estimate.cost.fees.oneTime.title" | "estimate.cost.label" | "estimate.cost.notDefined" | "estimate.cost.region.label" | "estimate.cost.submit.label" | "estimate.cost.units.days.label" | "estimate.cost.units.gb.label" | "estimate.cost.units.hours.label" | "estimate.cost.units.minutes.label" | "estimate.cost.units.months.label" | "estimate.cost.units.seconds.label" | "estimate.cost.units.years.label", string>;
+}) => number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null>;
+export declare const TitleComponent: import("react").MemoExoticComponent<({ locales }: {
+    locales: LocalesType;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare const ChildrenComponent: ({ hideTotal, ref, hideTimeUnit, defaultTimeUnit, iteration, setIteration, timeUnits, children, discount, productsCallback, }: ChildrenComponentType) => import("react/jsx-runtime").JSX.Element;
+export declare const TotalComponent: ({ isBeta, discount, totalValue, totalPrice, totalMaxValue, hideHourlyPriceOnTotal, isLongFractionDigits, }: TotalContentProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContentComponents.d.ts.map

package/dist/components/compositions/EstimateCost/Components/ContentComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentComponents.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/EstimateCost/Components/ContentComponents.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAwBtC,OAAO,KAAK,EACV,qBAAqB,EAErB,WAAW,EACX,iBAAiB,EAClB,MAAM,UAAU,CAAA;AAGjB,eAAO,MAAM,oBAAoB;;;yTAehC,CAAA;AAED,eAAO,MAAM,cAAc;;8CASzB,CAAA;AAEF,eAAO,MAAM,iBAAiB,kMAoF7B,CAAA;AAED,eAAO,MAAM,cAAc,4KAuF1B,CAAA"}

package/dist/components/compositions/EstimateCost/Components/ContentComponents.js

@@ -0,0 +1,114 @@
+import { __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Text } from "../../../Text/index.js";
+import { Badge } from "../../../Badge/index.js";
+import { maximumFractionDigits, maximumFractionDigitsLong } from "../constants.js";
+import { useEstimateCost } from "../EstimateCostProvider.js";
+import { estimateCostBadgeBeta, estimateCostCalculatorIcon, estimateCostCell, estimateCostEmptyCell, estimateCostEmptyTable, estimateCostPriceCell, estimateCostPriceCellContent, estimateCostPriceColumn, estimateCostTable, estimateCostText, estimateCostTimeCell, estimateCostTitle, estimateCostTotalPriceCell, paddingLeftCell } from "../styles.css.js";
+import { LineThrough } from "./LineThrough.js";
+import { CustomUnitInput } from "./CustomUnitInput.js";
+import { Children, cloneElement, isValidElement, memo } from "react";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@ultraviolet/utils";
+import { CalculatorIcon } from "@ultraviolet/icons/CalculatorIcon";
+
+//#region src/components/compositions/EstimateCost/Components/ContentComponents.tsx
+const DescriptionComponent = memo(({ description, locales }) => description === void 0 || typeof description === "string" ? /* @__PURE__ */ jsx(Text, {
+	as: "span",
+	variant: "body",
+	children: description || locales["estimate.cost.description"]
+}) : description);
+const TitleComponent = memo(({ locales }) => /* @__PURE__ */ jsxs("h3", {
+	className: estimateCostTitle,
+	children: [/* @__PURE__ */ jsx(CalculatorIcon, {
+		className: estimateCostCalculatorIcon,
+		sentiment: "primary",
+		size: "medium"
+	}), locales === null || locales === void 0 ? void 0 : locales["estimate.cost.label"]]
+}));
+const ChildrenComponent = ({ hideTotal, ref, hideTimeUnit, defaultTimeUnit, iteration, setIteration, timeUnits, children, discount, productsCallback }) => {
+	const { locales } = useEstimateCost();
+	return /* @__PURE__ */ jsxs("table", {
+		cellPadding: "0",
+		cellSpacing: "0",
+		className: estimateCostTable[hideTotal ? "noTotal" : "total"],
+		"data-testid": "summary",
+		ref,
+		children: [
+			/* @__PURE__ */ jsxs("colgroup", { children: [/* @__PURE__ */ jsx("col", {}), /* @__PURE__ */ jsx("col", { className: estimateCostPriceColumn })] }),
+			hideTimeUnit ? null : /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", { children: /* @__PURE__ */ jsx(TitleComponent, { locales }) }), /* @__PURE__ */ jsx("th", {
+				className: cn(estimateCostPriceCellContent, estimateCostPriceCell),
+				children: /* @__PURE__ */ jsx("div", {
+					className: estimateCostTimeCell,
+					children: /* @__PURE__ */ jsx(CustomUnitInput, {
+						defaultTimeUnit,
+						iteration,
+						setIteration,
+						timeUnits
+					})
+				})
+			})] }) }),
+			/* @__PURE__ */ jsx("tbody", { children: Children.map(children, (child, index) => isValidElement(child) ? cloneElement(child, {
+				discount: discount && !child.props.discount ? discount : child.props.discount,
+				isLastElement: index === Children.count(children) - 1,
+				iteration,
+				productsCallback
+			}) : child) })
+		]
+	});
+};
+const TotalComponent = ({ isBeta, discount, totalValue, totalPrice, totalMaxValue, hideHourlyPriceOnTotal, isLongFractionDigits }) => {
+	const { formatNumber, locales } = useEstimateCost();
+	const localeBeta = locales[`estimate.cost.beta.${discount > 0 ? "discount" : "free"}`];
+	return /* @__PURE__ */ jsxs("table", {
+		cellPadding: "0",
+		cellSpacing: "0",
+		className: estimateCostEmptyTable,
+		children: [/* @__PURE__ */ jsxs("colgroup", { children: [/* @__PURE__ */ jsx("col", {}), /* @__PURE__ */ jsx("col", { className: estimateCostPriceColumn })] }), /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("td", {
+			"aria-label": "control",
+			className: estimateCostEmptyCell
+		}), /* @__PURE__ */ jsxs("td", {
+			className: cn(estimateCostCell({
+				hasBorder: false,
+				primary: false
+			}), estimateCostTotalPriceCell),
+			style: assignInlineVars({ [paddingLeftCell]: "16px" }),
+			children: [
+				isBeta ? /* @__PURE__ */ jsx(Badge, {
+					className: estimateCostBadgeBeta[localeBeta.length > 25 ? "long" : "short"],
+					prominence: "strong",
+					sentiment: "warning",
+					children: `${discount > 0 ? discount * 100 : ""}
+                          ${localeBeta}`
+				}) : null,
+				/* @__PURE__ */ jsx(Text, {
+					as: "h3",
+					className: estimateCostText({ beta: isBeta }),
+					sentiment: "primary",
+					variant: "heading",
+					children: /* @__PURE__ */ jsxs(LineThrough, {
+						isActive: isBeta && (discount === 0 || discount >= 1),
+						children: [totalValue, totalPrice.maxTotal > 0 ? ` - ${totalMaxValue}` : null]
+					})
+				}),
+				hideHourlyPriceOnTotal && totalPrice.hourly > 0 && totalPrice.hourly !== totalPrice.total && totalPrice.total > 0 ? /* @__PURE__ */ jsx(Text, {
+					as: "p",
+					placement: "right",
+					variant: "body",
+					children: /* @__PURE__ */ jsxs(LineThrough, {
+						isActive: isBeta && (discount === 0 || discount >= 1),
+						children: [
+							formatNumber(totalPrice.hourly, { maximumFractionDigits: isLongFractionDigits ? maximumFractionDigitsLong.hours : maximumFractionDigits.hours }),
+							totalPrice.maxHourly > 0 ? ` - ${formatNumber(totalPrice.maxHourly, { maximumFractionDigits: isLongFractionDigits ? maximumFractionDigitsLong.hours : maximumFractionDigits.hours })}` : null,
+							"/",
+							locales["estimate.cost.units.hours.label"].toLowerCase()
+						]
+					})
+				}) : null
+			]
+		})] }) })]
+	});
+};
+
+//#endregion
+export { ChildrenComponent, DescriptionComponent, TotalComponent };

package/dist/components/compositions/EstimateCost/Components/CustomUnitInput.d.ts

@@ -0,0 +1,10 @@
+import type { Iteration, Units } from '../types';
+type CustomUnitInputProps = {
+    defaultTimeUnit?: Units;
+    setIteration: (iteration: Iteration) => void;
+    iteration: Iteration;
+    timeUnits: Units[];
+};
+export declare const CustomUnitInput: import("react").MemoExoticComponent<({ defaultTimeUnit, setIteration, iteration, timeUnits, }: CustomUnitInputProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=CustomUnitInput.d.ts.map

package/dist/components/compositions/EstimateCost/Components/CustomUnitInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomUnitInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/EstimateCost/Components/CustomUnitInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhD,KAAK,oBAAoB,GAAG;IAC1B,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB,YAAY,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAA;IAC5C,SAAS,EAAE,SAAS,CAAA;IACpB,SAAS,EAAE,KAAK,EAAE,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,eAAe,kKAkD3B,CAAA"}

package/dist/components/compositions/EstimateCost/Components/CustomUnitInput.js

@@ -0,0 +1,41 @@
+'use client';
+import { __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { useEstimateCost } from "../EstimateCostProvider.js";
+import { UnitInput } from "../../../UnitInput/index.js";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compositions/EstimateCost/Components/CustomUnitInput.tsx
+const CustomUnitInput = memo(({ defaultTimeUnit = "hours", setIteration, iteration, timeUnits }) => {
+	const { locales } = useEstimateCost();
+	const options = useMemo(() => timeUnits.map((unit) => ({
+		label: locales[`estimate.cost.units.${unit}.label`],
+		value: unit
+	})), [timeUnits, locales]);
+	const defaultOption = useMemo(() => options.find(({ value }) => value === defaultTimeUnit), [defaultTimeUnit, options]);
+	return /* @__PURE__ */ jsx(UnitInput, {
+		min: 1,
+		name: "iteration",
+		onChange: (inputValue) => setIteration({
+			unit: iteration.unit,
+			value: inputValue
+		}),
+		onChangeUnitValue: (unitValue) => {
+			setIteration({
+				unit: unitValue,
+				value: iteration.value
+			});
+		},
+		options,
+		placeholder: "0",
+		selectInputWidth: "100%",
+		size: "medium",
+		templateColumns: "auto auto",
+		unitValue: iteration.unit || (defaultOption === null || defaultOption === void 0 ? void 0 : defaultOption.value),
+		value: iteration.value,
+		width: "100%"
+	});
+});
+
+//#endregion
+export { CustomUnitInput };

package/dist/components/compositions/EstimateCost/Components/Item.d.ts

@@ -0,0 +1,118 @@
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
+import type { Text } from '../../../Text';
+import type { BareEstimateProduct, EstimateProduct, Iteration } from '../types';
+type ItemProps = {
+    amount?: number;
+    /**
+     * Number of items that are free. It will be deducted to price of the item.
+     */
+    amountFree?: number;
+    /**
+     * if true, zoomIn animation is triggered
+     */
+    animated?: boolean;
+    children?: ReactNode;
+    discount?: number;
+    discountText?: string;
+    /**
+     * Hide element from overlay
+     */
+    hideFromOverlay?: boolean;
+    /**
+     * Do not set this prop, it is transferred from parent
+     */
+    isDefined?: boolean;
+    /**
+     * Do not set this prop, it is transferred from parent
+     */
+    isFirstElement?: boolean;
+    /**
+     * Do not set this prop, it is transferred from parent
+     */
+    isLastElement?: boolean;
+    isPrimaryBackground?: boolean;
+    /**
+     * Do not set this prop, it is transferred from parent
+     */
+    iteration?: Iteration;
+    /**
+     * String that is displayed on left part of the item, it defines the item
+     */
+    label?: ReactNode;
+    /**
+     * Changes label typography variant
+     */
+    labelTextVariant?: ComponentProps<typeof Text>['variant'];
+    /**
+     * Changes label typography prominence
+     */
+    labelTextProminence?: ComponentProps<typeof Text>['prominence'];
+    /**
+     * If your price has a lot of number after decimal point (ex: 0.0000076) - up 8 fraction digits
+     */
+    longFractionDigits?: boolean;
+    /**
+     * Create a range price with [amount - maxAmount] values and prices
+     */
+    maxAmount?: number;
+    /**
+     * Price per month
+     */
+    monthlyPrice?: number;
+    /**
+     * Remove border bottom of the item
+     */
+    noBorder?: boolean;
+    /**
+     * If the price of the item is not based on time enable this prop. ex: 5kg of chocolate is same price over 1 month or 1 hour.
+     */
+    noIteration?: boolean;
+    noIterationText?: string;
+    /**
+     * Remove the price on the right section of the table
+     */
+    noPrice?: boolean;
+    /**
+     * Notice to display below the label
+     */
+    notice?: string;
+    onAmountChange?: (amount: number) => void;
+    /**
+     * Hourly price for one unit
+     */
+    price?: number;
+    priceText?: ReactNode;
+    productsCallback?: {
+        add: (product: EstimateProduct) => void;
+        remove: (product: BareEstimateProduct) => void;
+    };
+    /**
+     * Hide item from overlay if screen width is small
+     */
+    shouldBeHidden?: boolean;
+    /**
+     * Display a complementary text on the right of the label
+     */
+    subLabel?: string;
+    /**
+     * Increase left padding of the item like
+     */
+    tabulation?: number;
+    /**
+     * Text to display in case of not defined value
+     */
+    textNotDefined?: string;
+    /**
+     * Display near label, an icon with a tooltip that contains your text
+     */
+    tooltipInfo?: string;
+    /**
+     * Unit of your item, examples: GB, MB, Node, Queries, etc.
+     */
+    unit?: 'mb' | 'gb' | 'tb' | 'seconds' | 'minutes' | 'hours' | 'days' | 'months' | 'years' | (string & NonNullable<unknown>);
+    strikeThrough?: boolean;
+    style?: CSSProperties;
+};
+export declare const 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, }: ItemProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=Item.d.ts.map

package/dist/components/compositions/EstimateCost/Components/Item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/EstimateCost/Components/Item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAezC,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAK/E,KAAK,SAAS,GAAG;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;OAEG;IACH,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,SAAS,CAAC,CAAA;IACzD;;OAEG;IACH,mBAAmB,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,YAAY,CAAC,CAAA;IAC/D;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,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;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,IAAI,CAAC,EACD,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,GACN,QAAQ,GACR,OAAO,GAEP,CAAC,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAA;IAInC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,IAAI,2lBA4OhB,CAAA"}