@ultraviolet/plus 3.0.0-beta.14 → 3.0.0-beta.16

package/dist/components/OrderSummary/index.cjs

@@ -1,102 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const react = require("react");
-const constants = require("./constants.cjs");
-const helpers = require("./helpers.cjs");
-const en = require("./locales/en.cjs");
-const NonScrollableContent = require("./NonScrollableContent.cjs");
-const Provider = require("./Provider.cjs");
-const ScrollableContent = require("./ScrollableContent.cjs");
-const styles_css = require("./styles.css.cjs");
-const OrderSummary = ({
-  header,
-  hideTimeUnit = false,
-  periodOptions = constants.Units,
-  valueUnitInput = 1,
-  unitUnitInput = "hours",
-  items,
-  locales = en,
-  currency = "EUR",
-  localeFormat = "en-US",
-  footer,
-  children,
-  discount = 0,
-  totalPriceInfo,
-  fractionDigits,
-  hideDetails = false,
-  onChange,
-  onChangeUnitInput,
-  totalPriceDescription,
-  additionalInfo,
-  className,
-  "data-testid": dataTestId,
-  style
-}) => {
-  const [timePeriodUnit, setTimePeriodUnit] = react.useState(unitUnitInput);
-  const [timePeriodAmount, setTimePeriodAmount] = react.useState(valueUnitInput);
-  const categoriesPrice = react.useMemo(() => items.reduce((acc, category) => {
-    const {
-      categoryPrice,
-      discountedPrice
-    } = helpers.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 = react.useMemo(() => {
-    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),
-      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)
-    };
-    return computedPrice;
-  }, [categoriesPrice, discount, unitUnitInput]);
-  const valueContext = react.useMemo(() => ({
-    categoriesPrice,
-    currency,
-    fractionDigits,
-    hideTimeUnit,
-    items,
-    localeFormat,
-    locales,
-    timePeriodAmount,
-    timePeriodUnit
-  }), [currency, localeFormat, items, categoriesPrice, hideTimeUnit, timePeriodUnit, timePeriodAmount, locales, fractionDigits]);
-  const computePeriodOptions = react.useMemo(() => {
-    const computedPeriodOptions = [];
-    periodOptions.forEach((option) => computedPeriodOptions.push({
-      label: locales[`order.summary.units.${option}.label`],
-      value: option
-    }));
-    return computedPeriodOptions;
-  }, [periodOptions, locales]);
-  react.useEffect(() => {
-    onChange?.(categoriesPrice, totalPrice);
-  }, [categoriesPrice, totalPrice, onChange]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Provider.OrderSummaryContext.Provider, { value: valueContext, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { className: `${className ? `${className} ` : ""}${styles_css.orderSummaryContainer}`, "data-testId": dataTestId, justifyContent: hideDetails ? "flex-start" : "space-between", style, children: [
-    header ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", className: styles_css.orderSummaryHeaderContainer[hideDetails ? "hideDetails" : "showDetails"], direction: "row", gap: 2, justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h3", prominence: "strong", sentiment: "neutral", variant: "headingSmallStrong", children: header }),
-      !hideTimeUnit && !hideDetails ? /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { className: styles_css.orderSummaryStackBackground, children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ScrollableContent.ScrollableContent, {}) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(NonScrollableContent.NonScrollableContent, { additionalInfo, discount, footer, hideDetails, totalPrice, totalPriceDescription, totalPriceInfo, unit: unitUnitInput, children })
-  ] }) });
-};
-exports.OrderSummary = OrderSummary;

package/dist/components/OrderSummary/locales/en.cjs

@@ -1,11 +0,0 @@
-"use strict";
-const orderSummaryLocales = {
-  "order.summary.total": "Estimated cost",
-  "order.summary.units.days.label": "Day(s)",
-  "order.summary.units.hours.label": "Hour(s)",
-  "order.summary.units.minutes.label": "Minute(s)",
-  "order.summary.units.months.label": "Month(s)",
-  "order.summary.units.seconds.label": "Second(s)",
-  "order.summary.units.years.label": "Year(s)"
-};
-module.exports = orderSummaryLocales;

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-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";
-exports.orderSummaryCategory = orderSummaryCategory;
-exports.orderSummaryContainer = orderSummaryContainer;
-exports.orderSummaryDetails = orderSummaryDetails;
-exports.orderSummaryHeaderContainer = orderSummaryHeaderContainer;
-exports.orderSummaryNonScrollableContainer = orderSummaryNonScrollableContainer;
-exports.orderSummaryNumberInput = orderSummaryNumberInput;
-exports.orderSummaryScrollableContainer = orderSummaryScrollableContainer;
-exports.orderSummaryStackBackground = orderSummaryStackBackground;

package/dist/components/Plans/FeatureHint.cjs

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const icons = require("@ultraviolet/icons");
-const ui = require("@ultraviolet/ui");
-const react = require("react");
-const styles_css = require("./styles.css.cjs");
-const FeatureHint = ({
-  hint
-}) => {
-  const [visible, setVisible] = react.useState(false);
-  if (!hint) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", {});
-  }
-  if (hint.type === "tooltip") {
-    return /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { text: hint.text, children: /* @__PURE__ */ jsxRuntime.jsx(icons.InformationOutlineIcon, { prominence: "weak", sentiment: "neutral" }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Popover, { content: hint.content, onClose: () => setVisible(false), title: hint.title, visible, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.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__ */ jsxRuntime.jsx(icons.InformationOutlineIcon, { prominence: "weak", sentiment: "neutral" }) }) });
-};
-exports.FeatureHint = FeatureHint;

package/dist/components/Plans/PlanHeader.cjs

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const en = require("./locales/en.cjs");
-const styles_css = require("./styles.css.cjs");
-const PlanHeader = ({
-  fieldName,
-  setFocusedPlan,
-  onChange,
-  currentPlanValue,
-  plan,
-  disabled,
-  locales = en
-}) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  fieldName && onChange && !disabled ? /* @__PURE__ */ jsxRuntime.jsx("input", { className: styles_css.plansHeaderInput, "data-testid": plan.value, id: plan.value, name: fieldName, onBlur: () => {
-    setFocusedPlan(void 0);
-  }, onChange: () => onChange(plan.value), onFocus: () => {
-    setFocusedPlan(plan.value);
-  }, type: "radio", value: plan.value }) : null,
-  /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", className: styles_css.plansHeaderFullHeight, gap: 2, justifyContent: "space-between", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", gap: 3, width: "100%", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", gap: 1, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { disabled, sentiment: plan.sentiment && plan.sentiment !== "black" && plan.sentiment !== "white" ? plan.sentiment : "primary", children: /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: plan.value, children: plan.title }) }),
-        plan.titleHeader,
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", disabled, sentiment: plan.sentiment ?? "primary", variant: "headingSmallStrong", children: plan.header.price }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { style: {
-            minHeight: "16px"
-          }, children: plan.header.priceDescription ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", disabled, sentiment: plan.sentiment ?? "primary", variant: "caption", children: plan.header.priceDescription }) : null })
-        ] })
-      ] }),
-      plan.header.description ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.plansDescription, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "div", disabled, variant: "caption", children: plan.header.description }) }) : null
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", gap: 3, width: "100%", children: [
-      plan.header.cta && currentPlanValue !== plan.value ? plan.header.cta : null,
-      plan.header.cta && currentPlanValue === plan.value ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.plansCurrentWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", disabled, sentiment: plan.sentiment ?? "primary", variant: "bodySmallStrong", children: locales["plans.currentPlan"] }) }) : null,
-      plan.header.separator ? /* @__PURE__ */ jsxRuntime.jsx(ui.Separator, { className: styles_css.plansFullSizeSeparator }) : null
-    ] })
-  ] })
-] });
-exports.PlanHeader = PlanHeader;

package/dist/components/Plans/index.cjs

@@ -1,102 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const icons = require("@ultraviolet/icons");
-const ui = require("@ultraviolet/ui");
-const react = require("react");
-const FeatureHint = require("./FeatureHint.cjs");
-const en = require("./locales/en.cjs");
-const PlanHeader = require("./PlanHeader.cjs");
-const styles_css = require("./styles.css.cjs");
-const Plans = ({
-  fieldName,
-  onChange,
-  value,
-  features,
-  plans,
-  hideFeatureText = false,
-  hideLabels = false,
-  locales = en,
-  style
-}) => {
-  const hasCardBehavior = !!(fieldName && onChange);
-  const [focusedPlan, setFocusedPlan] = react.useState();
-  const [hoveredPlan, setHoveredPlan] = react.useState();
-  return /* @__PURE__ */ jsxRuntime.jsxs("table", { className: styles_css.plans, style, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("td", { className: styles_css.plansCell({
-        hide: hideLabels
-      }), children: !hideFeatureText ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", variant: "headingSmallStrong", children: locales["plans.features"] }) : null }),
-      plans.map((plan) => {
-        const computedDisabled = !!(plan.outOfStock || plan.disabled);
-        const selectable = hasCardBehavior && !computedDisabled;
-        return /* @__PURE__ */ jsxRuntime.jsxs("td", { className: styles_css.plansCell({
-          activeColor: value === plan.value || hoveredPlan === plan.value,
-          disabled: computedDisabled,
-          focus: focusedPlan === plan.value,
-          hideLabels,
-          selectable
-        }), onBlur: selectable ? () => setHoveredPlan(void 0) : void 0, onClick: selectable ? () => onChange(plan.value) : void 0, onFocus: selectable ? () => setHoveredPlan(plan.value) : void 0, onKeyDown: (event) => {
-          if ([" ", "Enter"].includes(event.key) && selectable) {
-            onChange(plan.value);
-          }
-        }, onMouseOut: selectable ? () => setHoveredPlan(void 0) : void 0, onMouseOver: selectable ? () => setHoveredPlan(plan.value) : void 0, children: [
-          plan.outOfStock ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { className: styles_css.plansOutOfStockBadge, size: "small", children: locales["plans.outOfStock"] }) : null,
-          plan.header.quotas ? /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { className: styles_css.plansOutOfStockBadge, size: "small", children: plan.header.quotas }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx(PlanHeader.PlanHeader, { currentPlanValue: value, disabled: computedDisabled, fieldName, onChange, plan, setFocusedPlan })
-        ] }, plan.value);
-      })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: features.map((feature) => {
-      if ("group" in feature) {
-        return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: hideLabels ? styles_css.plansRowHidden : "", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("td", { className: styles_css.plansCell({}), children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", gap: 1, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "p", className: styles_css.plansUppercaseText, sentiment: "neutral", variant: "bodySmallStronger", children: feature.group }),
-            feature.hint ? /* @__PURE__ */ jsxRuntime.jsx(FeatureHint.FeatureHint, { hint: feature.hint }) : null
-          ] }) }),
-          plans.map((plan) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: styles_css.plansCell({
-            activeColor: value === plan.value || hoveredPlan === plan.value,
-            disabled: plan.outOfStock || plan.disabled,
-            focus: focusedPlan === plan.value,
-            hide: hideLabels
-          }) }, plan.value))
-        ] }, feature.group);
-      }
-      const featureKey = feature.key ?? "";
-      return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: styles_css.plansCell({
-          hide: hideLabels
-        }), children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { alignItems: "center", direction: "row", gap: 1, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "p", variant: "bodyStrong", children: feature.text }),
-            /* @__PURE__ */ jsxRuntime.jsx(FeatureHint.FeatureHint, { hint: feature.hint })
-          ] }),
-          feature.description ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "div", placement: "start", prominence: "weak", sentiment: "neutral", variant: "caption", children: feature.description }) : null
-        ] }) }),
-        plans.map((plan) => {
-          const computedDisabled = plan.outOfStock || plan.disabled;
-          const selectable = hasCardBehavior && !computedDisabled;
-          return /* @__PURE__ */ jsxRuntime.jsxs("td", { className: styles_css.plansCell({
-            activeColor: value === plan.value || hoveredPlan === plan.value,
-            disabled: computedDisabled,
-            focus: focusedPlan === plan.value,
-            hideLabels,
-            selectable
-          }), "data-testid": `${plan.value}-${feature.key}`, onBlur: () => {
-          }, onClick: selectable ? () => onChange(plan.value) : void 0, onFocus: () => {
-          }, onKeyDown: () => {
-          }, onMouseOut: selectable ? () => {
-            setHoveredPlan(void 0);
-          } : void 0, onMouseOver: selectable ? () => {
-            setHoveredPlan(plan.value);
-          } : void 0, children: [
-            plan.data[featureKey] === false ? /* @__PURE__ */ jsxRuntime.jsx(icons.CloseIcon, { disabled: computedDisabled, prominence: "weak", sentiment: "neutral", size: "large" }) : null,
-            plan.data[featureKey] === true ? /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircleIcon, { disabled: computedDisabled, sentiment: "success", size: "medium" }) : null,
-            typeof plan.data[featureKey] !== "boolean" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "span", disabled: computedDisabled, sentiment: "neutral", variant: "body", children: plan.data[featureKey] }) : null
-          ] }, plan.value);
-        })
-      ] }, feature.key);
-    }) })
-  ] });
-};
-exports.Plans = Plans;

package/dist/components/Plans/locales/en.cjs

@@ -1,7 +0,0 @@
-"use strict";
-const locales = {
-  "plans.currentPlan": "Current plan",
-  "plans.features": "Features",
-  "plans.outOfStock": "Out of stock"
-};
-module.exports = locales;

package/dist/components/Plans/styles.css.cjs

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                            */
-const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var plansIconWrapper = "uv_plus_11wud800";
-var plans = "uv_plus_11wud801";
-var plansOutOfStockBadge = "uv_plus_11wud802";
-var plansCell = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_plus_11wud803", variantClassNames: { disabled: { true: "uv_plus_11wud804" }, hide: { true: "uv_plus_11wud805" }, selectable: { true: "uv_plus_11wud806" }, hideLabels: { true: "uv_plus_11wud807" }, activeColor: { true: "uv_plus_11wud808" }, focus: { true: "uv_plus_11wud809" }, spaceAfter: { true: "uv_plus_11wud80a" } }, defaultVariants: { disabled: false, hide: false, selectable: false, hideLabels: false, activeColor: false, focus: false, spaceAfter: false }, compoundVariants: [] });
-var plansRowHidden = "uv_plus_11wud80b";
-var plansUppercaseText = "uv_plus_11wud80c";
-var plansHeaderInput = "uv_plus_11wud80d";
-var plansHeaderFullHeight = "uv_plus_11wud80e";
-var plansDescription = "uv_plus_11wud80f";
-var plansFullSizeSeparator = "uv_plus_11wud80g";
-var plansCurrentWrapper = "uv_plus_11wud80h";
-exports.plans = plans;
-exports.plansCell = plansCell;
-exports.plansCurrentWrapper = plansCurrentWrapper;
-exports.plansDescription = plansDescription;
-exports.plansFullSizeSeparator = plansFullSizeSeparator;
-exports.plansHeaderFullHeight = plansHeaderFullHeight;
-exports.plansHeaderInput = plansHeaderInput;
-exports.plansIconWrapper = plansIconWrapper;
-exports.plansOutOfStockBadge = plansOutOfStockBadge;
-exports.plansRowHidden = plansRowHidden;
-exports.plansUppercaseText = plansUppercaseText;

package/dist/components/SteppedListCard/Step.cjs

@@ -1,20 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const icons = require("@ultraviolet/icons");
-const ui = require("@ultraviolet/ui");
-const react = require("react");
-const helper = require("./helper.cjs");
-const styles_css = require("./styles.css.cjs");
-const SteppedList = ({
-  stepNumber,
-  stepTitle,
-  completed,
-  "data-testid": dataTestId
-}) => {
-  const containerData = react.useContext(helper.Data);
-  const active = containerData.currentStep === stepNumber;
-  return completed ? /* @__PURE__ */ jsxRuntime.jsx(ui.StepList.Item, { bulletContent: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckIcon, {}), className: styles_css.steppedListCardStep, "data-testid": dataTestId, onClick: () => containerData.setCurrentStep(stepNumber), prominence: active ? "strong" : "default", sentiment: "primary", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h3", className: styles_css.steppedListCardStepTitle, variant: active ? "bodyStrong" : "body", children: stepTitle }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.StepList.Item, { bulletContent: String(stepNumber), className: styles_css.steppedListCardStep, "data-testid": dataTestId, onClick: () => containerData.setCurrentStep(stepNumber), prominence: active ? "strong" : void 0, sentiment: active ? "primary" : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h3", className: styles_css.steppedListCardStepTitle, variant: active ? "bodyStrong" : "body", children: stepTitle }) });
-};
-exports.SteppedList = SteppedList;

package/dist/components/SteppedListCard/SteppedListCard.cjs

@@ -1,54 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const react = require("react");
-const helper = require("./helper.cjs");
-const Step = require("./Step.cjs");
-const SteppedListContent = require("./SteppedListContent.cjs");
-const styles_css = require("./styles.css.cjs");
-const SteppedListCard = ({
-  header,
-  showToggleOption = true,
-  hideTooltipText,
-  hideText = "Hide",
-  showText = "Show",
-  showTooltipText,
-  children,
-  steps,
-  onClickHide
-}) => {
-  const numberOfSteps = react.Children.count(children);
-  const [currentStep, setCurrentStep] = react.useState(1);
-  const [hidden, setHidden] = react.useState(false);
-  const [done, setDone] = react.useState(new Array(steps.length).fill(false));
-  const values = react.useMemo(() => ({
-    currentStep,
-    done,
-    numberOfSteps,
-    onClickHide,
-    setCurrentStep,
-    setDone,
-    setHidden
-  }), [currentStep, setCurrentStep, numberOfSteps, done, setDone, setHidden, onClickHide]);
-  const onClickHideButton = () => {
-    if (onClickHide) {
-      onClickHide();
-    } else {
-      setHidden(!hidden);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(helper.Data.Provider, { value: values, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 3, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Row, { templateColumns: "9fr 1fr", children: [
-      typeof header === "string" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h3", variant: "heading", children: header }) : header,
-      showToggleOption ? /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onClickHideButton, sentiment: "neutral", size: "small", tooltip: hidden ? showTooltipText : hideTooltipText, variant: "ghost", children: hidden ? showText : hideText }) : null
-    ] }),
-    hidden ? null : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { className: styles_css.steppedListCard, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Row, { templateColumns: "1fr 3fr", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { className: styles_css.steppedListCardWrapper, direction: "column", gap: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.StepList, { children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsx(Step.SteppedList, { completed: done[index], stepNumber: index + 1, stepTitle: step }, step)) }) }),
-      children
-    ] }) })
-  ] }) });
-};
-SteppedListCard.Step = SteppedListContent.SteppedListContent;
-exports.SteppedListCard = SteppedListCard;

package/dist/components/SteppedListCard/SteppedListContent.cjs

@@ -1,51 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const react = require("react");
-const helper = require("./helper.cjs");
-const styles_css = require("./styles.css.cjs");
-const SteppedListContent = ({
-  subHeader,
-  children,
-  image,
-  stepNumber,
-  completed = false,
-  style
-}) => {
-  const {
-    setDone,
-    currentStep,
-    done,
-    setCurrentStep,
-    numberOfSteps,
-    setHidden,
-    onClickHide
-  } = react.useContext(helper.Data);
-  react.useEffect(() => {
-    setDone((prevDone) => {
-      const updatedDone = [...prevDone];
-      updatedDone[stepNumber - 1] = completed;
-      return updatedDone;
-    });
-  }, [completed, setDone, stepNumber]);
-  if (stepNumber === currentStep) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { className: styles_css.steppedListCardContent, style, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.steppedListCardSubHeader, children: typeof subHeader === "string" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h3", variant: "headingSmallStrong", children: subHeader }) : subHeader }),
-      typeof children === "function" ? children((completedArg) => helper.nextStep({
-        completed: completedArg,
-        done,
-        numberOfSteps,
-        onClickHide,
-        setCompleted: setDone,
-        setCurrentStep,
-        setHidden,
-        stepNumber
-      })) : children,
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.steppedListCardImage, children: image })
-    ] });
-  }
-  return null;
-};
-exports.SteppedListContent = SteppedListContent;

package/dist/components/SteppedListCard/helper.cjs

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const Data = react.createContext({
-  currentStep: 1,
-  done: [false, false, false, false, false],
-  numberOfSteps: 1,
-  onClickHide: () => {
-  },
-  setCurrentStep: () => {
-  },
-  setDone: () => {
-  },
-  setHidden: () => {
-  }
-});
-const nextStep = ({
-  completed,
-  setCompleted,
-  stepNumber,
-  setCurrentStep,
-  numberOfSteps,
-  setHidden,
-  done,
-  onClickHide
-}) => {
-  const tempDone = done.map((item, index) => index === stepNumber - 1 ? completed : item);
-  setCompleted(tempDone);
-  if (numberOfSteps > stepNumber) {
-    setCurrentStep(stepNumber + 1);
-  } else if (onClickHide) {
-    onClickHide();
-  } else {
-    setHidden(true);
-  }
-};
-exports.Data = Data;
-exports.nextStep = nextStep;

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* 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";
-exports.steppedListCard = steppedListCard;
-exports.steppedListCardContent = steppedListCardContent;
-exports.steppedListCardImage = steppedListCardImage;
-exports.steppedListCardStep = steppedListCardStep;
-exports.steppedListCardStepTitle = steppedListCardStepTitle;
-exports.steppedListCardSubHeader = steppedListCardSubHeader;
-exports.steppedListCardWrapper = steppedListCardWrapper;

package/dist/index.cjs

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const CodeEditor = require("./components/CodeEditor/CodeEditor.cjs");
-const index = require("./components/ContentCard/index.cjs");
-const index$1 = require("./components/ContentCardGroup/index.cjs");
-const index$2 = require("./components/Conversation/index.cjs");
-const index$3 = require("./components/CustomerSatisfaction/index.cjs");
-const EstimateCost = require("./components/EstimateCost/EstimateCost.cjs");
-const en = require("./components/EstimateCost/locales/en.cjs");
-const index$4 = require("./components/FAQ/index.cjs");
-const InfoTable = require("./components/InfoTable/InfoTable.cjs");
-const Navigation = require("./components/Navigation/Navigation.cjs");
-const NavigationProvider = require("./components/Navigation/NavigationProvider.cjs");
-const OfferList = require("./components/OfferList/OfferList.cjs");
-const index$5 = require("./components/OrderSummary/index.cjs");
-const index$6 = require("./components/Plans/index.cjs");
-const SteppedListCard = require("./components/SteppedListCard/SteppedListCard.cjs");
-exports.CodeEditor = CodeEditor.CodeEditor;
-exports.ContentCard = index.ContentCard;
-exports.ContentCardGroup = index$1.ContentCardGroup;
-exports.Conversation = index$2.Conversation;
-exports.CustomerSatisfaction = index$3.CustomerSatisfaction;
-exports.EstimateCost = EstimateCost.EstimateCost;
-exports.estimateCostDefaultLocales = en;
-exports.FAQ = index$4.FAQ;
-exports.InfoTable = InfoTable.InfoTable;
-exports.Navigation = Navigation.Navigation;
-exports.NavigationProvider = NavigationProvider.NavigationProvider;
-exports.useNavigation = NavigationProvider.useNavigation;
-exports.OfferList = OfferList.OfferList;
-exports.OrderSummary = index$5.OrderSummary;
-exports.Plans = index$6.Plans;
-exports.SteppedListCard = SteppedListCard.SteppedListCard;