@ultraviolet/ui 3.13.1 → 3.15.0

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

@@ -1,38 +1,38 @@
 import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
 import { init_variables_css_ts_vanilla } from "../../components/Stack/variables.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla } from "../../components/Stack/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../../components/TagList/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$2 } from "../../components/Popup/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$3 } from "../../components/Tooltip/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../../components/Tag/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$2 } from "../../components/TagList/styles.css.ts.vanilla.js";
 import { init_style_css_ts_vanilla } from "../../components/Text/style.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$3 } from "../../components/Popup/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$4 } from "../../components/Tooltip/styles.css.ts.vanilla.js";
 import { init_animationsVanillaExtract_css_ts_vanilla } from "../../utils/animations/animationsVanillaExtract.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$4 } from "../../components/Loader/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$5 } from "../../components/Button/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$6 } from "../../components/Menu/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$7 } from "../../components/Label/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$8 } from "../../components/SearchInput/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$9 } from "../../components/TextInput/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$10 } from "../../components/Key/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$11 } from "../../components/Badge/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$12 } from "../../components/Expandable/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$13 } from "../../components/Drawer/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$14 } from "../../components/Separator/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$5 } from "../../components/Loader/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$6 } from "../../components/Button/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$7 } from "../../components/Menu/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$8 } from "../../components/Label/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$9 } from "../../components/SearchInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$10 } from "../../components/TextInput/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$11 } from "../../components/Key/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$12 } from "../../components/Badge/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$13 } from "../../components/Expandable/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$14 } from "../../components/Drawer/styles.css.ts.vanilla.js";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$15 } from "../../components/Separator/styles.css.ts.vanilla.js";
 import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$1 } from "../../components/Row/variables.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$15 } from "../../components/Row/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$16 } from "../../components/NumberInput/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$17 } from "../../components/Alert/styles.css.ts.vanilla.js";
+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$18 } from "../../components/SelectableCardOptionGroup/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$19 } 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$20 } 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$21 } from "../../components/Skeleton/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$22 } from "../../components/CheckboxGroup/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$23 } from "../../components/List/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$24 } from "../../components/SelectableCard/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$25 } from "../../components/Checkbox/styles.css.ts.vanilla.js";
-import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$26 } from "../../components/Tag/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";
+import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$26 } from "../../components/Checkbox/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$27 } from "../../components/Bullet/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$28 } from "../../components/Card/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$29 } from "../../components/ActionBar/styles.css.ts.vanilla.js";
@@ -66,8 +66,9 @@ import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$53 } from "../
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$54 } from "../../components/PasswordCheck/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$55 } from "../../components/PieChart/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$56 } from "../../components/Popover/styles.css.ts.vanilla.js";
-import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$5 } from "../../components/Popup/variables.css.ts.vanilla.js";
-import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$6 } from "../../components/ProgressBar/variables.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$5 } from "../../components/Text/variables.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$6 } from "../../components/Popup/variables.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$7 } from "../../components/ProgressBar/variables.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$57 } from "../../components/ProgressBar/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$58 } from "../../components/RadioGroup/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$59 } from "../../components/SelectableCardGroup/styles.css.ts.vanilla.js";
@@ -76,11 +77,10 @@ import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$61 } from "../
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$62 } from "../../components/Status/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$63 } from "../../components/StepList/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$64 } from "../../components/Stepper/styles.css.ts.vanilla.js";
-import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$7 } from "../../components/Table/variables.css.ts.vanilla.js";
+import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$8 } from "../../components/Table/variables.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$65 } from "../../components/Table/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$66 } from "../../components/Tabs/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$67 } from "../../components/TagInput/styles.css.ts.vanilla.js";
-import { init_variables_css_ts_vanilla as init_variables_css_ts_vanilla$8 } from "../../components/Text/variables.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$68 } from "../../components/TextArea/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$69 } from "../../components/TimeInput/styles.css.ts.vanilla.js";
 import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$70 } from "../../components/Toaster/styles.css.ts.vanilla.js";
@@ -96,70 +96,73 @@ var optionSelectorStyle;
 var init_styles_css = __esmMin(() => {
 	init_animationsVanillaExtract_css_ts_vanilla();
 	init_styles_css_ts_vanilla$29();
-	init_styles_css_ts_vanilla$17();
+	init_styles_css_ts_vanilla$18();
 	init_variables_css_ts_vanilla$2();
 	init_styles_css_ts_vanilla$32();
-	init_styles_css_ts_vanilla$11();
+	init_styles_css_ts_vanilla$12();
 	init_styles_css_ts_vanilla$33();
 	init_styles_css_ts_vanilla$34();
 	init_styles_css_ts_vanilla$35();
 	init_styles_css_ts_vanilla$36();
 	init_styles_css_ts_vanilla$37();
 	init_styles_css_ts_vanilla$27();
-	init_styles_css_ts_vanilla$5();
+	init_styles_css_ts_vanilla$6();
 	init_styles_css_ts_vanilla$28();
 	init_styles_css_ts_vanilla$38();
-	init_styles_css_ts_vanilla$22();
-	init_variables_css_ts_vanilla$3();
 	init_styles_css_ts_vanilla$23();
-	init_variables_css_ts_vanilla$4();
+	init_variables_css_ts_vanilla$3();
 	init_styles_css_ts_vanilla$24();
+	init_variables_css_ts_vanilla$4();
 	init_styles_css_ts_vanilla$25();
+	init_styles_css_ts_vanilla$26();
 	init_styles_css_ts_vanilla$39();
 	init_styles_css_ts_vanilla$40();
 	init_styles_css_ts_vanilla$41();
 	init_styles_css_ts_vanilla$42();
-	init_styles_css_ts_vanilla$13();
+	init_styles_css_ts_vanilla$14();
 	init_styles_css_ts_vanilla$43();
-	init_styles_css_ts_vanilla$12();
+	init_styles_css_ts_vanilla$13();
 	init_styles_css_ts_vanilla$44();
 	init_styles_css_ts_vanilla$45();
 	init_styles_css_ts_vanilla$46();
-	init_styles_css_ts_vanilla$10();
-	init_styles_css_ts_vanilla$7();
+	init_styles_css_ts_vanilla$11();
+	init_styles_css_ts_vanilla$8();
 	init_styles_css_ts_vanilla$47();
 	init_styles_css_ts_vanilla$48();
-	init_styles_css_ts_vanilla$4();
-	init_styles_css_ts_vanilla$6();
+	init_styles_css_ts_vanilla$5();
+	init_styles_css_ts_vanilla$7();
 	init_styles_css_ts_vanilla$49();
 	init_styles_css_ts_vanilla$50();
 	init_styles_css_ts_vanilla$51();
 	init_styles_css_ts_vanilla$52();
-	init_styles_css_ts_vanilla$16();
+	init_styles_css_ts_vanilla$17();
 	init_styles_css_ts_vanilla$53();
 	init_styles_css_ts_vanilla$54();
 	init_styles_css_ts_vanilla$55();
 	init_styles_css_ts_vanilla$56();
 	init_styles_css_ts_vanilla$1();
-	init_variables_css_ts_vanilla$5();
 	init_styles_css_ts_vanilla$2();
+	init_variables_css_ts_vanilla$5();
+	init_style_css_ts_vanilla();
 	init_variables_css_ts_vanilla$6();
+	init_styles_css_ts_vanilla$3();
+	init_variables_css_ts_vanilla$7();
 	init_styles_css_ts_vanilla$57();
-	init_styles_css_ts_vanilla$18();
+	init_styles_css_ts_vanilla$20();
 	init_styles_css_ts_vanilla$30();
 	init_styles_css_ts_vanilla$31();
 	init_styles_css_ts_vanilla$58();
 	init_variables_css_ts_vanilla$1();
-	init_styles_css_ts_vanilla$15();
-	init_styles_css_ts_vanilla$8();
+	init_styles_css_ts_vanilla$16();
+	init_styles_css_ts_vanilla$9();
 	init_styles_css_ts_vanilla$59();
 	init_dropdown_css_ts_vanilla();
-	init_styles_css_ts_vanilla$19();
+	init_styles_css_ts_vanilla$21();
 	init_selectBar_css_ts_vanilla();
-	init_styles_css_ts_vanilla$20();
-	init_styles_css_ts_vanilla$14();
+	init_styles_css_ts_vanilla$22();
+	init_styles_css_ts_vanilla$15();
 	init_stylesVariants_css_ts_vanilla();
-	init_styles_css_ts_vanilla$21();
+	init_styles_css_ts_vanilla$19();
 	init_styles_css_ts_vanilla$60();
 	init_styles_css_ts_vanilla$61();
 	init_variables_css_ts_vanilla();
@@ -167,20 +170,17 @@ var init_styles_css = __esmMin(() => {
 	init_styles_css_ts_vanilla$62();
 	init_styles_css_ts_vanilla$63();
 	init_styles_css_ts_vanilla$64();
-	init_variables_css_ts_vanilla$7();
+	init_variables_css_ts_vanilla$8();
 	init_styles_css_ts_vanilla$65();
 	init_styles_css_ts_vanilla$66();
-	init_styles_css_ts_vanilla$26();
 	init_styles_css_ts_vanilla$67();
-	init_variables_css_ts_vanilla$8();
-	init_style_css_ts_vanilla();
 	init_styles_css_ts_vanilla$68();
-	init_styles_css_ts_vanilla$9();
+	init_styles_css_ts_vanilla$10();
 	init_styles_css_ts_vanilla$69();
 	init_styles_css_ts_vanilla$70();
 	init_styles_css_ts_vanilla$71();
 	init_styles_css_ts_vanilla$72();
-	init_styles_css_ts_vanilla$3();
+	init_styles_css_ts_vanilla$4();
 	init_styles_css_ts_vanilla$73();
 	init_styles_css_ts_vanilla$74();
 	init_styles_css_ts_vanilla$75();

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;;;;;;CAqCzB,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.122.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
 					})
 				]