@ultraviolet/plus 3.4.5 → 3.5.0

package/dist/components/OrderSummary/helpers.js

@@ -1,156 +0,0 @@
-import { useContext } from "react";
-import { multiplier } from "./constants.js";
-import { OrderSummaryContext } from "./Provider.js";
-const formatNumber = (number, locale, currency, fractionDigits = 10) => {
-  const numberFormat = new Intl.NumberFormat(locale, {
-    currency,
-    maximumFractionDigits: fractionDigits,
-    style: "currency"
-  });
-  return numberFormat.format(number);
-};
-const calculatePrice = ({
-  price,
-  amount,
-  amountFree = 0,
-  timeUnit,
-  timeAmount,
-  discount = 0,
-  fixedPrice = false
-}) => {
-  const nonNanTimeAmount = Number.isNaN(timeAmount) ? 1 : timeAmount;
-  const valueBeforeDiscount = price * (fixedPrice ? 1 : nonNanTimeAmount * multiplier[timeUnit]) * Math.max(amount - amountFree, 0);
-  const finalValue = valueBeforeDiscount * (1 - (discount <= 1 ? discount : 0)) - (discount > 1 ? Math.abs(discount) : 0);
-  return finalValue;
-};
-const calculateSubCategoryPrice = (subCategory, hideTimeUnit, timePeriodAmount, timePeriodUnit) => {
-  const timeAmount = hideTimeUnit ? 1 : timePeriodAmount;
-  const timeUnit = hideTimeUnit ? "hours" : timePeriodUnit;
-  if (Array.isArray(subCategory.amount)) {
-    const minAmount = subCategory.amount?.[0] ?? 1;
-    const maxAmount = subCategory.amount?.[1] ?? 1;
-    const subCategoryPrice2 = subCategory.price ?? 0;
-    const minPrice = calculatePrice({
-      amount: minAmount,
-      fixedPrice: subCategory.fixedPrice,
-      price: subCategoryPrice2,
-      timeAmount,
-      timeUnit
-    }) || 0;
-    const maxPrice = calculatePrice({
-      amount: maxAmount,
-      fixedPrice: subCategory.fixedPrice,
-      price: subCategoryPrice2,
-      timeAmount,
-      timeUnit
-    }) || 0;
-    const minPriceWithDiscount = calculatePrice({
-      amount: minAmount,
-      amountFree: subCategory.amountFree,
-      discount: subCategory.discount,
-      fixedPrice: subCategory.fixedPrice,
-      price: subCategoryPrice2,
-      timeAmount,
-      timeUnit
-    }) || 0;
-    const maxPriceWithDiscount = calculatePrice({
-      amount: maxAmount,
-      amountFree: subCategory.amountFree,
-      discount: subCategory.discount,
-      fixedPrice: subCategory.fixedPrice,
-      price: subCategoryPrice2,
-      timeAmount,
-      timeUnit
-    }) || 0;
-    return {
-      discounted: [minPriceWithDiscount, maxPriceWithDiscount],
-      default: [minPrice, maxPrice]
-    };
-  }
-  const subCategoryAmount = subCategory.amount ?? 1;
-  const subCategoryPrice = subCategory.price ?? 0;
-  const price = calculatePrice({
-    amount: subCategoryAmount,
-    fixedPrice: subCategory.fixedPrice,
-    price: subCategoryPrice,
-    timeAmount,
-    timeUnit
-  }) || 0;
-  const priceWithDiscount = calculatePrice({
-    amount: subCategoryAmount,
-    amountFree: subCategory.amountFree,
-    discount: subCategory.discount,
-    fixedPrice: subCategory.fixedPrice,
-    price: subCategoryPrice,
-    timeAmount,
-    timeUnit
-  }) || 0;
-  return {
-    discounted: [priceWithDiscount, priceWithDiscount],
-    default: [price, price]
-  };
-};
-const calculateCategoryPrice = (category, hideTimeUnit, timePeriodAmount, timePeriodUnit) => {
-  const categoryPrice = category.subCategories?.reduce(
-    (acc, subCategory) => {
-      const computedPrices = calculateSubCategoryPrice(
-        subCategory,
-        hideTimeUnit,
-        timePeriodAmount,
-        timePeriodUnit
-      );
-      return {
-        discounted: [
-          acc.discounted[0] + computedPrices.discounted[0],
-          acc.discounted[1] + computedPrices.discounted[1]
-        ],
-        default: [
-          acc.default[0] + computedPrices.default[0],
-          acc.default[1] + computedPrices.default[1]
-        ]
-      };
-    },
-    { discounted: [0, 0], default: [0, 0] }
-  ) ?? { discounted: [0, 0], default: [0, 0] };
-  const discountedPriceMin = category.discount && category.discount <= 1 ? categoryPrice.discounted[0] * (1 - category.discount) : categoryPrice.discounted[0] - (category.discount ?? 0);
-  const discountedPriceMax = category.discount && category.discount <= 1 ? categoryPrice.discounted[1] * (1 - category.discount) : categoryPrice.discounted[1] - (category.discount ?? 0);
-  const discountedPrice = category.allowNegative ? [discountedPriceMin, discountedPriceMax] : [Math.max(discountedPriceMin, 0), Math.max(discountedPriceMax, 0)];
-  categoryPrice.default.map(
-    (price) => Math.max(
-      category.discount && category.discount <= 1 ? price * category.discount : price - (category.discount ?? 0),
-      0
-    )
-  );
-  return { categoryPrice: categoryPrice.default, discountedPrice };
-};
-const DisplayPrice = ({
-  price,
-  beforeOrAfter,
-  divisor = 1
-}) => {
-  const { localeFormat, currency, fractionDigits } = useContext(OrderSummaryContext);
-  const withDiscount = beforeOrAfter === "after" ? "WithDiscount" : "";
-  return price.totalPrice === price.maxPrice ? formatNumber(
-    price[`totalPrice${withDiscount}`] / divisor,
-    localeFormat,
-    currency,
-    fractionDigits ?? 2
-  ) : `${formatNumber(
-    price[`totalPrice${withDiscount}`] / divisor,
-    localeFormat,
-    currency,
-    fractionDigits ?? 2
-  )} - ${formatNumber(
-    price[`maxPrice${withDiscount}`] / divisor,
-    localeFormat,
-    currency,
-    fractionDigits ?? 2
-  )}`;
-};
-export {
-  DisplayPrice,
-  calculateCategoryPrice,
-  calculatePrice,
-  calculateSubCategoryPrice,
-  formatNumber
-};

package/dist/components/OrderSummary/locales/en.d.ts

@@ -1,11 +0,0 @@
-declare const _default: {
-    readonly 'order.summary.total': "Estimated cost";
-    readonly 'order.summary.units.days.label': "Day(s)";
-    readonly 'order.summary.units.hours.label': "Hour(s)";
-    readonly 'order.summary.units.minutes.label': "Minute(s)";
-    readonly 'order.summary.units.months.label': "Month(s)";
-    readonly 'order.summary.units.seconds.label': "Second(s)";
-    readonly 'order.summary.units.years.label': "Year(s)";
-};
-export default _default;
-//# sourceMappingURL=en.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/components/OrderSummary/locales/en.ts"],"names":[],"mappings":";;;;;;;;;AAAA,wBAQU"}

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

@@ -1,12 +0,0 @@
-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)"
-};
-export {
-  orderSummaryLocales as default
-};

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

@@ -1,21 +0,0 @@
-export declare const orderSummaryContainer: string;
-export declare const orderSummaryHeaderContainer: Record<"hideDetails" | "showDetails", string>;
-export declare const orderSummaryStackBackground: string;
-export declare const orderSummaryNonScrollableContainer: string;
-export declare const orderSummaryNumberInput: string;
-export declare const orderSummaryScrollableContainer: string;
-export declare const orderSummaryDetails: string;
-export declare const orderSummaryCategory: string;
-export declare const orderSummaryAnchor: string;
-export declare const orderSummaryAnchorIcon: import("@vanilla-extract/recipes").RuntimeFn<{
-    size: {
-        medium: {
-            marginTop: `var(--${string})`;
-        };
-        small: {
-            marginTop: `var(--${string})`;
-        };
-    };
-}>;
-export declare const orderSummaryTotalPrice: Record<"default" | "priceInformation", string>;
-//# sourceMappingURL=styles.css.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/OrderSummary/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,QAShC,CAAA;AAQF,eAAO,MAAM,2BAA2B,+CAMtC,CAAA;AAEF,eAAO,MAAM,2BAA2B,QAEtC,CAAA;AAEF,eAAO,MAAM,kCAAkC,QAG7C,CAAA;AAEF,eAAO,MAAM,uBAAuB,QAGlC,CAAA;AAEF,eAAO,MAAM,+BAA+B,QAK1C,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAE9B,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAO/B,CAAA;AAEF,eAAO,MAAM,kBAAkB,QAS7B,CAAA;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;EAuBjC,CAAA;AAEF,eAAO,MAAM,sBAAsB,gDAOjC,CAAA"}

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

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

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

@@ -1,125 +0,0 @@
-import type { UnitInput } from '@ultraviolet/ui';
-import type { ComponentProps, CSSProperties, ReactNode } from 'react';
-import type orderSummaryLocales from './locales/en';
-export type TimeUnit = 'seconds' | 'minutes' | 'hours' | 'days' | 'months';
-type PeriodProps = {
-    hideTimeUnit: true;
-    periodOptions?: never;
-    valueUnitInput?: never;
-    unitUnitInput?: TimeUnit;
-    onChangeUnitInput?: never;
-} | {
-    /**
-     * Optional time input allowing the user to estimate their cost on different time horizon.
-     * Pass the options to be displayed in the dropdown.
-     */
-    hideTimeUnit?: false;
-    periodOptions?: TimeUnit[];
-    valueUnitInput?: ComponentProps<typeof UnitInput>['value'];
-    unitUnitInput?: TimeUnit;
-    onChangeUnitInput?: ComponentProps<typeof UnitInput>['onChangeUnitValue'];
-};
-type NumberInputType = {
-    /**
-     * Display a number input instead of the price
-     */
-    numberInput?: boolean;
-    numberInputValue?: number | null;
-    numberInputUnit?: string;
-    numberInputControls?: boolean;
-    onChangeInput?: (value: number | null) => void;
-};
-export type PriceTypeSingle = {
-    maxPrice: number;
-    maxPriceWithDiscount: number;
-    totalPrice: number;
-    totalPriceWithDiscount: number;
-    timeUnit: TimeUnit;
-};
-export type PriceType = Record<string, PriceTypeSingle>;
-export type SubCategoryType = {
-    title?: string;
-    icon?: ReactNode;
-    additionalInfo?: ReactNode;
-    price?: number;
-    /**
-     * List of elements to be displayed in the subcategory
-     */
-    details?: ReactNode[];
-    discount?: number;
-    amount?: number[] | number;
-    amountFree?: number;
-    /**
-     * Set to true if the price does not depend on the time
-     */
-    fixedPrice?: boolean;
-    /**
-     * Suffix to be displayed after the price - this will trigger to not display the overall price taking into account the amount for the subcategory.
-     */
-    priceUnit?: string;
-    /**
-     * Hide the price for the line (it will still be counted in the general price)
-     */
-    hidePrice?: boolean;
-    /**
-     * Custom content to display next to the price
-     */
-    customContent?: ReactNode;
-    anchor?: string;
-} & NumberInputType;
-export type ItemsType = {
-    category: string;
-    additionalInfo?: ReactNode;
-    /** Information to add beneath the catecgory name */
-    subTitle?: ReactNode;
-    subCategories?: SubCategoryType[];
-    discount?: number;
-    /**
-     * Hide the price of the category and display the custom content instead
-     */
-    customContent?: ReactNode;
-    /**
-     * Whether the category price can be < 0 (e.g coupons)
-     */
-    allowNegative?: boolean;
-    anchor?: string;
-} & NumberInputType;
-export type CurrencyType = 'EUR';
-export type LocalesFormatType = Intl.LocalesArgument;
-export type OrderSummaryProps = {
-    items: ItemsType[];
-    header?: string;
-    locales?: Record<keyof typeof orderSummaryLocales, string>;
-    currency?: CurrencyType;
-    /**
-     * Locale to format the numbers (prices)
-     */
-    localeFormat?: LocalesFormatType;
-    /**
-     *Total applied to the final cost (due to commitment, beta...)
-     */
-    discount?: number;
-    footer?: ReactNode;
-    children?: ReactNode;
-    totalPriceInfo?: ReactNode;
-    totalPriceInfoPlacement?: 'left' | 'right';
-    totalPriceDescription?: ReactNode;
-    additionalInfo?: string;
-    priceInformation?: ReactNode;
-    hideBeforePrice?: boolean;
-    /**
-     * Number of fraction digit to display in the price details
-     */
-    fractionDigits?: number;
-    /**
-     * Get the computed price for each category.
-     * `price.category = { before: [total, totalMax], after: [totalWithDiscount, totalMaxWithDiscount]}`
-     */
-    onChange?: (price: PriceType, totalPrice: PriceTypeSingle) => void;
-    hideDetails?: boolean;
-    className?: string;
-    ['data-testid']?: string;
-    style?: CSSProperties;
-} & PeriodProps;
-export {};
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/OrderSummary/types.ts"],"names":[],"mappings":"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"}

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

@@ -1,7 +0,0 @@
-import type { Hint } from './types';
-type FeatureHintProps = {
-    hint?: Hint;
-};
-export declare const FeatureHint: ({ hint }: FeatureHintProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=FeatureHint.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FeatureHint.d.ts","sourceRoot":"","sources":["../../../src/components/Plans/FeatureHint.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAEnC,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,IAAI,CAAA;CACZ,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,UAAU,gBAAgB,4CAsCrD,CAAA"}

package/dist/components/Plans/FeatureHint.js

@@ -1,42 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
-import { Tooltip, Popover } from "@ultraviolet/ui";
-import { useState } from "react";
-import { plansIconWrapper } from "./styles.css.js";
-const FeatureHint = ({ hint }) => {
-  const [visible, setVisible] = useState(false);
-  if (!hint) {
-    return /* @__PURE__ */ jsx("div", {});
-  }
-  if (hint.type === "tooltip") {
-    return /* @__PURE__ */ jsx(Tooltip, { text: hint.text, children: /* @__PURE__ */ jsx(InformationOutlineIcon, { prominence: "weak", sentiment: "neutral" }) });
-  }
-  return /* @__PURE__ */ jsx(
-    Popover,
-    {
-      content: hint.content,
-      onClose: () => setVisible(false),
-      title: hint.title,
-      visible,
-      children: /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: plansIconWrapper,
-          "data-testid": "hint-popover",
-          onClick: () => setVisible(true),
-          onKeyDown: (event) => {
-            if (event.key === "Space" || event.key === "Enter") {
-              setVisible(true);
-            }
-          },
-          tabIndex: 0,
-          type: "button",
-          children: /* @__PURE__ */ jsx(InformationOutlineIcon, { prominence: "weak", sentiment: "neutral" })
-        }
-      )
-    }
-  );
-};
-export {
-  FeatureHint
-};

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

@@ -1,14 +0,0 @@
-import PlansLocales from './locales/en';
-import type { PlanType } from './types';
-type PlanHeaderProps = {
-    fieldName?: string;
-    setFocusedPlan: (planValue?: string) => void;
-    onChange?: (newPlanValue?: string) => void;
-    currentPlanValue?: string;
-    plan: PlanType<string>;
-    disabled: boolean;
-    locales?: Record<keyof typeof PlansLocales, string>;
-};
-export declare const PlanHeader: ({ fieldName, setFocusedPlan, onChange, currentPlanValue, plan, disabled, locales, }: PlanHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=PlanHeader.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PlanHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Plans/PlanHeader.tsx"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,cAAc,CAAA;AAQvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,eAAe,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAA;CACpD,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,qFAQxB,eAAe,4CA6FjB,CAAA"}

package/dist/components/Plans/PlanHeader.js

@@ -1,96 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { Stack, Badge, Text, Separator } from "@ultraviolet/ui";
-import locales from "./locales/en.js";
-import { plansHeaderInput, plansHeaderFullHeight, plansDescription, plansCurrentWrapper, plansFullSizeSeparator } from "./styles.css.js";
-const PlanHeader = ({
-  fieldName,
-  setFocusedPlan,
-  onChange,
-  currentPlanValue,
-  plan,
-  disabled,
-  locales: locales$1 = locales
-}) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  fieldName && onChange && !disabled ? /* @__PURE__ */ jsx(
-    "input",
-    {
-      className: 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__ */ jsxs(
-    Stack,
-    {
-      alignItems: "center",
-      className: plansHeaderFullHeight,
-      gap: 2,
-      justifyContent: "space-between",
-      children: [
-        /* @__PURE__ */ jsxs(Stack, { alignItems: "center", gap: 3, width: "100%", children: [
-          /* @__PURE__ */ jsxs(Stack, { alignItems: "center", gap: 1, children: [
-            /* @__PURE__ */ jsx(
-              Badge,
-              {
-                disabled,
-                sentiment: plan.sentiment && plan.sentiment !== "black" && plan.sentiment !== "white" ? plan.sentiment : "primary",
-                children: /* @__PURE__ */ jsx("label", { htmlFor: plan.value, children: plan.title })
-              }
-            ),
-            plan.titleHeader,
-            /* @__PURE__ */ jsxs(Stack, { alignItems: "center", children: [
-              /* @__PURE__ */ jsx(
-                Text,
-                {
-                  as: "span",
-                  disabled,
-                  sentiment: plan.sentiment ?? "primary",
-                  variant: "headingSmallStrong",
-                  children: plan.header.price
-                }
-              ),
-              /* @__PURE__ */ jsx(Stack, { style: { minHeight: "16px" }, children: plan.header.priceDescription ? /* @__PURE__ */ jsx(
-                Text,
-                {
-                  as: "span",
-                  disabled,
-                  sentiment: plan.sentiment ?? "primary",
-                  variant: "caption",
-                  children: plan.header.priceDescription
-                }
-              ) : null })
-            ] })
-          ] }),
-          plan.header.description ? /* @__PURE__ */ jsx("div", { className: plansDescription, children: /* @__PURE__ */ jsx(Text, { as: "div", disabled, variant: "caption", children: plan.header.description }) }) : null
-        ] }),
-        /* @__PURE__ */ jsxs(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__ */ jsx("div", { className: plansCurrentWrapper, children: /* @__PURE__ */ jsx(
-            Text,
-            {
-              as: "span",
-              disabled,
-              sentiment: plan.sentiment ?? "primary",
-              variant: "bodySmallStrong",
-              children: locales$1["plans.currentPlan"]
-            }
-          ) }) : null,
-          plan.header.separator ? /* @__PURE__ */ jsx(Separator, { className: plansFullSizeSeparator }) : null
-        ] })
-      ]
-    }
-  )
-] });
-export {
-  PlanHeader
-};

package/dist/components/Plans/locales/en.d.ts

@@ -1,7 +0,0 @@
-declare const locales: {
-    'plans.currentPlan': string;
-    'plans.features': string;
-    'plans.outOfStock': string;
-};
-export default locales;
-//# sourceMappingURL=en.d.ts.map

package/dist/components/Plans/locales/en.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../../../src/components/Plans/locales/en.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,OAAO;;;;CAIZ,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -1,8 +0,0 @@
-const locales = {
-  "plans.currentPlan": "Current plan",
-  "plans.features": "Features",
-  "plans.outOfStock": "Out of stock"
-};
-export {
-  locales as default
-};

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

@@ -1,67 +0,0 @@
-export declare const plansIconWrapper: string;
-export declare const plans: string;
-export declare const plansOutOfStockBadge: string;
-export declare const plansCell: import("@vanilla-extract/recipes").RuntimeFn<{
-    activeColor: {
-        true: {
-            selectors: {
-                'thead &:not(:first-child), tbody &:not(:first-child), tbody tr:last-child &:not(:first-child)': {
-                    borderColor: `var(--${string})`;
-                };
-            };
-        };
-    };
-    disabled: {
-        true: {
-            backgroundColor: `var(--${string})`;
-        };
-    };
-    focus: {
-        true: {
-            selectors: {
-                'thead &:not(:first-child), tbody &:not(:first-child), tbody tr:last-child &:not(:first-child)': {
-                    borderColor: "blue";
-                    borderWidth: "2px 2px 0 2px";
-                };
-            };
-        };
-    };
-    hide: {
-        true: {
-            display: "none";
-        };
-    };
-    hideLabels: {
-        true: {
-            paddingLeft: `var(--${string})`;
-            textAlign: "start";
-            selectors: {
-                'thead &': {
-                    paddingLeft: `var(--${string})`;
-                };
-            };
-        };
-    };
-    selectable: {
-        true: {
-            cursor: "pointer";
-        };
-    };
-    spaceAfter: {
-        true: {
-            selectors: {
-                'tbody &': {
-                    paddingBottom: `var(--${string})`;
-                };
-            };
-        };
-    };
-}>;
-export declare const plansRowHidden: string;
-export declare const plansUppercaseText: string;
-export declare const plansHeaderInput: string;
-export declare const plansHeaderFullHeight: string;
-export declare const plansDescription: string;
-export declare const plansFullSizeSeparator: string;
-export declare const plansCurrentWrapper: string;
-//# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Plans/styles.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Plans/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,QAA6C,CAAA;AAE1E,eAAO,MAAM,KAAK,QAWhB,CAAA;AAEF,eAAO,MAAM,oBAAoB,QAK/B,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0GpB,CAAA;AAEF,eAAO,MAAM,cAAc,QAA6B,CAAA;AAExD,eAAO,MAAM,kBAAkB,QAAwC,CAAA;AAEvE,eAAO,MAAM,gBAAgB,QAK3B,CAAA;AAEF,eAAO,MAAM,qBAAqB,QAA4B,CAAA;AAE9D,eAAO,MAAM,gBAAgB,QAG3B,CAAA;AAEF,eAAO,MAAM,sBAAsB,QAA2B,CAAA;AAE9D,eAAO,MAAM,mBAAmB,QAK9B,CAAA"}

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

@@ -1,26 +0,0 @@
-/* empty css                          */
-import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var plansIconWrapper = "uv_plus_11wud800";
-var plans = "uv_plus_11wud801";
-var plansOutOfStockBadge = "uv_plus_11wud802";
-var plansCell = createRuntimeFn({ defaultClassName: "uv_plus_11wud803", variantClassNames: { activeColor: { true: "uv_plus_11wud804" }, disabled: { true: "uv_plus_11wud805" }, focus: { true: "uv_plus_11wud806" }, hide: { true: "uv_plus_11wud807" }, hideLabels: { true: "uv_plus_11wud808" }, selectable: { true: "uv_plus_11wud809" }, spaceAfter: { true: "uv_plus_11wud80a" } }, defaultVariants: { activeColor: false, disabled: false, focus: false, hide: false, hideLabels: false, selectable: 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";
-export {
-  plans,
-  plansCell,
-  plansCurrentWrapper,
-  plansDescription,
-  plansFullSizeSeparator,
-  plansHeaderFullHeight,
-  plansHeaderInput,
-  plansIconWrapper,
-  plansOutOfStockBadge,
-  plansRowHidden,
-  plansUppercaseText
-};