@universityofmaryland/web-elements-library 1.5.9 → 1.6.0-beta.1

package/dist/composite/person/hero.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"hero.mjs","sources":["../../../source/composite/person/hero.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { assets, textLockup } from 'atomic';\nimport { PersonContact } from './_types';\nimport { type ElementModel } from '../../_types';\n\ninterface Theme {\n  isThemeDark?: boolean;\n}\n\ninterface PersonText extends Theme {\n  name: HTMLElement | null;\n  job?: HTMLElement | null;\n  subText?: HTMLElement | null;\n}\n\ninterface PersonInfo extends PersonContact, Theme {\n  image?: HTMLImageElement | null;\n  association?: HTMLElement | null;\n  pronouns?: HTMLElement | null;\n}\n\ninterface PersonHero extends PersonText, PersonInfo {\n  breadcrumbMobile?: HTMLElement | null;\n  breadcrumbDesktop?: HTMLElement | null;\n}\n\nconst CreateImageBlock = (props: PersonInfo): ElementModel<HTMLElement> => {\n  const { image, association, pronouns, isThemeDark } = props;\n\n  const wrapper = new ElementBuilder().withClassName(\n    'umd-person-hero-image-wrapper',\n  );\n\n  const contactContainer = textLockup.contact({\n    ...props,\n    isThemeDark: !isThemeDark,\n  });\n\n  if (image) {\n    const imageBlock = assets.image.background({\n      element: image,\n      isScaled: false,\n    });\n\n    const imageContainer = new ElementBuilder()\n      .withClassName('umd-person-hero-image')\n      .withChild(imageBlock)\n      .withStyles({\n        element: {\n          backgroundColor: `${\n            isThemeDark ? token.color.gray.lightest : token.color.gray.darker\n          }`,\n          display: 'flex',\n          justifyContent: 'center',\n          marginBottom: token.spacing.md,\n\n          ['& img']: {\n            [`@container (max-width: ${token.media.breakpoints.large.max})`]: {\n              maxHeight: '160px',\n            },\n          },\n        },\n      })\n      .build();\n\n    wrapper.withChild(imageContainer);\n  }\n\n  if (association) {\n    wrapper.withChild(\n      new ElementBuilder(association)\n        .styled(\n          Styles.typography.sans.compose('large', {\n            theme: theme.fontColor(!isThemeDark),\n          }),\n        )\n        .withStyles({\n          element: {\n            display: 'block',\n          },\n          siblingAfter: {\n            marginTop: token.spacing.min,\n          },\n        })\n        .build(),\n    );\n  }\n\n  if (pronouns) {\n    wrapper.withChild(\n      new ElementBuilder(document.createElement('i'))\n        .withClassName('umd-person-hero-pronouns')\n        .withStyles({\n          element: {\n            display: 'block',\n            color: `${isThemeDark ? token.color.black : token.color.white}`,\n\n            ['*']: {\n              color: 'currentColor',\n            },\n          },\n          siblingAfter: {\n            display: 'block',\n            marginTop: token.spacing.min,\n          },\n        })\n        .withChild(pronouns)\n        .build(),\n    );\n  }\n\n  if (contactContainer) {\n    wrapper.withChild(contactContainer);\n  }\n\n  const wrapperBuilt = wrapper.build();\n\n  return new ElementBuilder()\n    .withClassName('umd-person-hero-image-container')\n    .withChild(wrapperBuilt)\n    .withStyles({\n      element: {\n        paddingTop: `${token.spacing.lg}`,\n        paddingBottom: `${token.spacing.lg}`,\n        backgroundColor: `${\n          isThemeDark ? token.color.gray.lightest : token.color.black\n        }`,\n        position: 'relative',\n\n        [`@container (max-width: ${token.media.breakpoints.large.max})`]: {\n          paddingLeft: `${token.spacing.md}`,\n          paddingRight: `${token.spacing.md}`,\n        },\n\n        [`@container (min-width: ${token.media.breakpoints.tablet.min})`]: {\n          padding: `${token.spacing.md}`,\n          width: '30%',\n          maxWidth: '320px',\n        },\n      },\n    })\n    .build();\n};\n\nconst CreateTextContainer = ({\n  name,\n  job,\n  subText,\n  isThemeDark,\n}: PersonText): ElementModel<HTMLElement> => {\n  const lineWrapper = new ElementBuilder()\n    .styled(Styles.element.text.line.adjustentInset)\n    .withStyles({\n      pseudoBefore: {\n        backgroundColor: `${isThemeDark ? token.color.gold : token.color.red}`,\n      },\n    });\n\n  if (subText) {\n    lineWrapper.withChild(\n      new ElementBuilder(subText)\n        .styled(\n          Styles.typography.sans.compose('small', {\n            theme: theme.fontColor(isThemeDark),\n          }),\n        )\n        .withStyles({\n          element: {\n            display: 'block',\n            textTransform: 'uppercase',\n            fontWeight: '700',\n            maxWidth: '650px',\n          },\n          siblingAfter: {\n            marginTop: token.spacing.min,\n\n            [`@container (min-width: ${token.media.breakpoints.tablet.min})`]: {\n              marginTop: token.spacing.sm,\n            },\n          },\n        })\n        .build(),\n    );\n  }\n\n  if (name) {\n    lineWrapper.withChild(\n      new ElementBuilder(name)\n        .styled(\n          Styles.typography.campaign.compose('large', {\n            theme: theme.fontColor(isThemeDark),\n          }),\n        )\n        .withStyles({\n          element: {\n            textTransform: 'uppercase',\n            fontWeight: '700',\n            display: 'block',\n          },\n          siblingAfter: {\n            marginTop: token.spacing.min,\n\n            [`@container (min-width: ${token.media.breakpoints.tablet.min})`]: {\n              marginTop: token.spacing.md,\n            },\n          },\n        })\n        .build(),\n    );\n  }\n\n  if (job) {\n    lineWrapper.withChild(\n      new ElementBuilder(job)\n        .styled(\n          Styles.typography.sans.compose('medium', {\n            theme: theme.fontColor(isThemeDark),\n          }),\n        )\n        .withStyles({\n          element: {\n            display: 'block',\n\n            ...(!isThemeDark && {\n              color: token.color.gray.dark,\n            }),\n          },\n        })\n        .build(),\n    );\n  }\n\n  const lineWrapperBuilt = lineWrapper.build();\n\n  return new ElementBuilder()\n    .withClassName('person-hero-text')\n    .withChild(lineWrapperBuilt)\n    .withStyles({\n      element: {\n        backgroundColor: `${\n          isThemeDark ? token.color.black : token.color.gray.lightest\n        }`,\n        paddingTop: `${token.spacing['3xl']}`,\n        paddingBottom: `${token.spacing['3xl']}`,\n        position: 'relative',\n\n        [`@container (max-width: ${token.media.breakpoints.large.max})`]: {\n          paddingLeft: `${token.spacing.md}`,\n          paddingRight: `${token.spacing.md}`,\n        },\n\n        [`@container (min-width: ${token.media.breakpoints.tablet.min})`]: {\n          paddingTop: `0`,\n          paddingBottom: `${token.spacing['7xl']}`,\n          alignSelf: 'flex-start',\n        },\n      },\n      pseudoBefore: {\n        content: '\"\"',\n        position: 'absolute',\n        top: '-100px',\n        left: '0',\n        bottom: '0',\n        width: '200vw',\n        transform: 'translateX(-20%)',\n        backgroundColor: `${\n          isThemeDark ? token.color.black : token.color.gray.lightest\n        }`,\n      },\n    })\n    .build();\n};\n\nexport default (props: PersonHero): ElementModel<HTMLElement> => {\n  const { breadcrumbMobile, breadcrumbDesktop } = props;\n  const textContainer = CreateTextContainer(props);\n\n  const textColumns = new ElementBuilder()\n    .withClassName('umd-person-hero-columns')\n    .withChild(textContainer)\n    .withStyles({\n      element: {\n        [`@container (min-width: ${token.media.breakpoints.tablet.min})`]: {\n          width: '70%',\n        },\n      },\n    });\n\n  if (breadcrumbDesktop) {\n    const textColumnBreadcrumb = new ElementBuilder()\n      .withClassName('umd-person-hero-breadcrumb-desktop')\n      .withChild(breadcrumbDesktop)\n      .withStyles({\n        element: {\n          [`@container (max-width: ${token.media.breakpoints.large.max})`]: {\n            display: 'none',\n          },\n        },\n      })\n      .build();\n\n    textColumns.withChild(textColumnBreadcrumb);\n  }\n\n  const textColumnsBuilt = textColumns.build();\n  const imageBlock = CreateImageBlock(props);\n\n  const elementWrapper = new ElementBuilder()\n    .withClassName('umd-person-hero-wrapper')\n    .withChild(textColumnsBuilt)\n    .withChild(imageBlock)\n    .withStyles({\n      element: {\n        [`@container (min-width: ${token.media.breakpoints.tablet.min})`]: {\n          display: 'flex',\n          justifyContent: 'space-between',\n          paddingTop: `${token.spacing['7xl']}`,\n        },\n      },\n    })\n    .build();\n\n  const elementLock = new ElementBuilder()\n    .styled(Styles.layout.space.horizontal.larger)\n    .withChild(elementWrapper)\n    .withStyles({\n      element: {\n        [`@container (max-width: ${token.media.breakpoints.large.max})`]: {\n          padding: '0',\n        },\n      },\n    });\n\n  if (breadcrumbMobile) {\n    const mainBreadcrumb = new ElementBuilder()\n      .withClassName('umd-person-hero-breadcrumb-mobile')\n      .withChild(breadcrumbMobile)\n      .withStyles({\n        element: {\n          paddingLeft: `${token.spacing.md}`,\n          paddingRight: `${token.spacing.md}`,\n\n          [`@container (min-width: ${token.media.breakpoints.tablet.min})`]: {\n            display: 'none',\n          },\n        },\n      })\n      .build();\n\n    elementLock.withChild(mainBreadcrumb);\n  }\n\n  const elementLockBuilt = elementLock.build();\n\n  return new ElementBuilder()\n    .withClassName('umd-person-hero')\n    .withChild(elementLockBuilt)\n    .withStyles({\n      element: {\n        overflow: 'hidden',\n        containerType: 'inline-size',\n      },\n    })\n    .build();\n};\n"],"names":["textLockup.contact","assets.image.background","imageContainer"],"mappings":"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"}

package/dist/composite/person/index.mjs

@@ -1,13 +0,0 @@
-import * as index from "./bio/index.mjs";
-import { default as default2 } from "./block.mjs";
-import { default as default3 } from "./hero.mjs";
-import { default as default4 } from "./list.mjs";
-import { default as default5 } from "./tabular.mjs";
-export {
-  index as bio,
-  default2 as block,
-  default3 as hero,
-  default4 as list,
-  default5 as tabular
-};
-//# sourceMappingURL=index.mjs.map

package/dist/composite/person/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/composite/person/list.mjs

@@ -1,98 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as token from "@universityofmaryland/web-token-library";
-import { createMediaQuery } from "@universityofmaryland/web-utilities-library/styles";
-import "@universityofmaryland/web-styles-library/element";
-import "@universityofmaryland/web-styles-library/layout";
-import "@universityofmaryland/web-styles-library/animation";
-import "@universityofmaryland/web-styles-library/typography";
-import "@universityofmaryland/web-utilities-library/media";
-import "@universityofmaryland/web-utilities-library/dom";
-import "@universityofmaryland/web-icons-library/controls";
-import "@universityofmaryland/web-icons-library/communication";
-import "@universityofmaryland/web-icons-library/files";
-import "@universityofmaryland/web-icons-library/brand";
-import "@universityofmaryland/web-icons-library/arrows";
-import "../../atomic/animations/actions/indicator.mjs";
-import "../../atomic/animations/brand/chevron-scroll.mjs";
-import "../../atomic/animations/brand/card-stack.mjs";
-import "@universityofmaryland/web-styles-library";
-import "@universityofmaryland/web-utilities-library/performance";
-import "@universityofmaryland/web-utilities-library/accessibility";
-import "@universityofmaryland/web-icons-library/location";
-import "@universityofmaryland/web-icons-library/calendar";
-import "@universityofmaryland/web-utilities-library/theme";
-import "../../atomic/layout/block/stacked.mjs";
-import "../../atomic/layout/overlay/modal.mjs";
-import { image, information } from "../../atomic/layout/person/columns.mjs";
-import "@universityofmaryland/web-icons-library/social";
-import "../../atomic/text-lockup/date.mjs";
-import "../../atomic/text-lockup/small.mjs";
-const smallBreakpoint = token.media.breakpointValues.small.max;
-const mediumBreakpointStart = token.media.breakpointValues.medium.min;
-const mediumBreakpoint = token.media.breakpointValues.large.min;
-const list = ({
-  actions,
-  address,
-  association,
-  email,
-  image: image$1,
-  isThemeDark,
-  job,
-  linkendIn,
-  name,
-  phone,
-  pronouns,
-  subText
-}) => {
-  const builder = new ElementBuilder().withClassName("person-list-container").withStyles({
-    element: {
-      overflow: "hidden",
-      display: "flex",
-      ...createMediaQuery("max-width", smallBreakpoint, {
-        flexDirection: "column"
-      })
-    }
-  });
-  if (image$1) {
-    builder.withChild(
-      image({
-        customStyles: {
-          ...createMediaQuery("min-width", mediumBreakpointStart, {
-            display: "block",
-            width: "160px",
-            paddingRight: `${token.spacing.md}`,
-            alignSelf: "flex-start"
-          }),
-          ...createMediaQuery("min-width", mediumBreakpoint, {
-            width: "208px"
-          })
-        },
-        image: image$1,
-        isThemeDark
-      })
-    );
-  }
-  if (name) {
-    builder.withChild(
-      information({
-        actions,
-        address,
-        association,
-        customStyles: {},
-        email,
-        isThemeDark,
-        job,
-        linkendIn,
-        name,
-        phone,
-        pronouns,
-        subText
-      })
-    );
-  }
-  return builder.build();
-};
-export {
-  list as default
-};
-//# sourceMappingURL=list.mjs.map

package/dist/composite/person/list.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"list.mjs","sources":["../../../source/composite/person/list.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { createMediaQuery } from '@universityofmaryland/web-utilities-library/styles';\nimport { layout } from 'atomic';\nimport { PersonCard } from './_types';\nimport { type ElementModel } from '../../_types';\n\nconst smallBreakpoint = token.media.breakpointValues.small.max;\nconst mediumBreakpointStart = token.media.breakpointValues.medium.min;\nconst mediumBreakpoint = token.media.breakpointValues.large.min;\n\nexport default ({\n  actions,\n  address,\n  association,\n  email,\n  image,\n  isThemeDark,\n  job,\n  linkendIn,\n  name,\n  phone,\n  pronouns,\n  subText,\n}: PersonCard): ElementModel<HTMLElement> => {\n  const builder = new ElementBuilder()\n    .withClassName('person-list-container')\n    .withStyles({\n      element: {\n        overflow: 'hidden',\n        display: 'flex',\n\n        ...createMediaQuery('max-width', smallBreakpoint, {\n          flexDirection: 'column',\n        }),\n      },\n    });\n\n  if (image) {\n    builder.withChild(\n      layout.person.columns.image({\n        customStyles: {\n          ...createMediaQuery('min-width', mediumBreakpointStart, {\n            display: 'block',\n            width: '160px',\n            paddingRight: `${token.spacing.md}`,\n            alignSelf: 'flex-start',\n          }),\n\n          ...createMediaQuery('min-width', mediumBreakpoint, {\n            width: '208px',\n          }),\n        },\n        image,\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (name) {\n    builder.withChild(\n      layout.person.columns.information({\n        actions,\n        address,\n        association,\n        customStyles: {},\n        email,\n        isThemeDark,\n        job,\n        linkendIn,\n        name,\n        phone,\n        pronouns,\n        subText,\n      }),\n    );\n  }\n\n  return builder.build();\n};\n"],"names":["image","layout.person.columns.image","layout.person.columns.information"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,kBAAkB,MAAM,MAAM,iBAAiB,MAAM;AAC3D,MAAM,wBAAwB,MAAM,MAAM,iBAAiB,OAAO;AAClE,MAAM,mBAAmB,MAAM,MAAM,iBAAiB,MAAM;AAE5D,MAAA,OAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAAA,OACAA;AAAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6C;AAC3C,QAAM,UAAU,IAAI,eAAA,EACjB,cAAc,uBAAuB,EACrC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,MAET,GAAG,iBAAiB,aAAa,iBAAiB;AAAA,QAChD,eAAe;AAAA,MAAA,CAChB;AAAA,IAAA;AAAA,EACH,CACD;AAEH,MAAIA,SAAO;AACT,YAAQ;AAAA,MACNC,MAA4B;AAAA,QAC1B,cAAc;AAAA,UACZ,GAAG,iBAAiB,aAAa,uBAAuB;AAAA,YACtD,SAAS;AAAA,YACT,OAAO;AAAA,YACP,cAAc,GAAG,MAAM,QAAQ,EAAE;AAAA,YACjC,WAAW;AAAA,UAAA,CACZ;AAAA,UAED,GAAG,iBAAiB,aAAa,kBAAkB;AAAA,YACjD,OAAO;AAAA,UAAA,CACR;AAAA,QAAA;AAAA,QACH,OACAD;AAAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,MAAM;AACR,YAAQ;AAAA,MACNE,YAAkC;AAAA,QAChC;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc,CAAA;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,SAAO,QAAQ,MAAA;AACjB;"}

package/dist/composite/person/tabular.mjs

@@ -1,114 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as token from "@universityofmaryland/web-token-library";
-import * as typography from "@universityofmaryland/web-styles-library/typography";
-import * as animation from "@universityofmaryland/web-styles-library/animation";
-import { createMediaQuery } from "@universityofmaryland/web-utilities-library/styles";
-import { theme } from "@universityofmaryland/web-utilities-library/theme";
-import { wrapTextNodeInSpan } from "@universityofmaryland/web-utilities-library/dom";
-import "@universityofmaryland/web-styles-library/element";
-import "@universityofmaryland/web-styles-library/layout";
-import "@universityofmaryland/web-utilities-library/media";
-import "@universityofmaryland/web-icons-library/controls";
-import "@universityofmaryland/web-icons-library/communication";
-import "@universityofmaryland/web-icons-library/files";
-import "@universityofmaryland/web-icons-library/brand";
-import "@universityofmaryland/web-icons-library/arrows";
-import "../../atomic/animations/actions/indicator.mjs";
-import "../../atomic/animations/brand/chevron-scroll.mjs";
-import "../../atomic/animations/brand/card-stack.mjs";
-import "@universityofmaryland/web-styles-library";
-import "@universityofmaryland/web-utilities-library/performance";
-import "@universityofmaryland/web-utilities-library/accessibility";
-import "@universityofmaryland/web-icons-library/location";
-import "@universityofmaryland/web-icons-library/calendar";
-import "../../atomic/layout/block/stacked.mjs";
-import "../../atomic/layout/overlay/modal.mjs";
-import { image, details, contact } from "../../atomic/layout/person/columns.mjs";
-import "@universityofmaryland/web-icons-library/social";
-import "../../atomic/text-lockup/date.mjs";
-import "../../atomic/text-lockup/small.mjs";
-const smallBreakpoint = token.media.breakpointValues.small.max;
-const tabular = ({
-  actions,
-  additionalContact,
-  address,
-  association,
-  email,
-  image: image$1,
-  isThemeDark,
-  job,
-  linkendIn,
-  name,
-  phone,
-  pronouns,
-  subText
-}) => {
-  const builder = new ElementBuilder().withClassName("person-tabular-container").withStyles({
-    element: {
-      overflow: "hidden",
-      display: "flex",
-      ...createMediaQuery("max-width", smallBreakpoint, {
-        flexDirection: "column"
-      })
-    }
-  });
-  if (image$1) {
-    builder.withChild(
-      image({
-        image: image$1,
-        isThemeDark
-      })
-    );
-  }
-  if (name) {
-    const nameStyles = {
-      ...typography.sans.compose("large", {
-        theme: theme.fontColor(isThemeDark)
-      }),
-      ...animation.line.composeSlideUnder({
-        color: theme.foreground(isThemeDark)
-      })
-    };
-    const nameComposite = new ElementBuilder(name).withClassName("person-tabular-name").styled(nameStyles).withStyles({
-      element: {
-        fontWeight: `${token.font.weight.bold}`,
-        [`& + *`]: {
-          marginTop: token.spacing.min
-        }
-      },
-      subElement: {
-        color: "currentColor"
-      }
-    }).withModifier((el) => wrapTextNodeInSpan(el)).build();
-    builder.withChild(
-      details({
-        actions,
-        association,
-        isThemeDark,
-        customStyles: {},
-        job,
-        nameComposite,
-        pronouns,
-        subText
-      })
-    );
-  }
-  if (additionalContact || address || email || linkendIn || phone) {
-    builder.withChild(
-      contact({
-        additionalContact,
-        address,
-        customStyles: {},
-        email,
-        isThemeDark,
-        linkendIn,
-        phone
-      })
-    );
-  }
-  return builder.build();
-};
-export {
-  tabular as default
-};
-//# sourceMappingURL=tabular.mjs.map

package/dist/composite/person/tabular.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabular.mjs","sources":["../../../source/composite/person/tabular.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport * as animationStyles from '@universityofmaryland/web-styles-library/animation';\nimport { createMediaQuery } from '@universityofmaryland/web-utilities-library/styles';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { wrapTextNodeInSpan } from '@universityofmaryland/web-utilities-library/dom';\nimport { layout } from 'atomic';\nimport { PersonCard } from './_types';\nimport { type UMDElement } from '../../_types';\n\nconst smallBreakpoint = token.media.breakpointValues.small.max;\n\nexport default ({\n  actions,\n  additionalContact,\n  address,\n  association,\n  email,\n  image,\n  isThemeDark,\n  job,\n  linkendIn,\n  name,\n  phone,\n  pronouns,\n  subText,\n}: PersonCard): UMDElement => {\n  const builder = new ElementBuilder()\n    .withClassName('person-tabular-container')\n    .withStyles({\n      element: {\n        overflow: 'hidden',\n        display: 'flex',\n\n        ...createMediaQuery('max-width', smallBreakpoint, {\n          flexDirection: 'column',\n        }),\n      },\n    });\n\n  if (image) {\n    builder.withChild(\n      layout.person.columns.image({\n        image,\n        isThemeDark,\n      }),\n    );\n  }\n\n  if (name) {\n    const nameStyles = {\n      ...typography.sans.compose('large', {\n        theme: theme.fontColor(isThemeDark),\n      }),\n      ...animationStyles.line.composeSlideUnder({\n        color: theme.foreground(isThemeDark),\n      }),\n    };\n\n    const nameComposite = new ElementBuilder(name)\n      .withClassName('person-tabular-name')\n      .styled(nameStyles)\n      .withStyles({\n        element: {\n          fontWeight: `${token.font.weight.bold}`,\n\n          [`& + *`]: {\n            marginTop: token.spacing.min,\n          },\n        },\n        subElement: {\n          color: 'currentColor',\n        },\n      })\n      .withModifier((el) => wrapTextNodeInSpan(el))\n      .build();\n\n    builder.withChild(\n      layout.person.columns.details({\n        actions,\n        association,\n        isThemeDark,\n        customStyles: {},\n        job,\n        nameComposite,\n        pronouns,\n        subText,\n      }),\n    );\n  }\n\n  if (additionalContact || address || email || linkendIn || phone) {\n    builder.withChild(\n      layout.person.columns.contact({\n        additionalContact,\n        address,\n        customStyles: {},\n        email,\n        isThemeDark,\n        linkendIn,\n        phone,\n      }),\n    );\n  }\n\n  return builder.build();\n};\n"],"names":["image","layout.person.columns.image","animationStyles","layout.person.columns.details","layout.person.columns.contact"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,kBAAkB,MAAM,MAAM,iBAAiB,MAAM;AAE3D,MAAA,UAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAAA,OACAA;AAAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA8B;AAC5B,QAAM,UAAU,IAAI,eAAA,EACjB,cAAc,0BAA0B,EACxC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,MAET,GAAG,iBAAiB,aAAa,iBAAiB;AAAA,QAChD,eAAe;AAAA,MAAA,CAChB;AAAA,IAAA;AAAA,EACH,CACD;AAEH,MAAIA,SAAO;AACT,YAAQ;AAAA,MACNC,MAA4B;AAAA,QAAA,OAC1BD;AAAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,MAAM;AACR,UAAM,aAAa;AAAA,MACjB,GAAG,WAAW,KAAK,QAAQ,SAAS;AAAA,QAClC,OAAO,MAAM,UAAU,WAAW;AAAA,MAAA,CACnC;AAAA,MACD,GAAGE,UAAgB,KAAK,kBAAkB;AAAA,QACxC,OAAO,MAAM,WAAW,WAAW;AAAA,MAAA,CACpC;AAAA,IAAA;AAGH,UAAM,gBAAgB,IAAI,eAAe,IAAI,EAC1C,cAAc,qBAAqB,EACnC,OAAO,UAAU,EACjB,WAAW;AAAA,MACV,SAAS;AAAA,QACP,YAAY,GAAG,MAAM,KAAK,OAAO,IAAI;AAAA,QAErC,CAAC,OAAO,GAAG;AAAA,UACT,WAAW,MAAM,QAAQ;AAAA,QAAA;AAAA,MAC3B;AAAA,MAEF,YAAY;AAAA,QACV,OAAO;AAAA,MAAA;AAAA,IACT,CACD,EACA,aAAa,CAAC,OAAO,mBAAmB,EAAE,CAAC,EAC3C,MAAA;AAEH,YAAQ;AAAA,MACNC,QAA8B;AAAA,QAC5B;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc,CAAA;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,MAAI,qBAAqB,WAAW,SAAS,aAAa,OAAO;AAC/D,YAAQ;AAAA,MACNC,QAA8B;AAAA,QAC5B;AAAA,QACA;AAAA,QACA,cAAc,CAAA;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,SAAO,QAAQ,MAAA;AACjB;"}

package/dist/composite/quote/_constants.mjs

@@ -1,7 +0,0 @@
-const SMALL = 500;
-const MEDIUM = 900;
-export {
-  MEDIUM,
-  SMALL
-};
-//# sourceMappingURL=_constants.mjs.map

package/dist/composite/quote/_constants.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_constants.mjs","sources":["../../../source/composite/quote/_constants.ts"],"sourcesContent":["export const SMALL = 500;\nexport const MEDIUM = 900;\n"],"names":[],"mappings":"AAAO,MAAM,QAAQ;AACd,MAAM,SAAS;"}

package/dist/composite/quote/elements/action.mjs

@@ -1,26 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as token from "@universityofmaryland/web-token-library";
-import * as layout from "@universityofmaryland/web-styles-library/layout";
-const elementAction = ({
-  action,
-  image,
-  includesAnimation,
-  isTypeFeatured = false
-}) => new ElementBuilder(action).withClassName("quote-container-actions").withStyles({
-  element: {
-    marginTop: token.spacing.sm,
-    display: "block",
-    ...!isTypeFeatured && {
-      ...layout.grid.inline.tabletRows
-    },
-    ...includesAnimation && (!isTypeFeatured || isTypeFeatured && !image) && {
-      opacity: "0",
-      transform: "translateY(20px)",
-      transition: "opacity 1s ease, transform 0.5s ease"
-    }
-  }
-}).build();
-export {
-  elementAction as default
-};
-//# sourceMappingURL=action.mjs.map

package/dist/composite/quote/elements/action.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"action.mjs","sources":["../../../../source/composite/quote/elements/action.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as layout from '@universityofmaryland/web-styles-library/layout';\nimport { type QuoteBaseProps, type QuoteVariantProps } from '../_types';\n\ninterface QuoteActionProps\n  extends QuoteVariantProps,\n    Pick<QuoteBaseProps, 'includesAnimation' | 'image'> {\n  action: HTMLAnchorElement;\n}\n\nexport default ({\n  action,\n  image,\n  includesAnimation,\n  isTypeFeatured = false,\n}: QuoteActionProps) =>\n  new ElementBuilder(action)\n    .withClassName('quote-container-actions')\n    .withStyles({\n      element: {\n        marginTop: token.spacing.sm,\n        display: 'block',\n\n        ...(!isTypeFeatured && {\n          ...layout.grid.inline.tabletRows,\n        }),\n\n        ...(includesAnimation &&\n          (!isTypeFeatured || (isTypeFeatured && !image)) && {\n            opacity: '0',\n            transform: 'translateY(20px)',\n            transition: 'opacity 1s ease, transform 0.5s ease',\n          }),\n      },\n    })\n    .build();\n"],"names":[],"mappings":";;;AAWA,MAAA,gBAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,MACE,IAAI,eAAe,MAAM,EACtB,cAAc,yBAAyB,EACvC,WAAW;AAAA,EACV,SAAS;AAAA,IACP,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS;AAAA,IAET,GAAI,CAAC,kBAAkB;AAAA,MACrB,GAAG,OAAO,KAAK,OAAO;AAAA,IAAA;AAAA,IAGxB,GAAI,sBACD,CAAC,kBAAmB,kBAAkB,CAAC,UAAW;AAAA,MACjD,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,IAAA;AAAA,EACd;AAEN,CAAC,EACA,MAAA;"}

package/dist/composite/quote/elements/icon.mjs

@@ -1,55 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as token from "@universityofmaryland/web-token-library";
-import { quote } from "@universityofmaryland/web-icons-library/brand";
-import { SMALL } from "../_constants.mjs";
-const elementIcon = ({
-  hasImage = false,
-  isThemeMaryland,
-  isTypeFeatured = false
-}) => {
-  const imageWithFeaturedLayout = hasImage && isTypeFeatured;
-  const iconSpan = new ElementBuilder("span").withClassName("quote-icon-span").withStyles({
-    element: {
-      display: "block",
-      position: "absolute",
-      ...imageWithFeaturedLayout && {
-        display: "none"
-      },
-      ...!hasImage && {
-        height: "15px",
-        width: "22px",
-        left: "-24px",
-        top: "-32px",
-        [`@container (min-width: ${SMALL}px)`]: {
-          left: `-${token.spacing["4xl"]}`,
-          top: "0"
-        }
-      },
-      ...hasImage && {
-        bottom: "-7px",
-        left: "-2px",
-        height: "15px",
-        width: "21px",
-        [`@container (min-width: ${SMALL}px)`]: {
-          height: "20px",
-          width: "29px",
-          top: "-11px",
-          right: "-20px",
-          left: "inherit"
-        }
-      },
-      ["& svg"]: {
-        fill: token.color.red,
-        ...isThemeMaryland && {
-          fill: token.color.gold
-        }
-      }
-    }
-  }).build();
-  iconSpan.element.innerHTML = quote;
-  return iconSpan;
-};
-export {
-  elementIcon as default
-};
-//# sourceMappingURL=icon.mjs.map

package/dist/composite/quote/elements/icon.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.mjs","sources":["../../../../source/composite/quote/elements/icon.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { quote as iconQuote } from '@universityofmaryland/web-icons-library/brand';\nimport { SMALL } from '../_constants';\nimport { type QuoteBaseProps, type QuoteVariantProps } from '../_types';\n\ninterface QuoteIconProps\n  extends QuoteVariantProps,\n    Pick<QuoteBaseProps, 'isThemeMaryland'> {\n  hasImage?: boolean;\n}\n\nexport default ({\n  hasImage = false,\n  isThemeMaryland,\n  isTypeFeatured = false,\n}: QuoteIconProps) => {\n  const imageWithFeaturedLayout = hasImage && isTypeFeatured;\n\n  const iconSpan = new ElementBuilder('span')\n    .withClassName('quote-icon-span')\n    .withStyles({\n      element: {\n        display: 'block',\n        position: 'absolute',\n\n        ...(imageWithFeaturedLayout && {\n          display: 'none',\n        }),\n\n        ...(!hasImage && {\n          height: '15px',\n          width: '22px',\n          left: '-24px',\n          top: '-32px',\n\n          [`@container (min-width: ${SMALL}px)`]: {\n            left: `-${token.spacing['4xl']}`,\n            top: '0',\n          },\n        }),\n\n        ...(hasImage && {\n          bottom: '-7px',\n          left: '-2px',\n          height: '15px',\n          width: '21px',\n\n          [`@container (min-width: ${SMALL}px)`]: {\n            height: '20px',\n            width: '29px',\n            top: '-11px',\n            right: '-20px',\n            left: 'inherit',\n          },\n        }),\n\n        ['& svg']: {\n          fill: token.color.red,\n\n          ...(isThemeMaryland && {\n            fill: token.color.gold,\n          }),\n        },\n      },\n    })\n    .build();\n\n  iconSpan.element.innerHTML = iconQuote;\n\n  return iconSpan;\n};\n"],"names":["iconQuote"],"mappings":";;;;AAYA,MAAA,cAAe,CAAC;AAAA,EACd,WAAW;AAAA,EACX;AAAA,EACA,iBAAiB;AACnB,MAAsB;AACpB,QAAM,0BAA0B,YAAY;AAE5C,QAAM,WAAW,IAAI,eAAe,MAAM,EACvC,cAAc,iBAAiB,EAC/B,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MAEV,GAAI,2BAA2B;AAAA,QAC7B,SAAS;AAAA,MAAA;AAAA,MAGX,GAAI,CAAC,YAAY;AAAA,QACf,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,KAAK;AAAA,QAEL,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,UACtC,MAAM,IAAI,MAAM,QAAQ,KAAK,CAAC;AAAA,UAC9B,KAAK;AAAA,QAAA;AAAA,MACP;AAAA,MAGF,GAAI,YAAY;AAAA,QACd,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QAEP,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,UACtC,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,KAAK;AAAA,UACL,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAGF,CAAC,OAAO,GAAG;AAAA,QACT,MAAM,MAAM,MAAM;AAAA,QAElB,GAAI,mBAAmB;AAAA,UACrB,MAAM,MAAM,MAAM;AAAA,QAAA;AAAA,MACpB;AAAA,IACF;AAAA,EACF,CACD,EACA,MAAA;AAEH,WAAS,QAAQ,YAAYA;AAE7B,SAAO;AACT;"}

package/dist/composite/quote/elements/image.mjs

@@ -1,51 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as token from "@universityofmaryland/web-token-library";
-import elementIcon from "./icon.mjs";
-import { SMALL } from "../_constants.mjs";
-const elementImage = ({
-  image,
-  isSizeLarge,
-  isThemeMaryland,
-  isTypeFeatured
-}) => {
-  const iconSpan = elementIcon({
-    hasImage: image != null,
-    isTypeFeatured,
-    isThemeMaryland
-  });
-  const imageElement = new ElementBuilder(image).withClassName("quote-image").withStyles({
-    element: {
-      maxWidth: "100%",
-      height: "auto",
-      ...!isTypeFeatured && {
-        maxWidth: "160px",
-        [`@container (min-width: ${SMALL}px)`]: {
-          borderRight: `2px solid ${token.color.red}`
-        }
-      },
-      ...!isTypeFeatured && isSizeLarge && { maxWidth: "200px" },
-      ...!isTypeFeatured && isThemeMaryland && {
-        borderRight: `2px solid ${token.color.gold}`
-      }
-    }
-  }).build();
-  const container = new ElementBuilder().withClassName("quote-image-container").withStyles({
-    element: {
-      display: "inline-block",
-      position: "relative",
-      ...!isTypeFeatured && {
-        marginBottom: token.spacing.sm,
-        position: "relative"
-      }
-    }
-  });
-  if (!isTypeFeatured) {
-    container.withChild(iconSpan);
-  }
-  container.withChild(imageElement);
-  return container.build();
-};
-export {
-  elementImage as default
-};
-//# sourceMappingURL=image.mjs.map

package/dist/composite/quote/elements/image.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.mjs","sources":["../../../../source/composite/quote/elements/image.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { default as elementIcon } from './icon';\nimport { SMALL } from '../_constants';\nimport {\n  type QuoteBaseProps,\n  type QuoteVariantProps,\n  type QuoteSizeProps,\n} from '../_types';\n\ninterface QuoteImageProps\n  extends QuoteVariantProps,\n    QuoteSizeProps,\n    Pick<QuoteBaseProps, 'isThemeMaryland'> {\n  image: HTMLImageElement;\n}\n\nexport default ({\n  image,\n  isSizeLarge,\n  isThemeMaryland,\n  isTypeFeatured,\n}: QuoteImageProps) => {\n  const iconSpan = elementIcon({\n    hasImage: image != null,\n    isTypeFeatured,\n    isThemeMaryland,\n  });\n\n  const imageElement = new ElementBuilder(image)\n    .withClassName('quote-image')\n    .withStyles({\n      element: {\n        maxWidth: '100%',\n        height: 'auto',\n\n        ...(!isTypeFeatured && {\n          maxWidth: '160px',\n\n          [`@container (min-width: ${SMALL}px)`]: {\n            borderRight: `2px solid ${token.color.red}`,\n          },\n        }),\n\n        ...(!isTypeFeatured && isSizeLarge && { maxWidth: '200px' }),\n\n        ...(!isTypeFeatured &&\n          isThemeMaryland && {\n            borderRight: `2px solid ${token.color.gold}`,\n          }),\n      },\n    })\n    .build();\n\n  const container = new ElementBuilder()\n    .withClassName('quote-image-container')\n    .withStyles({\n      element: {\n        display: 'inline-block',\n        position: 'relative',\n\n        ...(!isTypeFeatured && {\n          marginBottom: token.spacing.sm,\n          position: 'relative',\n        }),\n      },\n    });\n\n  if (!isTypeFeatured) {\n    container.withChild(iconSpan);\n  }\n\n  container.withChild(imageElement);\n\n  return container.build();\n};\n"],"names":[],"mappings":";;;;AAiBA,MAAA,eAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,QAAM,WAAW,YAAY;AAAA,IAC3B,UAAU,SAAS;AAAA,IACnB;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,eAAe,IAAI,eAAe,KAAK,EAC1C,cAAc,aAAa,EAC3B,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,QAAQ;AAAA,MAER,GAAI,CAAC,kBAAkB;AAAA,QACrB,UAAU;AAAA,QAEV,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,UACtC,aAAa,aAAa,MAAM,MAAM,GAAG;AAAA,QAAA;AAAA,MAC3C;AAAA,MAGF,GAAI,CAAC,kBAAkB,eAAe,EAAE,UAAU,QAAA;AAAA,MAElD,GAAI,CAAC,kBACH,mBAAmB;AAAA,QACjB,aAAa,aAAa,MAAM,MAAM,IAAI;AAAA,MAAA;AAAA,IAC5C;AAAA,EACJ,CACD,EACA,MAAA;AAEH,QAAM,YAAY,IAAI,eAAA,EACnB,cAAc,uBAAuB,EACrC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MAEV,GAAI,CAAC,kBAAkB;AAAA,QACrB,cAAc,MAAM,QAAQ;AAAA,QAC5B,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,CACD;AAEH,MAAI,CAAC,gBAAgB;AACnB,cAAU,UAAU,QAAQ;AAAA,EAC9B;AAEA,YAAU,UAAU,YAAY;AAEhC,SAAO,UAAU,MAAA;AACnB;"}

package/dist/composite/quote/elements/index.mjs

@@ -1,13 +0,0 @@
-import { default as default2 } from "./image.mjs";
-import { default as default3 } from "./text.mjs";
-import { default as default4 } from "./icon.mjs";
-import { default as default5 } from "./action.mjs";
-import { default as default6 } from "./quote.mjs";
-export {
-  default5 as action,
-  default4 as icon,
-  default2 as image,
-  default6 as quote,
-  default3 as text
-};
-//# sourceMappingURL=index.mjs.map

package/dist/composite/quote/elements/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/composite/quote/elements/quote.mjs

@@ -1,86 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as token from "@universityofmaryland/web-token-library";
-import * as typography from "@universityofmaryland/web-styles-library/typography";
-import { theme } from "@universityofmaryland/web-utilities-library/theme";
-import elementIcon from "./icon.mjs";
-import { SMALL } from "../_constants.mjs";
-const splitWords = (quote) => {
-  const text = quote.textContent ?? "";
-  const words = text.trim().split(/\s+/);
-  const wordElements = words.map((word, index) => {
-    const wordElement = document.createElement("span");
-    wordElement.classList.add("quote-text-split-word");
-    Object.assign(wordElement.style, {
-      display: "inline-block",
-      whiteSpace: "pre-wrap",
-      opacity: "0",
-      transform: "translateY(20px)",
-      transition: "opacity 1s ease, transform 0.5s ease"
-    });
-    wordElement.textContent = word + (index < words.length - 1 ? " " : "");
-    return wordElement;
-  });
-  return wordElements;
-};
-const elementQuote = (props) => {
-  const {
-    hasImage = false,
-    includesAnimation = false,
-    isSizeLarge = false,
-    isThemeMaryland = false,
-    isTypeFeatured = false,
-    quote,
-    shouldHaveWhiteText = false
-  } = props;
-  const isHasImageAndNotFeatured = hasImage && !isTypeFeatured;
-  const iconSpan = elementIcon(props);
-  const wordsList = splitWords(quote);
-  let quoteTextElement = quote;
-  if (includesAnimation) {
-    quoteTextElement = document.createElement("div");
-    wordsList.map((word) => {
-      quoteTextElement.appendChild(word);
-    });
-  }
-  const fontStyles = isSizeLarge ? typography.sans.compose("extralarge", {
-    theme: theme.fontColor(shouldHaveWhiteText)
-  }) : typography.sans.compose("larger", {
-    theme: theme.fontColor(shouldHaveWhiteText)
-  });
-  const builder = new ElementBuilder(quoteTextElement).styled(fontStyles).withClassName("quote-container-quote").withStyles({
-    element: {
-      position: "relative",
-      fontWeight: "700",
-      [`&::before`]: {
-        content: '""',
-        position: "absolute",
-        left: `-${token.spacing.md}`,
-        top: "7px",
-        height: "calc(100% - 14px)",
-        width: "2px",
-        display: "block",
-        backgroundColor: token.color.red,
-        ...isThemeMaryland && { backgroundColor: token.color.gold },
-        ...isHasImageAndNotFeatured && {
-          display: "none"
-        },
-        [`@container (min-width: ${SMALL}px)`]: {
-          left: `-${token.spacing.md}`
-        },
-        [`@container (max-width: ${SMALL - 1}px)`]: {
-          ...!isTypeFeatured && {
-            display: "block"
-          }
-        }
-      }
-    }
-  });
-  if (!hasImage) {
-    builder.withChild(iconSpan);
-  }
-  return builder.build();
-};
-export {
-  elementQuote as default
-};
-//# sourceMappingURL=quote.mjs.map

package/dist/composite/quote/elements/quote.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"quote.mjs","sources":["../../../../source/composite/quote/elements/quote.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { default as elementIcon } from './icon';\nimport { SMALL } from '../_constants';\nimport { type QuoteTextProps } from '../_types';\n\ninterface QuoteProps\n  extends Pick<\n    QuoteTextProps,\n    | 'quote'\n    | 'isThemeMaryland'\n    | 'isSizeLarge'\n    | 'isTypeFeatured'\n    | 'includesAnimation'\n  > {\n  hasImage?: boolean;\n  shouldHaveWhiteText?: boolean;\n  quote: HTMLElement;\n}\n\nconst splitWords = (quote: HTMLElement) => {\n  const text = quote.textContent ?? '';\n  const words = text.trim().split(/\\s+/);\n\n  const wordElements = words.map((word, index) => {\n    const wordElement = document.createElement('span');\n    wordElement.classList.add('quote-text-split-word');\n\n    Object.assign(wordElement.style, {\n      display: 'inline-block',\n      whiteSpace: 'pre-wrap',\n      opacity: '0',\n      transform: 'translateY(20px)',\n      transition: 'opacity 1s ease, transform 0.5s ease',\n    });\n\n    wordElement.textContent = word + (index < words.length - 1 ? ' ' : '');\n\n    return wordElement;\n  });\n\n  return wordElements;\n};\n\nexport default (props: QuoteProps) => {\n  const {\n    hasImage = false,\n    includesAnimation = false,\n    isSizeLarge = false,\n    isThemeMaryland = false,\n    isTypeFeatured = false,\n    quote,\n    shouldHaveWhiteText = false,\n  } = props;\n\n  const isHasImageAndNotFeatured = hasImage && !isTypeFeatured;\n  const iconSpan = elementIcon(props);\n  const wordsList = splitWords(quote);\n  let quoteTextElement: HTMLElement = quote;\n\n  if (includesAnimation) {\n    quoteTextElement = document.createElement('div');\n\n    wordsList.map((word) => {\n      quoteTextElement.appendChild(word);\n    });\n  }\n\n  const fontStyles = isSizeLarge\n    ? typography.sans.compose('extralarge', {\n        theme: theme.fontColor(shouldHaveWhiteText),\n      })\n    : typography.sans.compose('larger', {\n        theme: theme.fontColor(shouldHaveWhiteText),\n      });\n\n  const builder = new ElementBuilder(quoteTextElement)\n    .styled(fontStyles)\n    .withClassName('quote-container-quote')\n    .withStyles({\n      element: {\n        position: 'relative',\n        fontWeight: '700',\n\n        [`&::before`]: {\n          content: '\"\"',\n          position: 'absolute',\n          left: `-${token.spacing.md}`,\n          top: '7px',\n          height: 'calc(100% - 14px)',\n          width: '2px',\n          display: 'block',\n          backgroundColor: token.color.red,\n          ...(isThemeMaryland && { backgroundColor: token.color.gold }),\n\n          ...(isHasImageAndNotFeatured && {\n            display: 'none',\n          }),\n\n          [`@container (min-width: ${SMALL}px)`]: {\n            left: `-${token.spacing.md}`,\n          },\n\n          [`@container (max-width: ${SMALL - 1}px)`]: {\n            ...(!isTypeFeatured && {\n              display: 'block',\n            }),\n          },\n        },\n      },\n    });\n\n  if (!hasImage) {\n    builder.withChild(iconSpan);\n  }\n\n  return builder.build();\n};\n"],"names":[],"mappings":";;;;;;AAsBA,MAAM,aAAa,CAAC,UAAuB;AACzC,QAAM,OAAO,MAAM,eAAe;AAClC,QAAM,QAAQ,KAAK,KAAA,EAAO,MAAM,KAAK;AAErC,QAAM,eAAe,MAAM,IAAI,CAAC,MAAM,UAAU;AAC9C,UAAM,cAAc,SAAS,cAAc,MAAM;AACjD,gBAAY,UAAU,IAAI,uBAAuB;AAEjD,WAAO,OAAO,YAAY,OAAO;AAAA,MAC/B,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,IAAA,CACb;AAED,gBAAY,cAAc,QAAQ,QAAQ,MAAM,SAAS,IAAI,MAAM;AAEnE,WAAO;AAAA,EACT,CAAC;AAED,SAAO;AACT;AAEA,MAAA,eAAe,CAAC,UAAsB;AACpC,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB;AAAA,IACA,sBAAsB;AAAA,EAAA,IACpB;AAEJ,QAAM,2BAA2B,YAAY,CAAC;AAC9C,QAAM,WAAW,YAAY,KAAK;AAClC,QAAM,YAAY,WAAW,KAAK;AAClC,MAAI,mBAAgC;AAEpC,MAAI,mBAAmB;AACrB,uBAAmB,SAAS,cAAc,KAAK;AAE/C,cAAU,IAAI,CAAC,SAAS;AACtB,uBAAiB,YAAY,IAAI;AAAA,IACnC,CAAC;AAAA,EACH;AAEA,QAAM,aAAa,cACf,WAAW,KAAK,QAAQ,cAAc;AAAA,IACpC,OAAO,MAAM,UAAU,mBAAmB;AAAA,EAAA,CAC3C,IACD,WAAW,KAAK,QAAQ,UAAU;AAAA,IAChC,OAAO,MAAM,UAAU,mBAAmB;AAAA,EAAA,CAC3C;AAEL,QAAM,UAAU,IAAI,eAAe,gBAAgB,EAChD,OAAO,UAAU,EACjB,cAAc,uBAAuB,EACrC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MAEZ,CAAC,WAAW,GAAG;AAAA,QACb,SAAS;AAAA,QACT,UAAU;AAAA,QACV,MAAM,IAAI,MAAM,QAAQ,EAAE;AAAA,QAC1B,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,iBAAiB,MAAM,MAAM;AAAA,QAC7B,GAAI,mBAAmB,EAAE,iBAAiB,MAAM,MAAM,KAAA;AAAA,QAEtD,GAAI,4BAA4B;AAAA,UAC9B,SAAS;AAAA,QAAA;AAAA,QAGX,CAAC,0BAA0B,KAAK,KAAK,GAAG;AAAA,UACtC,MAAM,IAAI,MAAM,QAAQ,EAAE;AAAA,QAAA;AAAA,QAG5B,CAAC,0BAA0B,QAAQ,CAAC,KAAK,GAAG;AAAA,UAC1C,GAAI,CAAC,kBAAkB;AAAA,YACrB,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF,CACD;AAEH,MAAI,CAAC,UAAU;AACb,YAAQ,UAAU,QAAQ;AAAA,EAC5B;AAEA,SAAO,QAAQ,MAAA;AACjB;"}