@ultraviolet/plus 3.0.0-beta.9 → 3.1.0

package/dist/components/OrderSummary/helpers.js

@@ -20,7 +20,7 @@ const calculatePrice = ({
 }) => {
   const nonNanTimeAmount = Number.isNaN(timeAmount) ? 1 : timeAmount;
   const valueBeforeDiscount = price * (fixedPrice ? 1 : nonNanTimeAmount * multiplier[`${timeUnit}`]) * Math.max(amount - amountFree, 0);
-  const finalValue = valueBeforeDiscount * (1 - (discount < 1 ? discount : 0)) - (discount >= 1 ? Math.abs(discount) : 0);
+  const finalValue = valueBeforeDiscount * (1 - (discount <= 1 ? discount : 0)) - (discount > 1 ? Math.abs(discount) : 0);
   return finalValue;
 };
 const calculateSubCategoryPrice = (subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit) => {
@@ -57,30 +57,48 @@ const calculateSubCategoryPrice = (subCategory, hideTimeUnit, timePeriodAmount,
   return [price, price];
 };
 const calculateCategoryPrice = (category, hideTimeUnit, timePeriodAmount, timePeriodUnit) => {
-  const categoryPrice = category.subCategories?.reduce((acc, subCategory) => {
-    const computedPrices = calculateSubCategoryPrice(subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit);
-    return [acc[0] + computedPrices[0], acc[1] + computedPrices[1]];
-  }, [0, 0]) || [0, 0];
-  const discountedPriceMin = category.discount && category.discount < 1 ? categoryPrice[0] * category.discount : categoryPrice[0] - (category.discount ?? 0);
-  const discountedPriceMax = category.discount && category.discount < 1 ? categoryPrice[1] * category.discount : categoryPrice[1] - (category.discount ?? 0);
+  const categoryPrice = category.subCategories?.reduce(
+    (acc, subCategory) => {
+      const computedPrices = calculateSubCategoryPrice(
+        subCategory,
+        hideTimeUnit,
+        timePeriodAmount,
+        timePeriodUnit
+      );
+      return [acc[0] + computedPrices[0], acc[1] + computedPrices[1]];
+    },
+    [0, 0]
+  ) || [0, 0];
+  const discountedPriceMin = category.discount && category.discount <= 1 ? categoryPrice[0] * category.discount : categoryPrice[0] - (category.discount ?? 0);
+  const discountedPriceMax = category.discount && category.discount <= 1 ? categoryPrice[1] * category.discount : categoryPrice[1] - (category.discount ?? 0);
   const discountedPrice = category.allowNegative ? [discountedPriceMin, discountedPriceMax] : [Math.max(discountedPriceMin, 0), Math.max(discountedPriceMax, 0)];
-  categoryPrice.map((price) => Math.max(category.discount && category.discount < 1 ? price * category.discount : price - (category.discount ?? 0), 0));
-  return {
-    categoryPrice,
-    discountedPrice
-  };
+  categoryPrice.map(
+    (price) => Math.max(
+      category.discount && category.discount <= 1 ? price * category.discount : price - (category.discount ?? 0),
+      0
+    )
+  );
+  return { categoryPrice, discountedPrice };
 };
-const DisplayPrice = ({
-  price,
-  beforeOrAfter
-}) => {
-  const {
+const DisplayPrice = ({ price, beforeOrAfter }) => {
+  const { localeFormat, currency, fractionDigits } = useContext(OrderSummaryContext);
+  const withDiscount = beforeOrAfter === "after" ? "WithDiscount" : "";
+  return price.totalPrice === price.maxPrice ? formatNumber(
+    price[`totalPrice${withDiscount}`],
     localeFormat,
     currency,
-    fractionDigits
-  } = useContext(OrderSummaryContext);
-  const withDiscount = beforeOrAfter === "after" ? "WithDiscount" : "";
-  return price.totalPrice === price.maxPrice ? formatNumber(price[`totalPrice${withDiscount}`], localeFormat, currency, fractionDigits ?? 2) : `${formatNumber(price[`totalPrice${withDiscount}`], localeFormat, currency, fractionDigits ?? 2)} - ${formatNumber(price[`maxPrice${withDiscount}`], localeFormat, currency, fractionDigits ?? 2)}`;
+    fractionDigits ?? 2
+  ) : `${formatNumber(
+    price[`totalPrice${withDiscount}`],
+    localeFormat,
+    currency,
+    fractionDigits ?? 2
+  )} - ${formatNumber(
+    price[`maxPrice${withDiscount}`],
+    localeFormat,
+    currency,
+    fractionDigits ?? 2
+  )}`;
 };
 export {
   DisplayPrice,

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

@@ -1,2 +1,2 @@
 import type { OrderSummaryProps } from './types';
-export declare const OrderSummary: ({ header, hideTimeUnit, periodOptions, valueUnitInput, unitUnitInput, items, locales, currency, localeFormat, footer, children, discount, totalPriceInfo, fractionDigits, hideDetails, onChange, onChangeUnitInput, totalPriceDescription, additionalInfo, className, "data-testid": dataTestId, }: OrderSummaryProps) => import("@emotion/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, }: OrderSummaryProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/OrderSummary/index.js

@@ -1,6 +1,5 @@
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { Text, UnitInput, Stack } from "@ultraviolet/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Stack, Text, UnitInput } from "@ultraviolet/ui";
 import { useState, useMemo, useEffect } from "react";
 import { Units } from "./constants.js";
 import { calculateCategoryPrice } from "./helpers.js";
@@ -8,38 +7,7 @@ import orderSummaryLocales from "./locales/en.js";
 import { NonScrollableContent } from "./NonScrollableContent.js";
 import { OrderSummaryContext } from "./Provider.js";
 import { ScrollableContent } from "./ScrollableContent.js";
-const Container = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "e14yhwy32"
-} : {
-  target: "e14yhwy32",
-  label: "Container"
-})("background-color:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, ";height:100%;min-width:20rem;@media (min-width: ", ({
-  theme
-}) => theme.breakpoints.large, "){min-width:27.5rem;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT3JkZXJTdW1tYXJ5L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9PcmRlclN1bW1hcnkvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjaywgVGV4dCwgVW5pdElucHV0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgVW5pdHMgfSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB7IGNhbGN1bGF0ZUNhdGVnb3J5UHJpY2UgfSBmcm9tICcuL2hlbHBlcnMnXG5pbXBvcnQgb3JkZXJTdW1tYXJ5TG9jYWxlcyBmcm9tICcuL2xvY2FsZXMvZW4nXG5pbXBvcnQgeyBOb25TY3JvbGxhYmxlQ29udGVudCB9IGZyb20gJy4vTm9uU2Nyb2xsYWJsZUNvbnRlbnQnXG5pbXBvcnQgeyBPcmRlclN1bW1hcnlDb250ZXh0IH0gZnJvbSAnLi9Qcm92aWRlcidcbmltcG9ydCB7IFNjcm9sbGFibGVDb250ZW50IH0gZnJvbSAnLi9TY3JvbGxhYmxlQ29udGVudCdcbmltcG9ydCB0eXBlIHsgT3JkZXJTdW1tYXJ5UHJvcHMsIFByaWNlVHlwZSwgVGltZVVuaXQgfSBmcm9tICcuL3R5cGVzJ1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtaW4td2lkdGg6IDIwcmVtO1xuXG4gIEBtZWRpYSAobWluLXdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJyZWFrcG9pbnRzLmxhcmdlfSkge1xuICAgIG1pbi13aWR0aDogMjcuNXJlbTtcbiAgfVxuYFxuXG5jb25zdCBIZWFkZXJDb250YWluZXIgPSBzdHlsZWQoU3RhY2spPHsgJ2RhdGEtaGlkZWRldGFpbHMnOiBib29sZWFuIH0+YFxuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWzkwMF19O1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzNdfTtcbiAgcGFkZGluZy1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuXG4gICZbZGF0YS1oaWRlZGV0YWlscz1cImZhbHNlXCJdIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICB9XG5gXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG5gXG5cbmV4cG9ydCBjb25zdCBPcmRlclN1bW1hcnkgPSAoe1xuICBoZWFkZXIsXG4gIGhpZGVUaW1lVW5pdCA9IGZhbHNlLFxuICBwZXJpb2RPcHRpb25zID0gVW5pdHMsXG4gIHZhbHVlVW5pdElucHV0ID0gMSxcbiAgdW5pdFVuaXRJbnB1dCA9ICdob3VycycsXG4gIGl0ZW1zLFxuICBsb2NhbGVzID0gb3JkZXJTdW1tYXJ5TG9jYWxlcyxcbiAgY3VycmVuY3kgPSAnRVVSJyxcbiAgbG9jYWxlRm9ybWF0ID0gJ2VuLVVTJyxcbiAgZm9vdGVyLFxuICBjaGlsZHJlbixcbiAgZGlzY291bnQgPSAwLFxuICB0b3RhbFByaWNlSW5mbyxcbiAgZnJhY3Rpb25EaWdpdHMsXG4gIGhpZGVEZXRhaWxzID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxuICBvbkNoYW5nZVVuaXRJbnB1dCxcbiAgdG90YWxQcmljZURlc2NyaXB0aW9uLFxuICBhZGRpdGlvbmFsSW5mbyxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogT3JkZXJTdW1tYXJ5UHJvcHMpID0+IHtcbiAgY29uc3QgW3RpbWVQZXJpb2RVbml0LCBzZXRUaW1lUGVyaW9kVW5pdF0gPSB1c2VTdGF0ZTxUaW1lVW5pdD4odW5pdFVuaXRJbnB1dClcbiAgY29uc3QgW3RpbWVQZXJpb2RBbW91bnQsIHNldFRpbWVQZXJpb2RBbW91bnRdID0gdXNlU3RhdGUodmFsdWVVbml0SW5wdXQpXG5cbiAgY29uc3QgY2F0ZWdvcmllc1ByaWNlID0gdXNlTWVtbyhcbiAgICAoKSA9PlxuICAgICAgaXRlbXMucmVkdWNlPFByaWNlVHlwZT4oKGFjYywgY2F0ZWdvcnkpID0+IHtcbiAgICAgICAgY29uc3QgeyBjYXRlZ29yeVByaWNlLCBkaXNjb3VudGVkUHJpY2UgfSA9IGNhbGN1bGF0ZUNhdGVnb3J5UHJpY2UoXG4gICAgICAgICAgY2F0ZWdvcnksXG4gICAgICAgICAgaGlkZVRpbWVVbml0LFxuICAgICAgICAgIHRpbWVQZXJpb2RBbW91bnQsXG4gICAgICAgICAgdGltZVBlcmlvZFVuaXQsXG4gICAgICAgIClcblxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIC4uLmFjYyxcbiAgICAgICAgICBbY2F0ZWdvcnkuY2F0ZWdvcnldOiB7XG4gICAgICAgICAgICBtYXhQcmljZTogY2F0ZWdvcnlQcmljZVsxXSxcbiAgICAgICAgICAgIG1heFByaWNlV2l0aERpc2NvdW50OiBkaXNjb3VudGVkUHJpY2VbMV0sXG4gICAgICAgICAgICB0aW1lVW5pdDogdW5pdFVuaXRJbnB1dCxcbiAgICAgICAgICAgIHRvdGFsUHJpY2U6IGNhdGVnb3J5UHJpY2VbMF0sXG4gICAgICAgICAgICB0b3RhbFByaWNlV2l0aERpc2NvdW50OiBkaXNjb3VudGVkUHJpY2VbMF0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfVxuICAgICAgfSwge30pLFxuICAgIFtoaWRlVGltZVVuaXQsIGl0ZW1zLCB0aW1lUGVyaW9kQW1vdW50LCB0aW1lUGVyaW9kVW5pdCwgdW5pdFVuaXRJbnB1dF0sXG4gIClcblxuICBjb25zdCB0b3RhbFByaWNlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgcHJpY2UgPSBPYmplY3QudmFsdWVzKGNhdGVnb3JpZXNQcmljZSkucmVkdWNlPFtudW1iZXIsIG51bWJlcl0+KFxuICAgICAgKGFjYywgY2F0ZWdvcnlQcmljZSkgPT4gW1xuICAgICAgICBhY2NbMF0gKyBjYXRlZ29yeVByaWNlLnRvdGFsUHJpY2VXaXRoRGlzY291bnQsXG4gICAgICAgIGFjY1sxXSArIGNhdGVnb3J5UHJpY2UubWF4UHJpY2VXaXRoRGlzY291bnQsXG4gICAgICBdLFxuICAgICAgWzAsIDBdLFxuICAgIClcblxuICAgIGNvbnN0IGNvbXB1dGVkUHJpY2UgPSB7XG4gICAgICBtYXhQcmljZTogTWF0aC5tYXgocHJpY2VbMV0sIDApLFxuICAgICAgbWF4UHJpY2VXaXRoRGlzY291bnQ6IE1hdGgubWF4KFxuICAgICAgICBwcmljZVsxXSAqIChkaXNjb3VudCA8IDEgPyAxIC0gZGlzY291bnQgOiAxKSAtXG4gICAgICAgICAgKGRpc2NvdW50ID49IDEgPyBNYXRoLmFicyhkaXNjb3VudCkgOiAwKSxcbiAgICAgICAgMCxcbiAgICAgICksXG4gICAgICB0aW1lVW5pdDogdW5pdFVuaXRJbnB1dCxcbiAgICAgIHRvdGFsUHJpY2U6IE1hdGgubWF4KHByaWNlWzBdLCAwKSxcbiAgICAgIHRvdGFsUHJpY2VXaXRoRGlzY291bnQ6IE1hdGgubWF4KFxuICAgICAgICBwcmljZVswXSAqIChkaXNjb3VudCA8IDEgPyAxIC0gZGlzY291bnQgOiAxKSAtXG4gICAgICAgICAgKGRpc2NvdW50ID49IDEgPyBNYXRoLmFicyhkaXNjb3VudCkgOiAwKSxcbiAgICAgICAgMCxcbiAgICAgICksXG4gICAgfVxuXG4gICAgcmV0dXJuIGNvbXB1dGVkUHJpY2VcbiAgfSwgW2NhdGVnb3JpZXNQcmljZSwgZGlzY291bnQsIHVuaXRVbml0SW5wdXRdKVxuXG4gIGNvbnN0IHZhbHVlQ29udGV4dCA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGNhdGVnb3JpZXNQcmljZSxcbiAgICAgIGN1cnJlbmN5LFxuICAgICAgZnJhY3Rpb25EaWdpdHMsXG4gICAgICBoaWRlVGltZVVuaXQsXG4gICAgICBpdGVtcyxcbiAgICAgIGxvY2FsZUZvcm1hdCxcbiAgICAgIGxvY2FsZXMsXG4gICAgICB0aW1lUGVyaW9kQW1vdW50LFxuICAgICAgdGltZVBlcmlvZFVuaXQsXG4gICAgfSksXG4gICAgW1xuICAgICAgY3VycmVuY3ksXG4gICAgICBsb2NhbGVGb3JtYXQsXG4gICAgICBpdGVtcyxcbiAgICAgIGNhdGVnb3JpZXNQcmljZSxcbiAgICAgIGhpZGVUaW1lVW5pdCxcbiAgICAgIHRpbWVQZXJpb2RVbml0LFxuICAgICAgdGltZVBlcmlvZEFtb3VudCxcbiAgICAgIGxvY2FsZXMsXG4gICAgICBmcmFjdGlvbkRpZ2l0cyxcbiAgICBdLFxuICApXG5cbiAgY29uc3QgY29tcHV0ZVBlcmlvZE9wdGlvbnMgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBjb25zdCBjb21wdXRlZFBlcmlvZE9wdGlvbnM6IHsgbGFiZWw6IHN0cmluZzsgdmFsdWU6IHN0cmluZyB9W10gPSBbXVxuXG4gICAgcGVyaW9kT3B0aW9ucy5mb3JFYWNoKG9wdGlvbiA9PlxuICAgICAgY29tcHV0ZWRQZXJpb2RPcHRpb25zLnB1c2goe1xuICAgICAgICBsYWJlbDogbG9jYWxlc1tgb3JkZXIuc3VtbWFyeS51bml0cy4ke29wdGlvbn0ubGFiZWxgIGFzIGNvbnN0XSxcbiAgICAgICAgdmFsdWU6IG9wdGlvbixcbiAgICAgIH0pLFxuICAgIClcblxuICAgIHJldHVybiBjb21wdXRlZFBlcmlvZE9wdGlvbnNcbiAgfSwgW3BlcmlvZE9wdGlvbnMsIGxvY2FsZXNdKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgb25DaGFuZ2U/LihjYXRlZ29yaWVzUHJpY2UsIHRvdGFsUHJpY2UpXG4gIH0sIFtjYXRlZ29yaWVzUHJpY2UsIHRvdGFsUHJpY2UsIG9uQ2hhbmdlXSlcblxuICByZXR1cm4gKFxuICAgIDxPcmRlclN1bW1hcnlDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt2YWx1ZUNvbnRleHR9PlxuICAgICAgPENvbnRhaW5lclxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgZGF0YS10ZXN0SWQ9e2RhdGFUZXN0SWR9XG4gICAgICAgIGp1c3RpZnlDb250ZW50PXtoaWRlRGV0YWlscyA/ICdmbGV4LXN0YXJ0JyA6ICdzcGFjZS1iZXR3ZWVuJ31cbiAgICAgID5cbiAgICAgICAge2hlYWRlciA/IChcbiAgICAgICAgICA8SGVhZGVyQ29udGFpbmVyXG4gICAgICAgICAgICBkYXRhLWhpZGVkZXRhaWxzPXtoaWRlRGV0YWlsc31cbiAgICAgICAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICAgIGFzPVwiaDNcIlxuICAgICAgICAgICAgICBwcm9taW5lbmNlPVwic3Ryb25nXCJcbiAgICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICAgIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7aGVhZGVyfVxuICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgeyFoaWRlVGltZVVuaXQgJiYgIWhpZGVEZXRhaWxzID8gKFxuICAgICAgICAgICAgICA8U3R5bGVkU3RhY2s+XG4gICAgICAgICAgICAgICAgPFVuaXRJbnB1dFxuICAgICAgICAgICAgICAgICAgZHJvcGRvd25BbGlnbj1cImNlbnRlclwiXG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZT17dmFsdWUgPT4ge1xuICAgICAgICAgICAgICAgICAgICBzZXRUaW1lUGVyaW9kQW1vdW50KHZhbHVlKVxuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlVW5pdFZhbHVlPXsodmFsOiBzdHJpbmcpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgc2V0VGltZVBlcmlvZFVuaXQodmFsIGFzIFRpbWVVbml0KVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZVVuaXRJbnB1dD8uKHZhbClcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICBvcHRpb25zPXtjb21wdXRlUGVyaW9kT3B0aW9uc31cbiAgICAgICAgICAgICAgICAgIHNlbGVjdElucHV0V2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgICAgICB0ZW1wbGF0ZUNvbHVtbnM9XCIyZnIgM2ZyXCJcbiAgICAgICAgICAgICAgICAgIHVuaXRWYWx1ZT17dW5pdFVuaXRJbnB1dH1cbiAgICAgICAgICAgICAgICAgIHZhbHVlPXt2YWx1ZVVuaXRJbnB1dH1cbiAgICAgICAgICAgICAgICAgIHdpZHRoPVwiMTU1cHhcIlxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDwvU3R5bGVkU3RhY2s+XG4gICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8L0hlYWRlckNvbnRhaW5lcj5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHshaGlkZURldGFpbHMgPyA8U2Nyb2xsYWJsZUNvbnRlbnQgLz4gOiBudWxsfVxuICAgICAgICA8Tm9uU2Nyb2xsYWJsZUNvbnRlbnRcbiAgICAgICAgICBhZGRpdGlvbmFsSW5mbz17YWRkaXRpb25hbEluZm99XG4gICAgICAgICAgZGlzY291bnQ9e2Rpc2NvdW50fVxuICAgICAgICAgIGZvb3Rlcj17Zm9vdGVyfVxuICAgICAgICAgIGhpZGVEZXRhaWxzPXtoaWRlRGV0YWlsc31cbiAgICAgICAgICB0b3RhbFByaWNlPXt0b3RhbFByaWNlfVxuICAgICAgICAgIHRvdGFsUHJpY2VEZXNjcmlwdGlvbj17dG90YWxQcmljZURlc2NyaXB0aW9ufVxuICAgICAgICAgIHRvdGFsUHJpY2VJbmZvPXt0b3RhbFByaWNlSW5mb31cbiAgICAgICAgICB1bml0PXt1bml0VW5pdElucHV0fVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L05vblNjcm9sbGFibGVDb250ZW50PlxuICAgICAgPC9Db250YWluZXI+XG4gICAgPC9PcmRlclN1bW1hcnlDb250ZXh0LlByb3ZpZGVyPlxuICApXG59XG4iXX0= */"));
-const HeaderContainer = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "e14yhwy31"
-} : {
-  target: "e14yhwy31",
-  label: "HeaderContainer"
-})("height:", ({
-  theme
-}) => theme.sizing[900], ";padding:", ({
-  theme
-}) => theme.space[3], ";padding-bottom:", ({
-  theme
-}) => theme.space[2], ';&[data-hidedetails="false"]{border-bottom:1px solid ', ({
-  theme
-}) => theme.colors.neutral.border, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT3JkZXJTdW1tYXJ5L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnNFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT3JkZXJTdW1tYXJ5L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2ssIFRleHQsIFVuaXRJbnB1dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFVuaXRzIH0gZnJvbSAnLi9jb25zdGFudHMnXG5pbXBvcnQgeyBjYWxjdWxhdGVDYXRlZ29yeVByaWNlIH0gZnJvbSAnLi9oZWxwZXJzJ1xuaW1wb3J0IG9yZGVyU3VtbWFyeUxvY2FsZXMgZnJvbSAnLi9sb2NhbGVzL2VuJ1xuaW1wb3J0IHsgTm9uU2Nyb2xsYWJsZUNvbnRlbnQgfSBmcm9tICcuL05vblNjcm9sbGFibGVDb250ZW50J1xuaW1wb3J0IHsgT3JkZXJTdW1tYXJ5Q29udGV4dCB9IGZyb20gJy4vUHJvdmlkZXInXG5pbXBvcnQgeyBTY3JvbGxhYmxlQ29udGVudCB9IGZyb20gJy4vU2Nyb2xsYWJsZUNvbnRlbnQnXG5pbXBvcnQgdHlwZSB7IE9yZGVyU3VtbWFyeVByb3BzLCBQcmljZVR5cGUsIFRpbWVVbml0IH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAyMHJlbTtcblxuICBAbWVkaWEgKG1pbi13aWR0aDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5icmVha3BvaW50cy5sYXJnZX0pIHtcbiAgICBtaW4td2lkdGg6IDI3LjVyZW07XG4gIH1cbmBcblxuY29uc3QgSGVhZGVyQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKTx7ICdkYXRhLWhpZGVkZXRhaWxzJzogYm9vbGVhbiB9PmBcbiAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s5MDBdfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVszXX07XG4gIHBhZGRpbmctYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcblxuICAmW2RhdGEtaGlkZWRldGFpbHM9XCJmYWxzZVwiXSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgfVxuYFxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgT3JkZXJTdW1tYXJ5ID0gKHtcbiAgaGVhZGVyLFxuICBoaWRlVGltZVVuaXQgPSBmYWxzZSxcbiAgcGVyaW9kT3B0aW9ucyA9IFVuaXRzLFxuICB2YWx1ZVVuaXRJbnB1dCA9IDEsXG4gIHVuaXRVbml0SW5wdXQgPSAnaG91cnMnLFxuICBpdGVtcyxcbiAgbG9jYWxlcyA9IG9yZGVyU3VtbWFyeUxvY2FsZXMsXG4gIGN1cnJlbmN5ID0gJ0VVUicsXG4gIGxvY2FsZUZvcm1hdCA9ICdlbi1VUycsXG4gIGZvb3RlcixcbiAgY2hpbGRyZW4sXG4gIGRpc2NvdW50ID0gMCxcbiAgdG90YWxQcmljZUluZm8sXG4gIGZyYWN0aW9uRGlnaXRzLFxuICBoaWRlRGV0YWlscyA9IGZhbHNlLFxuICBvbkNoYW5nZSxcbiAgb25DaGFuZ2VVbml0SW5wdXQsXG4gIHRvdGFsUHJpY2VEZXNjcmlwdGlvbixcbiAgYWRkaXRpb25hbEluZm8sXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IE9yZGVyU3VtbWFyeVByb3BzKSA9PiB7XG4gIGNvbnN0IFt0aW1lUGVyaW9kVW5pdCwgc2V0VGltZVBlcmlvZFVuaXRdID0gdXNlU3RhdGU8VGltZVVuaXQ+KHVuaXRVbml0SW5wdXQpXG4gIGNvbnN0IFt0aW1lUGVyaW9kQW1vdW50LCBzZXRUaW1lUGVyaW9kQW1vdW50XSA9IHVzZVN0YXRlKHZhbHVlVW5pdElucHV0KVxuXG4gIGNvbnN0IGNhdGVnb3JpZXNQcmljZSA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIGl0ZW1zLnJlZHVjZTxQcmljZVR5cGU+KChhY2MsIGNhdGVnb3J5KSA9PiB7XG4gICAgICAgIGNvbnN0IHsgY2F0ZWdvcnlQcmljZSwgZGlzY291bnRlZFByaWNlIH0gPSBjYWxjdWxhdGVDYXRlZ29yeVByaWNlKFxuICAgICAgICAgIGNhdGVnb3J5LFxuICAgICAgICAgIGhpZGVUaW1lVW5pdCxcbiAgICAgICAgICB0aW1lUGVyaW9kQW1vdW50LFxuICAgICAgICAgIHRpbWVQZXJpb2RVbml0LFxuICAgICAgICApXG5cbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAuLi5hY2MsXG4gICAgICAgICAgW2NhdGVnb3J5LmNhdGVnb3J5XToge1xuICAgICAgICAgICAgbWF4UHJpY2U6IGNhdGVnb3J5UHJpY2VbMV0sXG4gICAgICAgICAgICBtYXhQcmljZVdpdGhEaXNjb3VudDogZGlzY291bnRlZFByaWNlWzFdLFxuICAgICAgICAgICAgdGltZVVuaXQ6IHVuaXRVbml0SW5wdXQsXG4gICAgICAgICAgICB0b3RhbFByaWNlOiBjYXRlZ29yeVByaWNlWzBdLFxuICAgICAgICAgICAgdG90YWxQcmljZVdpdGhEaXNjb3VudDogZGlzY291bnRlZFByaWNlWzBdLFxuICAgICAgICAgIH0sXG4gICAgICAgIH1cbiAgICAgIH0sIHt9KSxcbiAgICBbaGlkZVRpbWVVbml0LCBpdGVtcywgdGltZVBlcmlvZEFtb3VudCwgdGltZVBlcmlvZFVuaXQsIHVuaXRVbml0SW5wdXRdLFxuICApXG5cbiAgY29uc3QgdG90YWxQcmljZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHByaWNlID0gT2JqZWN0LnZhbHVlcyhjYXRlZ29yaWVzUHJpY2UpLnJlZHVjZTxbbnVtYmVyLCBudW1iZXJdPihcbiAgICAgIChhY2MsIGNhdGVnb3J5UHJpY2UpID0+IFtcbiAgICAgICAgYWNjWzBdICsgY2F0ZWdvcnlQcmljZS50b3RhbFByaWNlV2l0aERpc2NvdW50LFxuICAgICAgICBhY2NbMV0gKyBjYXRlZ29yeVByaWNlLm1heFByaWNlV2l0aERpc2NvdW50LFxuICAgICAgXSxcbiAgICAgIFswLCAwXSxcbiAgICApXG5cbiAgICBjb25zdCBjb21wdXRlZFByaWNlID0ge1xuICAgICAgbWF4UHJpY2U6IE1hdGgubWF4KHByaWNlWzFdLCAwKSxcbiAgICAgIG1heFByaWNlV2l0aERpc2NvdW50OiBNYXRoLm1heChcbiAgICAgICAgcHJpY2VbMV0gKiAoZGlzY291bnQgPCAxID8gMSAtIGRpc2NvdW50IDogMSkgLVxuICAgICAgICAgIChkaXNjb3VudCA+PSAxID8gTWF0aC5hYnMoZGlzY291bnQpIDogMCksXG4gICAgICAgIDAsXG4gICAgICApLFxuICAgICAgdGltZVVuaXQ6IHVuaXRVbml0SW5wdXQsXG4gICAgICB0b3RhbFByaWNlOiBNYXRoLm1heChwcmljZVswXSwgMCksXG4gICAgICB0b3RhbFByaWNlV2l0aERpc2NvdW50OiBNYXRoLm1heChcbiAgICAgICAgcHJpY2VbMF0gKiAoZGlzY291bnQgPCAxID8gMSAtIGRpc2NvdW50IDogMSkgLVxuICAgICAgICAgIChkaXNjb3VudCA+PSAxID8gTWF0aC5hYnMoZGlzY291bnQpIDogMCksXG4gICAgICAgIDAsXG4gICAgICApLFxuICAgIH1cblxuICAgIHJldHVybiBjb21wdXRlZFByaWNlXG4gIH0sIFtjYXRlZ29yaWVzUHJpY2UsIGRpc2NvdW50LCB1bml0VW5pdElucHV0XSlcblxuICBjb25zdCB2YWx1ZUNvbnRleHQgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBjYXRlZ29yaWVzUHJpY2UsXG4gICAgICBjdXJyZW5jeSxcbiAgICAgIGZyYWN0aW9uRGlnaXRzLFxuICAgICAgaGlkZVRpbWVVbml0LFxuICAgICAgaXRlbXMsXG4gICAgICBsb2NhbGVGb3JtYXQsXG4gICAgICBsb2NhbGVzLFxuICAgICAgdGltZVBlcmlvZEFtb3VudCxcbiAgICAgIHRpbWVQZXJpb2RVbml0LFxuICAgIH0pLFxuICAgIFtcbiAgICAgIGN1cnJlbmN5LFxuICAgICAgbG9jYWxlRm9ybWF0LFxuICAgICAgaXRlbXMsXG4gICAgICBjYXRlZ29yaWVzUHJpY2UsXG4gICAgICBoaWRlVGltZVVuaXQsXG4gICAgICB0aW1lUGVyaW9kVW5pdCxcbiAgICAgIHRpbWVQZXJpb2RBbW91bnQsXG4gICAgICBsb2NhbGVzLFxuICAgICAgZnJhY3Rpb25EaWdpdHMsXG4gICAgXSxcbiAgKVxuXG4gIGNvbnN0IGNvbXB1dGVQZXJpb2RPcHRpb25zID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgY29tcHV0ZWRQZXJpb2RPcHRpb25zOiB7IGxhYmVsOiBzdHJpbmc7IHZhbHVlOiBzdHJpbmcgfVtdID0gW11cblxuICAgIHBlcmlvZE9wdGlvbnMuZm9yRWFjaChvcHRpb24gPT5cbiAgICAgIGNvbXB1dGVkUGVyaW9kT3B0aW9ucy5wdXNoKHtcbiAgICAgICAgbGFiZWw6IGxvY2FsZXNbYG9yZGVyLnN1bW1hcnkudW5pdHMuJHtvcHRpb259LmxhYmVsYCBhcyBjb25zdF0sXG4gICAgICAgIHZhbHVlOiBvcHRpb24sXG4gICAgICB9KSxcbiAgICApXG5cbiAgICByZXR1cm4gY29tcHV0ZWRQZXJpb2RPcHRpb25zXG4gIH0sIFtwZXJpb2RPcHRpb25zLCBsb2NhbGVzXSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIG9uQ2hhbmdlPy4oY2F0ZWdvcmllc1ByaWNlLCB0b3RhbFByaWNlKVxuICB9LCBbY2F0ZWdvcmllc1ByaWNlLCB0b3RhbFByaWNlLCBvbkNoYW5nZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8T3JkZXJTdW1tYXJ5Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17dmFsdWVDb250ZXh0fT5cbiAgICAgIDxDb250YWluZXJcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGRhdGEtdGVzdElkPXtkYXRhVGVzdElkfVxuICAgICAgICBqdXN0aWZ5Q29udGVudD17aGlkZURldGFpbHMgPyAnZmxleC1zdGFydCcgOiAnc3BhY2UtYmV0d2Vlbid9XG4gICAgICA+XG4gICAgICAgIHtoZWFkZXIgPyAoXG4gICAgICAgICAgPEhlYWRlckNvbnRhaW5lclxuICAgICAgICAgICAgZGF0YS1oaWRlZGV0YWlscz17aGlkZURldGFpbHN9XG4gICAgICAgICAgICBkaXJlY3Rpb249XCJyb3dcIlxuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBhcz1cImgzXCJcbiAgICAgICAgICAgICAgcHJvbWluZW5jZT1cInN0cm9uZ1wiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICB2YXJpYW50PVwiaGVhZGluZ1NtYWxsU3Ryb25nXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2hlYWRlcn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIHshaGlkZVRpbWVVbml0ICYmICFoaWRlRGV0YWlscyA/IChcbiAgICAgICAgICAgICAgPFN0eWxlZFN0YWNrPlxuICAgICAgICAgICAgICAgIDxVbml0SW5wdXRcbiAgICAgICAgICAgICAgICAgIGRyb3Bkb3duQWxpZ249XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3ZhbHVlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgc2V0VGltZVBlcmlvZEFtb3VudCh2YWx1ZSlcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZVVuaXRWYWx1ZT17KHZhbDogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHNldFRpbWVQZXJpb2RVbml0KHZhbCBhcyBUaW1lVW5pdClcbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VVbml0SW5wdXQ/Lih2YWwpXG4gICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgb3B0aW9ucz17Y29tcHV0ZVBlcmlvZE9wdGlvbnN9XG4gICAgICAgICAgICAgICAgICBzZWxlY3RJbnB1dFdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgICAgdGVtcGxhdGVDb2x1bW5zPVwiMmZyIDNmclwiXG4gICAgICAgICAgICAgICAgICB1bml0VmFsdWU9e3VuaXRVbml0SW5wdXR9XG4gICAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWVVbml0SW5wdXR9XG4gICAgICAgICAgICAgICAgICB3aWR0aD1cIjE1NXB4XCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L1N0eWxlZFN0YWNrPlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPC9IZWFkZXJDb250YWluZXI+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICB7IWhpZGVEZXRhaWxzID8gPFNjcm9sbGFibGVDb250ZW50IC8+IDogbnVsbH1cbiAgICAgICAgPE5vblNjcm9sbGFibGVDb250ZW50XG4gICAgICAgICAgYWRkaXRpb25hbEluZm89e2FkZGl0aW9uYWxJbmZvfVxuICAgICAgICAgIGRpc2NvdW50PXtkaXNjb3VudH1cbiAgICAgICAgICBmb290ZXI9e2Zvb3Rlcn1cbiAgICAgICAgICBoaWRlRGV0YWlscz17aGlkZURldGFpbHN9XG4gICAgICAgICAgdG90YWxQcmljZT17dG90YWxQcmljZX1cbiAgICAgICAgICB0b3RhbFByaWNlRGVzY3JpcHRpb249e3RvdGFsUHJpY2VEZXNjcmlwdGlvbn1cbiAgICAgICAgICB0b3RhbFByaWNlSW5mbz17dG90YWxQcmljZUluZm99XG4gICAgICAgICAgdW5pdD17dW5pdFVuaXRJbnB1dH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9Ob25TY3JvbGxhYmxlQ29udGVudD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvT3JkZXJTdW1tYXJ5Q29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuIl19 */"));
-const StyledStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "e14yhwy30"
-} : {
-  target: "e14yhwy30",
-  label: "StyledStack"
-})("background-color:", ({
-  theme
-}) => theme.colors.neutral.background, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT3JkZXJTdW1tYXJ5L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT3JkZXJTdW1tYXJ5L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2ssIFRleHQsIFVuaXRJbnB1dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFVuaXRzIH0gZnJvbSAnLi9jb25zdGFudHMnXG5pbXBvcnQgeyBjYWxjdWxhdGVDYXRlZ29yeVByaWNlIH0gZnJvbSAnLi9oZWxwZXJzJ1xuaW1wb3J0IG9yZGVyU3VtbWFyeUxvY2FsZXMgZnJvbSAnLi9sb2NhbGVzL2VuJ1xuaW1wb3J0IHsgTm9uU2Nyb2xsYWJsZUNvbnRlbnQgfSBmcm9tICcuL05vblNjcm9sbGFibGVDb250ZW50J1xuaW1wb3J0IHsgT3JkZXJTdW1tYXJ5Q29udGV4dCB9IGZyb20gJy4vUHJvdmlkZXInXG5pbXBvcnQgeyBTY3JvbGxhYmxlQ29udGVudCB9IGZyb20gJy4vU2Nyb2xsYWJsZUNvbnRlbnQnXG5pbXBvcnQgdHlwZSB7IE9yZGVyU3VtbWFyeVByb3BzLCBQcmljZVR5cGUsIFRpbWVVbml0IH0gZnJvbSAnLi90eXBlcydcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAyMHJlbTtcblxuICBAbWVkaWEgKG1pbi13aWR0aDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5icmVha3BvaW50cy5sYXJnZX0pIHtcbiAgICBtaW4td2lkdGg6IDI3LjVyZW07XG4gIH1cbmBcblxuY29uc3QgSGVhZGVyQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKTx7ICdkYXRhLWhpZGVkZXRhaWxzJzogYm9vbGVhbiB9PmBcbiAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s5MDBdfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVszXX07XG4gIHBhZGRpbmctYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcblxuICAmW2RhdGEtaGlkZWRldGFpbHM9XCJmYWxzZVwiXSB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcbiAgfVxuYFxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgT3JkZXJTdW1tYXJ5ID0gKHtcbiAgaGVhZGVyLFxuICBoaWRlVGltZVVuaXQgPSBmYWxzZSxcbiAgcGVyaW9kT3B0aW9ucyA9IFVuaXRzLFxuICB2YWx1ZVVuaXRJbnB1dCA9IDEsXG4gIHVuaXRVbml0SW5wdXQgPSAnaG91cnMnLFxuICBpdGVtcyxcbiAgbG9jYWxlcyA9IG9yZGVyU3VtbWFyeUxvY2FsZXMsXG4gIGN1cnJlbmN5ID0gJ0VVUicsXG4gIGxvY2FsZUZvcm1hdCA9ICdlbi1VUycsXG4gIGZvb3RlcixcbiAgY2hpbGRyZW4sXG4gIGRpc2NvdW50ID0gMCxcbiAgdG90YWxQcmljZUluZm8sXG4gIGZyYWN0aW9uRGlnaXRzLFxuICBoaWRlRGV0YWlscyA9IGZhbHNlLFxuICBvbkNoYW5nZSxcbiAgb25DaGFuZ2VVbml0SW5wdXQsXG4gIHRvdGFsUHJpY2VEZXNjcmlwdGlvbixcbiAgYWRkaXRpb25hbEluZm8sXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IE9yZGVyU3VtbWFyeVByb3BzKSA9PiB7XG4gIGNvbnN0IFt0aW1lUGVyaW9kVW5pdCwgc2V0VGltZVBlcmlvZFVuaXRdID0gdXNlU3RhdGU8VGltZVVuaXQ+KHVuaXRVbml0SW5wdXQpXG4gIGNvbnN0IFt0aW1lUGVyaW9kQW1vdW50LCBzZXRUaW1lUGVyaW9kQW1vdW50XSA9IHVzZVN0YXRlKHZhbHVlVW5pdElucHV0KVxuXG4gIGNvbnN0IGNhdGVnb3JpZXNQcmljZSA9IHVzZU1lbW8oXG4gICAgKCkgPT5cbiAgICAgIGl0ZW1zLnJlZHVjZTxQcmljZVR5cGU+KChhY2MsIGNhdGVnb3J5KSA9PiB7XG4gICAgICAgIGNvbnN0IHsgY2F0ZWdvcnlQcmljZSwgZGlzY291bnRlZFByaWNlIH0gPSBjYWxjdWxhdGVDYXRlZ29yeVByaWNlKFxuICAgICAgICAgIGNhdGVnb3J5LFxuICAgICAgICAgIGhpZGVUaW1lVW5pdCxcbiAgICAgICAgICB0aW1lUGVyaW9kQW1vdW50LFxuICAgICAgICAgIHRpbWVQZXJpb2RVbml0LFxuICAgICAgICApXG5cbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAuLi5hY2MsXG4gICAgICAgICAgW2NhdGVnb3J5LmNhdGVnb3J5XToge1xuICAgICAgICAgICAgbWF4UHJpY2U6IGNhdGVnb3J5UHJpY2VbMV0sXG4gICAgICAgICAgICBtYXhQcmljZVdpdGhEaXNjb3VudDogZGlzY291bnRlZFByaWNlWzFdLFxuICAgICAgICAgICAgdGltZVVuaXQ6IHVuaXRVbml0SW5wdXQsXG4gICAgICAgICAgICB0b3RhbFByaWNlOiBjYXRlZ29yeVByaWNlWzBdLFxuICAgICAgICAgICAgdG90YWxQcmljZVdpdGhEaXNjb3VudDogZGlzY291bnRlZFByaWNlWzBdLFxuICAgICAgICAgIH0sXG4gICAgICAgIH1cbiAgICAgIH0sIHt9KSxcbiAgICBbaGlkZVRpbWVVbml0LCBpdGVtcywgdGltZVBlcmlvZEFtb3VudCwgdGltZVBlcmlvZFVuaXQsIHVuaXRVbml0SW5wdXRdLFxuICApXG5cbiAgY29uc3QgdG90YWxQcmljZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHByaWNlID0gT2JqZWN0LnZhbHVlcyhjYXRlZ29yaWVzUHJpY2UpLnJlZHVjZTxbbnVtYmVyLCBudW1iZXJdPihcbiAgICAgIChhY2MsIGNhdGVnb3J5UHJpY2UpID0+IFtcbiAgICAgICAgYWNjWzBdICsgY2F0ZWdvcnlQcmljZS50b3RhbFByaWNlV2l0aERpc2NvdW50LFxuICAgICAgICBhY2NbMV0gKyBjYXRlZ29yeVByaWNlLm1heFByaWNlV2l0aERpc2NvdW50LFxuICAgICAgXSxcbiAgICAgIFswLCAwXSxcbiAgICApXG5cbiAgICBjb25zdCBjb21wdXRlZFByaWNlID0ge1xuICAgICAgbWF4UHJpY2U6IE1hdGgubWF4KHByaWNlWzFdLCAwKSxcbiAgICAgIG1heFByaWNlV2l0aERpc2NvdW50OiBNYXRoLm1heChcbiAgICAgICAgcHJpY2VbMV0gKiAoZGlzY291bnQgPCAxID8gMSAtIGRpc2NvdW50IDogMSkgLVxuICAgICAgICAgIChkaXNjb3VudCA+PSAxID8gTWF0aC5hYnMoZGlzY291bnQpIDogMCksXG4gICAgICAgIDAsXG4gICAgICApLFxuICAgICAgdGltZVVuaXQ6IHVuaXRVbml0SW5wdXQsXG4gICAgICB0b3RhbFByaWNlOiBNYXRoLm1heChwcmljZVswXSwgMCksXG4gICAgICB0b3RhbFByaWNlV2l0aERpc2NvdW50OiBNYXRoLm1heChcbiAgICAgICAgcHJpY2VbMF0gKiAoZGlzY291bnQgPCAxID8gMSAtIGRpc2NvdW50IDogMSkgLVxuICAgICAgICAgIChkaXNjb3VudCA+PSAxID8gTWF0aC5hYnMoZGlzY291bnQpIDogMCksXG4gICAgICAgIDAsXG4gICAgICApLFxuICAgIH1cblxuICAgIHJldHVybiBjb21wdXRlZFByaWNlXG4gIH0sIFtjYXRlZ29yaWVzUHJpY2UsIGRpc2NvdW50LCB1bml0VW5pdElucHV0XSlcblxuICBjb25zdCB2YWx1ZUNvbnRleHQgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7XG4gICAgICBjYXRlZ29yaWVzUHJpY2UsXG4gICAgICBjdXJyZW5jeSxcbiAgICAgIGZyYWN0aW9uRGlnaXRzLFxuICAgICAgaGlkZVRpbWVVbml0LFxuICAgICAgaXRlbXMsXG4gICAgICBsb2NhbGVGb3JtYXQsXG4gICAgICBsb2NhbGVzLFxuICAgICAgdGltZVBlcmlvZEFtb3VudCxcbiAgICAgIHRpbWVQZXJpb2RVbml0LFxuICAgIH0pLFxuICAgIFtcbiAgICAgIGN1cnJlbmN5LFxuICAgICAgbG9jYWxlRm9ybWF0LFxuICAgICAgaXRlbXMsXG4gICAgICBjYXRlZ29yaWVzUHJpY2UsXG4gICAgICBoaWRlVGltZVVuaXQsXG4gICAgICB0aW1lUGVyaW9kVW5pdCxcbiAgICAgIHRpbWVQZXJpb2RBbW91bnQsXG4gICAgICBsb2NhbGVzLFxuICAgICAgZnJhY3Rpb25EaWdpdHMsXG4gICAgXSxcbiAgKVxuXG4gIGNvbnN0IGNvbXB1dGVQZXJpb2RPcHRpb25zID0gdXNlTWVtbygoKSA9PiB7XG4gICAgY29uc3QgY29tcHV0ZWRQZXJpb2RPcHRpb25zOiB7IGxhYmVsOiBzdHJpbmc7IHZhbHVlOiBzdHJpbmcgfVtdID0gW11cblxuICAgIHBlcmlvZE9wdGlvbnMuZm9yRWFjaChvcHRpb24gPT5cbiAgICAgIGNvbXB1dGVkUGVyaW9kT3B0aW9ucy5wdXNoKHtcbiAgICAgICAgbGFiZWw6IGxvY2FsZXNbYG9yZGVyLnN1bW1hcnkudW5pdHMuJHtvcHRpb259LmxhYmVsYCBhcyBjb25zdF0sXG4gICAgICAgIHZhbHVlOiBvcHRpb24sXG4gICAgICB9KSxcbiAgICApXG5cbiAgICByZXR1cm4gY29tcHV0ZWRQZXJpb2RPcHRpb25zXG4gIH0sIFtwZXJpb2RPcHRpb25zLCBsb2NhbGVzXSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIG9uQ2hhbmdlPy4oY2F0ZWdvcmllc1ByaWNlLCB0b3RhbFByaWNlKVxuICB9LCBbY2F0ZWdvcmllc1ByaWNlLCB0b3RhbFByaWNlLCBvbkNoYW5nZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8T3JkZXJTdW1tYXJ5Q29udGV4dC5Qcm92aWRlciB2YWx1ZT17dmFsdWVDb250ZXh0fT5cbiAgICAgIDxDb250YWluZXJcbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIGRhdGEtdGVzdElkPXtkYXRhVGVzdElkfVxuICAgICAgICBqdXN0aWZ5Q29udGVudD17aGlkZURldGFpbHMgPyAnZmxleC1zdGFydCcgOiAnc3BhY2UtYmV0d2Vlbid9XG4gICAgICA+XG4gICAgICAgIHtoZWFkZXIgPyAoXG4gICAgICAgICAgPEhlYWRlckNvbnRhaW5lclxuICAgICAgICAgICAgZGF0YS1oaWRlZGV0YWlscz17aGlkZURldGFpbHN9XG4gICAgICAgICAgICBkaXJlY3Rpb249XCJyb3dcIlxuICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8VGV4dFxuICAgICAgICAgICAgICBhcz1cImgzXCJcbiAgICAgICAgICAgICAgcHJvbWluZW5jZT1cInN0cm9uZ1wiXG4gICAgICAgICAgICAgIHNlbnRpbWVudD1cIm5ldXRyYWxcIlxuICAgICAgICAgICAgICB2YXJpYW50PVwiaGVhZGluZ1NtYWxsU3Ryb25nXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2hlYWRlcn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICAgIHshaGlkZVRpbWVVbml0ICYmICFoaWRlRGV0YWlscyA/IChcbiAgICAgICAgICAgICAgPFN0eWxlZFN0YWNrPlxuICAgICAgICAgICAgICAgIDxVbml0SW5wdXRcbiAgICAgICAgICAgICAgICAgIGRyb3Bkb3duQWxpZ249XCJjZW50ZXJcIlxuICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3ZhbHVlID0+IHtcbiAgICAgICAgICAgICAgICAgICAgc2V0VGltZVBlcmlvZEFtb3VudCh2YWx1ZSlcbiAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICBvbkNoYW5nZVVuaXRWYWx1ZT17KHZhbDogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHNldFRpbWVQZXJpb2RVbml0KHZhbCBhcyBUaW1lVW5pdClcbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VVbml0SW5wdXQ/Lih2YWwpXG4gICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgb3B0aW9ucz17Y29tcHV0ZVBlcmlvZE9wdGlvbnN9XG4gICAgICAgICAgICAgICAgICBzZWxlY3RJbnB1dFdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgICAgICAgdGVtcGxhdGVDb2x1bW5zPVwiMmZyIDNmclwiXG4gICAgICAgICAgICAgICAgICB1bml0VmFsdWU9e3VuaXRVbml0SW5wdXR9XG4gICAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWVVbml0SW5wdXR9XG4gICAgICAgICAgICAgICAgICB3aWR0aD1cIjE1NXB4XCJcbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L1N0eWxlZFN0YWNrPlxuICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPC9IZWFkZXJDb250YWluZXI+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgICB7IWhpZGVEZXRhaWxzID8gPFNjcm9sbGFibGVDb250ZW50IC8+IDogbnVsbH1cbiAgICAgICAgPE5vblNjcm9sbGFibGVDb250ZW50XG4gICAgICAgICAgYWRkaXRpb25hbEluZm89e2FkZGl0aW9uYWxJbmZvfVxuICAgICAgICAgIGRpc2NvdW50PXtkaXNjb3VudH1cbiAgICAgICAgICBmb290ZXI9e2Zvb3Rlcn1cbiAgICAgICAgICBoaWRlRGV0YWlscz17aGlkZURldGFpbHN9XG4gICAgICAgICAgdG90YWxQcmljZT17dG90YWxQcmljZX1cbiAgICAgICAgICB0b3RhbFByaWNlRGVzY3JpcHRpb249e3RvdGFsUHJpY2VEZXNjcmlwdGlvbn1cbiAgICAgICAgICB0b3RhbFByaWNlSW5mbz17dG90YWxQcmljZUluZm99XG4gICAgICAgICAgdW5pdD17dW5pdFVuaXRJbnB1dH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9Ob25TY3JvbGxhYmxlQ29udGVudD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvT3JkZXJTdW1tYXJ5Q29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuIl19 */"));
+import { orderSummaryContainer, orderSummaryHeaderContainer, orderSummaryStackBackground } from "./styles.css.js";
 const OrderSummary = ({
   header,
   hideTimeUnit = false,
@@ -61,72 +29,166 @@ const OrderSummary = ({
   totalPriceDescription,
   additionalInfo,
   className,
-  "data-testid": dataTestId
+  totalPriceInfoPlacement = "left",
+  hideBeforePrice = false,
+  "data-testid": dataTestId,
+  style,
+  priceInformation
 }) => {
   const [timePeriodUnit, setTimePeriodUnit] = useState(unitUnitInput);
   const [timePeriodAmount, setTimePeriodAmount] = useState(valueUnitInput);
-  const categoriesPrice = useMemo(() => items.reduce((acc, category) => {
-    const {
-      categoryPrice,
-      discountedPrice
-    } = calculateCategoryPrice(category, hideTimeUnit, timePeriodAmount, timePeriodUnit);
-    return {
-      ...acc,
-      [category.category]: {
-        maxPrice: categoryPrice[1],
-        maxPriceWithDiscount: discountedPrice[1],
-        timeUnit: unitUnitInput,
-        totalPrice: categoryPrice[0],
-        totalPriceWithDiscount: discountedPrice[0]
-      }
-    };
-  }, {}), [hideTimeUnit, items, timePeriodAmount, timePeriodUnit, unitUnitInput]);
+  const categoriesPrice = useMemo(
+    () => items.reduce((acc, category) => {
+      const { categoryPrice, discountedPrice } = calculateCategoryPrice(
+        category,
+        hideTimeUnit,
+        timePeriodAmount,
+        timePeriodUnit
+      );
+      return {
+        ...acc,
+        [category.category]: {
+          maxPrice: categoryPrice[1],
+          maxPriceWithDiscount: discountedPrice[1],
+          timeUnit: unitUnitInput,
+          totalPrice: categoryPrice[0],
+          totalPriceWithDiscount: discountedPrice[0]
+        }
+      };
+    }, {}),
+    [hideTimeUnit, items, timePeriodAmount, timePeriodUnit, unitUnitInput]
+  );
   const totalPrice = useMemo(() => {
-    const price = Object.values(categoriesPrice).reduce((acc, categoryPrice) => [acc[0] + categoryPrice.totalPriceWithDiscount, acc[1] + categoryPrice.maxPriceWithDiscount], [0, 0]);
+    const price = Object.values(categoriesPrice).reduce(
+      (acc, categoryPrice) => [
+        acc[0] + categoryPrice.totalPriceWithDiscount,
+        acc[1] + categoryPrice.maxPriceWithDiscount
+      ],
+      [0, 0]
+    );
     const computedPrice = {
       maxPrice: Math.max(price[1], 0),
-      maxPriceWithDiscount: Math.max(price[1] * (discount < 1 ? 1 - discount : 1) - (discount >= 1 ? Math.abs(discount) : 0), 0),
+      maxPriceWithDiscount: Math.max(
+        price[1] * (discount <= 1 ? 1 - discount : 1) - (discount > 1 ? Math.abs(discount) : 0),
+        0
+      ),
       timeUnit: unitUnitInput,
       totalPrice: Math.max(price[0], 0),
-      totalPriceWithDiscount: Math.max(price[0] * (discount < 1 ? 1 - discount : 1) - (discount >= 1 ? Math.abs(discount) : 0), 0)
+      totalPriceWithDiscount: Math.max(
+        price[0] * (discount <= 1 ? 1 - discount : 1) - (discount > 1 ? Math.abs(discount) : 0),
+        0
+      )
     };
     return computedPrice;
   }, [categoriesPrice, discount, unitUnitInput]);
-  const valueContext = useMemo(() => ({
-    categoriesPrice,
-    currency,
-    fractionDigits,
-    hideTimeUnit,
-    items,
-    localeFormat,
-    locales,
-    timePeriodAmount,
-    timePeriodUnit
-  }), [currency, localeFormat, items, categoriesPrice, hideTimeUnit, timePeriodUnit, timePeriodAmount, locales, fractionDigits]);
+  const valueContext = useMemo(
+    () => ({
+      categoriesPrice,
+      currency,
+      fractionDigits,
+      hideTimeUnit,
+      items,
+      localeFormat,
+      locales,
+      timePeriodAmount,
+      timePeriodUnit
+    }),
+    [
+      currency,
+      localeFormat,
+      items,
+      categoriesPrice,
+      hideTimeUnit,
+      timePeriodUnit,
+      timePeriodAmount,
+      locales,
+      fractionDigits
+    ]
+  );
   const computePeriodOptions = useMemo(() => {
     const computedPeriodOptions = [];
-    periodOptions.forEach((option) => computedPeriodOptions.push({
-      label: locales[`order.summary.units.${option}.label`],
-      value: option
-    }));
+    periodOptions.forEach(
+      (option) => computedPeriodOptions.push({
+        label: locales[`order.summary.units.${option}.label`],
+        value: option
+      })
+    );
     return computedPeriodOptions;
   }, [periodOptions, locales]);
   useEffect(() => {
     onChange?.(categoriesPrice, totalPrice);
   }, [categoriesPrice, totalPrice, onChange]);
-  return /* @__PURE__ */ jsx(OrderSummaryContext.Provider, { value: valueContext, children: /* @__PURE__ */ jsxs(Container, { className, "data-testId": dataTestId, justifyContent: hideDetails ? "flex-start" : "space-between", children: [
-    header ? /* @__PURE__ */ jsxs(HeaderContainer, { "data-hidedetails": hideDetails, direction: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsx(Text, { as: "h3", prominence: "strong", sentiment: "neutral", variant: "headingSmallStrong", children: header }),
-      !hideTimeUnit && !hideDetails ? /* @__PURE__ */ jsx(StyledStack, { children: /* @__PURE__ */ jsx(UnitInput, { dropdownAlign: "center", onChange: (value) => {
-        setTimePeriodAmount(value);
-      }, onChangeUnitValue: (val) => {
-        setTimePeriodUnit(val);
-        onChangeUnitInput?.(val);
-      }, options: computePeriodOptions, selectInputWidth: "100%", size: "small", templateColumns: "2fr 3fr", unitValue: unitUnitInput, value: valueUnitInput, width: "155px" }) }) : null
-    ] }) : null,
-    !hideDetails ? /* @__PURE__ */ jsx(ScrollableContent, {}) : null,
-    /* @__PURE__ */ jsx(NonScrollableContent, { additionalInfo, discount, footer, hideDetails, totalPrice, totalPriceDescription, totalPriceInfo, unit: unitUnitInput, children })
-  ] }) });
+  return /* @__PURE__ */ jsx(OrderSummaryContext.Provider, { value: valueContext, children: /* @__PURE__ */ jsxs(
+    Stack,
+    {
+      className: `${className ? `${className} ` : ""}${orderSummaryContainer}`,
+      "data-testId": dataTestId,
+      justifyContent: hideDetails ? "flex-start" : "space-between",
+      style,
+      children: [
+        header ? /* @__PURE__ */ jsxs(
+          Stack,
+          {
+            alignItems: "center",
+            className: orderSummaryHeaderContainer[hideDetails ? "hideDetails" : "showDetails"],
+            direction: "row",
+            gap: 2,
+            justifyContent: "space-between",
+            children: [
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  as: "h3",
+                  prominence: "strong",
+                  sentiment: "neutral",
+                  variant: "headingSmallStrong",
+                  children: header
+                }
+              ),
+              !hideTimeUnit && !hideDetails ? /* @__PURE__ */ jsx(Stack, { className: orderSummaryStackBackground, children: /* @__PURE__ */ jsx(
+                UnitInput,
+                {
+                  dropdownAlign: "center",
+                  maxWidth: "200px",
+                  onChange: (value) => {
+                    setTimePeriodAmount(value);
+                  },
+                  onChangeUnitValue: (val) => {
+                    setTimePeriodUnit(val);
+                    onChangeUnitInput?.(val);
+                  },
+                  options: computePeriodOptions,
+                  selectInputWidth: "100%",
+                  size: "small",
+                  templateColumns: "2fr 3fr",
+                  unitValue: unitUnitInput,
+                  value: valueUnitInput
+                }
+              ) }) : null
+            ]
+          }
+        ) : null,
+        !hideDetails ? /* @__PURE__ */ jsx(ScrollableContent, {}) : null,
+        /* @__PURE__ */ jsx(
+          NonScrollableContent,
+          {
+            additionalInfo,
+            discount,
+            footer,
+            hideBeforePrice,
+            hideDetails,
+            priceInformation,
+            totalPrice,
+            totalPriceDescription,
+            totalPriceInfo,
+            totalPriceInfoPlacement,
+            unit: unitUnitInput,
+            children
+          }
+        )
+      ]
+    }
+  ) });
 };
 export {
   OrderSummary

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

@@ -0,0 +1,19 @@
+export declare const orderSummaryContainer: string;
+export declare const orderSummaryHeaderContainer: Record<"hideDetails" | "showDetails", string>;
+export declare const orderSummaryStackBackground: string;
+export declare const orderSummaryNonScrollableContainer: string;
+export declare const orderSummaryNumberInput: string;
+export declare const orderSummaryScrollableContainer: string;
+export declare const orderSummaryDetails: string;
+export declare const orderSummaryCategory: string;
+export declare const orderSummaryAnchor: string;
+export declare const orderSummaryAnchorIcon: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        small: {
+            marginTop: `var(--${string})`;
+        };
+        medium: {
+            marginTop: `var(--${string})`;
+        };
+    };
+}>;

package/dist/components/OrderSummary/styles.css.js

@@ -0,0 +1,24 @@
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var orderSummaryContainer = "uv_plus_1q5g1ma0";
+var orderSummaryHeaderContainer = { hideDetails: "uv_plus_1q5g1ma2 uv_plus_1q5g1ma1", showDetails: "uv_plus_1q5g1ma3 uv_plus_1q5g1ma1" };
+var orderSummaryStackBackground = "uv_plus_1q5g1ma4";
+var orderSummaryNonScrollableContainer = "uv_plus_1q5g1ma5";
+var orderSummaryNumberInput = "uv_plus_1q5g1ma6";
+var orderSummaryScrollableContainer = "uv_plus_1q5g1ma7";
+var orderSummaryDetails = "uv_plus_1q5g1ma8";
+var orderSummaryCategory = "uv_plus_1q5g1ma9";
+var orderSummaryAnchor = "uv_plus_1q5g1maa";
+var orderSummaryAnchorIcon = createRuntimeFn({ defaultClassName: "uv_plus_1q5g1mab", variantClassNames: { size: { small: "uv_plus_1q5g1mac", medium: "uv_plus_1q5g1mad" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  orderSummaryAnchor,
+  orderSummaryAnchorIcon,
+  orderSummaryCategory,
+  orderSummaryContainer,
+  orderSummaryDetails,
+  orderSummaryHeaderContainer,
+  orderSummaryNonScrollableContainer,
+  orderSummaryNumberInput,
+  orderSummaryScrollableContainer,
+  orderSummaryStackBackground
+};

package/dist/components/OrderSummary/types.d.ts

@@ -1,5 +1,5 @@
 import type { UnitInput } from '@ultraviolet/ui';
-import type { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
 import type orderSummaryLocales from './locales/en';
 export type TimeUnit = 'seconds' | 'minutes' | 'hours' | 'days' | 'months';
 type PeriodProps = {
@@ -39,12 +39,13 @@ export type PriceTypeSingle = {
 export type PriceType = Record<string, PriceTypeSingle>;
 export type SubCategoryType = {
     title?: string;
+    icon?: ReactNode;
     additionalInfo?: ReactNode;
     price?: number;
     /**
      * List of elements to be displayed in the subcategory
      */
-    details?: string[];
+    details?: ReactNode[];
     discount?: number;
     amount?: number[] | number;
     amountFree?: number;
@@ -64,10 +65,13 @@ export type SubCategoryType = {
      * Custom content to display next to the price
      */
     customContent?: ReactNode;
+    anchor?: string;
 } & NumberInputType;
 export type ItemsType = {
     category: string;
     additionalInfo?: ReactNode;
+    /** Information to add beneath the catecgory name */
+    subTitle?: ReactNode;
     subCategories?: SubCategoryType[];
     discount?: number;
     /**
@@ -78,6 +82,7 @@ export type ItemsType = {
      * Whether the category price can be < 0 (e.g coupons)
      */
     allowNegative?: boolean;
+    anchor?: string;
 } & NumberInputType;
 export type CurrencyType = 'EUR';
 export type LocalesFormatType = Intl.LocalesArgument;
@@ -97,8 +102,11 @@ export type OrderSummaryProps = {
     footer?: ReactNode;
     children?: ReactNode;
     totalPriceInfo?: ReactNode;
+    totalPriceInfoPlacement?: 'left' | 'right';
     totalPriceDescription?: ReactNode;
     additionalInfo?: string;
+    priceInformation?: ReactNode;
+    hideBeforePrice?: boolean;
     /**
      * Number of fraction digit to display in the price details
      */
@@ -111,5 +119,6 @@ export type OrderSummaryProps = {
     hideDetails?: boolean;
     className?: string;
     ['data-testid']?: string;
+    style?: CSSProperties;
 } & PeriodProps;
 export {};

package/dist/components/Plans/FeatureHint.d.ts

@@ -2,5 +2,5 @@ import type { Hint } from './types';
 type FeatureHintProps = {
     hint?: Hint;
 };
-export declare const FeatureHint: ({ hint }: FeatureHintProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FeatureHint: ({ hint }: FeatureHintProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Plans/FeatureHint.js

@@ -1,27 +1,9 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
 import { InformationOutlineIcon } from "@ultraviolet/icons";
 import { Tooltip, Popover } from "@ultraviolet/ui";
 import { useState } from "react";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const IconWrapper = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "edqjxph0"
-} : {
-  target: "edqjxph0",
-  label: "IconWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "e0dnmk",
-  styles: "cursor:pointer"
-} : {
-  name: "e0dnmk",
-  styles: "cursor:pointer/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvUGxhbnMvRmVhdHVyZUhpbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL1BsYW5zL0ZlYXR1cmVIaW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSW5mb3JtYXRpb25PdXRsaW5lSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7IFBvcG92ZXIsIFRvb2x0aXAgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHR5cGUgeyBIaW50IH0gZnJvbSAnLi90eXBlcydcblxudHlwZSBGZWF0dXJlSGludFByb3BzID0ge1xuICBoaW50PzogSGludFxufVxuXG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGN1cnNvcjogcG9pbnRlcjtcbmBcblxuZXhwb3J0IGNvbnN0IEZlYXR1cmVIaW50ID0gKHsgaGludCB9OiBGZWF0dXJlSGludFByb3BzKSA9PiB7XG4gIGNvbnN0IFt2aXNpYmxlLCBzZXRWaXNpYmxlXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gIGlmICghaGludCkge1xuICAgIHJldHVybiA8ZGl2IC8+XG4gIH1cblxuICBpZiAoaGludC50eXBlID09PSAndG9vbHRpcCcpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFRvb2x0aXAgdGV4dD17aGludC50ZXh0fT5cbiAgICAgICAgPEluZm9ybWF0aW9uT3V0bGluZUljb24gcHJvbWluZW5jZT1cIndlYWtcIiBzZW50aW1lbnQ9XCJuZXV0cmFsXCIgLz5cbiAgICAgIDwvVG9vbHRpcD5cbiAgICApXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxQb3BvdmVyXG4gICAgICBjb250ZW50PXtoaW50LmNvbnRlbnR9XG4gICAgICBvbkNsb3NlPXsoKSA9PiBzZXRWaXNpYmxlKGZhbHNlKX1cbiAgICAgIHRpdGxlPXtoaW50LnRpdGxlfVxuICAgICAgdmlzaWJsZT17dmlzaWJsZX1cbiAgICA+XG4gICAgICA8SWNvbldyYXBwZXJcbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJoaW50LXBvcG92ZXJcIlxuICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRWaXNpYmxlKHRydWUpfVxuICAgICAgICBvbktleURvd249e2V2ZW50ID0+IHtcbiAgICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnU3BhY2UnIHx8IGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgc2V0VmlzaWJsZSh0cnVlKVxuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgICAgcm9sZT1cImJ1dHRvblwiXG4gICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgPlxuICAgICAgICA8SW5mb3JtYXRpb25PdXRsaW5lSWNvbiBwcm9taW5lbmNlPVwid2Vha1wiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiAvPlxuICAgICAgPC9JY29uV3JhcHBlcj5cbiAgICA8L1BvcG92ZXI+XG4gIClcbn1cbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const FeatureHint = ({
-  hint
-}) => {
+import { plansIconWrapper } from "./styles.css.js";
+const FeatureHint = ({ hint }) => {
   const [visible, setVisible] = useState(false);
   if (!hint) {
     return /* @__PURE__ */ jsx("div", {});
@@ -29,11 +11,31 @@ const FeatureHint = ({
   if (hint.type === "tooltip") {
     return /* @__PURE__ */ jsx(Tooltip, { text: hint.text, children: /* @__PURE__ */ jsx(InformationOutlineIcon, { prominence: "weak", sentiment: "neutral" }) });
   }
-  return /* @__PURE__ */ jsx(Popover, { content: hint.content, onClose: () => setVisible(false), title: hint.title, visible, children: /* @__PURE__ */ jsx(IconWrapper, { "data-testid": "hint-popover", onClick: () => setVisible(true), onKeyDown: (event) => {
-    if (event.key === "Space" || event.key === "Enter") {
-      setVisible(true);
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      content: hint.content,
+      onClose: () => setVisible(false),
+      title: hint.title,
+      visible,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: plansIconWrapper,
+          "data-testid": "hint-popover",
+          onClick: () => setVisible(true),
+          onKeyDown: (event) => {
+            if (event.key === "Space" || event.key === "Enter") {
+              setVisible(true);
+            }
+          },
+          role: "button",
+          tabIndex: 0,
+          children: /* @__PURE__ */ jsx(InformationOutlineIcon, { prominence: "weak", sentiment: "neutral" })
+        }
+      )
     }
-  }, role: "button", tabIndex: 0, children: /* @__PURE__ */ jsx(InformationOutlineIcon, { prominence: "weak", sentiment: "neutral" }) }) });
+  );
 };
 export {
   FeatureHint

package/dist/components/Plans/PlanHeader.d.ts

@@ -9,5 +9,5 @@ type PlanHeaderProps = {
     disabled: boolean;
     locales?: Record<keyof typeof PlansLocales, string>;
 };
-export declare const PlanHeader: ({ fieldName, setFocusedPlan, onChange, currentPlanValue, plan, disabled, locales, }: PlanHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const PlanHeader: ({ fieldName, setFocusedPlan, onChange, currentPlanValue, plan, disabled, locales, }: PlanHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export {};