@trilogy-ds/react 0.0.5-beta-v4 → 0.0.5-esm-cjs

package/lib/chunk-RHCQAJRI.mjs

@@ -0,0 +1,145 @@
+// components/input/InputEnum.ts
+var InputType = /* @__PURE__ */ ((InputType2) => {
+  InputType2["TEXT"] = "text";
+  InputType2["NUMBER"] = "number";
+  InputType2["PASSWORD"] = "password";
+  InputType2["SEARCH"] = "search";
+  InputType2["DATE"] = "date";
+  InputType2["DATETIME_LOCAL"] = "datetime-local";
+  InputType2["EMAIL"] = "email";
+  return InputType2;
+})(InputType || {});
+var InputStatus = /* @__PURE__ */ ((InputStatus2) => {
+  InputStatus2["SUCCESS"] = "success";
+  InputStatus2["WARNING"] = "warning";
+  InputStatus2["DANGER"] = "danger";
+  InputStatus2["ERROR"] = "error";
+  InputStatus2["DEFAULT"] = "default";
+  return InputStatus2;
+})(InputStatus || {});
+var InputKeyboardAppearance = /* @__PURE__ */ ((InputKeyboardAppearance2) => {
+  InputKeyboardAppearance2["DEFAULT"] = "default";
+  InputKeyboardAppearance2["LIGHT"] = "light";
+  InputKeyboardAppearance2["DARK"] = "dark";
+  return InputKeyboardAppearance2;
+})(InputKeyboardAppearance || {});
+var InputAutoCapitalize = /* @__PURE__ */ ((InputAutoCapitalize2) => {
+  InputAutoCapitalize2["NONE"] = "none";
+  InputAutoCapitalize2["SENTENCES"] = "sentences";
+  InputAutoCapitalize2["WORDS"] = "words";
+  InputAutoCapitalize2["CHARACTERS"] = "characters";
+  return InputAutoCapitalize2;
+})(InputAutoCapitalize || {});
+var InputAutoCompleteType = /* @__PURE__ */ ((InputAutoCompleteType2) => {
+  InputAutoCompleteType2["ADDITIONAL_NAME"] = "additional-name";
+  InputAutoCompleteType2["ADDRESS_LINE1"] = "address-line1";
+  InputAutoCompleteType2["ADDRESS_LINE2"] = "address-line2";
+  InputAutoCompleteType2["CC_CSC"] = "cc-csc";
+  InputAutoCompleteType2["CC_EXP"] = "cc-exp";
+  InputAutoCompleteType2["CC_EXP_DAY"] = "cc-exp-day";
+  InputAutoCompleteType2["CC_EXP_MONTH"] = "cc-exp-month";
+  InputAutoCompleteType2["CC_EXP_YEAR"] = "cc-exp-year";
+  InputAutoCompleteType2["CC_NUMBER"] = "cc-number";
+  InputAutoCompleteType2["COUNTRY"] = "country";
+  InputAutoCompleteType2["CURRENT_PASSWORD"] = "current-password";
+  InputAutoCompleteType2["EMAIL"] = "email";
+  InputAutoCompleteType2["FAMILY_NAME"] = "family-name";
+  InputAutoCompleteType2["GIVEN_NAME"] = "given-name";
+  InputAutoCompleteType2["HONORIFIX_PREFIX"] = "honorific-prefix";
+  InputAutoCompleteType2["HONORIFIC_SUFFIX"] = "honorific-suffix";
+  InputAutoCompleteType2["NAME"] = "name";
+  InputAutoCompleteType2["NEW_PASSWORD"] = "new-password";
+  InputAutoCompleteType2["OFF"] = "off";
+  InputAutoCompleteType2["ONE_TIME_CODE"] = "one-time-code";
+  InputAutoCompleteType2["POSTAL_CODE"] = "postal-code";
+  InputAutoCompleteType2["STREET_ADDRESS"] = "street-address";
+  InputAutoCompleteType2["TEL"] = "tel";
+  InputAutoCompleteType2["USERNAME"] = "username";
+  InputAutoCompleteType2["CC_FAMILY_NAME"] = "cc-family-name";
+  InputAutoCompleteType2["CC_GIVEN_NAME"] = "cc-given-name";
+  InputAutoCompleteType2["CC_MIDDLE_NAME"] = "cc-middle-name";
+  InputAutoCompleteType2["CC_NAME"] = "cc-name";
+  InputAutoCompleteType2["CC_TYPE"] = "cc-type";
+  InputAutoCompleteType2["NICKNAME"] = "nickname";
+  InputAutoCompleteType2["ORGANIZATION"] = "organization";
+  InputAutoCompleteType2["ORGANIZATION_TITLE"] = "organization-title";
+  InputAutoCompleteType2["URL"] = "url";
+  InputAutoCompleteType2["GENDER"] = "gender";
+  InputAutoCompleteType2["NAME_FAMILY"] = "name-family";
+  InputAutoCompleteType2["NAME_GIVEN"] = "name-given";
+  InputAutoCompleteType2["NAME_MIDDLE"] = "name-middle";
+  InputAutoCompleteType2["NAME_MIDDLE_INITIAL"] = "name-middle-initial";
+  InputAutoCompleteType2["NAME_PREFIX"] = "name-prefix";
+  InputAutoCompleteType2["NAME_SUFFIX"] = "name-suffix";
+  InputAutoCompleteType2["PASSWORD"] = "password";
+  InputAutoCompleteType2["PASSWORD_NEW"] = "password-new";
+  InputAutoCompleteType2["POSTAL_ADDRESS"] = "postal-address";
+  InputAutoCompleteType2["POSTAL_ADDRESS_COUNTRY"] = "postal-address-country";
+  InputAutoCompleteType2["POSTAL_ADDRESS_EXTENDED"] = "postal-address-extended";
+  InputAutoCompleteType2["POSTAL_ADDRESS_EXTENDED_POSTAL_CODE"] = "postal-address-extended-postal-code";
+  InputAutoCompleteType2["POSTAL_ADDRESS_LOCALITY"] = "postal-address-locality";
+  InputAutoCompleteType2["POSTAL_ADDRESS_REGION"] = "postal-address-region";
+  InputAutoCompleteType2["SMS_OTP"] = "sms-otp";
+  InputAutoCompleteType2["TEL_COUNTRY_CODE"] = "tel-country-code";
+  InputAutoCompleteType2["TEL_DEVICE"] = "tel-device";
+  InputAutoCompleteType2["TEL_NATIONAL"] = "tel-national";
+  InputAutoCompleteType2["USERNAME_NEW"] = "username-new";
+  return InputAutoCompleteType2;
+})(InputAutoCompleteType || {});
+var InputTextContentType = /* @__PURE__ */ ((InputTextContentType2) => {
+  InputTextContentType2["NONE"] = "none";
+  InputTextContentType2["URL"] = "URL";
+  InputTextContentType2["ADDRESS_CITY"] = "addressCity";
+  InputTextContentType2["ADDRESS_CITY_STATE"] = "addressCityAndState";
+  InputTextContentType2["ADDRESS_STATE"] = "addressState";
+  InputTextContentType2["COUNTRY_NAME"] = "countryName";
+  InputTextContentType2["CREDIT_CARD_NUMBER"] = "creditCardNumber";
+  InputTextContentType2["EMAIL_ADDRESS"] = "emailAddress";
+  InputTextContentType2["FAMILY_NAME"] = "familyName";
+  InputTextContentType2["FULL_STREET_ADDRESS"] = "fullStreetAddress";
+  InputTextContentType2["GIVEN_NAME"] = "givenName";
+  InputTextContentType2["JOB_TITLE"] = "jobTitle";
+  InputTextContentType2["LOCATION"] = "location";
+  InputTextContentType2["MIDDLE_NAME"] = "middleName";
+  InputTextContentType2["NAME"] = "name";
+  InputTextContentType2["NAME_PREFIX"] = "namePrefix";
+  InputTextContentType2["NAME_SUFFIX"] = "nameSuffix";
+  InputTextContentType2["NICKNAME"] = "nickname";
+  InputTextContentType2["ORGANIZATION_NAME"] = "organizationName";
+  InputTextContentType2["POSTAL_CODE"] = "postalCode";
+  InputTextContentType2["STREET_ADDRESS_LINE_ONE"] = "streetAddressLine1";
+  InputTextContentType2["STREET_ADDRESS_LINE_TWO"] = "streetAddressLine2";
+  InputTextContentType2["SUB_LOCALITY"] = "sublocality";
+  InputTextContentType2["TELEPHONE_NUMBER"] = "telephoneNumber";
+  InputTextContentType2["USERNAME"] = "username";
+  InputTextContentType2["PASSWORD"] = "password";
+  InputTextContentType2["NEW_PASSWORD"] = "newPassword";
+  InputTextContentType2["ONE_TIME_CODE"] = "oneTimeCode";
+  return InputTextContentType2;
+})(InputTextContentType || {});
+var InputKeyboardType = /* @__PURE__ */ ((InputKeyboardType2) => {
+  InputKeyboardType2["DEFAULT"] = "default";
+  InputKeyboardType2["EMAIL_ADDRESS"] = "email-address";
+  InputKeyboardType2["NUMERIC"] = "numeric";
+  InputKeyboardType2["PHONE_PAD"] = "phone-pad";
+  InputKeyboardType2["NUMBER_PAD"] = "number-pad";
+  InputKeyboardType2["DECIMAL_PAD"] = "decimal-pad";
+  InputKeyboardType2["VISIBLE_PASSWORD"] = "visible-password";
+  InputKeyboardType2["ASCII_CAPABLE"] = "ascii-capable";
+  InputKeyboardType2["NUMBERS_AND_PUNCTUATION"] = "numbers-and-punctuation";
+  InputKeyboardType2["URL"] = "url";
+  InputKeyboardType2["NAME_PHONE_PAD"] = "name-phone-pad";
+  InputKeyboardType2["TWITTER"] = "twitter";
+  InputKeyboardType2["WEB_SEARCH"] = "web-search";
+  return InputKeyboardType2;
+})(InputKeyboardType || {});
+
+export {
+  InputType,
+  InputStatus,
+  InputKeyboardAppearance,
+  InputAutoCapitalize,
+  InputAutoCompleteType,
+  InputTextContentType,
+  InputKeyboardType
+};

package/lib/chunk-RKRETAZE.mjs

@@ -0,0 +1,52 @@
+import {
+  getColorStyle
+} from "./chunk-EJ2APB7I.mjs";
+
+// objects/facets/Variant/index.ts
+var VariantState = /* @__PURE__ */ ((VariantState2) => {
+  VariantState2["MAIN"] = "MAIN";
+  VariantState2["ACCENT"] = "ACCENT";
+  VariantState2["INFO"] = "INFO";
+  return VariantState2;
+})(VariantState || {});
+var getVariantClassName = (variantType) => {
+  if (!variantType) return "";
+  switch (variantType) {
+    case "MAIN":
+      return "main";
+    case "ACCENT":
+      return "accent";
+    case "PRIMARY":
+      return "primary";
+    case "SECONDARY":
+      return "secondary";
+    case "GHOST":
+      return "ghost";
+    case "INFO":
+      return "info";
+    default:
+      return "";
+  }
+};
+var getVariantStyle = (variantType) => {
+  switch (variantType) {
+    case "PRIMARY":
+      return getColorStyle("MAIN" /* MAIN */);
+    case "ACCENT":
+      return getColorStyle("ACCENT" /* ACCENT */);
+    case "MAIN":
+      return getColorStyle("MAIN" /* MAIN */);
+    case "SECONDARY":
+      return getColorStyle("MAIN_FADE" /* MAIN_FADE */);
+    case "INFO":
+      return getColorStyle("INFO" /* INFO */);
+    default:
+      return "";
+  }
+};
+
+export {
+  VariantState,
+  getVariantClassName,
+  getVariantStyle
+};

package/lib/chunk-ROZMCO2Z.mjs

@@ -0,0 +1,45 @@
+import {
+  hashClass
+} from "./chunk-XFWJ47MX.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-5VN6OIEF.mjs";
+
+// components/segment-control/item/SegmentControlItem.tsx
+import clsx from "clsx";
+import React, { useEffect, useState } from "react";
+var SegmentControlItem = React.forwardRef(
+  ({ active, onClick, disabled, className, id, children, ...others }, ref) => {
+    const [activeItem, setActiveItem] = useState(active || false);
+    const { styled } = useTrilogyContext();
+    useEffect(() => {
+      setActiveItem(active || false);
+    }, [active]);
+    return /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        ref,
+        id,
+        disabled,
+        className: hashClass(styled, clsx("segmented-control-item", className, { "is-active": activeItem })),
+        onClick: (e) => {
+          const target = e.target;
+          setActiveItem(active || false);
+          target.active = active;
+          if (onClick) {
+            onClick(e);
+          }
+        },
+        ...others
+      },
+      children
+    );
+  }
+);
+SegmentControlItem.displayName = "SegmentControlItem" /* SegmentControlItem */;
+var SegmentControlItem_default = SegmentControlItem;
+
+export {
+  SegmentControlItem_default
+};

package/lib/chunk-RSO556TM.mjs

@@ -0,0 +1,54 @@
+import {
+  isRequiredChild
+} from "./chunk-YRF7YX6X.mjs";
+import {
+  getAlignClassName
+} from "./chunk-LCCPZVJA.mjs";
+import {
+  is
+} from "./chunk-HLQ4FCCM.mjs";
+import {
+  hashClass
+} from "./chunk-XFWJ47MX.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-5VN6OIEF.mjs";
+
+// components/checkbox/tiles/CheckboxTiles.tsx
+import clsx from "clsx";
+import * as React from "react";
+var CheckboxTiles = React.forwardRef(
+  ({ id, className, children, align, verticalAlign, accessibilityLabelledBy, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    let alignClass = null;
+    if (align) {
+      alignClass = getAlignClassName(align) === "aligned-start" && is("justified-start") || getAlignClassName(align) === "aligned-center" && is("justified-center") || getAlignClassName(align) === "aligned-end" && is("justified-end") || null;
+    }
+    let verticalAlignClass = null;
+    if (verticalAlign) {
+      verticalAlignClass = getAlignClassName(verticalAlign) === "aligned-start" && is("aligned-start") || getAlignClassName(verticalAlign) === "aligned-center" && is("aligned-center") || getAlignClassName(verticalAlign) === "aligned-end" && is("aligned-end") || null;
+    }
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        id,
+        role: "group",
+        "aria-labelledby": accessibilityLabelledBy,
+        "aria-required": isRequiredChild(children) ? "true" : void 0,
+        className: hashClass(
+          styled,
+          clsx("checkbox-tiles", className, align && alignClass, verticalAlign && verticalAlignClass)
+        ),
+        ...others
+      },
+      children
+    );
+  }
+);
+CheckboxTiles.displayName = "CheckboxTiles" /* CheckboxTiles */;
+var CheckboxTiles_default = CheckboxTiles;
+
+export {
+  CheckboxTiles_default
+};

package/lib/chunk-RU4SBT2X.mjs

@@ -0,0 +1,10 @@
+import {
+  TagList_default
+} from "./chunk-DSGVDK4W.mjs";
+
+// components/tag/list/index.ts
+var list_default = TagList_default;
+
+export {
+  list_default
+};

package/lib/chunk-RVL6YKLG.mjs

@@ -0,0 +1,29 @@
+import {
+  Link_default
+} from "./chunk-BOTIPJSJ.mjs";
+import {
+  hashClass
+} from "./chunk-XFWJ47MX.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-5VN6OIEF.mjs";
+
+// components/breadcrumb/item/BreadcrumbItem.tsx
+import clsx from "clsx";
+import * as React from "react";
+var BreadcrumbItem = React.forwardRef(
+  ({ children, active, id, href, to, routerLink, testId, onClick, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    if (routerLink && to) {
+      const RouterLink = routerLink ? routerLink : "a";
+      return /* @__PURE__ */ React.createElement("li", { ref, id, "data-testid": testId, onClick, "aria-current": active ? "page" : void 0 }, /* @__PURE__ */ React.createElement(RouterLink, { className: hashClass(styled, clsx("link")), to, ...others }, children));
+    }
+    return /* @__PURE__ */ React.createElement("li", { ref, id, onClick, "aria-current": active ? "page" : void 0 }, active ? children : /* @__PURE__ */ React.createElement(Link_default, { href, ...others }, children));
+  }
+);
+BreadcrumbItem.displayName = "BreadcrumbItem" /* BreadcrumbItem */;
+var BreadcrumbItem_default = BreadcrumbItem;
+
+export {
+  BreadcrumbItem_default
+};

package/lib/chunk-S6Z5RYXP.mjs

@@ -0,0 +1,27 @@
+// components/title/TitleEnum.ts
+var TitleLevels = /* @__PURE__ */ ((TitleLevels2) => {
+  TitleLevels2[TitleLevels2["ONE"] = 1] = "ONE";
+  TitleLevels2[TitleLevels2["TWO"] = 2] = "TWO";
+  TitleLevels2[TitleLevels2["THREE"] = 3] = "THREE";
+  TitleLevels2[TitleLevels2["FOUR"] = 4] = "FOUR";
+  TitleLevels2[TitleLevels2["FIVE"] = 5] = "FIVE";
+  TitleLevels2[TitleLevels2["SIX"] = 6] = "SIX";
+  return TitleLevels2;
+})(TitleLevels || {});
+var TitleMarkup = /* @__PURE__ */ ((TitleMarkup2) => {
+  TitleMarkup2["H1"] = "h1";
+  TitleMarkup2["H2"] = "h2";
+  TitleMarkup2["H3"] = "h3";
+  TitleMarkup2["H4"] = "h4";
+  TitleMarkup2["H5"] = "h5";
+  TitleMarkup2["H6"] = "h6";
+  TitleMarkup2["P"] = "p";
+  TitleMarkup2["SPAN"] = "span";
+  TitleMarkup2["DIV"] = "div";
+  return TitleMarkup2;
+})(TitleMarkup || {});
+
+export {
+  TitleLevels,
+  TitleMarkup
+};

package/lib/chunk-SEWWK5HV.mjs

@@ -0,0 +1,21 @@
+// context/providerTheme/index.tsx
+import React from "react";
+var defaultTheme = {
+  icons: {},
+  colors: {},
+  fontFamily: {}
+};
+var defaultContextValue = {
+  theme: defaultTheme,
+  setTheme: () => void 0
+};
+var TrilogyThemeContext = React.createContext(defaultContextValue);
+var TrilogyThemeProvider = ({ children, theme }) => {
+  return children;
+};
+
+export {
+  defaultTheme,
+  TrilogyThemeContext,
+  TrilogyThemeProvider
+};

package/lib/chunk-SNKTAQES.mjs

@@ -0,0 +1,10 @@
+// objects/facets/Sticky/index.ts
+var StickyPosition = /* @__PURE__ */ ((StickyPosition2) => {
+  StickyPosition2["TOP"] = "TOP";
+  StickyPosition2["BOTTOM"] = "BOTTOM";
+  return StickyPosition2;
+})(StickyPosition || {});
+
+export {
+  StickyPosition
+};

package/lib/chunk-SNNPZM3U.mjs

@@ -0,0 +1,74 @@
+import {
+  Icon_default
+} from "./chunk-KWQHZ3AX.mjs";
+import {
+  is
+} from "./chunk-HLQ4FCCM.mjs";
+import {
+  hashClass
+} from "./chunk-XFWJ47MX.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-5VN6OIEF.mjs";
+
+// components/fab/Fab.tsx
+import clsx from "clsx";
+import React, { useEffect, useState } from "react";
+var Fab = React.forwardRef(
+  ({
+    children,
+    extended,
+    iconName,
+    accessibilityLabel,
+    onClick,
+    className,
+    id,
+    fixed = true,
+    top,
+    bottom,
+    left,
+    right,
+    disabled,
+    ...others
+  }, ref) => {
+    const { styled } = useTrilogyContext();
+    const [isExtended, setIsExtended] = useState(extended || false);
+    useEffect(() => {
+      setIsExtended(extended || false);
+    }, [isExtended]);
+    const positionStyle = top || bottom || left || right ? {
+      position: fixed ? "fixed" : "absolute",
+      top: top != null ? top : "auto",
+      bottom: bottom != null ? bottom : "auto",
+      left: left != null ? left : "auto",
+      right: right != null ? right : "auto"
+    } : {
+      position: "relative"
+    };
+    const _className = hashClass(styled, clsx("fab", extended && is("extended"), className));
+    return /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        ref,
+        id,
+        disabled,
+        "aria-label": accessibilityLabel,
+        onClick: (e) => {
+          onClick == null ? void 0 : onClick(e);
+          e.stopPropagation();
+        },
+        style: { ...positionStyle },
+        ...others,
+        className: _className
+      },
+      /* @__PURE__ */ React.createElement(Icon_default, { name: iconName }),
+      children
+    );
+  }
+);
+Fab.displayName = "Fab" /* Fab */;
+var Fab_default = Fab;
+
+export {
+  Fab_default
+};

package/lib/chunk-SWJCAKAS.mjs

@@ -0,0 +1,95 @@
+import {
+  checkCents
+} from "./chunk-O7BB24FW.mjs";
+import {
+  Text_default
+} from "./chunk-5VIOTCFL.mjs";
+import {
+  has,
+  is
+} from "./chunk-HLQ4FCCM.mjs";
+import {
+  hashClass
+} from "./chunk-XFWJ47MX.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-5VN6OIEF.mjs";
+
+// components/price/Price.tsx
+import clsx from "clsx";
+import * as React from "react";
+var Price = React.forwardRef(
+  ({
+    className,
+    id,
+    amount,
+    mention,
+    period,
+    hideCents = false,
+    level,
+    inverted,
+    align,
+    accessibilityLabel,
+    oldAmount,
+    overline,
+    ...others
+  }, ref) => {
+    var _a, _b;
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx("price", inverted && is("inverted"), overline && has("suptitle"), className));
+    const classesStrike = hashClass(
+      styled,
+      clsx("price", inverted && is("inverted"), oldAmount && "strike", overline && has("suptitle"), className)
+    );
+    let amountComponent = null;
+    let oldAmountComponent = null;
+    const tagAmountComponent = null;
+    if (oldAmount !== void 0) {
+      const isNegativeStrike = oldAmount && oldAmount < 0;
+      const absoluteAmountStrike = oldAmount && Math.abs(oldAmount);
+      const absoluteWholeStrike = absoluteAmountStrike && Math.floor(absoluteAmountStrike);
+      const wholeStrike = isNegativeStrike && absoluteWholeStrike ? -absoluteWholeStrike : absoluteWholeStrike;
+      let cents = checkCents(((_a = absoluteAmountStrike.toString().split(/[.,]/)[1]) == null ? void 0 : _a.substring(0, 2)) || "");
+      cents = cents && cents.length === 1 && `${cents}0` || cents;
+      const centsDisplayed = !hideCents && `\u20AC${cents}` || "\u20AC";
+      oldAmountComponent = /* @__PURE__ */ React.createElement("span", { "aria-hidden": "true", className: classesStrike, ...others }, /* @__PURE__ */ React.createElement(Text_default, { markup: "span" /* SPAN */ }, `${wholeStrike}`), /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("price-details")) }, /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("cents")) }, centsDisplayed === "\u20AC" ? /* @__PURE__ */ React.createElement(React.Fragment, null, "\xA0", centsDisplayed) : centsDisplayed, mention && /* @__PURE__ */ React.createElement("sup", null, mention)), period && /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("period")) }, "/", period)));
+    }
+    if (amount !== void 0) {
+      const isNegative = amount < 0;
+      const absoluteAmount = Math.abs(amount);
+      const absoluteWhole = Math.floor(absoluteAmount);
+      const whole = isNegative ? -absoluteWhole : absoluteWhole;
+      let cents = checkCents(((_b = absoluteAmount.toString().split(/[.,]/)[1]) == null ? void 0 : _b.substring(0, 2)) || "");
+      cents = cents && cents.length === 1 && `${cents}0` || cents;
+      const centsDisplayed = !hideCents && `\u20AC${cents}` || "\u20AC";
+      const dataPrice = `${whole}${!hideCents && cents ? `.${cents}` : ""}`;
+      amountComponent = /* @__PURE__ */ React.createElement("span", { "aria-hidden": "true", "aria-label": accessibilityLabel, className: classes, "data-price": dataPrice, ...others }, /* @__PURE__ */ React.createElement(Text_default, { markup: "span" /* SPAN */ }, `${whole}`), /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("price-details")) }, /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("cents")) }, centsDisplayed === "\u20AC" ? /* @__PURE__ */ React.createElement(React.Fragment, null, "\xA0", centsDisplayed) : centsDisplayed, mention && /* @__PURE__ */ React.createElement("sup", null, mention)), period && /* @__PURE__ */ React.createElement("span", { className: hashClass(styled, clsx("period")) }, "/", period)));
+    }
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        id,
+        className: hashClass(
+          styled,
+          clsx(
+            "price-container",
+            is(`level-${level || "1"}`),
+            align == "ALIGNED_START" /* ALIGNED_START */ && is("justified-start") || align == "ALIGNED_CENTER" /* ALIGNED_CENTER */ && is("justified-center") || align == "ALIGNED_END" /* ALIGNED_END */ && is("justified-end") || ""
+          )
+        )
+      },
+      overline && /* @__PURE__ */ React.createElement("p", { className: hashClass(styled, clsx("overline")) }, overline),
+      oldAmountComponent,
+      amountComponent,
+      tagAmountComponent,
+      accessibilityLabel && /* @__PURE__ */ React.createElement("p", { className: hashClass(styled, clsx("sr-only")) }, accessibilityLabel)
+    );
+  }
+);
+Price.displayName = "Price" /* Price */;
+var Price_default = Price;
+
+export {
+  Price_default
+};

package/lib/chunk-T6NBBRNR.mjs

@@ -0,0 +1,20 @@
+import {
+  hashClass
+} from "./chunk-XFWJ47MX.mjs";
+import {
+  useTrilogyContext
+} from "./chunk-5VN6OIEF.mjs";
+
+// components/modal/body/ModalBody.tsx
+import clsx from "clsx";
+import * as React from "react";
+var ModalBody = React.forwardRef(({ children, className, id }, ref) => {
+  const { styled } = useTrilogyContext();
+  return /* @__PURE__ */ React.createElement("div", { ref, id, className: hashClass(styled, clsx("modal-body", className)) }, children);
+});
+ModalBody.displayName = "ModalBody" /* ModalBody */;
+var ModalBody_default = ModalBody;
+
+export {
+  ModalBody_default
+};

package/lib/chunk-TQW2WOQT.mjs

@@ -0,0 +1,10 @@
+import {
+  BoxContent_default
+} from "./chunk-OJAMAX3C.mjs";
+
+// components/box/content/index.ts
+var content_default = BoxContent_default;
+
+export {
+  content_default
+};

package/lib/chunk-TWYKX3VS.mjs

@@ -0,0 +1,10 @@
+import {
+  TimelineMarker_default
+} from "./chunk-QOGGK45Y.mjs";
+
+// components/timeline/marker/index.ts
+var marker_default = TimelineMarker_default;
+
+export {
+  marker_default
+};

package/lib/chunk-TYWDLDZY.mjs

@@ -0,0 +1,10 @@
+import {
+  SegmentControlItem_default
+} from "./chunk-ROZMCO2Z.mjs";
+
+// components/segment-control/item/index.ts
+var item_default = SegmentControlItem_default;
+
+export {
+  item_default
+};