@ultraviolet/ui 3.14.0 → 3.15.1

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

@@ -1,5 +1,5 @@
-import { List } from '../../components/List';
 import type { ComponentProps, CSSProperties } from 'react';
+import { List } from '../../components/List';
 type OfferListProps = Omit<ComponentProps<typeof List>, 'selectable' | 'onSelectedChange' | 'colMode'> & {
     /**
      * Make offerList selectable by choosing its type
@@ -14,7 +14,7 @@ type OfferListProps = Omit<ComponentProps<typeof List>, 'selectable' | 'onSelect
     className?: string;
     style?: CSSProperties;
 };
-export declare function OfferList({ expandable, type, columns, children, loading, autoCollapse, selected, onChangeSelect, className, style, 'data-testid': dataTestId }: OfferListProps): import("react/jsx-runtime").JSX.Element;
+export declare function OfferList({ expandable, type, columns, children, loading, autoCollapse, selected, onChangeSelect, className, style, 'data-testid': dataTestId, }: OfferListProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace OfferList {
     var Row: ({ children, disabled, id, banner, expandablePadding, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, 'data-dragging': dataDragging, 'data-testid': dataTestId, style, badge, }: {
         children: import("react").ReactNode;
@@ -42,28 +42,8 @@ export declare namespace OfferList {
         offerName: string;
         badge?: {
             text: string;
-            sentiment?: ComponentProps<({ sentiment, size, prominence, disabled, className, children, 'data-testid': dataTestId, style, }: {
-                className?: string;
-                children: import("react").ReactNode;
-                'data-testid'?: string;
-                style?: CSSProperties;
-            } & {
-                disabled?: boolean | undefined;
-                prominence?: "default" | "strong" | undefined;
-                sentiment?: "black" | "danger" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "white" | undefined;
-                size?: "large" | "medium" | "small" | "xsmall" | undefined;
-            }) => import("react/jsx-runtime").JSX.Element>['sentiment'];
-            prominence?: ComponentProps<({ sentiment, size, prominence, disabled, className, children, 'data-testid': dataTestId, style, }: {
-                className?: string;
-                children: import("react").ReactNode;
-                'data-testid'?: string;
-                style?: CSSProperties;
-            } & {
-                disabled?: boolean | undefined;
-                prominence?: "default" | "strong" | undefined;
-                sentiment?: "black" | "danger" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "white" | undefined;
-                size?: "large" | "medium" | "small" | "xsmall" | undefined;
-            }) => import("react/jsx-runtime").JSX.Element>['prominence'];
+            sentiment?: ComponentProps<typeof import("../..").Badge>['sentiment'];
+            prominence?: ComponentProps<typeof import("../..").Badge>['prominence'];
         };
         style?: CSSProperties;
     }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/OfferList/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAO5C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,KAAK,cAAc,GAAG,IAAI,CACxB,cAAc,CAAC,OAAO,IAAI,CAAC,EAC3B,YAAY,GAAG,kBAAkB,GAAG,SAAS,CAC9C,GAAG;IACF;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC3B,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;kCAKyB,EACxB,UAAU,EACV,IAAc,EACd,OAAO,EACP,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EAC1B,EAAE,cAAc"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/OfferList/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAM5C,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,YAAY,GAAG,kBAAkB,GAAG,SAAS,CAAC,GAAG;IACvG;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC3B,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;kCAKyB,EACxB,UAAU,EACV,IAAc,EACd,OAAO,EACP,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,GAC1B,EAAE,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/OfferList/styles.css.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,iBAAiB,oBAAc,CAAA;AAuM5C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmB1B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/OfferList/styles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,oBAAc,CAAA;AA6L5C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmB1B,CAAA"}

package/dist/compositions/OptionSelector/__mock__/resources.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resources.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/__mock__/resources.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,oBAAoB;;;;GA2ChC,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;IAwEzB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;GAmEzB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;GAmE9B,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA"}
+{"version":3,"file":"resources.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/__mock__/resources.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,oBAAoB;;;;GA2ChC,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;IAwEzB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;GAmEzB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;GAmE9B,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA"}

package/dist/compositions/OptionSelector/components/ArrowIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowIcon.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/components/ArrowIcon.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK,yBAGf;IACD,SAAS,EAAE,UAAU,GAAG,YAAY,CAAA;IACpC,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;CACnC,4CAeE,CAAA"}
+{"version":3,"file":"ArrowIcon.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/components/ArrowIcon.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,yBAGf;IACD,SAAS,EAAE,UAAU,GAAG,YAAY,CAAA;IACpC,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;CACnC,4CAUE,CAAA"}

package/dist/compositions/OptionSelector/components/IconWithContent.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-export declare const IconWithContent: ({ content, icon, }: {
+export declare const IconWithContent: ({ content, icon }: {
     content: ReactNode;
     icon: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/compositions/OptionSelector/components/IconWithContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconWithContent.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/components/IconWithContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,eAAe,uBAGzB;IACD,OAAO,EAAE,SAAS,CAAA;IAClB,IAAI,EAAE,SAAS,CAAA;CAChB,4CAKA,CAAA"}
+{"version":3,"file":"IconWithContent.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/components/IconWithContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,eAAO,MAAM,eAAe,sBAAuB;IAAE,OAAO,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,4CAKzF,CAAA"}

package/dist/compositions/OptionSelector/components/RevealOnHover.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-export declare const RevealOnHover: ({ content, hoverContent, }: {
+export declare const RevealOnHover: ({ content, hoverContent }: {
     content: ReactNode;
     hoverContent: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/compositions/OptionSelector/components/RevealOnHover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RevealOnHover.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/components/RevealOnHover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,aAAa,+BAGvB;IACD,OAAO,EAAE,SAAS,CAAA;IAClB,YAAY,EAAE,SAAS,CAAA;CACxB,4CAYA,CAAA"}
+{"version":3,"file":"RevealOnHover.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/components/RevealOnHover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,eAAO,MAAM,aAAa,8BAA+B;IAAE,OAAO,EAAE,SAAS,CAAC;IAAC,YAAY,EAAE,SAAS,CAAA;CAAE,4CASvG,CAAA"}

package/dist/compositions/OptionSelector/components/Selector.d.ts

@@ -1,10 +1,11 @@
 import type { DataType } from '../../../components/SelectInput/types';
 import type { OptionSelectorProps } from '../types';
-export declare const Selector: ({ isFirst, isHorizontal, disabled, size, error, onChange, options, readOnly, required, value, direction, firstSelector: selector, }: Pick<OptionSelectorProps, 'size' | 'disabled' | 'error' | 'readOnly' | 'required' | 'direction' | 'firstSelector'> & {
+export declare const Selector: ({ isFirst, isHorizontal, disabled, size, error, onChange, options, readOnly, required, value, direction, firstSelector: selector, helperId, }: Pick<OptionSelectorProps, 'size' | 'disabled' | 'error' | 'readOnly' | 'required' | 'direction' | 'firstSelector'> & {
     isFirst?: boolean;
     isHorizontal: boolean;
     onChange: (val: string) => void;
     options: DataType;
     value?: string;
+    helperId?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Selector.d.ts.map

package/dist/compositions/OptionSelector/components/Selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Selector.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/components/Selector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AACrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAEnD,eAAO,MAAM,QAAQ,wIAalB,IAAI,CACL,mBAAmB,EACjB,MAAM,GACN,UAAU,GACV,OAAO,GACP,UAAU,GACV,UAAU,GACV,WAAW,GACX,eAAe,CAClB,GAAG;IACF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,OAAO,EAAE,QAAQ,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,4CA6BA,CAAA"}
+{"version":3,"file":"Selector.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/components/Selector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AACrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAGnD,eAAO,MAAM,QAAQ,kJAclB,IAAI,CACL,mBAAmB,EACnB,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,eAAe,CACxF,GAAG;IACF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,OAAO,EAAE,QAAQ,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,4CA4BA,CAAA"}

package/dist/compositions/OptionSelector/components/Selector.js

@@ -8,7 +8,8 @@ var Selector;
 var init_Selector = __esmMin(() => {
 	init_SelectInput();
 	init_styles_css();
-	Selector = ({ isFirst, isHorizontal, disabled, size, error, onChange, options, readOnly, required, value, direction = "horizontal", firstSelector: selector }) => /* @__PURE__ */ jsx(SelectInput, {
+	Selector = ({ isFirst, isHorizontal, disabled, size, error, onChange, options, readOnly, required, value, direction = "horizontal", firstSelector: selector, helperId }) => /* @__PURE__ */ jsx(SelectInput, {
+		"aria-describedby": isHorizontal ? helperId : void 0,
 		"aria-label": selector["aria-label"],
 		className: isFirst ? optionSelectorStyle.firstSelectInput[direction] : optionSelectorStyle.secondSelectInput[direction],
 		"data-testid": isFirst ? "first-selector" : "second-selector",

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/OptionSelector/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,SAAS,CAAA;AAmClE;;;GAGG;AACH,eAAO,MAAM,cAAc,yMAiBxB,mBAAmB,4CAqIrB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/OptionSelector/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,mBAAmB,EAAkB,MAAM,SAAS,CAAA;AAyBlE;;;GAGG;AACH,eAAO,MAAM,cAAc,yMAiBxB,mBAAmB,4CAwIrB,CAAA"}

package/dist/compositions/OptionSelector/index.js

@@ -1,25 +1,25 @@
 'use client';
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Description, init_Description } from "../../components/Description/index.js";
 import { Label, init_Label } from "../../components/Label/index.js";
 import { init_styles_css, optionSelectorStyle } from "./styles.css.js";
 import { Arrow, init_ArrowIcon } from "./components/ArrowIcon.js";
 import { IconWithContent, init_IconWithContent } from "./components/IconWithContent.js";
 import { RevealOnHover, init_RevealOnHover } from "./components/RevealOnHover.js";
 import { Selector, init_Selector } from "./components/Selector.js";
-import { SelectorHelper, init_SelectorLabel } from "./components/SelectorLabel.js";
-import { useMemo } from "react";
+import { useId, useMemo } from "react";
 import { cn } from "@ultraviolet/utils";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/compositions/OptionSelector/index.tsx
 var makeSelectInputOptions, OptionSelector;
 var init_OptionSelector = __esmMin(() => {
+	init_Description();
 	init_Label();
 	init_ArrowIcon();
 	init_IconWithContent();
 	init_RevealOnHover();
 	init_Selector();
-	init_SelectorLabel();
 	init_styles_css();
 	makeSelectInputOptions = (options) => options.map((option) => {
 		const optionLabel = option.hoverContent ? /* @__PURE__ */ jsx(RevealOnHover, {
@@ -45,6 +45,8 @@ var init_OptionSelector = __esmMin(() => {
 		};
 	});
 	OptionSelector = ({ className, style, "data-testid": dataTestId, firstSelector, secondSelector, size = "large", disabled, readOnly, "aria-label": ariaLabel, error, required, onChange, name, value, hideWhenEmpty, direction = "horizontal" }) => {
+		const firstSelectorHelperId = useId();
+		const secondSelectorHelperId = useId();
 		const firstValue = useMemo(() => {
 			if (value === null || value === void 0 ? void 0 : value.first) return value.first;
 			if (firstSelector.options.length === 1) {
@@ -97,6 +99,8 @@ var init_OptionSelector = __esmMin(() => {
 		const isHorizontal = direction === "horizontal";
 		const firstSelectorStringError = typeof firstSelector.error === "string";
 		const secondSelectorStringError = typeof (secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.error) === "string";
+		const displayFirstDescription = firstSelectorStringError || firstSelector.helper || error;
+		const displaySecondDescription = secondSelectorStringError || (secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.helper) || error;
 		return /* @__PURE__ */ jsxs("fieldset", {
 			"aria-label": ariaLabel,
 			className: cn(className, optionSelectorStyle.wrapper({ direction })),
@@ -127,7 +131,8 @@ var init_OptionSelector = __esmMin(() => {
 					readOnly: isReadOnly(firstSelector),
 					required,
 					size,
-					value: firstValue
+					value: firstValue,
+					helperId: displayFirstDescription && !error ? firstSelectorHelperId : void 0
 				}),
 				secondSelector && secondSelectorOptions && !(hideWhenEmpty && !firstValue) ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Arrow, {
 					direction,
@@ -143,18 +148,24 @@ var init_OptionSelector = __esmMin(() => {
 					readOnly: isReadOnly(secondSelector),
 					required,
 					size,
-					value: secondValue
+					value: secondValue,
+					helperId: displaySecondDescription && !error ? secondSelectorHelperId : void 0
 				})] }) : null,
-				isHorizontal && (firstSelectorStringError || firstSelector.helper) ? /* @__PURE__ */ jsx(SelectorHelper, {
+				isHorizontal && displayFirstDescription ? /* @__PURE__ */ jsx(Description, {
 					error: firstSelector.error,
 					helper: firstSelector.helper,
-					isError: firstSelectorStringError,
-					isFirst: true
+					id: firstSelectorHelperId,
+					size,
+					disabled: firstSelector.disabled || disabled,
+					className: optionSelectorStyle.errorFirstSelector
 				}) : null,
-				secondSelector && isHorizontal && (secondSelectorStringError || (secondSelector === null || secondSelector === void 0 ? void 0 : secondSelector.helper)) ? /* @__PURE__ */ jsx(SelectorHelper, {
+				secondSelector && isHorizontal && displaySecondDescription ? /* @__PURE__ */ jsx(Description, {
 					error: secondSelector.error,
 					helper: secondSelector.helper,
-					isError: secondSelectorStringError
+					id: secondSelectorHelperId,
+					size,
+					disabled: secondSelector.disabled || disabled,
+					className: optionSelectorStyle.errorSecondSelector
 				}) : null
 			]
 		});

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/OptionSelector/styles.css.ts"],"names":[],"mappings":"AA+FA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;CAU/B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/OptionSelector/styles.css.ts"],"names":[],"mappings":"AAgGA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;CAU/B,CAAA"}

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

@@ -22,13 +22,13 @@ import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$1 } from
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$16 } from "../../components/Row/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$17 } from "../../components/NumberInput/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$18 } from "../../components/Alert/styles.css.ts.vanilla.js";
+import { init_stylesVariants_css_ts_vanilla } from "../../components/Skeleton/stylesVariants.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$19 } from "../../components/Skeleton/styles.css.ts.vanilla.js";
 import { init_dropdown_css_ts_vanilla } from "../../components/SelectInput/components/Dropdown/dropdown.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$19 } from "../../components/SelectableCardOptionGroup/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$20 } from "../../components/UnitInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$20 } from "../../components/SelectableCardOptionGroup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$21 } from "../../components/UnitInput/styles.css.ts.vanilla.js";
 import { init_selectBar_css_ts_vanilla } from "../../components/SelectInput/components/SelectBar/selectBar.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$21 } from "../../components/SelectInput/styles.css.ts.vanilla.js";
-import { init_stylesVariants_css_ts_vanilla } from "../../components/Skeleton/stylesVariants.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$22 } from "../../components/Skeleton/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$22 } from "../../components/SelectInput/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$23 } from "../../components/CheckboxGroup/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$24 } from "../../components/List/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$25 } from "../../components/SelectableCard/styles.css.ts.vanilla.js";
@@ -148,7 +148,7 @@ var init_styles_css = __esmMin(() => {
 	init_styles_css_ts_vanilla$3();
 	init_variables_css_ts_vanilla$7();
 	init_styles_css_ts_vanilla$57();
-	init_styles_css_ts_vanilla$19();
+	init_styles_css_ts_vanilla$20();
 	init_styles_css_ts_vanilla$30();
 	init_styles_css_ts_vanilla$31();
 	init_styles_css_ts_vanilla$58();
@@ -157,12 +157,12 @@ var init_styles_css = __esmMin(() => {
 	init_styles_css_ts_vanilla$9();
 	init_styles_css_ts_vanilla$59();
 	init_dropdown_css_ts_vanilla();
-	init_styles_css_ts_vanilla$20();
-	init_selectBar_css_ts_vanilla();
 	init_styles_css_ts_vanilla$21();
+	init_selectBar_css_ts_vanilla();
+	init_styles_css_ts_vanilla$22();
 	init_styles_css_ts_vanilla$15();
 	init_stylesVariants_css_ts_vanilla();
-	init_styles_css_ts_vanilla$22();
+	init_styles_css_ts_vanilla$19();
 	init_styles_css_ts_vanilla$60();
 	init_styles_css_ts_vanilla$61();
 	init_variables_css_ts_vanilla();

package/dist/compositions/OptionSelector/types.d.ts

@@ -1,5 +1,5 @@
-import type { SelectInput } from '../../components/SelectInput';
 import type { ComponentProps, CSSProperties, ReactNode } from 'react';
+import type { SelectInput } from '../../components/SelectInput';
 export type SelectorOption = {
     content: ReactNode;
     icon?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/compositions/OptionSelector/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,cAAc,CAAC,OAAO,WAAW,CAAC,EAChC,OAAO,GACP,kBAAkB,GAClB,OAAO,GACP,UAAU,GACV,QAAQ,GACR,UAAU,GACV,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,UAAU,GACV,WAAW,GACX,YAAY,CACf,GAAG;IAAE,OAAO,EAAE,cAAc,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEnD,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,EAAE,aAAa,CAAA;IAC5B,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAClB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,aAAa,EAAE,OAAO,GAAG,QAAQ,CAAA;KAClC,KAAK,IAAI,CAAA;IACV,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,6EAA6E;IAC7E,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;CACtC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/compositions/OptionSelector/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAE/D,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,SAAS,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,cAAc,CAAC,OAAO,WAAW,CAAC,EAChC,OAAO,GACP,kBAAkB,GAClB,OAAO,GACP,UAAU,GACV,QAAQ,GACR,UAAU,GACV,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,QAAQ,GACR,SAAS,GACT,UAAU,GACV,WAAW,GACX,YAAY,CACf,GAAG;IAAE,OAAO,EAAE,cAAc,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEnD,MAAM,MAAM,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,aAAa,EAAE,aAAa,CAAA;IAC5B,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,aAAa,EAAE,OAAO,GAAG,QAAQ,CAAA;KAAE,KAAK,IAAI,CAAA;IACnG,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,6EAA6E;IAC7E,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;CACtC,CAAA"}

package/dist/compositions/OrderSummary/NonScrollableContent.d.ts

@@ -1,5 +1,5 @@
-import type { PriceTypeSingle, TimeUnit } from './types';
 import type { ReactNode } from 'react';
+import type { PriceTypeSingle, TimeUnit } from './types';
 type NonScrollableContentProps = {
     discount: number;
     totalPrice: PriceTypeSingle;
@@ -14,7 +14,9 @@ type NonScrollableContentProps = {
     hideBeforePrice?: boolean;
     defaultPriceInformation: boolean;
     timePeriodAmount: number;
+    compact: boolean;
+    calculatorIcon: boolean;
 };
-export declare const NonScrollableContent: ({ totalPrice, footer, children, totalPriceInfo, totalPriceInfoPlacement, unit, totalPriceDescription, additionalInfo, priceInformation, hideBeforePrice, defaultPriceInformation, timePeriodAmount, }: NonScrollableContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NonScrollableContent: ({ totalPrice, footer, children, totalPriceInfo, totalPriceInfoPlacement, unit, totalPriceDescription, additionalInfo, priceInformation, hideBeforePrice, defaultPriceInformation, timePeriodAmount, compact, calculatorIcon, }: NonScrollableContentProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=NonScrollableContent.d.ts.map

package/dist/compositions/OrderSummary/NonScrollableContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NonScrollableContent.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/NonScrollableContent.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,eAAe,CAAA;IAC3B,MAAM,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,uBAAuB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1C,qBAAqB,CAAC,EAAE,SAAS,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,QAAQ,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,uBAAuB,EAAE,OAAO,CAAA;IAChC,gBAAgB,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,oBAAoB,0MAa9B,yBAAyB,4CA4G3B,CAAA"}
+{"version":3,"file":"NonScrollableContent.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/NonScrollableContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGxD,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,eAAe,CAAA;IAC3B,MAAM,EAAE,SAAS,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,uBAAuB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1C,qBAAqB,CAAC,EAAE,SAAS,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,QAAQ,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,uBAAuB,EAAE,OAAO,CAAA;IAChC,gBAAgB,EAAE,MAAM,CAAA;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,oBAAoB,mOAe9B,yBAAyB,4CAuF3B,CAAA"}

package/dist/compositions/OrderSummary/NonScrollableContent.js

@@ -6,6 +6,7 @@ import { DisplayPrice, init_helpers } from "./helpers.js";
 import { init_styles_css, orderSummaryStyle } from "./styles.css.js";
 import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { CalculatorIcon } from "@ultraviolet/icons/CalculatorIcon";
 
 //#region src/compositions/OrderSummary/NonScrollableContent.tsx
 var NonScrollableContent;
@@ -15,12 +16,12 @@ var init_NonScrollableContent = __esmMin(() => {
 	init_helpers();
 	init_Provider();
 	init_styles_css();
-	NonScrollableContent = ({ totalPrice, footer, children, totalPriceInfo, totalPriceInfoPlacement, unit, totalPriceDescription, additionalInfo, priceInformation, hideBeforePrice, defaultPriceInformation, timePeriodAmount }) => {
+	NonScrollableContent = ({ totalPrice, footer, children, totalPriceInfo, totalPriceInfoPlacement, unit, totalPriceDescription, additionalInfo, priceInformation, hideBeforePrice, defaultPriceInformation, timePeriodAmount, compact, calculatorIcon }) => {
 		const { locales } = useContext(OrderSummaryContext);
 		const unitSingular = unit.endsWith("s") ? unit.slice(0, -1) : unit;
 		const divisor = defaultPriceInformation ? timePeriodAmount : void 0;
 		return /* @__PURE__ */ jsxs(Stack, {
-			className: orderSummaryStyle.nonScrollableContainer,
+			className: orderSummaryStyle.nonScrollableContainer({ compact }),
 			gap: 3,
 			children: [
 				children,
@@ -37,7 +38,15 @@ var init_NonScrollableContent = __esmMin(() => {
 							prominence: "strong",
 							sentiment: "neutral",
 							variant: "bodyStrong",
-							children: [locales["order.summary.total"], ":"]
+							className: calculatorIcon ? orderSummaryStyle.compactTotalPrice : void 0,
+							children: [
+								calculatorIcon ? /* @__PURE__ */ jsx(CalculatorIcon, {
+									sentiment: "primary",
+									size: "medium"
+								}) : null,
+								locales["order.summary.total"],
+								compact ? null : ":"
+							]
 						}), totalPriceDescription]
 					}), totalPriceInfo] }) : /* @__PURE__ */ jsxs(Stack, {
 						alignItems: "center",
@@ -48,10 +57,15 @@ var init_NonScrollableContent = __esmMin(() => {
 							prominence: "strong",
 							sentiment: "neutral",
 							variant: "bodyStrong",
+							className: calculatorIcon ? orderSummaryStyle.compactTotalPrice : void 0,
 							children: [
+								calculatorIcon ? /* @__PURE__ */ jsx(CalculatorIcon, {
+									sentiment: "primary",
+									size: "medium"
+								}) : null,
 								locales["order.summary.total"],
 								additionalInfo ? ` ${additionalInfo}` : null,
-								":"
+								compact ? null : ":"
 							]
 						}), totalPriceDescription]
 					}), /* @__PURE__ */ jsxs(Stack, {

package/dist/compositions/OrderSummary/Provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/Provider.tsx"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,MAAM,cAAc,CAAA;AAE9C,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,iBAAiB,EACjB,SAAS,EACT,QAAQ,EACT,MAAM,SAAS,CAAA;AAEhB,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,YAAY,CAAA;IACtB,YAAY,EAAE,iBAAiB,CAAA;IAC/B,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,eAAe,EAAE,SAAS,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,QAAQ,CAAA;IACxB,gBAAgB,EAAE,MAAM,CAAA;IACxB,OAAO,EAAE,MAAM,CAAC,MAAM,OAAO,mBAAmB,EAAE,MAAM,CAAC,CAAA;IACzD,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,mBAAmB,uCAS9B,CAAA"}
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/Provider.tsx"],"names":[],"mappings":"AACA,OAAO,mBAAmB,MAAM,cAAc,CAAA;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAE9F,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,YAAY,CAAA;IACtB,YAAY,EAAE,iBAAiB,CAAA;IAC/B,KAAK,EAAE,SAAS,EAAE,CAAA;IAClB,eAAe,EAAE,SAAS,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,QAAQ,CAAA;IACxB,gBAAgB,EAAE,MAAM,CAAA;IACxB,OAAO,EAAE,MAAM,CAAC,MAAM,OAAO,mBAAmB,EAAE,MAAM,CAAC,CAAA;IACzD,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,eAAO,MAAM,mBAAmB,uCAS9B,CAAA"}

package/dist/compositions/OrderSummary/ScrollableContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollableContent.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/ScrollableContent.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,iBAAiB,+CAqC7B,CAAA"}
+{"version":3,"file":"ScrollableContent.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/ScrollableContent.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,iBAAiB,+CA4B7B,CAAA"}

package/dist/compositions/OrderSummary/components/Category.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OrderSummary/components/Category.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzC,eAAO,MAAM,YAAY,iBAAkB;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,mDAwGjE,CAAA"}
+{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OrderSummary/components/Category.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAGzC,eAAO,MAAM,YAAY,iBAAkB;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,mDAwEjE,CAAA"}

package/dist/compositions/OrderSummary/components/SubCategory.d.ts

@@ -1,5 +1,5 @@
 import type { SubCategoryType } from '../types';
-export declare const SubCategory: ({ subCategory, }: {
+export declare const SubCategory: ({ subCategory }: {
     subCategory: SubCategoryType;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SubCategory.d.ts.map

package/dist/compositions/OrderSummary/components/SubCategory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubCategory.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OrderSummary/components/SubCategory.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,WAAW,qBAErB;IACD,WAAW,EAAE,eAAe,CAAA;CAC7B,4CAsFA,CAAA"}
+{"version":3,"file":"SubCategory.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OrderSummary/components/SubCategory.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI/C,eAAO,MAAM,WAAW,oBAAqB;IAAE,WAAW,EAAE,eAAe,CAAA;CAAE,4CAiE5E,CAAA"}

package/dist/compositions/OrderSummary/components/SubCategory.js

@@ -13,8 +13,8 @@ var init_SubCategory = __esmMin(() => {
 	init_NumberInput();
 	init_Stack();
 	init_Text();
-	init_styles_css();
 	init_SubCategoryPrice();
+	init_styles_css();
 	SubCategory = ({ subCategory }) => {
 		var _subCategory$details;
 		return /* @__PURE__ */ jsxs(Stack, {

package/dist/compositions/OrderSummary/components/SubCategoryPrice.d.ts

@@ -1,5 +1,5 @@
 import type { SubCategoryType } from '../types';
-export declare const SubCategoryPrice: ({ subCategory, }: {
+export declare const SubCategoryPrice: ({ subCategory }: {
     subCategory: SubCategoryType;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SubCategoryPrice.d.ts.map

package/dist/compositions/OrderSummary/components/SubCategoryPrice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SubCategoryPrice.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OrderSummary/components/SubCategoryPrice.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,gBAAgB,qBAE1B;IACD,WAAW,EAAE,eAAe,CAAA;CAC7B,4CAwHA,CAAA"}
+{"version":3,"file":"SubCategoryPrice.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OrderSummary/components/SubCategoryPrice.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,eAAO,MAAM,gBAAgB,oBAAqB;IAAE,WAAW,EAAE,eAAe,CAAA;CAAE,4CA0DjF,CAAA"}

package/dist/compositions/OrderSummary/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yDAMI,CAAA;AAItB,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAMpD,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yDAAyE,CAAA;AAI3F,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAMpD,CAAA"}

package/dist/compositions/OrderSummary/helpers.d.ts

@@ -23,7 +23,7 @@ type DisplayPriceProps = {
     beforeOrAfter: 'before' | 'after';
     divisor?: number;
 };
-export declare const DisplayPrice: ({ price, beforeOrAfter, divisor, }: DisplayPriceProps) => string;
+export declare const DisplayPrice: ({ price, beforeOrAfter, divisor }: DisplayPriceProps) => string;
 export declare const computeCategoriesPrice: (items: ItemsType[], hideTimeUnit: boolean, timePeriodAmount: number, timePeriodUnit: TimeUnit) => PriceType;
 export declare const computeTotalPrice: (categoriesPrice: PriceType, discount: number, timePeriodUnit: TimeUnit) => {
     maxPrice: number;

package/dist/compositions/OrderSummary/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/helpers.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,eAAe,EACf,QAAQ,EACT,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,YAAY,WACf,MAAM,UACN,iBAAiB,YACf,YAAY,oCAUvB,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAMD,eAAO,MAAM,cAAc,+EAQxB,mBAAmB,WAYrB,CAAA;AAED,eAAO,MAAM,yBAAyB,gBACvB,eAAe,gBACd,OAAO,oBACH,MAAM,kBACR,QAAQ,KACvB;IAAE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAgF3D,CAAA;AAED,eAAO,MAAM,sBAAsB,aACvB,SAAS,gBACL,OAAO,oBACH,MAAM,kBACR,QAAQ,KACvB;IAAE,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAmDtE,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,eAAe,CAAA;IACtB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,YAAY,uCAItB,iBAAiB,WAkBnB,CAAA;AAED,eAAO,MAAM,sBAAsB,UAC1B,SAAS,EAAE,gBACJ,OAAO,oBACH,MAAM,kBACR,QAAQ,cAoBlB,CAAA;AAER,eAAO,MAAM,iBAAiB,oBACX,SAAS,YAChB,MAAM,kBACA,QAAQ;;;;;;CAmCzB,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/helpers.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,YAAY,EACZ,SAAS,EACT,iBAAiB,EACjB,SAAS,EACT,eAAe,EACf,eAAe,EACf,QAAQ,EACT,MAAM,SAAS,CAAA;AAEhB,eAAO,MAAM,YAAY,WACf,MAAM,UACN,iBAAiB,YACf,YAAY,oCAUvB,CAAA;AAED,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAMD,eAAO,MAAM,cAAc,+EAQxB,mBAAmB,WASrB,CAAA;AAED,eAAO,MAAM,yBAAyB,gBACvB,eAAe,gBACd,OAAO,oBACH,MAAM,kBACR,QAAQ,KACvB;IAAE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAgF3D,CAAA;AAED,eAAO,MAAM,sBAAsB,aACvB,SAAS,gBACL,OAAO,oBACH,MAAM,kBACR,QAAQ,KACvB;IAAE,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAyCtE,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,eAAe,CAAA;IACtB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,YAAY,sCAA2C,iBAAiB,WAYpF,CAAA;AAED,eAAO,MAAM,sBAAsB,UAC1B,SAAS,EAAE,gBACJ,OAAO,oBACH,MAAM,kBACR,QAAQ,cAoBlB,CAAA;AAER,eAAO,MAAM,iBAAiB,oBAAqB,SAAS,YAAY,MAAM,kBAAkB,QAAQ;;;;;;CA6BvG,CAAA"}

package/dist/compositions/OrderSummary/helpers.js

@@ -1,5 +1,5 @@
 import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.128.0/helpers/objectSpread2.js";
 import { init_constants, multiplier } from "./constants.js";
 import { OrderSummaryContext, init_Provider } from "./Provider.js";
 import { useContext } from "react";

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

@@ -3,5 +3,5 @@ import type { OrderSummaryProps } from './types';
  * Key interface element that provides users with a comprehensive
  * view of their selected configurations, costs, and any applied discounts.
  */
-export declare const OrderSummary: ({ header, hideTimeUnit, periodOptions, valueUnitInput, unitUnitInput, items, locales, currency, localeFormat, footer, children, discount, totalPriceInfo, fractionDigits, hideDetails, onChange, onChangeUnitInput, totalPriceDescription, additionalInfo, className, totalPriceInfoPlacement, hideBeforePrice, 'data-testid': dataTestId, style, priceInformation, }: OrderSummaryProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OrderSummary: ({ header, hideTimeUnit, periodOptions, valueUnitInput, unitUnitInput, items, locales, currency, localeFormat, footer, children, discount, totalPriceInfo, fractionDigits, hideDetails, onChange, onChangeUnitInput, totalPriceDescription, additionalInfo, className, totalPriceInfoPlacement, hideBeforePrice, 'data-testid': dataTestId, style, priceInformation, calculatorIcon, compact, backgroundProminence, }: OrderSummaryProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,iBAAiB,EAAY,MAAM,SAAS,CAAA;AAE1D;;;GAGG;AACH,eAAO,MAAM,YAAY,0WA0BtB,iBAAiB,4CA8JnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,iBAAiB,EAAY,MAAM,SAAS,CAAA;AAG1D;;;GAGG;AACH,eAAO,MAAM,YAAY,yZA6BtB,iBAAiB,4CA0InB,CAAA"}

package/dist/compositions/OrderSummary/index.js

@@ -26,7 +26,7 @@ var init_OrderSummary = __esmMin(() => {
 	init_Provider();
 	init_ScrollableContent();
 	init_styles_css();
-	OrderSummary = ({ header, hideTimeUnit = false, periodOptions = Units, valueUnitInput = 1, unitUnitInput = "hours", items, locales = en_default, currency = "EUR", localeFormat = "en-US", footer, children, discount = 0, totalPriceInfo, fractionDigits, hideDetails = false, onChange, onChangeUnitInput, totalPriceDescription, additionalInfo, className, totalPriceInfoPlacement = "left", hideBeforePrice = false, "data-testid": dataTestId, style, priceInformation }) => {
+	OrderSummary = ({ header, hideTimeUnit = false, periodOptions = Units, valueUnitInput = 1, unitUnitInput = "hours", items, locales = en_default, currency = "EUR", localeFormat = "en-US", footer, children, discount = 0, totalPriceInfo, fractionDigits, hideDetails = false, onChange, onChangeUnitInput, totalPriceDescription, additionalInfo, className, totalPriceInfoPlacement = "left", hideBeforePrice = false, "data-testid": dataTestId, style, priceInformation, calculatorIcon = false, compact = false, backgroundProminence = "default" }) => {
 		const [timePeriodUnit, setTimePeriodUnit] = useState(unitUnitInput);
 		const [timePeriodAmount, setTimePeriodAmount] = useState(valueUnitInput);
 		const categoriesPrice = useMemo(() => computeCategoriesPrice(items, hideTimeUnit, timePeriodAmount, timePeriodUnit), [
@@ -83,7 +83,7 @@ var init_OrderSummary = __esmMin(() => {
 		return /* @__PURE__ */ jsx(OrderSummaryContext.Provider, {
 			value: valueContext,
 			children: /* @__PURE__ */ jsxs(Stack, {
-				className: cn(className, orderSummaryStyle.container),
+				className: cn(className, orderSummaryStyle.container({ backgroundProminence: compact ? backgroundProminence : "default" })),
 				"data-testid": dataTestId,
 				justifyContent: hideDetails ? "flex-start" : "space-between",
 				style,
@@ -122,7 +122,7 @@ var init_OrderSummary = __esmMin(() => {
 							})
 						})]
 					}) : null,
-					hideDetails ? null : /* @__PURE__ */ jsx(ScrollableContent, {}),
+					hideDetails || compact ? null : /* @__PURE__ */ jsx(ScrollableContent, {}),
 					/* @__PURE__ */ jsx(NonScrollableContent, {
 						additionalInfo,
 						defaultPriceInformation: priceInformation === true || hideDetails && !priceInformation && priceInformation !== false,
@@ -136,6 +136,8 @@ var init_OrderSummary = __esmMin(() => {
 						totalPriceInfo,
 						totalPriceInfoPlacement,
 						unit: timePeriodUnit,
+						compact,
+						calculatorIcon,
 						children
 					})
 				]

package/dist/compositions/OrderSummary/locales/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OrderSummary/locales/en.ts"],"names":[],"mappings":";aACE,qBAAqB,EAAE,gBAAgB;aACvC,gCAAgC,EAAE,QAAQ;aAC1C,iCAAiC,EAAE,SAAS;aAC5C,mCAAmC,EAAE,WAAW;aAChD,kCAAkC,EAAE,UAAU;aAC9C,mCAAmC,EAAE,WAAW;aAChD,iCAAiC,EAAE,SAAS;;AAP9C,wBAQU"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OrderSummary/locales/en.ts"],"names":[],"mappings":";aACE,qBAAqB,EAAE,gBAAgB;aACvC,gCAAgC,EAAE,QAAQ;aAC1C,iCAAiC,EAAE,SAAS;aAC5C,mCAAmC,EAAE,WAAW;aAChD,kCAAkC,EAAE,UAAU;aAC9C,mCAAmC,EAAE,WAAW;aAChD,iCAAiC,EAAE,SAAS"}

package/dist/compositions/OrderSummary/styles.css.d.ts

@@ -9,15 +9,35 @@ export declare const orderSummaryStyle: {
             };
         };
     }>;
-    container: string;
+    container: import("@vanilla-extract/recipes").RuntimeFn<{
+        backgroundProminence: {
+            default: {
+                backgroundColor: `var(--${string})`;
+            };
+            strong: {
+                backgroundColor: `var(--${string})`;
+            };
+        };
+    }>;
     headerContainer: Record<"hideDetails" | "showDetails", string>;
     stackBackground: string;
-    nonScrollableContainer: string;
+    nonScrollableContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+        compact: {
+            false: {
+                borderTop: `1px solid var(--${string})`;
+                padding: `var(--${string})`;
+            };
+            true: {
+                padding: `var(--${string})`;
+            };
+        };
+    }>;
     scrollableContainer: string;
     details: string;
     category: string;
     anchor: string;
     totalPrice: Record<"default" | "priceInformation", string>;
     numberInput: string;
+    compactTotalPrice: string;
 };
 //# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/styles.css.ts"],"names":[],"mappings":"AA4GA,eAAO,MAAM,iBAAiB;;;YAnBxB,MAAM;gBACJ,SAAS;;YAEX,KAAK;gBACH,SAAS;;;;;;;;;;;;;;CA2BhB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/OrderSummary/styles.css.ts"],"names":[],"mappings":"AAsIA,eAAO,MAAM,iBAAiB;;;YAzBxB,MAAM;gBACJ,SAAS;;YAEX,KAAK;gBACH,SAAS;;;;;;YAjGX,OAAO;gBACL,eAAe;;YAEjB,MAAM;gBACJ,eAAe;;;;;;;;;;;;;gBAgCf,OAAO;;;;;;;;;;;CA+Fd,CAAA"}