@ultraviolet/plus 3.0.0-beta.9 → 3.1.0

package/dist/components/SteppedListCard/Step.js

@@ -1,48 +1,60 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
 import { CheckIcon } from "@ultraviolet/icons";
 import { StepList, Text } from "@ultraviolet/ui";
 import { useContext } from "react";
 import { Data } from "./helper.js";
-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 CustomText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
-  target: "ehxefxd1"
-} : {
-  target: "ehxefxd1",
-  label: "CustomText"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1buwj38",
-  styles: "cursor:pointer;transition:text-decoration-color 250ms ease-out;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent;&:hover{text-decoration:underline;text-decoration-thickness:1px;}&:active{text-decoration-thickness:2px;}"
-} : {
-  name: "1buwj38",
-  styles: "cursor:pointer;transition:text-decoration-color 250ms ease-out;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent;&:hover{text-decoration:underline;text-decoration-thickness:1px;}&:active{text-decoration-thickness:2px;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVErQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL1N0ZXBwZWRMaXN0Q2FyZC9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IENoZWNrSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB7IFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgdXNlQ29udGV4dCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRGF0YSB9IGZyb20gJy4vaGVscGVyJ1xuXG5jb25zdCBDdXN0b21UZXh0ID0gc3R5bGVkKFRleHQpYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIHRyYW5zaXRpb246IHRleHQtZGVjb3JhdGlvbi1jb2xvciAyNTBtcyBlYXNlLW91dDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IDFweDtcbiAgdGV4dC11bmRlcmxpbmUtb2Zmc2V0OiAycHg7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgdGV4dC1kZWNvcmF0aW9uLXRoaWNrbmVzczogMXB4O1xuICB9XG4gICY6YWN0aXZlIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAycHg7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZChTdGVwTGlzdC5JdGVtKWBcbmFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5cbnR5cGUgU3RlcFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIG51bWJlciBvZiB0aGUgc3RlcCwgbWF4IDUgc3RlcHMuXG4gICAqL1xuICBzdGVwTnVtYmVyOiBudW1iZXJcbiAgLyoqXG4gICAqIFRpdGxlIG9mIHRoZSBzdGVwXG4gICAqL1xuICBzdGVwVGl0bGU6IHN0cmluZ1xuICAvKipcbiAgICogU3RhdGUgb2YgdGhlIHN0ZXBcbiAgICovXG4gIGNvbXBsZXRlZDogYm9vbGVhblxuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBTdGVwcGVkTGlzdCA9ICh7XG4gIHN0ZXBOdW1iZXIsXG4gIHN0ZXBUaXRsZSxcbiAgY29tcGxldGVkLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3RlcFByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRhaW5lckRhdGEgPSB1c2VDb250ZXh0KERhdGEpXG4gIGNvbnN0IGFjdGl2ZSA9IGNvbnRhaW5lckRhdGEuY3VycmVudFN0ZXAgPT09IHN0ZXBOdW1iZXJcblxuICByZXR1cm4gY29tcGxldGVkID8gKFxuICAgIDxTdHlsZWRJdGVtXG4gICAgICBidWxsZXRDb250ZW50PXs8Q2hlY2tJY29uIC8+fVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBvbkNsaWNrPXsoKSA9PiBjb250YWluZXJEYXRhLnNldEN1cnJlbnRTdGVwKHN0ZXBOdW1iZXIpfVxuICAgICAgcHJvbWluZW5jZT17YWN0aXZlID8gJ3N0cm9uZycgOiAnZGVmYXVsdCd9XG4gICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICA+XG4gICAgICA8Q3VzdG9tVGV4dCBhcz1cImgzXCIgdmFyaWFudD17YWN0aXZlID8gJ2JvZHlTdHJvbmcnIDogJ2JvZHknfT5cbiAgICAgICAge3N0ZXBUaXRsZX1cbiAgICAgIDwvQ3VzdG9tVGV4dD5cbiAgICA8L1N0eWxlZEl0ZW0+XG4gICkgOiAoXG4gICAgPFN0eWxlZEl0ZW1cbiAgICAgIGJ1bGxldENvbnRlbnQ9e1N0cmluZyhzdGVwTnVtYmVyKX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgb25DbGljaz17KCkgPT4gY29udGFpbmVyRGF0YS5zZXRDdXJyZW50U3RlcChzdGVwTnVtYmVyKX1cbiAgICAgIHByb21pbmVuY2U9e2FjdGl2ZSA/ICdzdHJvbmcnIDogdW5kZWZpbmVkfVxuICAgICAgc2VudGltZW50PXthY3RpdmUgPyAncHJpbWFyeScgOiB1bmRlZmluZWR9XG4gICAgPlxuICAgICAgPEN1c3RvbVRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9e2FjdGl2ZSA/ICdib2R5U3Ryb25nJyA6ICdib2R5J30+XG4gICAgICAgIHtzdGVwVGl0bGV9XG4gICAgICA8L0N1c3RvbVRleHQ+XG4gICAgPC9TdHlsZWRJdGVtPlxuICApXG59XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledItem = /* @__PURE__ */ _styled(StepList.Item, process.env.NODE_ENV === "production" ? {
-  target: "ehxefxd0"
-} : {
-  target: "ehxefxd0",
-  label: "StyledItem"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1h3rtzg",
-  styles: "align-items:center"
-} : {
-  name: "1h3rtzg",
-  styles: "align-items:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCd0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9TdGVwcGVkTGlzdENhcmQvU3RlcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBDaGVja0ljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgeyBTdGVwTGlzdCwgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERhdGEgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgQ3VzdG9tVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgY3Vyc29yOiBwb2ludGVyO1xuICB0cmFuc2l0aW9uOiB0ZXh0LWRlY29yYXRpb24tY29sb3IgMjUwbXMgZWFzZS1vdXQ7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAxcHg7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogMnB4O1xuICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuXG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IDFweDtcbiAgfVxuICAmOmFjdGl2ZSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uLXRoaWNrbmVzczogMnB4O1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZEl0ZW0gPSBzdHlsZWQoU3RlcExpc3QuSXRlbSlgXG5hbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG50eXBlIFN0ZXBQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBudW1iZXIgb2YgdGhlIHN0ZXAsIG1heCA1IHN0ZXBzLlxuICAgKi9cbiAgc3RlcE51bWJlcjogbnVtYmVyXG4gIC8qKlxuICAgKiBUaXRsZSBvZiB0aGUgc3RlcFxuICAgKi9cbiAgc3RlcFRpdGxlOiBzdHJpbmdcbiAgLyoqXG4gICAqIFN0YXRlIG9mIHRoZSBzdGVwXG4gICAqL1xuICBjb21wbGV0ZWQ6IGJvb2xlYW5cbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgU3RlcHBlZExpc3QgPSAoe1xuICBzdGVwTnVtYmVyLFxuICBzdGVwVGl0bGUsXG4gIGNvbXBsZXRlZCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFN0ZXBQcm9wcykgPT4ge1xuICBjb25zdCBjb250YWluZXJEYXRhID0gdXNlQ29udGV4dChEYXRhKVxuICBjb25zdCBhY3RpdmUgPSBjb250YWluZXJEYXRhLmN1cnJlbnRTdGVwID09PSBzdGVwTnVtYmVyXG5cbiAgcmV0dXJuIGNvbXBsZXRlZCA/IChcbiAgICA8U3R5bGVkSXRlbVxuICAgICAgYnVsbGV0Q29udGVudD17PENoZWNrSWNvbiAvPn1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgb25DbGljaz17KCkgPT4gY29udGFpbmVyRGF0YS5zZXRDdXJyZW50U3RlcChzdGVwTnVtYmVyKX1cbiAgICAgIHByb21pbmVuY2U9e2FjdGl2ZSA/ICdzdHJvbmcnIDogJ2RlZmF1bHQnfVxuICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgPlxuICAgICAgPEN1c3RvbVRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9e2FjdGl2ZSA/ICdib2R5U3Ryb25nJyA6ICdib2R5J30+XG4gICAgICAgIHtzdGVwVGl0bGV9XG4gICAgICA8L0N1c3RvbVRleHQ+XG4gICAgPC9TdHlsZWRJdGVtPlxuICApIDogKFxuICAgIDxTdHlsZWRJdGVtXG4gICAgICBidWxsZXRDb250ZW50PXtTdHJpbmcoc3RlcE51bWJlcil9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIG9uQ2xpY2s9eygpID0+IGNvbnRhaW5lckRhdGEuc2V0Q3VycmVudFN0ZXAoc3RlcE51bWJlcil9XG4gICAgICBwcm9taW5lbmNlPXthY3RpdmUgPyAnc3Ryb25nJyA6IHVuZGVmaW5lZH1cbiAgICAgIHNlbnRpbWVudD17YWN0aXZlID8gJ3ByaW1hcnknIDogdW5kZWZpbmVkfVxuICAgID5cbiAgICAgIDxDdXN0b21UZXh0IGFzPVwiaDNcIiB2YXJpYW50PXthY3RpdmUgPyAnYm9keVN0cm9uZycgOiAnYm9keSd9PlxuICAgICAgICB7c3RlcFRpdGxlfVxuICAgICAgPC9DdXN0b21UZXh0PlxuICAgIDwvU3R5bGVkSXRlbT5cbiAgKVxufVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import { steppedListCardStep, steppedListCardStepTitle } from "./styles.css.js";
 const SteppedList = ({
   stepNumber,
   stepTitle,
   completed,
+  stepIcon,
   "data-testid": dataTestId
 }) => {
   const containerData = useContext(Data);
   const active = containerData.currentStep === stepNumber;
-  return completed ? /* @__PURE__ */ jsx(StyledItem, { bulletContent: /* @__PURE__ */ jsx(CheckIcon, {}), "data-testid": dataTestId, onClick: () => containerData.setCurrentStep(stepNumber), prominence: active ? "strong" : "default", sentiment: "primary", children: /* @__PURE__ */ jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle }) }) : /* @__PURE__ */ jsx(StyledItem, { bulletContent: String(stepNumber), "data-testid": dataTestId, onClick: () => containerData.setCurrentStep(stepNumber), prominence: active ? "strong" : void 0, sentiment: active ? "primary" : void 0, children: /* @__PURE__ */ jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle }) });
+  return completed ? /* @__PURE__ */ jsx(
+    StepList.Item,
+    {
+      bulletContent: /* @__PURE__ */ jsx(CheckIcon, {}),
+      className: steppedListCardStep,
+      "data-testid": dataTestId,
+      onClick: () => containerData.setCurrentStep(stepNumber),
+      prominence: active ? "strong" : "default",
+      sentiment: "primary",
+      size: "small",
+      children: /* @__PURE__ */ jsx(
+        Text,
+        {
+          as: "h3",
+          className: steppedListCardStepTitle,
+          variant: active ? "bodyStrong" : "body",
+          children: stepTitle
+        }
+      )
+    }
+  ) : /* @__PURE__ */ jsx(
+    StepList.Item,
+    {
+      bulletContent: stepIcon ?? String(stepNumber),
+      className: steppedListCardStep,
+      "data-testid": dataTestId,
+      onClick: () => containerData.setCurrentStep(stepNumber),
+      prominence: active ? "strong" : void 0,
+      sentiment: active ? "primary" : void 0,
+      size: "small",
+      children: /* @__PURE__ */ jsx(
+        Text,
+        {
+          as: "h3",
+          className: steppedListCardStepTitle,
+          variant: active ? "bodyStrong" : "body",
+          children: stepTitle
+        }
+      )
+    }
+  );
 };
 export {
   SteppedList

package/dist/components/SteppedListCard/SteppedListCard.d.ts

@@ -7,7 +7,10 @@ type SteppedListContainerProps = {
     /**
      * List of steps
      */
-    steps: string[];
+    steps: (string | {
+        title: string;
+        icon: ReactNode;
+    })[];
     /**
      * Define here the content of each step
      */
@@ -52,13 +55,14 @@ type SteppedListContainerProps = {
  * It can pass prop "nextStep" to its children.
  */
 declare const SteppedListCard: {
-    ({ header, showToggleOption, hideTooltipText, hideText, showText, showTooltipText, children, steps, onClickHide, }: SteppedListContainerProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    Step: ({ subHeader, children, image, stepNumber, completed, }: {
+    ({ header, showToggleOption, hideTooltipText, hideText, showText, showTooltipText, children, steps, onClickHide, }: SteppedListContainerProps): import("react/jsx-runtime").JSX.Element;
+    Step: ({ subHeader, children, image, stepNumber, completed, style, }: {
         subHeader?: ReactNode;
-        children: ((nextStep: (completed: boolean) => void) => ReactNode) | ReactNode;
+        children: ((nextStep: (completed?: boolean) => void) => ReactNode) | ReactNode;
         image?: ReactNode;
         stepNumber: number;
         completed?: boolean;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+        style?: import("react").CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element | null;
 };
 export { SteppedListCard };

package/dist/components/SteppedListCard/SteppedListCard.js

@@ -1,37 +1,11 @@
 "use client";
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { Stack, Row, Text, Button, StepList, Card } from "@ultraviolet/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Stack, Text, Button, Card, Row, StepList } from "@ultraviolet/ui";
 import { Children, useState, useMemo } from "react";
 import { Data } from "./helper.js";
 import { SteppedList } from "./Step.js";
 import { SteppedListContent } from "./SteppedListContent.js";
-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 StyledCard = /* @__PURE__ */ _styled(Card, process.env.NODE_ENV === "production" ? {
-  target: "e19uh1fl1"
-} : {
-  target: "e19uh1fl1",
-  label: "StyledCard"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1hcx8jb",
-  styles: "padding:0"
-} : {
-  name: "1hcx8jb",
-  styles: "padding:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b24sIENhcmQsIFJvdywgU3RhY2ssIFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoaWxkcmVuLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRGF0YSB9IGZyb20gJy4vaGVscGVyJ1xuaW1wb3J0IHsgU3RlcHBlZExpc3QgfSBmcm9tICcuL1N0ZXAnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdENvbnRlbnQgfSBmcm9tICcuL1N0ZXBwZWRMaXN0Q29udGVudCdcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgcGFkZGluZzogMDtcbmBcbmNvbnN0IENvbnRlbnRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGJvcmRlci1yaWdodDogc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9IDFweDtcbmBcblxudHlwZSBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHNlY3Rpb24sIGludHJvZHVjZXMgdGhlIGZlYXR1cmUuXG4gICAqL1xuICBoZWFkZXI6IFJlYWN0Tm9kZVxuICAvKipcbiAgICogTGlzdCBvZiBzdGVwc1xuICAgKi9cbiAgc3RlcHM6IHN0cmluZ1tdXG4gIC8qKlxuICAgKiBEZWZpbmUgaGVyZSB0aGUgY29udGVudCBvZiBlYWNoIHN0ZXBcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLiBUaGlzIGZ1bmN0aW9uIHdpbGwgb3ZlcmxvYWQgdGhlIGRlZmF1bHQgYmVoYXZpb3IuXG4gICAqL1xuICBvbkNsaWNrSGlkZT86ICgpID0+IHZvaWRcbn0gJiAoXG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBTaG93IHRoZSB0b2dnbGUgb3B0aW9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb2dnbGVPcHRpb246IGZhbHNlXG4gICAgICBoaWRlVG9vbHRpcFRleHQ/OiBuZXZlclxuICAgICAgaGlkZVRleHQ/OiBuZXZlclxuICAgICAgc2hvd1RleHQ/OiBuZXZlclxuICAgICAgc2hvd1Rvb2x0aXBUZXh0PzogbmV2ZXJcbiAgICB9XG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBTaG93IHRoZSB0b2dnbGUgb3B0aW9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb2dnbGVPcHRpb24/OiB0cnVlXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdGhlIHRvb2x0aXAgb24gdGhlIGhpZGUgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIGhpZGVUb29sdGlwVGV4dD86IHN0cmluZ1xuICAgICAgLyoqXG4gICAgICAgKiBUZXh0IG9mIHRoZSBcImhpZGVcIiBidXR0b25cbiAgICAgICAqL1xuICAgICAgaGlkZVRleHQ/OiBzdHJpbmdcbiAgICAgIC8qKlxuICAgICAgICogVGV4dCBvZiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUZXh0Pzogc3RyaW5nXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdG9vbHRpcCBvbiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb29sdGlwVGV4dD86IHN0cmluZ1xuICAgIH1cbilcblxuLyoqXG4gKiBTdGVwcGVkTGlzdENhcmQgaXMgYSBjb21wb25lbnQgY3JlYXRlZCBmb3IgZ3VpZGluZyB1c2VycyB0aHJvdWdoIHN0ZXBzIGluIGEgc3RydWN0dXJlZCBhbmQgbGluZWFyIG1hbm5lci5cbiAqIEl0IGNhbiBwYXNzIHByb3AgXCJuZXh0U3RlcFwiIHRvIGl0cyBjaGlsZHJlbi5cbiAqL1xuY29uc3QgU3RlcHBlZExpc3RDYXJkID0gKHtcbiAgaGVhZGVyLFxuICBzaG93VG9nZ2xlT3B0aW9uID0gdHJ1ZSxcbiAgaGlkZVRvb2x0aXBUZXh0LFxuICBoaWRlVGV4dCA9ICdIaWRlJyxcbiAgc2hvd1RleHQgPSAnU2hvdycsXG4gIHNob3dUb29sdGlwVGV4dCxcbiAgY2hpbGRyZW4sXG4gIHN0ZXBzLFxuICBvbkNsaWNrSGlkZSxcbn06IFN0ZXBwZWRMaXN0Q29udGFpbmVyUHJvcHMpID0+IHtcbiAgY29uc3QgbnVtYmVyT2ZTdGVwcyA9IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKVxuICBjb25zdCBbY3VycmVudFN0ZXAsIHNldEN1cnJlbnRTdGVwXSA9IHVzZVN0YXRlKDEpXG4gIGNvbnN0IFtoaWRkZW4sIHNldEhpZGRlbl0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2RvbmUsIHNldERvbmVdID0gdXNlU3RhdGUobmV3IEFycmF5PGJvb2xlYW4+KHN0ZXBzLmxlbmd0aCkuZmlsbChmYWxzZSkpXG5cbiAgY29uc3QgdmFsdWVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgY3VycmVudFN0ZXAsXG4gICAgICBkb25lLFxuICAgICAgbnVtYmVyT2ZTdGVwcyxcbiAgICAgIG9uQ2xpY2tIaWRlLFxuICAgICAgc2V0Q3VycmVudFN0ZXAsXG4gICAgICBzZXREb25lLFxuICAgICAgc2V0SGlkZGVuLFxuICAgIH0pLFxuICAgIFtcbiAgICAgIGN1cnJlbnRTdGVwLFxuICAgICAgc2V0Q3VycmVudFN0ZXAsXG4gICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgZG9uZSxcbiAgICAgIHNldERvbmUsXG4gICAgICBzZXRIaWRkZW4sXG4gICAgICBvbkNsaWNrSGlkZSxcbiAgICBdLFxuICApXG5cbiAgY29uc3Qgb25DbGlja0hpZGVCdXR0b24gPSAoKSA9PiB7XG4gICAgaWYgKG9uQ2xpY2tIaWRlKSB7XG4gICAgICBvbkNsaWNrSGlkZSgpXG4gICAgfSBlbHNlIHtcbiAgICAgIHNldEhpZGRlbighaGlkZGVuKVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERhdGEuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlc30+XG4gICAgICA8U3RhY2sgZ2FwPXszfT5cbiAgICAgICAgPFJvdyB0ZW1wbGF0ZUNvbHVtbnM9XCI5ZnIgMWZyXCI+XG4gICAgICAgICAge3R5cGVvZiBoZWFkZXIgPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nXCI+XG4gICAgICAgICAgICAgIHtoZWFkZXJ9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIGhlYWRlclxuICAgICAgICAgICl9XG4gICAgICAgICAge3Nob3dUb2dnbGVPcHRpb24gPyAoXG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2tIaWRlQnV0dG9ufVxuICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgdG9vbHRpcD17aGlkZGVuID8gc2hvd1Rvb2x0aXBUZXh0IDogaGlkZVRvb2x0aXBUZXh0fVxuICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7aGlkZGVuID8gc2hvd1RleHQgOiBoaWRlVGV4dH1cbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L1Jvdz5cbiAgICAgICAge2hpZGRlbiA/IG51bGwgOiAoXG4gICAgICAgICAgPFN0eWxlZENhcmQ+XG4gICAgICAgICAgICA8Um93IHRlbXBsYXRlQ29sdW1ucz1cIjFmciAzZnJcIj5cbiAgICAgICAgICAgICAgPENvbnRlbnRTdGFjayBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezR9PlxuICAgICAgICAgICAgICAgIDxTdGVwTGlzdD5cbiAgICAgICAgICAgICAgICAgIHtzdGVwcy5tYXAoKHN0ZXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdGVwcGVkTGlzdFxuICAgICAgICAgICAgICAgICAgICAgIGNvbXBsZXRlZD17ZG9uZVtpbmRleF19XG4gICAgICAgICAgICAgICAgICAgICAga2V5PXtzdGVwfVxuICAgICAgICAgICAgICAgICAgICAgIHN0ZXBOdW1iZXI9e2luZGV4ICsgMX1cbiAgICAgICAgICAgICAgICAgICAgICBzdGVwVGl0bGU9e3N0ZXB9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8L1N0ZXBMaXN0PlxuICAgICAgICAgICAgICA8L0NvbnRlbnRTdGFjaz5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9Sb3c+XG4gICAgICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0RhdGEuUHJvdmlkZXI+XG4gIClcbn1cblxuU3RlcHBlZExpc3RDYXJkLlN0ZXAgPSBTdGVwcGVkTGlzdENvbnRlbnRcblxuZXhwb3J0IHsgU3RlcHBlZExpc3RDYXJkIH1cbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const ContentStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "e19uh1fl0"
-} : {
-  target: "e19uh1fl0",
-  label: "ContentStack"
-})("padding:", ({
-  theme
-}) => theme.space["3"], ";border-right:solid ", ({
-  theme
-}) => theme.colors.neutral.border, " 1px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q2FyZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWtDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q2FyZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b24sIENhcmQsIFJvdywgU3RhY2ssIFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoaWxkcmVuLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRGF0YSB9IGZyb20gJy4vaGVscGVyJ1xuaW1wb3J0IHsgU3RlcHBlZExpc3QgfSBmcm9tICcuL1N0ZXAnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdENvbnRlbnQgfSBmcm9tICcuL1N0ZXBwZWRMaXN0Q29udGVudCdcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgcGFkZGluZzogMDtcbmBcbmNvbnN0IENvbnRlbnRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGJvcmRlci1yaWdodDogc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9IDFweDtcbmBcblxudHlwZSBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHNlY3Rpb24sIGludHJvZHVjZXMgdGhlIGZlYXR1cmUuXG4gICAqL1xuICBoZWFkZXI6IFJlYWN0Tm9kZVxuICAvKipcbiAgICogTGlzdCBvZiBzdGVwc1xuICAgKi9cbiAgc3RlcHM6IHN0cmluZ1tdXG4gIC8qKlxuICAgKiBEZWZpbmUgaGVyZSB0aGUgY29udGVudCBvZiBlYWNoIHN0ZXBcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLiBUaGlzIGZ1bmN0aW9uIHdpbGwgb3ZlcmxvYWQgdGhlIGRlZmF1bHQgYmVoYXZpb3IuXG4gICAqL1xuICBvbkNsaWNrSGlkZT86ICgpID0+IHZvaWRcbn0gJiAoXG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBTaG93IHRoZSB0b2dnbGUgb3B0aW9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb2dnbGVPcHRpb246IGZhbHNlXG4gICAgICBoaWRlVG9vbHRpcFRleHQ/OiBuZXZlclxuICAgICAgaGlkZVRleHQ/OiBuZXZlclxuICAgICAgc2hvd1RleHQ/OiBuZXZlclxuICAgICAgc2hvd1Rvb2x0aXBUZXh0PzogbmV2ZXJcbiAgICB9XG4gIHwge1xuICAgICAgLyoqXG4gICAgICAgKiBTaG93IHRoZSB0b2dnbGUgb3B0aW9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb2dnbGVPcHRpb24/OiB0cnVlXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdGhlIHRvb2x0aXAgb24gdGhlIGhpZGUgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIGhpZGVUb29sdGlwVGV4dD86IHN0cmluZ1xuICAgICAgLyoqXG4gICAgICAgKiBUZXh0IG9mIHRoZSBcImhpZGVcIiBidXR0b25cbiAgICAgICAqL1xuICAgICAgaGlkZVRleHQ/OiBzdHJpbmdcbiAgICAgIC8qKlxuICAgICAgICogVGV4dCBvZiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUZXh0Pzogc3RyaW5nXG4gICAgICAvKipcbiAgICAgICAqIFRleHQgb2YgdG9vbHRpcCBvbiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAgICAgKi9cbiAgICAgIHNob3dUb29sdGlwVGV4dD86IHN0cmluZ1xuICAgIH1cbilcblxuLyoqXG4gKiBTdGVwcGVkTGlzdENhcmQgaXMgYSBjb21wb25lbnQgY3JlYXRlZCBmb3IgZ3VpZGluZyB1c2VycyB0aHJvdWdoIHN0ZXBzIGluIGEgc3RydWN0dXJlZCBhbmQgbGluZWFyIG1hbm5lci5cbiAqIEl0IGNhbiBwYXNzIHByb3AgXCJuZXh0U3RlcFwiIHRvIGl0cyBjaGlsZHJlbi5cbiAqL1xuY29uc3QgU3RlcHBlZExpc3RDYXJkID0gKHtcbiAgaGVhZGVyLFxuICBzaG93VG9nZ2xlT3B0aW9uID0gdHJ1ZSxcbiAgaGlkZVRvb2x0aXBUZXh0LFxuICBoaWRlVGV4dCA9ICdIaWRlJyxcbiAgc2hvd1RleHQgPSAnU2hvdycsXG4gIHNob3dUb29sdGlwVGV4dCxcbiAgY2hpbGRyZW4sXG4gIHN0ZXBzLFxuICBvbkNsaWNrSGlkZSxcbn06IFN0ZXBwZWRMaXN0Q29udGFpbmVyUHJvcHMpID0+IHtcbiAgY29uc3QgbnVtYmVyT2ZTdGVwcyA9IENoaWxkcmVuLmNvdW50KGNoaWxkcmVuKVxuICBjb25zdCBbY3VycmVudFN0ZXAsIHNldEN1cnJlbnRTdGVwXSA9IHVzZVN0YXRlKDEpXG4gIGNvbnN0IFtoaWRkZW4sIHNldEhpZGRlbl0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgY29uc3QgW2RvbmUsIHNldERvbmVdID0gdXNlU3RhdGUobmV3IEFycmF5PGJvb2xlYW4+KHN0ZXBzLmxlbmd0aCkuZmlsbChmYWxzZSkpXG5cbiAgY29uc3QgdmFsdWVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgY3VycmVudFN0ZXAsXG4gICAgICBkb25lLFxuICAgICAgbnVtYmVyT2ZTdGVwcyxcbiAgICAgIG9uQ2xpY2tIaWRlLFxuICAgICAgc2V0Q3VycmVudFN0ZXAsXG4gICAgICBzZXREb25lLFxuICAgICAgc2V0SGlkZGVuLFxuICAgIH0pLFxuICAgIFtcbiAgICAgIGN1cnJlbnRTdGVwLFxuICAgICAgc2V0Q3VycmVudFN0ZXAsXG4gICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgZG9uZSxcbiAgICAgIHNldERvbmUsXG4gICAgICBzZXRIaWRkZW4sXG4gICAgICBvbkNsaWNrSGlkZSxcbiAgICBdLFxuICApXG5cbiAgY29uc3Qgb25DbGlja0hpZGVCdXR0b24gPSAoKSA9PiB7XG4gICAgaWYgKG9uQ2xpY2tIaWRlKSB7XG4gICAgICBvbkNsaWNrSGlkZSgpXG4gICAgfSBlbHNlIHtcbiAgICAgIHNldEhpZGRlbighaGlkZGVuKVxuICAgIH1cbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERhdGEuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlc30+XG4gICAgICA8U3RhY2sgZ2FwPXszfT5cbiAgICAgICAgPFJvdyB0ZW1wbGF0ZUNvbHVtbnM9XCI5ZnIgMWZyXCI+XG4gICAgICAgICAge3R5cGVvZiBoZWFkZXIgPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nXCI+XG4gICAgICAgICAgICAgIHtoZWFkZXJ9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIGhlYWRlclxuICAgICAgICAgICl9XG4gICAgICAgICAge3Nob3dUb2dnbGVPcHRpb24gPyAoXG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2tIaWRlQnV0dG9ufVxuICAgICAgICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgdG9vbHRpcD17aGlkZGVuID8gc2hvd1Rvb2x0aXBUZXh0IDogaGlkZVRvb2x0aXBUZXh0fVxuICAgICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7aGlkZGVuID8gc2hvd1RleHQgOiBoaWRlVGV4dH1cbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L1Jvdz5cbiAgICAgICAge2hpZGRlbiA/IG51bGwgOiAoXG4gICAgICAgICAgPFN0eWxlZENhcmQ+XG4gICAgICAgICAgICA8Um93IHRlbXBsYXRlQ29sdW1ucz1cIjFmciAzZnJcIj5cbiAgICAgICAgICAgICAgPENvbnRlbnRTdGFjayBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezR9PlxuICAgICAgICAgICAgICAgIDxTdGVwTGlzdD5cbiAgICAgICAgICAgICAgICAgIHtzdGVwcy5tYXAoKHN0ZXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdGVwcGVkTGlzdFxuICAgICAgICAgICAgICAgICAgICAgIGNvbXBsZXRlZD17ZG9uZVtpbmRleF19XG4gICAgICAgICAgICAgICAgICAgICAga2V5PXtzdGVwfVxuICAgICAgICAgICAgICAgICAgICAgIHN0ZXBOdW1iZXI9e2luZGV4ICsgMX1cbiAgICAgICAgICAgICAgICAgICAgICBzdGVwVGl0bGU9e3N0ZXB9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8L1N0ZXBMaXN0PlxuICAgICAgICAgICAgICA8L0NvbnRlbnRTdGFjaz5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9Sb3c+XG4gICAgICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0RhdGEuUHJvdmlkZXI+XG4gIClcbn1cblxuU3RlcHBlZExpc3RDYXJkLlN0ZXAgPSBTdGVwcGVkTGlzdENvbnRlbnRcblxuZXhwb3J0IHsgU3RlcHBlZExpc3RDYXJkIH1cbiJdfQ== */"));
+import { hideButton, steppedListCard, steppedListCardWrapper } from "./styles.css.js";
 const SteppedListCard = ({
   header,
   showToggleOption = true,
@@ -47,15 +21,26 @@ const SteppedListCard = ({
   const [currentStep, setCurrentStep] = useState(1);
   const [hidden, setHidden] = useState(false);
   const [done, setDone] = useState(new Array(steps.length).fill(false));
-  const values = useMemo(() => ({
-    currentStep,
-    done,
-    numberOfSteps,
-    onClickHide,
-    setCurrentStep,
-    setDone,
-    setHidden
-  }), [currentStep, setCurrentStep, numberOfSteps, done, setDone, setHidden, onClickHide]);
+  const values = useMemo(
+    () => ({
+      currentStep,
+      done,
+      numberOfSteps,
+      onClickHide,
+      setCurrentStep,
+      setDone,
+      setHidden
+    }),
+    [
+      currentStep,
+      setCurrentStep,
+      numberOfSteps,
+      done,
+      setDone,
+      setHidden,
+      onClickHide
+    ]
+  );
   const onClickHideButton = () => {
     if (onClickHide) {
       onClickHide();
@@ -63,13 +48,53 @@ const SteppedListCard = ({
       setHidden(!hidden);
     }
   };
-  return /* @__PURE__ */ jsx(Data.Provider, { value: values, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
-    /* @__PURE__ */ jsxs(Row, { templateColumns: "9fr 1fr", children: [
-      typeof header === "string" ? /* @__PURE__ */ jsx(Text, { as: "h3", variant: "heading", children: header }) : header,
-      showToggleOption ? /* @__PURE__ */ jsx(Button, { onClick: onClickHideButton, sentiment: "neutral", size: "small", tooltip: hidden ? showTooltipText : hideTooltipText, variant: "ghost", children: hidden ? showText : hideText }) : null
-    ] }),
-    hidden ? null : /* @__PURE__ */ jsx(StyledCard, { children: /* @__PURE__ */ jsxs(Row, { templateColumns: "1fr 3fr", children: [
-      /* @__PURE__ */ jsx(ContentStack, { direction: "column", gap: 4, children: /* @__PURE__ */ jsx(StepList, { children: steps.map((step, index) => /* @__PURE__ */ jsx(SteppedList, { completed: done[index], stepNumber: index + 1, stepTitle: step }, step)) }) }),
+  return /* @__PURE__ */ jsx(Data.Provider, { value: values, children: /* @__PURE__ */ jsxs(Stack, { gap: 2, width: "100%", children: [
+    /* @__PURE__ */ jsxs(
+      Stack,
+      {
+        alignItems: "center",
+        direction: "row",
+        justifyContent: "space-between",
+        children: [
+          typeof header === "string" ? /* @__PURE__ */ jsx(Text, { as: "h3", variant: "heading", children: header }) : header,
+          showToggleOption ? /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: hideButton,
+              onClick: onClickHideButton,
+              sentiment: "neutral",
+              size: "small",
+              tooltip: hidden ? showTooltipText : hideTooltipText,
+              variant: "ghost",
+              children: hidden ? showText : hideText
+            }
+          ) : null
+        ]
+      }
+    ),
+    hidden ? null : /* @__PURE__ */ jsx(Card, { className: steppedListCard, children: /* @__PURE__ */ jsxs(Row, { templateColumns: "1fr 3fr", children: [
+      /* @__PURE__ */ jsx(
+        Stack,
+        {
+          className: steppedListCardWrapper,
+          direction: "column",
+          gap: 4,
+          children: /* @__PURE__ */ jsx(StepList, { children: steps.map((step, index) => {
+            const stepTitle = typeof step === "string" ? step : step.title;
+            const stepIcon = typeof step === "string" ? void 0 : step.icon;
+            return /* @__PURE__ */ jsx(
+              SteppedList,
+              {
+                completed: done[index],
+                stepIcon,
+                stepNumber: index + 1,
+                stepTitle
+              },
+              stepTitle
+            );
+          }) })
+        }
+      ),
       children
     ] }) })
   ] }) });

package/dist/components/SteppedListCard/SteppedListContent.d.ts

@@ -1,10 +1,11 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 type SteppedListContentProps = {
     subHeader?: ReactNode;
-    children: ((nextStep: (completed: boolean) => void) => ReactNode) | ReactNode;
+    children: ((nextStep: (completed?: boolean) => void) => ReactNode) | ReactNode;
     image?: ReactNode;
     stepNumber: number;
     completed?: boolean;
+    style?: CSSProperties;
 };
-export declare const SteppedListContent: ({ subHeader, children, image, stepNumber, completed, }: SteppedListContentProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const SteppedListContent: ({ subHeader, children, image, stepNumber, completed, style, }: SteppedListContentProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/SteppedListCard/SteppedListContent.js

@@ -1,49 +1,16 @@
 "use client";
-import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { Text, Stack } from "@ultraviolet/ui";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Stack, Text } from "@ultraviolet/ui";
 import { useContext, useEffect } from "react";
 import { Data, nextStep } from "./helper.js";
-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 StyledContent = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  target: "erw7ck2"
-} : {
-  target: "erw7ck2",
-  label: "StyledContent"
-})("min-width:0;padding:", ({
-  theme
-}) => theme.space["3"], ";padding-top:", ({
-  theme
-}) => theme.space["4"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjaywgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERhdGEsIG5leHRTdGVwIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoU3RhY2spYFxuICBtaW4td2lkdGg6IDA7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIHBhZGRpbmctdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuYFxuXG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogcmlnaHQ7XG5gXG5cbmNvbnN0IFN0eWxlZFN1YkhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG5gXG50eXBlIFN0ZXBwZWRMaXN0Q29udGVudFByb3BzID0ge1xuICBzdWJIZWFkZXI/OiBSZWFjdE5vZGVcbiAgY2hpbGRyZW46ICgobmV4dFN0ZXA6IChjb21wbGV0ZWQ6IGJvb2xlYW4pID0+IHZvaWQpID0+IFJlYWN0Tm9kZSkgfCBSZWFjdE5vZGVcbiAgaW1hZ2U/OiBSZWFjdE5vZGVcbiAgc3RlcE51bWJlcjogbnVtYmVyXG4gIGNvbXBsZXRlZD86IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBTdGVwcGVkTGlzdENvbnRlbnQgPSAoe1xuICBzdWJIZWFkZXIsXG4gIGNoaWxkcmVuLFxuICBpbWFnZSxcbiAgc3RlcE51bWJlcixcbiAgY29tcGxldGVkID0gZmFsc2UsXG59OiBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgc2V0RG9uZSxcbiAgICBjdXJyZW50U3RlcCxcbiAgICBkb25lLFxuICAgIHNldEN1cnJlbnRTdGVwLFxuICAgIG51bWJlck9mU3RlcHMsXG4gICAgc2V0SGlkZGVuLFxuICAgIG9uQ2xpY2tIaWRlLFxuICB9ID0gdXNlQ29udGV4dChEYXRhKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0RG9uZShwcmV2RG9uZSA9PiB7XG4gICAgICBjb25zdCB1cGRhdGVkRG9uZSA9IFsuLi5wcmV2RG9uZV1cbiAgICAgIHVwZGF0ZWREb25lW3N0ZXBOdW1iZXIgLSAxXSA9IGNvbXBsZXRlZFxuXG4gICAgICByZXR1cm4gdXBkYXRlZERvbmVcbiAgICB9KVxuICB9LCBbY29tcGxldGVkLCBzZXREb25lLCBzdGVwTnVtYmVyXSlcblxuICBpZiAoc3RlcE51bWJlciA9PT0gY3VycmVudFN0ZXApIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbnRlbnQ+XG4gICAgICAgIDxTdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAge3R5cGVvZiBzdWJIZWFkZXIgPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIj5cbiAgICAgICAgICAgICAge3N1YkhlYWRlcn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgc3ViSGVhZGVyXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09ICdmdW5jdGlvbidcbiAgICAgICAgICA/IGNoaWxkcmVuKChjb21wbGV0ZWRBcmc6IGJvb2xlYW4pID0+XG4gICAgICAgICAgICAgIG5leHRTdGVwKHtcbiAgICAgICAgICAgICAgICBjb21wbGV0ZWQ6IGNvbXBsZXRlZEFyZyxcbiAgICAgICAgICAgICAgICBkb25lLFxuICAgICAgICAgICAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICAgICAgICAgICAgb25DbGlja0hpZGUsXG4gICAgICAgICAgICAgICAgc2V0Q29tcGxldGVkOiBzZXREb25lLFxuICAgICAgICAgICAgICAgIHNldEN1cnJlbnRTdGVwLFxuICAgICAgICAgICAgICAgIHNldEhpZGRlbixcbiAgICAgICAgICAgICAgICBzdGVwTnVtYmVyLFxuICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIClcbiAgICAgICAgICA6IGNoaWxkcmVufVxuICAgICAgICA8U3R5bGVkSW1hZ2U+e2ltYWdlfTwvU3R5bGVkSW1hZ2U+XG4gICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */"));
-const StyledImage = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "erw7ck1"
-} : {
-  target: "erw7ck1",
-  label: "StyledImage"
-})(process.env.NODE_ENV === "production" ? {
-  name: "r4f2yk",
-  styles: "display:flex;justify-content:right"
-} : {
-  name: "r4f2yk",
-  styles: "display:flex;justify-content:right/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjaywgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDb250ZXh0LCB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERhdGEsIG5leHRTdGVwIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoU3RhY2spYFxuICBtaW4td2lkdGg6IDA7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIHBhZGRpbmctdG9wOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc0J119O1xuYFxuXG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogcmlnaHQ7XG5gXG5cbmNvbnN0IFN0eWxlZFN1YkhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG5gXG50eXBlIFN0ZXBwZWRMaXN0Q29udGVudFByb3BzID0ge1xuICBzdWJIZWFkZXI/OiBSZWFjdE5vZGVcbiAgY2hpbGRyZW46ICgobmV4dFN0ZXA6IChjb21wbGV0ZWQ6IGJvb2xlYW4pID0+IHZvaWQpID0+IFJlYWN0Tm9kZSkgfCBSZWFjdE5vZGVcbiAgaW1hZ2U/OiBSZWFjdE5vZGVcbiAgc3RlcE51bWJlcjogbnVtYmVyXG4gIGNvbXBsZXRlZD86IGJvb2xlYW5cbn1cbmV4cG9ydCBjb25zdCBTdGVwcGVkTGlzdENvbnRlbnQgPSAoe1xuICBzdWJIZWFkZXIsXG4gIGNoaWxkcmVuLFxuICBpbWFnZSxcbiAgc3RlcE51bWJlcixcbiAgY29tcGxldGVkID0gZmFsc2UsXG59OiBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcykgPT4ge1xuICBjb25zdCB7XG4gICAgc2V0RG9uZSxcbiAgICBjdXJyZW50U3RlcCxcbiAgICBkb25lLFxuICAgIHNldEN1cnJlbnRTdGVwLFxuICAgIG51bWJlck9mU3RlcHMsXG4gICAgc2V0SGlkZGVuLFxuICAgIG9uQ2xpY2tIaWRlLFxuICB9ID0gdXNlQ29udGV4dChEYXRhKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0RG9uZShwcmV2RG9uZSA9PiB7XG4gICAgICBjb25zdCB1cGRhdGVkRG9uZSA9IFsuLi5wcmV2RG9uZV1cbiAgICAgIHVwZGF0ZWREb25lW3N0ZXBOdW1iZXIgLSAxXSA9IGNvbXBsZXRlZFxuXG4gICAgICByZXR1cm4gdXBkYXRlZERvbmVcbiAgICB9KVxuICB9LCBbY29tcGxldGVkLCBzZXREb25lLCBzdGVwTnVtYmVyXSlcblxuICBpZiAoc3RlcE51bWJlciA9PT0gY3VycmVudFN0ZXApIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZENvbnRlbnQ+XG4gICAgICAgIDxTdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAge3R5cGVvZiBzdWJIZWFkZXIgPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIj5cbiAgICAgICAgICAgICAge3N1YkhlYWRlcn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgc3ViSGVhZGVyXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09ICdmdW5jdGlvbidcbiAgICAgICAgICA/IGNoaWxkcmVuKChjb21wbGV0ZWRBcmc6IGJvb2xlYW4pID0+XG4gICAgICAgICAgICAgIG5leHRTdGVwKHtcbiAgICAgICAgICAgICAgICBjb21wbGV0ZWQ6IGNvbXBsZXRlZEFyZyxcbiAgICAgICAgICAgICAgICBkb25lLFxuICAgICAgICAgICAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICAgICAgICAgICAgb25DbGlja0hpZGUsXG4gICAgICAgICAgICAgICAgc2V0Q29tcGxldGVkOiBzZXREb25lLFxuICAgICAgICAgICAgICAgIHNldEN1cnJlbnRTdGVwLFxuICAgICAgICAgICAgICAgIHNldEhpZGRlbixcbiAgICAgICAgICAgICAgICBzdGVwTnVtYmVyLFxuICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIClcbiAgICAgICAgICA6IGNoaWxkcmVufVxuICAgICAgICA8U3R5bGVkSW1hZ2U+e2ltYWdlfTwvU3R5bGVkSW1hZ2U+XG4gICAgICA8L1N0eWxlZENvbnRlbnQ+XG4gICAgKVxuICB9XG5cbiAgcmV0dXJuIG51bGxcbn1cbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledSubHeader = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "erw7ck0"
-} : {
-  target: "erw7ck0",
-  label: "StyledSubHeader"
-})("margin-bottom:", ({
-  theme
-}) => theme.space["3"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL1N0ZXBwZWRMaXN0Q2FyZC9TdGVwcGVkTGlzdENvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RhY2ssIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlQ29udGV4dCwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBEYXRhLCBuZXh0U3RlcCB9IGZyb20gJy4vaGVscGVyJ1xuXG5jb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkKFN0YWNrKWBcbiAgbWluLXdpZHRoOiAwO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbmBcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHJpZ2h0O1xuYFxuXG5jb25zdCBTdHlsZWRTdWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuYFxudHlwZSBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcyA9IHtcbiAgc3ViSGVhZGVyPzogUmVhY3ROb2RlXG4gIGNoaWxkcmVuOiAoKG5leHRTdGVwOiAoY29tcGxldGVkOiBib29sZWFuKSA9PiB2b2lkKSA9PiBSZWFjdE5vZGUpIHwgUmVhY3ROb2RlXG4gIGltYWdlPzogUmVhY3ROb2RlXG4gIHN0ZXBOdW1iZXI6IG51bWJlclxuICBjb21wbGV0ZWQ/OiBib29sZWFuXG59XG5leHBvcnQgY29uc3QgU3RlcHBlZExpc3RDb250ZW50ID0gKHtcbiAgc3ViSGVhZGVyLFxuICBjaGlsZHJlbixcbiAgaW1hZ2UsXG4gIHN0ZXBOdW1iZXIsXG4gIGNvbXBsZXRlZCA9IGZhbHNlLFxufTogU3RlcHBlZExpc3RDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIHNldERvbmUsXG4gICAgY3VycmVudFN0ZXAsXG4gICAgZG9uZSxcbiAgICBzZXRDdXJyZW50U3RlcCxcbiAgICBudW1iZXJPZlN0ZXBzLFxuICAgIHNldEhpZGRlbixcbiAgICBvbkNsaWNrSGlkZSxcbiAgfSA9IHVzZUNvbnRleHQoRGF0YSlcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldERvbmUocHJldkRvbmUgPT4ge1xuICAgICAgY29uc3QgdXBkYXRlZERvbmUgPSBbLi4ucHJldkRvbmVdXG4gICAgICB1cGRhdGVkRG9uZVtzdGVwTnVtYmVyIC0gMV0gPSBjb21wbGV0ZWRcblxuICAgICAgcmV0dXJuIHVwZGF0ZWREb25lXG4gICAgfSlcbiAgfSwgW2NvbXBsZXRlZCwgc2V0RG9uZSwgc3RlcE51bWJlcl0pXG5cbiAgaWYgKHN0ZXBOdW1iZXIgPT09IGN1cnJlbnRTdGVwKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRDb250ZW50PlxuICAgICAgICA8U3R5bGVkU3ViSGVhZGVyPlxuICAgICAgICAgIHt0eXBlb2Ygc3ViSGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgIDxUZXh0IGFzPVwiaDNcIiB2YXJpYW50PVwiaGVhZGluZ1NtYWxsU3Ryb25nXCI+XG4gICAgICAgICAgICAgIHtzdWJIZWFkZXJ9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIHN1YkhlYWRlclxuICAgICAgICAgICl9XG4gICAgICAgIDwvU3R5bGVkU3ViSGVhZGVyPlxuICAgICAgICB7dHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nXG4gICAgICAgICAgPyBjaGlsZHJlbigoY29tcGxldGVkQXJnOiBib29sZWFuKSA9PlxuICAgICAgICAgICAgICBuZXh0U3RlcCh7XG4gICAgICAgICAgICAgICAgY29tcGxldGVkOiBjb21wbGV0ZWRBcmcsXG4gICAgICAgICAgICAgICAgZG9uZSxcbiAgICAgICAgICAgICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgICAgICAgICAgIG9uQ2xpY2tIaWRlLFxuICAgICAgICAgICAgICAgIHNldENvbXBsZXRlZDogc2V0RG9uZSxcbiAgICAgICAgICAgICAgICBzZXRDdXJyZW50U3RlcCxcbiAgICAgICAgICAgICAgICBzZXRIaWRkZW4sXG4gICAgICAgICAgICAgICAgc3RlcE51bWJlcixcbiAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICApXG4gICAgICAgICAgOiBjaGlsZHJlbn1cbiAgICAgICAgPFN0eWxlZEltYWdlPntpbWFnZX08L1N0eWxlZEltYWdlPlxuICAgICAgPC9TdHlsZWRDb250ZW50PlxuICAgIClcbiAgfVxuXG4gIHJldHVybiBudWxsXG59XG4iXX0= */"));
+import { steppedListCardContent, steppedListCardSubHeader, steppedListCardImage } from "./styles.css.js";
 const SteppedListContent = ({
   subHeader,
   children,
   image,
   stepNumber,
-  completed = false
+  completed = false,
+  style
 }) => {
   const {
     setDone,
@@ -62,19 +29,21 @@ const SteppedListContent = ({
     });
   }, [completed, setDone, stepNumber]);
   if (stepNumber === currentStep) {
-    return /* @__PURE__ */ jsxs(StyledContent, { children: [
-      /* @__PURE__ */ jsx(StyledSubHeader, { children: typeof subHeader === "string" ? /* @__PURE__ */ jsx(Text, { as: "h3", variant: "headingSmallStrong", children: subHeader }) : subHeader }),
-      typeof children === "function" ? children((completedArg) => nextStep({
-        completed: completedArg,
-        done,
-        numberOfSteps,
-        onClickHide,
-        setCompleted: setDone,
-        setCurrentStep,
-        setHidden,
-        stepNumber
-      })) : children,
-      /* @__PURE__ */ jsx(StyledImage, { children: image })
+    return /* @__PURE__ */ jsxs(Stack, { className: steppedListCardContent, style, children: [
+      /* @__PURE__ */ jsx("div", { className: steppedListCardSubHeader, children: typeof subHeader === "string" ? /* @__PURE__ */ jsx(Text, { as: "h3", variant: "headingSmallStrong", children: subHeader }) : subHeader }),
+      typeof children === "function" ? children(
+        (completedArg) => nextStep({
+          completed: completedArg,
+          done,
+          numberOfSteps,
+          onClickHide,
+          setCompleted: setDone,
+          setCurrentStep,
+          setHidden,
+          stepNumber
+        })
+      ) : children,
+      /* @__PURE__ */ jsx("div", { className: steppedListCardImage, children: image })
     ] });
   }
   return null;

package/dist/components/SteppedListCard/helper.d.ts

@@ -9,7 +9,7 @@ type ContextType = {
 };
 export declare const Data: import("react").Context<ContextType>;
 type NextStepProps = {
-    completed: boolean;
+    completed?: boolean;
     setCompleted: React.Dispatch<React.SetStateAction<boolean[]>>;
     stepNumber: number;
     setCurrentStep: React.Dispatch<React.SetStateAction<number>>;

package/dist/components/SteppedListCard/helper.js

@@ -22,7 +22,10 @@ const nextStep = ({
   done,
   onClickHide
 }) => {
-  const tempDone = done.map((item, index) => index === stepNumber - 1 ? completed : item);
+  const newValue = completed === void 0 ? done[stepNumber - 1] : completed;
+  const tempDone = done.map(
+    (item, index) => index === stepNumber - 1 ? newValue : item
+  );
   setCompleted(tempDone);
   if (numberOfSteps > stepNumber) {
     setCurrentStep(stepNumber + 1);

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

@@ -0,0 +1,8 @@
+export declare const steppedListCard: string;
+export declare const steppedListCardWrapper: string;
+export declare const steppedListCardContent: string;
+export declare const steppedListCardImage: string;
+export declare const steppedListCardSubHeader: string;
+export declare const steppedListCardStepTitle: string;
+export declare const steppedListCardStep: string;
+export declare const hideButton: string;

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

@@ -0,0 +1,19 @@
+/* empty css                          */
+var steppedListCard = "uv_plus_l0ny240";
+var steppedListCardWrapper = "uv_plus_l0ny241";
+var steppedListCardContent = "uv_plus_l0ny242";
+var steppedListCardImage = "uv_plus_l0ny243";
+var steppedListCardSubHeader = "uv_plus_l0ny244";
+var steppedListCardStepTitle = "uv_plus_l0ny245";
+var steppedListCardStep = "uv_plus_l0ny246";
+var hideButton = "uv_plus_l0ny247";
+export {
+  hideButton,
+  steppedListCard,
+  steppedListCardContent,
+  steppedListCardImage,
+  steppedListCardStep,
+  steppedListCardStepTitle,
+  steppedListCardSubHeader,
+  steppedListCardWrapper
+};

package/dist/plus.css

@@ -1 +1 @@
-.uv_plus_1sui13x0{cursor:not-allowed}.uv_plus_1sui13x1{position:absolute;top:var(--rwwhsl9u);right:var(--rwwhsl9u)}.uv_plus_1sui13x1:hover{background-color:#303445}.uv_plus_1sui13x1 svg>path{fill:#fff}.uv_plus_1sui13x2{position:relative;width:100%}.uv_plus_1sui13x3{pointer-events:none;-webkit-user-select:none;user-select:none}.uv_plus_1sui13x2 .cm-editor{font-family:var(--rwwhsld8);font-size:var(--rwwhsld9);background-color:#252a3b;border-radius:var(--rwwhsla4);border:1px solid transparent}.uv_plus_1sui13x2 .cm-editor.cm-focused{outline:none;box-shadow:var(--rwwhsl8m);border:1px solid var(--rwwhsl5m)}.uv_plus_1sui13x2 .cm-content{padding-block:var(--rwwhsl9v)}.uv_plus_1sui13x2 .cm-gutters{background-color:#303445}.uv_plus_1sui13x2 .cm-lineNumbers{padding-left:var(--rwwhsl9u)}.uv_plus_1sui13x2 .cm-gutterElement{color:#545454}.uv_plus_1sui13x2 .cm-scroller{border-radius:var(--rwwhsla4)}.uv_plus_1sui13x3 .cm-editor{background-color:#1e2335;color:#484b5a}.uv_plus_1sui13x3 .cm-line span,.uv_plus_1sui13x3 .cm-gutter-Element{color:#484b5a}.uv_plus_1sui13x3 .cm-cursor{border-left-color:transparent;display:none}.uv_plus_1sui13x3 .cm-selectionMatch{background-color:transparent}.uv_plus_1sui13x3 .cm-selectionLayer{display:none}.uv_plus_1sui13x3 .cm-editor.cm-focused{box-shadow:none;border:1px solid transparent}@property --uv_plus_u4r1ts1{syntax: "*"; inherits: false; initial-value: auto;}@property --uv_plus_u4r1ts2{syntax: "*"; inherits: false; initial-value: auto;}.uv_plus_u4r1ts3:hover{border:1px solid var(--rwwhsl5o);box-shadow:var(--rwwhsl8c);cursor:pointer}.uv_plus_u4r1ts4{display:block;text-align:left;padding:0;color:var(--rwwhsl2j);text-decoration:none;border:1px solid var(--rwwhsl1v);border-radius:var(--rwwhsl85);background:var(--rwwhsl1i);overflow-wrap:break-word}.uv_plus_u4r1ts4[disabled]{cursor:not-allowed}.uv_plus_u4r1ts4[disabled]:hover{border:1px solid var(--rwwhsl1v);box-shadow:none}.uv_plus_u4r1ts5{display:flex;width:fit-content;background:var(--rwwhsl1r);padding:var(--rwwhsl9u);border-radius:var(--rwwhsl85)}.uv_plus_u4r1ts6{padding:0 var(--rwwhsl9w) var(--rwwhsl9w) var(--rwwhsl9w)}.uv_plus_u4r1ts7{padding:var(--rwwhsl9w) var(--rwwhsl9w) var(--rwwhsl9w) 0}.uv_plus_u4r1ts8{height:fit-content}.uv_plus_u4r1ts9{padding:var(--rwwhsl9w) var(--rwwhsl9w) 0 var(--rwwhsl9w)}.uv_plus_u4r1tsa{padding:var(--rwwhsl9w) 0 var(--rwwhsl9w) var(--rwwhsl9w)}.uv_plus_u4r1tsb{padding:var(--rwwhsl9w)}.uv_plus_u4r1tsc{object-fit:cover}.uv_plus_u4r1tsc[data-disabled]{filter:grayscale(1)}.uv_plus_u4r1tsd{border-radius:var(--rwwhsl85) var(--rwwhsl85) 0 0}.uv_plus_u4r1tse{border-radius:var(--rwwhsl85) 0 0 var(--rwwhsl85);max-height:var(--uv_plus_u4r1ts0)}.uv_plus_u4r1tsf{height:100%}.uv_plus_u4r1tsg{height:var(--uv_plus_u4r1ts1);width:var(--uv_plus_u4r1ts2)}.uv_plus_u4r1tsh{border-radius:var(--rwwhsl85) var(--rwwhsl85) 0 0}.uv_plus_u4r1tsi{border-radius:var(--rwwhsl85) 0 0 var(--rwwhsl85)}.uv_plus_u4r1tsj{padding:var(--rwwhsl9w)}.uv_plus_5imqkb0{padding:var(--rwwhsl9v);text-align:left}
+.uv_plus_1sui13x0{cursor:not-allowed}.uv_plus_1sui13x1{position:absolute;top:var(--rwwhsl9u);right:var(--rwwhsl9u);background-color:#252a3b}.uv_plus_1sui13x1:hover{background-color:#303445}.uv_plus_1sui13x1 svg>path{fill:#fff}.uv_plus_1sui13x2{position:relative;width:100%}.uv_plus_1sui13x3{pointer-events:none;-webkit-user-select:none;user-select:none}.uv_plus_1sui13x2 .cm-editor{font-family:var(--rwwhsld8);font-size:var(--rwwhsld9);background-color:#252a3b;border-radius:var(--rwwhsla4);border:1px solid transparent}.uv_plus_1sui13x2 .cm-editor.cm-focused{outline:none;box-shadow:var(--rwwhsl8m);border:1px solid var(--rwwhsl5m)}.uv_plus_1sui13x2 .cm-content{padding-block:var(--rwwhsl9v)}.uv_plus_1sui13x2 .cm-gutters{background-color:#303445}.uv_plus_1sui13x2 .cm-lineNumbers{padding-left:var(--rwwhsl9u)}.uv_plus_1sui13x2 .cm-gutterElement{color:#545454}.uv_plus_1sui13x2 .cm-scroller{border-radius:var(--rwwhsla4)}.uv_plus_1sui13x3 .cm-editor{background-color:#1e2335;color:#484b5a}.uv_plus_1sui13x3 .cm-line span,.uv_plus_1sui13x3 .cm-gutter-Element{color:#484b5a}.uv_plus_1sui13x3 .cm-cursor{border-left-color:transparent;display:none}.uv_plus_1sui13x3 .cm-selectionMatch{background-color:transparent}.uv_plus_1sui13x3 .cm-selectionLayer{display:none}.uv_plus_1sui13x3 .cm-editor.cm-focused{box-shadow:none;border:1px solid transparent}@property --uv_plus_u4r1ts1{syntax: "*"; inherits: false; initial-value: auto;}@property --uv_plus_u4r1ts2{syntax: "*"; inherits: false; initial-value: auto;}.uv_plus_u4r1ts3:hover{border:1px solid var(--rwwhsl5o);box-shadow:var(--rwwhsl8c);cursor:pointer}.uv_plus_u4r1ts4{display:block;text-align:left;padding:0;color:var(--rwwhsl2j);text-decoration:none;border:1px solid var(--rwwhsl1v);border-radius:var(--rwwhsl85);background:var(--rwwhsl1i);overflow-wrap:break-word}.uv_plus_u4r1ts4[disabled]{cursor:not-allowed}.uv_plus_u4r1ts4[disabled]:hover{border:1px solid var(--rwwhsl1v);box-shadow:none}.uv_plus_u4r1ts5{display:flex;width:fit-content;background:var(--rwwhsl1r);padding:var(--rwwhsl9u);border-radius:var(--rwwhsl85)}.uv_plus_u4r1ts6{padding:0 var(--rwwhsl9w) var(--rwwhsl9w) var(--rwwhsl9w)}.uv_plus_u4r1ts7{padding:var(--rwwhsl9w) var(--rwwhsl9w) var(--rwwhsl9w) 0}.uv_plus_u4r1ts8{height:fit-content}.uv_plus_u4r1ts9{padding:var(--rwwhsl9w) var(--rwwhsl9w) 0 var(--rwwhsl9w)}.uv_plus_u4r1tsa{padding:var(--rwwhsl9w) 0 var(--rwwhsl9w) var(--rwwhsl9w)}.uv_plus_u4r1tsb{padding:var(--rwwhsl9w)}.uv_plus_u4r1tsc{object-fit:cover}.uv_plus_u4r1tsc[data-disabled=true]{filter:grayscale(1)}.uv_plus_u4r1tsd{border-radius:var(--rwwhsl85) var(--rwwhsl85) 0 0}.uv_plus_u4r1tse{border-radius:var(--rwwhsl85) 0 0 var(--rwwhsl85);max-height:var(--uv_plus_u4r1ts0)}.uv_plus_u4r1tsf{height:100%}.uv_plus_u4r1tsg{height:var(--uv_plus_u4r1ts1);width:var(--uv_plus_u4r1ts2)}.uv_plus_u4r1tsh{border-radius:var(--rwwhsl85) var(--rwwhsl85) 0 0}.uv_plus_u4r1tsi{border-radius:var(--rwwhsl85) 0 0 var(--rwwhsl85)}.uv_plus_u4r1tsj{padding:var(--rwwhsl9w)}.uv_plus_1gpmh3x0{min-width:0}.uv_plus_1gpmh3x1{display:inline-flex;background:var(--rwwhsl1r);padding:var(--rwwhsl9u);border-radius:var(--rwwhsl85)}.uv_plus_1gpmh3x2{padding:var(--rwwhsl9w);text-decoration:none;height:100%}.uv_plus_1gpmh3x2:not(:first-child){border-top:1px solid var(--rwwhsl1v)}.uv_plus_1gpmh3x2:first-child{border-radius:var(--rwwhsl85) var(--rwwhsl85) 0 0}.uv_plus_1gpmh3x2:last-child{border-radius:0 0 var(--rwwhsl85) var(--rwwhsl85)}.uv_plus_1gpmh3x2:hover{background:var(--rwwhsl1k)}.uv_plus_1gpmh3x2 .uv_plus_1gpmh3x1{background:var(--rwwhsl1r)}.uv_plus_1gpmh3x2:hover .uv_plus_1gpmh3x1{background:none}.uv_plus_1gpmh3x3{height:100%}.uv_plus_1gpmh3x4{border-radius:var(--rwwhsl85);border:1px solid var(--rwwhsl1v);background:var(--rwwhsl1i);min-width:0}.uv_plus_1gpmh3x5{padding:var(--rwwhsl9w)}.uv_plus_1gpmh3x5:not(:first-child){border-top:1px solid var(--rwwhsl1v)}.uv_plus_1gpmh3x6{height:32px;width:32px;border-radius:var(--rwwhsl85)}.uv_plus_16zcyo50{display:flex;align-items:center;margin:0 var(--rwwhsla0)}.uv_plus_16zcyo51{justify-content:flex-start}.uv_plus_16zcyo52{justify-content:flex-end}.uv_plus_16zcyo53{margin-top:var(--rwwhsl9w);text-align:center}.uv_plus_16zcyo54{display:flex;margin-bottom:var(--rwwhsl9v)}.uv_plus_16zcyo55{flex-direction:row-reverse}.uv_plus_16zcyo56{flex-direction:row}.uv_plus_16zcyo57{margin:var(--rwwhsl9w);margin-bottom:0;border-radius:var(--rwwhsl85);padding:var(--rwwhsl9w)}.uv_plus_16zcyo58{background-color:var(--rwwhsl1l)}.uv_plus_16zcyo59{background-color:var(--rwwhsl5g)}.uv_plus_16zcyo5a{display:flex;align-self:flex-end}.uv_plus_16zcyo5b{width:100%}.uv_plus_16zcyo5c{background-color:var(--rwwhsl1l);height:var(--rwwhsl9c);margin-right:var(--rwwhsl9u)}@keyframes uv_plus_wizdzu0{0%,10%,40%,80%,to{transform:translateZ(0) rotate(0)}30%{transform:translate3d(-5px,0,0) rotate(5deg)}60%{transform:translate3d(-4px,0,0)}90%{transform:translate3d(-1px,0,0) rotate(-5deg)}}@keyframes uv_plus_wizdzu1{0%,10%,40%,80%,to{transform:translateZ(0) rotate(0)}30%{transform:translate3d(0,5px,0) rotate(5deg)}60%{transform:translate3d(0,-6px,0)}90%{transform:translate3d(0,-2px,0)}}.uv_plus_wizdzu2{height:88px;width:88px;cursor:pointer;transition:transform 1s cubic-bezier(.19,1,.22,1)}.uv_plus_wizdzu2:hover,.uv_plus_wizdzu2:focus{transform:scale(1.2)}.uv_plus_wizdzu3{transform:scale(1.2)}.uv_plus_wizdzu4{animation:uv_plus_wizdzu1 1s ease infinite}.uv_plus_wizdzu5{animation:uv_plus_wizdzu0 1s ease infinite}.uv_plus_dkdfcq0{vertical-align:middle;fill:currentcolor}.uv_plus_dkdfcq8{height:var(--rwwhsl9f);width:var(--rwwhsl9f);min-width:var(--rwwhsl9f);min-height:var(--rwwhsl9f)}.uv_plus_dkdfcq9{height:var(--rwwhsl9d);width:var(--rwwhsl9d);min-width:var(--rwwhsl9d);min-height:var(--rwwhsl9d)}.uv_plus_dkdfcqa{height:var(--rwwhsl9c);width:var(--rwwhsl9c);min-width:var(--rwwhsl9c);min-height:var(--rwwhsl9c)}.uv_plus_dkdfcqb{height:var(--rwwhsl9h);width:var(--rwwhsl9h);min-width:var(--rwwhsl9h);min-height:var(--rwwhsl9h)}.uv_plus_dkdfcqc{height:var(--rwwhsl9a);width:var(--rwwhsl9a);min-width:var(--rwwhsl9a);min-height:var(--rwwhsl9a)}.uv_plus_dkdfcqd{height:var(--rwwhsl9l);width:var(--rwwhsl9l);min-width:var(--rwwhsl9l);min-height:var(--rwwhsl9l)}.uv_plus_dkdfcqk{fill:var(--rwwhsl5t)}.uv_plus_dkdfcql{fill:var(--rwwhsl6h)}.uv_plus_dkdfcqm{fill:var(--rwwhsl28)}.uv_plus_dkdfcqn{fill:var(--rwwhsl75)}.uv_plus_dkdfcqo{fill:var(--rwwhslj)}.uv_plus_dkdfcqp{fill:var(--rwwhsl7t)}.uv_plus_dkdfcqq{fill:var(--rwwhsl17)}.uv_plus_dkdfcqr{fill:currentColor}.uv_plus_dkdfcqs{fill:var(--rwwhsl5t)}.uv_plus_dkdfcqt{fill:var(--rwwhsl6h)}.uv_plus_dkdfcqu{fill:var(--rwwhsl2b)}.uv_plus_dkdfcqv{fill:var(--rwwhsl75)}.uv_plus_dkdfcqw{fill:var(--rwwhslj)}.uv_plus_dkdfcqx{fill:var(--rwwhsl7t)}.uv_plus_dkdfcqy{fill:var(--rwwhsl17)}.uv_plus_dkdfcqz{fill:currentColor}.uv_plus_dkdfcq10{fill:var(--rwwhsl5t)}.uv_plus_dkdfcq11{fill:var(--rwwhsl6h)}.uv_plus_dkdfcq12{fill:var(--rwwhsl2d)}.uv_plus_dkdfcq13{fill:var(--rwwhsl75)}.uv_plus_dkdfcq14{fill:var(--rwwhslj)}.uv_plus_dkdfcq15{fill:var(--rwwhsl7t)}.uv_plus_dkdfcq16{fill:var(--rwwhsl17)}.uv_plus_dkdfcq17{fill:currentColor}.uv_plus_dkdfcq18{fill:var(--rwwhsl5t)}.uv_plus_dkdfcq19{fill:var(--rwwhsl6h)}.uv_plus_dkdfcq1a{fill:var(--rwwhsl2h)}.uv_plus_dkdfcq1b{fill:var(--rwwhsl75)}.uv_plus_dkdfcq1c{fill:var(--rwwhslj)}.uv_plus_dkdfcq1d{fill:var(--rwwhsl7t)}.uv_plus_dkdfcq1e{fill:var(--rwwhsl17)}.uv_plus_dkdfcq1f{fill:currentColor}.uv_plus_dkdfcq1g{fill:var(--rwwhsl5s)}.uv_plus_dkdfcq1h{fill:var(--rwwhsl6g)}.uv_plus_dkdfcq1i{fill:var(--rwwhsl27)}.uv_plus_dkdfcq1j{fill:var(--rwwhsl74)}.uv_plus_dkdfcq1k{fill:var(--rwwhsli)}.uv_plus_dkdfcq1l{fill:var(--rwwhsl7s)}.uv_plus_dkdfcq1m{fill:var(--rwwhsl16)}.uv_plus_dkdfcq1n{fill:currentColor}.uv_plus_dkdfcq1o{fill:var(--rwwhsl5s)}.uv_plus_dkdfcq1p{fill:var(--rwwhsl6g)}.uv_plus_dkdfcq1q{fill:var(--rwwhsl2a)}.uv_plus_dkdfcq1r{fill:var(--rwwhsl74)}.uv_plus_dkdfcq1s{fill:var(--rwwhsli)}.uv_plus_dkdfcq1t{fill:var(--rwwhsl7s)}.uv_plus_dkdfcq1u{fill:var(--rwwhsl16)}.uv_plus_dkdfcq1v{fill:currentColor}.uv_plus_dkdfcq1w{fill:var(--rwwhsl5s)}.uv_plus_dkdfcq1x{fill:var(--rwwhsl6g)}.uv_plus_dkdfcq1y{fill:var(--rwwhsl2c)}.uv_plus_dkdfcq1z{fill:var(--rwwhsl74)}.uv_plus_dkdfcq20{fill:var(--rwwhsli)}.uv_plus_dkdfcq21{fill:var(--rwwhsl7s)}.uv_plus_dkdfcq22{fill:var(--rwwhsl16)}.uv_plus_dkdfcq23{fill:currentColor}.uv_plus_dkdfcq24{fill:var(--rwwhsl5s)}.uv_plus_dkdfcq25{fill:var(--rwwhsl6g)}.uv_plus_dkdfcq26{fill:var(--rwwhsl2g)}.uv_plus_dkdfcq27{fill:var(--rwwhsl74)}.uv_plus_dkdfcq28{fill:var(--rwwhsli)}.uv_plus_dkdfcq29{fill:var(--rwwhsl7s)}.uv_plus_dkdfcq2a{fill:var(--rwwhsl16)}.uv_plus_dkdfcq2b{fill:currentColor}.uv_plus_dkdfcq0 .uv_plus_dkdfcqg .uv_plus_dkdfcqf .uv_plus_dkdfcq1 .uv_plus_dkdfcq1g .fillStroke{fill:none;stroke:var(--rwwhsl5s)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqg .uv_plus_dkdfcqf .uv_plus_dkdfcq2 .uv_plus_dkdfcq1h .fillStroke{fill:none;stroke:var(--rwwhsl6g)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqg .uv_plus_dkdfcqf .uv_plus_dkdfcq3 .uv_plus_dkdfcq1i .fillStroke{fill:none;stroke:var(--rwwhsl27)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqg .uv_plus_dkdfcqf .uv_plus_dkdfcq4 .uv_plus_dkdfcq1j .fillStroke{fill:none;stroke:var(--rwwhsl74)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqg .uv_plus_dkdfcqf .uv_plus_dkdfcq5 .uv_plus_dkdfcq1k .fillStroke{fill:none;stroke:var(--rwwhsli)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqg .uv_plus_dkdfcqf .uv_plus_dkdfcq6 .uv_plus_dkdfcq1l .fillStroke{fill:none;stroke:var(--rwwhsl7s)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqg .uv_plus_dkdfcqf .uv_plus_dkdfcq7 .uv_plus_dkdfcq1m .fillStroke{fill:none;stroke:var(--rwwhsl16)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqh .uv_plus_dkdfcqf .uv_plus_dkdfcq1 .uv_plus_dkdfcq1o .fillStroke{fill:none;stroke:var(--rwwhsl5s)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqh .uv_plus_dkdfcqf .uv_plus_dkdfcq2 .uv_plus_dkdfcq1p .fillStroke{fill:none;stroke:var(--rwwhsl6g)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqh .uv_plus_dkdfcqf .uv_plus_dkdfcq3 .uv_plus_dkdfcq1q .fillStroke{fill:none;stroke:var(--rwwhsl2a)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqh .uv_plus_dkdfcqf .uv_plus_dkdfcq4 .uv_plus_dkdfcq1r .fillStroke{fill:none;stroke:var(--rwwhsl74)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqh .uv_plus_dkdfcqf .uv_plus_dkdfcq5 .uv_plus_dkdfcq1s .fillStroke{fill:none;stroke:var(--rwwhsli)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqh .uv_plus_dkdfcqf .uv_plus_dkdfcq6 .uv_plus_dkdfcq1t .fillStroke{fill:none;stroke:var(--rwwhsl7s)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqh .uv_plus_dkdfcqf .uv_plus_dkdfcq7 .uv_plus_dkdfcq1u .fillStroke{fill:none;stroke:var(--rwwhsl16)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqi .uv_plus_dkdfcqf .uv_plus_dkdfcq1 .uv_plus_dkdfcq1w .fillStroke{fill:none;stroke:var(--rwwhsl5s)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqi .uv_plus_dkdfcqf .uv_plus_dkdfcq2 .uv_plus_dkdfcq1x .fillStroke{fill:none;stroke:var(--rwwhsl6g)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqi .uv_plus_dkdfcqf .uv_plus_dkdfcq3 .uv_plus_dkdfcq1y .fillStroke{fill:none;stroke:var(--rwwhsl2c)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqi .uv_plus_dkdfcqf .uv_plus_dkdfcq4 .uv_plus_dkdfcq1z .fillStroke{fill:none;stroke:var(--rwwhsl74)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqi .uv_plus_dkdfcqf .uv_plus_dkdfcq5 .uv_plus_dkdfcq20 .fillStroke{fill:none;stroke:var(--rwwhsli)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqi .uv_plus_dkdfcqf .uv_plus_dkdfcq6 .uv_plus_dkdfcq21 .fillStroke{fill:none;stroke:var(--rwwhsl7s)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqi .uv_plus_dkdfcqf .uv_plus_dkdfcq7 .uv_plus_dkdfcq22 .fillStroke{fill:none;stroke:var(--rwwhsl16)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqj .uv_plus_dkdfcqf .uv_plus_dkdfcq1 .uv_plus_dkdfcq24 .fillStroke{fill:none;stroke:var(--rwwhsl5s)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqj .uv_plus_dkdfcqf .uv_plus_dkdfcq2 .uv_plus_dkdfcq25 .fillStroke{fill:none;stroke:var(--rwwhsl6g)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqj .uv_plus_dkdfcqf .uv_plus_dkdfcq3 .uv_plus_dkdfcq26 .fillStroke{fill:none;stroke:var(--rwwhsl2g)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqj .uv_plus_dkdfcqf .uv_plus_dkdfcq4 .uv_plus_dkdfcq27 .fillStroke{fill:none;stroke:var(--rwwhsl74)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqj .uv_plus_dkdfcqf .uv_plus_dkdfcq5 .uv_plus_dkdfcq28 .fillStroke{fill:none;stroke:var(--rwwhsli)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqj .uv_plus_dkdfcqf .uv_plus_dkdfcq6 .uv_plus_dkdfcq29 .fillStroke{fill:none;stroke:var(--rwwhsl7s)}.uv_plus_dkdfcq0 .uv_plus_dkdfcqj .uv_plus_dkdfcqf .uv_plus_dkdfcq7 .uv_plus_dkdfcq2a .fillStroke{fill:none;stroke:var(--rwwhsl16)}.uv_plus_1fq6cbr0{height:var(--rwwhsl9k);width:var(--rwwhsl9k);min-width:var(--rwwhsl9k)}.uv_plus_1fq6cbr1{height:var(--rwwhsl9j);width:var(--rwwhsl9j);min-width:var(--rwwhsl9j)}.uv_plus_1fq6cbr2{height:var(--rwwhsl9h);width:var(--rwwhsl9h);min-width:var(--rwwhsl9h)}.uv_plus_1fq6cbr3{height:var(--rwwhsl9n);width:var(--rwwhsl9n);min-width:var(--rwwhsl9n)}.uv_plus_1fq6cbr4{height:var(--rwwhsl9f);width:var(--rwwhsl9f);min-width:var(--rwwhsl9f)}.uv_plus_1fq6cbr9 .fillWeak{fill:var(--rwwhsl4k)}.uv_plus_1fq6cbr9 g.fillWeak>*{fill:var(--rwwhsl4k)}.uv_plus_1fq6cbr9 path[fill].fillWeak{fill:var(--rwwhsl4k)}.uv_plus_1fq6cbr5 .fillWeak{fill:var(--rwwhsl4j)}.uv_plus_1fq6cbr5 g.fillWeak>*{fill:var(--rwwhsl4j)}.uv_plus_1fq6cbr5 path[fill].fillWeak{fill:var(--rwwhsl4j)}.uv_plus_1fq6cbra .fillWeak{fill:var(--rwwhsl48)}.uv_plus_1fq6cbra g.fillWeak>*{fill:var(--rwwhsl48)}.uv_plus_1fq6cbra path[fill].fillWeak{fill:var(--rwwhsl48)}.uv_plus_1fq6cbr6 .fillWeak{fill:var(--rwwhsl47)}.uv_plus_1fq6cbr6 g.fillWeak>*{fill:var(--rwwhsl47)}.uv_plus_1fq6cbr6 path[fill].fillWeak{fill:var(--rwwhsl47)}.uv_plus_1fq6cbrb .fillWeak{fill:var(--rwwhsl4q)}.uv_plus_1fq6cbrb g.fillWeak>*{fill:var(--rwwhsl4q)}.uv_plus_1fq6cbrb path[fill].fillWeak{fill:var(--rwwhsl4q)}.uv_plus_1fq6cbr7 .fillWeak{fill:var(--rwwhsl4p)}.uv_plus_1fq6cbr7 g.fillWeak>*{fill:var(--rwwhsl4p)}.uv_plus_1fq6cbr7 path[fill].fillWeak{fill:var(--rwwhsl4p)}.uv_plus_1fq6cbrc .fillWeak{fill:var(--rwwhsl4e)}.uv_plus_1fq6cbrc g.fillWeak>*{fill:var(--rwwhsl4e)}.uv_plus_1fq6cbrc path[fill].fillWeak{fill:var(--rwwhsl4e)}.uv_plus_1fq6cbr8 .fillWeak{fill:var(--rwwhsl4d)}.uv_plus_1fq6cbr8 g.fillWeak>*{fill:var(--rwwhsl4d)}.uv_plus_1fq6cbr8 path[fill].fillWeak{fill:var(--rwwhsl4d)}.uv_plus_1fq6cbr9 .fillStrong{fill:var(--rwwhsl4i)}.uv_plus_1fq6cbr9 g.fillStrong>*{fill:var(--rwwhsl4i)}.uv_plus_1fq6cbr9 path[fill].fillStrong{fill:var(--rwwhsl4i)}.uv_plus_1fq6cbr5 .fillStrong{fill:var(--rwwhsl4h)}.uv_plus_1fq6cbr5 g.fillStrong>*{fill:var(--rwwhsl4h)}.uv_plus_1fq6cbr5 path[fill].fillStrong{fill:var(--rwwhsl4h)}.uv_plus_1fq6cbra .fillStrong{fill:var(--rwwhsl46)}.uv_plus_1fq6cbra g.fillStrong>*{fill:var(--rwwhsl46)}.uv_plus_1fq6cbra path[fill].fillStrong{fill:var(--rwwhsl46)}.uv_plus_1fq6cbr6 .fillStrong{fill:var(--rwwhsl45)}.uv_plus_1fq6cbr6 g.fillStrong>*{fill:var(--rwwhsl45)}.uv_plus_1fq6cbr6 path[fill].fillStrong{fill:var(--rwwhsl45)}.uv_plus_1fq6cbrb .fillStrong{fill:var(--rwwhsl4o)}.uv_plus_1fq6cbrb g.fillStrong>*{fill:var(--rwwhsl4o)}.uv_plus_1fq6cbrb path[fill].fillStrong{fill:var(--rwwhsl4o)}.uv_plus_1fq6cbr7 .fillStrong{fill:var(--rwwhsl4n)}.uv_plus_1fq6cbr7 g.fillStrong>*{fill:var(--rwwhsl4n)}.uv_plus_1fq6cbr7 path[fill].fillStrong{fill:var(--rwwhsl4n)}.uv_plus_1fq6cbrc .fillStrong{fill:var(--rwwhsl4c)}.uv_plus_1fq6cbrc g.fillStrong>*{fill:var(--rwwhsl4c)}.uv_plus_1fq6cbrc path[fill].fillStrong{fill:var(--rwwhsl4c)}.uv_plus_1fq6cbr8 .fillStrong{fill:var(--rwwhsl4b)}.uv_plus_1fq6cbr8 g.fillStrong>*{fill:var(--rwwhsl4b)}.uv_plus_1fq6cbr8 path[fill].fillStrong{fill:var(--rwwhsl4b)}.uv_plus_1fq6cbr9 .fill{fill:var(--rwwhsl4g)}.uv_plus_1fq6cbr9 g.fill>*{fill:var(--rwwhsl4g)}.uv_plus_1fq6cbr9 path[fill].fill{fill:var(--rwwhsl4g)}.uv_plus_1fq6cbr5 .fill{fill:var(--rwwhsl4f)}.uv_plus_1fq6cbr5 g.fill>*{fill:var(--rwwhsl4f)}.uv_plus_1fq6cbr5 path[fill].fill{fill:var(--rwwhsl4f)}.uv_plus_1fq6cbra .fill{fill:var(--rwwhsl44)}.uv_plus_1fq6cbra g.fill>*{fill:var(--rwwhsl44)}.uv_plus_1fq6cbra path[fill].fill{fill:var(--rwwhsl44)}.uv_plus_1fq6cbr6 .fill{fill:var(--rwwhsl43)}.uv_plus_1fq6cbr6 g.fill>*{fill:var(--rwwhsl43)}.uv_plus_1fq6cbr6 path[fill].fill{fill:var(--rwwhsl43)}.uv_plus_1fq6cbrb .fill{fill:var(--rwwhsl4m)}.uv_plus_1fq6cbrb g.fill>*{fill:var(--rwwhsl4m)}.uv_plus_1fq6cbrb path[fill].fill{fill:var(--rwwhsl4m)}.uv_plus_1fq6cbr7 .fill{fill:var(--rwwhsl4l)}.uv_plus_1fq6cbr7 g.fill>*{fill:var(--rwwhsl4l)}.uv_plus_1fq6cbr7 path[fill].fill{fill:var(--rwwhsl4l)}.uv_plus_1fq6cbrc .fill{fill:var(--rwwhsl4a)}.uv_plus_1fq6cbrc g.fill>*{fill:var(--rwwhsl4a)}.uv_plus_1fq6cbrc path[fill].fill{fill:var(--rwwhsl4a)}.uv_plus_1fq6cbr8 .fill{fill:var(--rwwhsl49)}.uv_plus_1fq6cbr8 g.fill>*{fill:var(--rwwhsl49)}.uv_plus_1fq6cbr8 path[fill].fill{fill:var(--rwwhsl49)}.uv_plus_1ko5kn21{max-width:var(--uv_plus_1ko5kn20)}.uv_plus_1ko5kn22{width:15px;margin-right:var(--rwwhsl9u)}.uv_plus_1ko5kn24{margin-left:var(--rwwhsla4)}.uv_plus_1ko5kn25{display:flex;flex-direction:row;-webkit-box-pack:justify;justify-content:space-between;align-items:center;min-height:var(--rwwhsl9l);padding-top:var(--rwwhsl9u);padding-bottom:var(--rwwhsl9u)}.uv_plus_1ko5kn26{height:var(--rwwhsl9k);display:flex;flex-direction:column;-webkit-box-pack:center;justify-content:center}.uv_plus_1ko5kn27{animation:.8s uv_15brg2b3}.uv_plus_1ko5kn29{text-align:initial;height:var(--rwwhsl9k);display:flex;flex-direction:column;-webkit-box-pack:center;justify-content:center}.uv_plus_1ko5kn2a{text-align:right}.uv_plus_1ko5kn2b{animation:uv_15brg2b3 .8s}.uv_plus_1ko5kn2c{margin-left:var(--rwwhsl9u);align-self:center}.uv_plus_1ko5kn2d{margin-left:var(--rwwhsl9u)}.uv_plus_1ko5kn2e{max-width:75%}.uv_plus_1ko5kn2f{vertical-align:text-top}.uv_plus_1ko5kn2g{text-decoration-line:line-through;text-decoration-color:var(--rwwhsl7m)}.uv_plus_1ko5kn2h{max-width:500px;align-items:center;font-size:16px;color:var(--rwwhsl2m);margin-right:var(--rwwhsla4)}.uv_plus_1ko5kn2i{display:flex}.uv_plus_1ko5kn2j{display:inline-flex}.uv_plus_1ko5kn2n{display:block;font-size:14px;line-height:8;color:var(--rwwhsl2j)}.uv_plus_1ko5kn2o{display:inline-flex;align-items:center;color:var(--rwwhsl2m);font-weight:500;margin-right:4px}.uv_plus_1ko5kn2p{font-size:16px}.uv_plus_1ko5kn2q{font-size:24px}.uv_plus_1ko5kn2r{font-size:16px;text-transform:capitalize}.uv_plus_1ko5kn2s{font-size:16px}.uv_plus_1ko5kn2t{-moz-appearance:textfield}.uv_plus_1ko5kn2t::-webkit-inner-spin-button,.uv_plus_1ko5kn2t::webkit-outer-spin-button{-webkit-appearance:none;margin:0}.uv_plus_sk5tga2{width:15px;margin-right:var(--rwwhsl9u)}.uv_plus_sk5tga3{width:100%;border:1px solid var(--rwwhsl1v)}.uv_plus_sk5tga4{border-radius:4px 4px 0}.uv_plus_sk5tga5{border-radius:4px}.uv_plus_sk5tga6{border-radius:4px;margin-top:var(--rwwhsl9v)}.uv_plus_sk5tga3>*{margin-top:0}.uv_plus_sk5tga3>*+*{margin-top:var(--rwwhsl9v)}.uv_plus_sk5tga7{background-color:var(--rwwhsl1i)}.uv_plus_sk5tga8{border-left:1px solid var(--rwwhsl1v);background-color:var(--rwwhsl1r);width:30%;min-width:126px}.uv_plus_sk5tga9{padding-right:var(--rwwhsl9v);position:relative;width:70%;min-width:230px;padding-left:var(--uv_plus_sk5tga0)}.uv_plus_sk5tgaa:before{content:"";position:absolute;left:0;bottom:0;height:1px;width:calc(100% - 32px);margin-left:var(--rwwhsl9v);border-bottom:1px solid var(--rwwhsl1v)}.uv_plus_sk5tgab{background:var(--rwwhsl5g)}.uv_plus_sk5tgac{border-color:var(--rwwhsl1v);border-style:solid;border-width:0 1px 1px 1px;border-right:none;border-radius:0 0 var(--rwwhsl85) var(--rwwhsl85);height:var(--rwwhsl9l);background-color:var(--rwwhsl5g);width:30%;min-width:126px}.uv_plus_sk5tgad{margin:0;width:100%;border-right:1px solid var(--rwwhsl1v);border-radius:0 0 var(--rwwhsl85) var(--rwwhsl85)}.uv_plus_sk5tgae{display:flex;align-items:center;margin:0;font-size:18px;color:var(--rwwhsl2j);font-weight:500;padding:var(--rwwhsl9v)}.uv_plus_sk5tgaf{width:70%}.uv_plus_sk5tgag{max-width:200px;padding:var(--rwwhsl9v);align-items:start;text-align:left;float:right}.uv_plus_sk5tgah{position:absolute;top:calc(50% - 16px)}.uv_plus_sk5tgai{margin-left:-185px}.uv_plus_sk5tgaj{margin-left:-115px}.uv_plus_sk5tgak{min-width:200px;padding:0 24px;border-left:1px solid var(--rwwhsl1v)}.uv_plus_sk5tgak:first-of-type,.uv_plus_sk5tgak:last-child{border:0}.uv_plus_sk5tgal{border:0}.uv_plus_sk5tgan{display:none}.uv_plus_sk5tgao{display:inline-block;height:var(--rwwhsl9f);line-height:18;font-size:12px;margin-right:var(--rwwhsl9u)}.uv_plus_sk5tgap{margin-top:var(--rwwhsl9w)}.uv_plus_sk5tgaq{text-align:right;margin-left:var(--rwwhsl9v)}.uv_plus_sk5tgar{text-align:right}.uv_plus_sk5tgas{margin-right:var(--rwwhsl9u)}.uv_plus_sk5tgat{padding:0}.uv_plus_sk5tgau{position:fixed;left:0;right:0;height:120px;background-color:var(--rwwhsl1i);margin:var(--uv_plus_sk5tga1);display:flex;justify-content:center;transition:bottom .3s,box-shadow .3s;z-index:1}.uv_plus_sk5tgav{bottom:-120px;box-shadow:0}.uv_plus_sk5tgaw{bottom:0;box-shadow:var(--rwwhsl8c)}.uv_plus_sk5tgax{display:flex;flex-direction:row;justify-content:center;list-style:none;margin:0;padding:var(--rwwhsl9w) 0}.uv_plus_sk5tgay{display:flex;padding:12px 0;min-width:158px}@media(max-width:1800px){.uv_plus_sk5tgam{display:none}}.uv_plus_5imqkb0{padding:var(--rwwhsl9v);text-align:left}.uv_plus_h6pvpm1{display:flex;font-size:var(--rwwhsla9);line-height:var(--rwwhslac);flex-direction:column;align-items:start;margin:0;width:100%}.uv_plus_h6pvpm2{width:var(--uv_plus_h6pvpm0);border-bottom:1px var(--rwwhsl1v) solid;padding-block:var(--rwwhsl9v)}.uv_plus_h6pvpm2:first-of-type{padding-top:0}.uv_plus_h6pvpm2:last-of-type{padding-bottom:0;border-bottom-color:transparent}.uv_plus_h6pvpm2>*:not(:last-child){padding-right:var(--rwwhsl9v)}.uv_plus_h6pvpm3{font-weight:var(--rwwhslbg);color:var(--rwwhsl2m);display:inline-flex;align-items:center;min-width:0}.uv_plus_h6pvpm4{color:var(--rwwhsl2j);margin:0;min-width:0;width:100%}.uv_plus_h6pvpm5{display:inline-block;min-width:0;width:100%}.uv_plus_h6pvpm5>*{display:inline-flex;align-items:center;margin-right:var(--rwwhsl9u)}@keyframes uv_plus_1ngtn5a0{0%{max-height:50px}to{max-height:32px}}@keyframes uv_plus_1ngtn5a1{0%{opacity:0;max-height:0;margin-bottom:-8px}to{opacity:1;max-height:40px;margin-bottom:0}}.uv_plus_nytpcy0{padding-bottom:var(--rwwhsl9u);padding-left:var(--rwwhsl9u);transition:opacity .25s ease-in-out,height .25s ease-in-out;height:calc(var(--rwwhslau) + var(--rwwhsl9u))}.uv_plus_nytpcy1{animation:uv_plus_1ngtn5a1 .25s ease-in-out}.uv_plus_nytpcy2{animation:uv_plus_1ngtn5a1 .25s ease-in-out reverse}.uv_plus_nytpcy4{padding-top:var(--rwwhsl9u)}.uv_plus_nytpcy5{position:absolute;right:0;left:0;top:0;height:2px;border-top:2px solid;border-color:transparent;padding:var(--rwwhsla4) 0}.uv_plus_nytpcy5:before{content:"";position:absolute;left:0;top:-4px;height:0;width:0;border:3px solid;border-color:inherit;border-radius:var(--rwwhsl84)}.uv_plus_nytpcy6{position:relative}.uv_plus_nytpcy7{padding:var(--rwwhsl9u) 0}.uv_plus_nytpcy8{padding-left:var(--rwwhsl9x);margin-left:var(--rwwhsla4)}.uv_plus_nytpcy9{margin:var(--rwwhsl9v) calc(var(--rwwhsl9v) * -1)}.uv_plus_x6an4g0{width:180px}.uv_plus_x6an4g1{position:relative}.uv_plus_x6an4g2{padding-left:var(--rwwhsl9u)}.uv_plus_x6an4g3{position:absolute;top:0;bottom:0;margin:auto 0;padding:var(--rwwhsla5);border-radius:var(--rwwhsl85)}.uv_plus_x6an4g4:hover{background:var(--rwwhsl5i)}.uv_plus_x6an4g5:hover{background:var(--rwwhsl1u)}.uv_plus_x6an4g6{text-align:left}.uv_plus_x6an4g8{color:inherit;text-decoration:none;background-color:inherit;border:none;text-align:left;border-radius:var(--rwwhsl85);margin-top:var(--rwwhsla5);padding:calc(var(--rwwhsla5) + var(--rwwhsla4)) var(--rwwhsl9u);width:100%}.uv_plus_x6an4ga{cursor:pointer}.uv_plus_x6an4gb{cursor:not-allowed;background-color:unset}.uv_plus_x6an4gc{background-color:var(--rwwhsl5g)}.uv_plus_x6an4gc:hover{background-color:var(--rwwhsl5i)}.uv_plus_x6an4gd{background-color:var(--rwwhsl1k)}.uv_plus_x6an4ge{padding:var(--rwwhsla4) var(--rwwhsl9u)}.uv_plus_x6an4gf:active{background-color:var(--rwwhsl1k)}.uv_plus_x6an4gg{background-color:var(--rwwhsl1u)}.uv_plus_x6an4gh:hover,.uv_plus_x6an4gh:focus{background-color:var(--rwwhsl1r)}.uv_plus_x6an4gi{animation:uv_plus_1ngtn5a0 .25s ease-in-out}.uv_plus_x6an4gj{animation:uv_plus_1ngtn5a0 .25s ease-in-out reverse}.uv_plus_x6an4gn{opacity:0;margin:0 var(--rwwhsla5);cursor:grab}.uv_plus_x6an4gk:hover .uv_plus_x6an4gn,.uv_plus_x6an4gk:focus .uv_plus_x6an4gn,.uv_plus_x6an4gk:active .uv_plus_x6an4gn{opacity:1}.uv_plus_x6an4go{overflow-wrap:anywhere;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.uv_plus_x6an4gm:hover .uv_plus_x6an4go{color:var(--rwwhsl2u)}.uv_plus_x6an4gp{color:var(--rwwhsl2t)}.uv_plus_x6an4gq{color:var(--rwwhsl2u)}.uv_plus_x6an4g6:hover .uv_plus_x6an4gr,.uv_plus_x6an4g6:focus .uv_plus_x6an4gr,.uv_plus_x6an4g6:active .uv_plus_x6an4gr{opacity:1}.uv_plus_x6an4g7:hover .uv_plus_x6an4gr,.uv_plus_x6an4g7:focus .uv_plus_x6an4gr,.uv_plus_x6an4g7:active .uv_plus_x6an4gr{opacity:0}.uv_plus_x6an4gl:hover .uv_plus_x6an4gr,.uv_plus_x6an4gl:active .uv_plus_x6an4gr,.uv_plus_x6an4gl:focus .uv_plus_x6an4gr{opacity:0}.uv_plus_x6an4gs{opacity:0;position:absolute;inset:0 0 0 -24px;margin:auto}.uv_plus_x6an4gs:hover,.uv_plus_x6an4gs:focus,.uv_plus_x6an4gs:active{opacity:1}.uv_plus_x6an4g6:hover .uv_plus_x6an4gs,.uv_plus_x6an4g6:focus .uv_plus_x6an4gs,.uv_plus_x6an4g6:active .uv_plus_x6an4gs{opacity:1}.uv_plus_x6an4gl:hover .uv_plus_x6an4gs,.uv_plus_x6an4gl:active .uv_plus_x6an4gs,.uv_plus_x6an4gl:focus .uv_plus_x6an4gs{opacity:1}.uv_plus_x6an4gt{animation:uv_15brg2b7 .25s ease-in-out}.uv_plus_x6an4gu{animation:uv_15brg2b7 .25s ease-in-out reverse}.uv_plus_x6an4gv{padding:0 var(--rwwhsl9v);margin-top:var(--rwwhsla5);width:fit-content}.uv_plus_x6an4gw{padding-top:var(--rwwhsla4)}.uv_plus_x6an4gx{min-width:20px}.uv_plus_x6an4gy{padding-left:28px}.uv_plus_x6an4gz{display:none}.uv_plus_19x50fv0{display:flex;width:100%;background:var(--rwwhsl1i);border-top:1px solid var(--rwwhsl24);padding:var(--rwwhsl9u) var(--rwwhsl9v);transition:justify-content .25s ease-in-out,box-shadow .23s ease-in-out;box-shadow:var(--rwwhsl8c);justify-content:flex-end}.uv_plus_19x50fv1{box-shadow:none;border:none}.uv_plus_19x50fv2{background:var(--rwwhsl1i)}.uv_plus_19x50fv3{margin:var(--rwwhsl9w) var(--rwwhsl9w) var(--rwwhsl9v) var(--rwwhsl9w);max-width:220px;height:22px;overflow:hidden}.uv_plus_19x50fv4{display:flex;flex-direction:row;position:relative;border-right:1px solid var(--rwwhsl24)}.uv_plus_19x50fv5{background:var(--rwwhsl1i);display:flex;flex-direction:column;width:var(--uv_plus_1rde5pt0)}.uv_plus_19x50fv6{width:67px}.uv_plus_19x50fv7{transition:width .25s ease-in-out;width:67px}.uv_plus_19x50fv8{transition:width .25s ease-in-out;width:var(--uv_plus_1rde5pt0)}.uv_plus_19x50fva{max-width:320px;min-width:220px}.uv_plus_19x50fvb{overflow:hidden;display:flex;flex-direction:column;flex-grow:1}.uv_plus_19x50fvc{align-items:center}.uv_plus_19x50fvd{overflow-x:hidden;overflow-y:auto;flex-grow:1;padding:var(--rwwhsl9v)}.uv_plus_19x50fve{background:transparent;position:absolute;top:0;bottom:0;right:0;width:6px;cursor:col-resize;border-right:2px solid transparent;display:flex}.uv_plus_19x50fve:hover{border-color:var(--rwwhsl5m)}.uv_plus_1wcpahp1 td:first-child,.uv_plus_1wcpahp1 th:first-child{width:var(--rwwhsl9l);min-width:var(--rwwhsl9l);max-width:var(--rwwhsl9l)}.uv_plus_1wcpahp2{width:100%;display:table-row;vertical-align:middle;cursor:auto;background:var(--rwwhsl1r);border-radius:0 0 var(--rwwhsl85) var(--rwwhsl85);position:relative}.uv_plus_1wcpahp2 td,.uv_plus_1wcpahp2 td:first-child,.uv_plus_1wcpahp2 td:last-child{border-bottom:1px solid transparent;transition:box-shadow .2s ease,border-color .2s ease}.uv_plus_1wcpahp3{transition:border-color .2s ease;margin-top:calc((var(--rwwhsl9v) * -1) - 1px);padding-block:var(--rwwhsla4);padding-inline:var(--rwwhsl9u);border-radius:0 0 var(--rwwhsl85) var(--rwwhsl85);border:1px solid var(--rwwhsl1v);border-top-color:transparent}.uv_plus_1wcpahp4{border:1px solid var(--rwwhsl1v)}.uv_plus_1wcpahp4.uv_plus_1wcpahp4{border-top:1px solid transparent}.uv_plus_1wcpahpc{border:1px solid var(--rwwhsl1v)}.uv_plus_1wcpahpd{background-color:var(--rwwhsl5g);color:var(--rwwhsl5y)}.uv_plus_1wcpahpe{background-color:var(--rwwhsl64);color:var(--rwwhsl6m)}.uv_plus_1wcpahpf{background-color:var(--rwwhsl1s);color:var(--rwwhsl2j)}.uv_plus_1wcpahpg{background-color:var(--rwwhsl6s);color:var(--rwwhsl7a)}.uv_plus_1wcpahph{background-color:var(--rwwhsl6);color:var(--rwwhslo)}.uv_plus_1wcpahpi{background-color:var(--rwwhsl7g);color:var(--rwwhsl7y)}.uv_plus_1wcpahpj{background-color:var(--rwwhslu);color:var(--rwwhsl1c)}.uv_plus_1wcpahpk{background-color:var(--rwwhsl5h);color:var(--rwwhsl5z)}.uv_plus_1wcpahpl{background-color:var(--rwwhsl65);color:var(--rwwhsl6n)}.uv_plus_1wcpahpm{background-color:var(--rwwhsl1r);color:var(--rwwhsl2k)}.uv_plus_1wcpahpn{background-color:var(--rwwhsl6t);color:var(--rwwhsl7b)}.uv_plus_1wcpahpo{background-color:var(--rwwhsl7);color:var(--rwwhslp)}.uv_plus_1wcpahpp{background-color:var(--rwwhsl7h);color:var(--rwwhsl7z)}.uv_plus_1wcpahpq{background-color:var(--rwwhslv);color:var(--rwwhsl1d)}.uv_plus_1wcpahpr{border:1px solid var(--rwwhsl5m);border-top-color:transparent}.uv_plus_1wcpahps{border-top-color:transparent}.uv_plus_1wcpahpt{height:fit-content;border-top-left-radius:0;border-top-right-radius:0;width:100%;padding:0}.uv_plus_1wcpahpu{height:fit-content;border-top:1px solid var(--rwwhsl1v);border-radius:0 0 var(--rwwhsl85) var(--rwwhsl85);width:100%;padding-block:var(--rwwhsla4);padding-inline:var(--rwwhsl9u)}.uv_plus_1wcpahpu[aria-disabled=true]{background-color:var(--rwwhsl1j)}.uv_plus_1wcpahpv{background-color:var(--rwwhsl5g)}.uv_plus_1wcpahpw{background-color:var(--rwwhsl64)}.uv_plus_1wcpahpx{background-color:var(--rwwhsl1r)}.uv_plus_1wcpahpy{background-color:var(--rwwhsl6s)}.uv_plus_1wcpahpz{background-color:var(--rwwhsl6)}.uv_plus_1wcpahp10{background-color:var(--rwwhsl7g)}.uv_plus_1wcpahp11{background-color:var(--rwwhslu)}.uv_plus_1wcpahp12{position:absolute;transform:translateY(-150%);top:0;left:var(--rwwhsl9w)}.uv_plus_1wcpahp13{position:absolute;top:var(--rwwhsl9v)}.uv_plus_1wcpahp14{padding:0;width:32px}.uv_plus_1wcpahp14:first-of-type{padding-left:var(--rwwhsl9v)}.uv_plus_1wcpahp15{color:var(--rwwhsl5y)}.uv_plus_1wcpahp15 td,.uv_plus_1wcpahp15 td:first-child,.uv_plus_1wcpahp15 td:last-child{border-color:var(--rwwhsl5m)}.uv_plus_1wcpahp16 td:nth-child(2),.uv_plus_1wcpahp17 td:nth-child(3){font-weight:var(--rwwhslay)}.uv_plus_1wcpahp15[aria-expanded=true] td,.uv_plus_1wcpahp15[aria-expanded=true] td:first-child,.uv_plus_1wcpahp15[aria-expanded=true] td:last-child,.uv_plus_1wcpahp15[aria-expanded=true]+tr td{border-color:var(--rwwhsl5m)}.uv_plus_1wcpahp18 td,.uv_plus_1wcpahp18 td:first-child{border-bottom-left-radius:0}.uv_plus_1wcpahp18 td,.uv_plus_1wcpahp18 td:last-child{border-bottom-right-radius:0}.uv_plus_1wcpahp19{display:flex}.uv_plus_1wcpahp1a{padding:var(--uv_plus_1wcpahp0)}.uv_plus_1wcpahp1b{white-space:pre-line}.uv_plus_1wcpahp1c{height:100%}.uv_plus_1q5g1ma0{background-color:var(--rwwhsl1r);height:100%;min-width:20rem}.uv_plus_1q5g1ma1{height:var(--rwwhsl9o);padding:var(--rwwhsl9w);padding-bottom:var(--rwwhsl9v)}.uv_plus_1q5g1ma3{border-bottom:1px solid var(--rwwhsl1v)}.uv_plus_1q5g1ma4{background-color:var(--rwwhsl1i)}.uv_plus_1q5g1ma5{padding:var(--rwwhsl9w);border-top:1px solid var(--rwwhsl1v)}.uv_plus_1q5g1ma6{max-width:12.5rem;background-color:var(--rwwhsl1i)}.uv_plus_1q5g1ma7{overflow-y:scroll;padding:var(--rwwhsl9w);min-height:10rem;height:100%}.uv_plus_1q5g1ma8{padding-left:var(--rwwhsl9u)}.uv_plus_1q5g1ma9:not(:last-child){border-bottom:1px solid var(--rwwhsl1v);padding-bottom:var(--rwwhsl9w)}.uv_plus_1q5g1maa{color:inherit;text-decoration:inherit;transition:color .25s ease-out}.uv_plus_1q5g1maa:hover{color:var(--rwwhsl1c)}.uv_plus_1q5g1mab{position:absolute;opacity:0;transform:translate(calc(-1 *var(--rwwhsl9v)));transition:opacity .25s ease-in-out}.uv_plus_1q5g1maa:hover>.uv_plus_1q5g1mab{opacity:1}.uv_plus_1q5g1mac{margin-top:var(--rwwhsla5)}.uv_plus_1q5g1mad{margin-top:var(--rwwhsla4)}@media(min-width:1440px){.uv_plus_1q5g1ma0{min-width:27.5rem}}.uv_plus_11wud800{cursor:pointer}.uv_plus_11wud801{table-layout:fixed;border-collapse:separate;border-spacing:var(--rwwhsl9v) 0;margin:0 calc(-1 * var(--rwwhsl9v));width:calc(100% + var(--rwwhsl9x));height:1px}.uv_plus_11wud802{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(50%)}.uv_plus_11wud803{background-color:transparent;outline:none;padding:var(--rwwhsl9u);text-align:center}.uv_plus_11wud803:first-child{text-align:left}thead .uv_plus_11wud803{height:100%;vertical-align:top;position:relative;padding-top:var(--rwwhsl9x);padding-bottom:var(--rwwhsl9w)}thead .uv_plus_11wud803:first-child{vertical-align:bottom}thead .uv_plus_11wud803:not(:first-child){border:1px solid var(--rwwhsl1v);border-radius:var(--rwwhsl86) var(--rwwhsl86) 0 0;border-width:1px 1px 0 1px}tbody .uv_plus_11wud803:not(:first-child){border:1px solid var(--rwwhsl1v);border-width:0 1px}tbody tr:last-child .uv_plus_11wud803:not(:first-child){border:1px solid var(--rwwhsl1v);border-radius:0 0 var(--rwwhsl86) var(--rwwhsl86);border-width:0 1px 1px 1px}tbody tr:last-child .uv_plus_11wud803{padding-bottom:var(--rwwhsl9x)}.uv_plus_11wud804{background-color:var(--rwwhsl1j)}.uv_plus_11wud805{display:none}.uv_plus_11wud806{cursor:pointer}.uv_plus_11wud807{text-align:start;padding-left:var(--rwwhsl9w)}thead .uv_plus_11wud808:not(:first-child),tbody .uv_plus_11wud808:not(:first-child),tbody tr:last-child .uv_plus_11wud808:not(:first-child){border-color:var(--rwwhsl5m)}thead .uv_plus_11wud809:not(:first-child),tbody .uv_plus_11wud809:not(:first-child),tbody tr:last-child .uv_plus_11wud809:not(:first-child){border-color:#00f;border-width:2px 2px 0 2px}tbody .uv_plus_11wud80a{padding-bottom:var(--rwwhsl9z)}.uv_plus_11wud80b{display:none}.uv_plus_11wud80c{text-transform:uppercase}.uv_plus_11wud80d{position:absolute;opacity:0;top:0;left:0}.uv_plus_11wud80e{height:100%}.uv_plus_11wud80f{padding:var(--rwwhsl9u);width:100%}.uv_plus_11wud80g{width:100%}.uv_plus_11wud80h{height:var(--rwwhsl9k);display:flex;align-items:center}.uv_plus_l0ny240{padding:0}.uv_plus_l0ny241{padding:var(--rwwhsl9w);border-right:1px solid var(--rwwhsl1v)}.uv_plus_l0ny242{min-width:0;padding:var(--rwwhsl9w);padding-top:var(--rwwhsl9x)}.uv_plus_l0ny243{display:flex;justify-content:right}.uv_plus_l0ny244{margin-bottom:var(--rwwhsl9w)}.uv_plus_l0ny245{cursor:pointer;transition:text-decoration-color .25s ease-out;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent}.uv_plus_l0ny245:hover{text-decoration:underline;text-decoration-thickness:1px}.uv_plus_l0ny245:active{text-decoration-thickness:2px}.uv_plus_l0ny246{align-items:center}.uv_plus_l0ny247{width:fit-content}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/plus",
-  "version": "3.0.0-beta.9",
+  "version": "3.1.0",
   "description": "Ultraviolet Plus",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -52,22 +52,16 @@
     }
   ],
   "peerDependencies": {
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.1",
     "react": "18.x || 19.x",
-    "react-dom": "18.x || 19.x",
-    "@ultraviolet/ui": "3.0.0-beta.20"
+    "react-dom": "18.x || 19.x"
   },
   "devDependencies": {
-    "@babel/core": "7.28.4",
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.1",
-    "@types/react": "19.1.13",
-    "@types/react-dom": "19.1.9",
-    "react": "19.1.1",
-    "react-dom": "19.1.1",
-    "@ultraviolet/illustrations": "6.0.0-beta.2",
-    "@ultraviolet/ui": "3.0.0-beta.20",
+    "@babel/core": "7.28.5",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "@ultraviolet/illustrations": "6.0.0",
     "@utils/test": "0.0.1"
   },
   "dependencies": {
@@ -76,10 +70,12 @@
     "@uiw/react-codemirror": "4.25.2",
     "@vanilla-extract/css": "1.17.4",
     "@vanilla-extract/dynamic": "2.1.5",
-    "csstype": "3.1.3",
-    "react-intersection-observer": "9.16.0",
-    "@ultraviolet/icons": "5.0.0-beta.6",
-    "@ultraviolet/themes": "3.0.0-beta.2"
+    "@vanilla-extract/recipes": "0.5.7",
+    "csstype": "3.2.3",
+    "react-intersection-observer": "10.0.0",
+    "@ultraviolet/icons": "5.0.1",
+    "@ultraviolet/themes": "3.0.0",
+    "@ultraviolet/ui": "3.1.0"
   },
   "scripts": {
     "type:generate": "tsc --declaration -p tsconfig.build.json",