@phillips/seldon 1.22.2 → 1.24.0

package/dist/_virtual/Modal.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/dist/_virtual/ModalPortal.js

@@ -0,0 +1,4 @@
+var o = { exports: {} };
+export {
+  o as __module
+};

package/dist/_virtual/_commonjsHelpers.js

@@ -1,6 +1,28 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+function n(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function c(e) {
+  if (e.__esModule)
+    return e;
+  var o = e.default;
+  if (typeof o == "function") {
+    var t = function r() {
+      return this instanceof r ? Reflect.construct(o, arguments, this.constructor) : o.apply(this, arguments);
+    };
+    t.prototype = o.prototype;
+  } else
+    t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(r) {
+    var u = Object.getOwnPropertyDescriptor(e, r);
+    Object.defineProperty(t, r, u.get ? u : {
+      enumerable: !0,
+      get: function() {
+        return e[r];
+      }
+    });
+  }), t;
 }
 export {
-  e as getDefaultExportFromCjs
+  c as getAugmentedNamespace,
+  n as getDefaultExportFromCjs
 };

package/dist/_virtual/ariaAppHider.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/bodyTrap.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/classList.js

@@ -0,0 +1,4 @@
+var s = {};
+export {
+  s as __exports
+};

package/dist/_virtual/focusManager.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/dist/_virtual/index2.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/index3.js

@@ -0,0 +1,4 @@
+var p = { exports: {} };
+export {
+  p as __module
+};

package/dist/_virtual/index4.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/index5.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/portalOpenInstances.js

@@ -0,0 +1,4 @@
+var a = {};
+export {
+  a as __exports
+};

package/dist/_virtual/react-is.development.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/react-is.production.min.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/_virtual/react-lifecycles-compat.es.js

@@ -0,0 +1,6 @@
+import { getAugmentedNamespace as e } from "./_commonjsHelpers.js";
+import * as t from "../node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js";
+const a = /* @__PURE__ */ e(t);
+export {
+  a as default
+};

package/dist/_virtual/safeHTMLElement.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/_virtual/scopeTab.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/_virtual/tabbable.js

@@ -0,0 +1,4 @@
+var a = { exports: {} };
+export {
+  a as __module
+};

package/dist/assets/close.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { width: 32, height: 32, viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.28261 7.93223C8.72892 7.48592 9.44554 7.47892 9.88322 7.9166L24.1481 22.1814C24.5857 22.6191 24.5787 23.3357 24.1324 23.782C23.6861 24.2284 22.9695 24.2354 22.5318 23.7977L8.26698 9.53285C7.8293 9.09517 7.8363 8.37855 8.28261 7.93223Z", fill: "#323232" }), /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24.1324 7.93222C24.5787 8.37854 24.5857 9.09515 24.148 9.53283L9.8832 23.7977C9.44552 24.2353 8.7289 24.2284 8.28259 23.782C7.83627 23.3357 7.82928 22.6191 8.26696 22.1814L22.5318 7.91659C22.9695 7.47891 23.6861 7.48591 24.1324 7.93222Z", fill: "#323232" }));
+export {
+  t as default
+};

package/dist/components/Button/Button.d.ts

@@ -24,5 +24,14 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
      */
     type?: 'button' | 'submit' | 'reset';
 }
+/**
+ * ## Overview
+ *
+ * A component for adding a button component.
+ *
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=4433-163014&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-button--overview)
+ */
 declare const Button: ({ buttonType, size, children, className, iconLast, id, type, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/components/Footer/Footer.d.ts

@@ -13,7 +13,9 @@ export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
  *
  * A component for adding a footer to the bottom of the site.
  *
- * [Figma Link](https://www.figma.com/file/npS5ECbNut8hevUkGWSzUN/Site-Furniture-(Navigation)---SP24?type=design&node-id=4346-1981&mode=design&t=D7PpghvLOEpBYd3n-0)
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=6651-2641&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-footer--overview)
  */
 declare const Footer: ({ children, className, copyright, id, navigationComponent, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
 export default Footer;

package/dist/components/Grid/Grid.d.ts

@@ -8,5 +8,14 @@ export interface GridProps extends React.HTMLAttributes<HTMLElement> {
      */
     element?: React.ElementType<GridProps>;
 }
+/**
+ * ## Overview
+ *
+ * A wrapper component for adding a 12-column grid layout.
+ *
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=6226-1330&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-layouts-grid--overview)
+ */
 export declare function Grid({ children, className, element: Element, id, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
 export default Grid;

package/dist/components/GridItem/GridItem.d.ts

@@ -23,7 +23,9 @@ export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
  * This item can be placed in a Grid and appropriately sized for the current breakpoint.  It can also be aligned within the grid cell.
  * If you center multiple GridItems in a Grid, they will wrap to the next line and be centered on that line.
  *
- * [Figma Link](https://www.figma.com/design/Hp2FyltbOmRxTuw9kSwBAd/EPIC-About-Us?node-id=912-5904&t=WzvEYp5zbnGnRFUf-4)
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=6226-1330&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-layouts-griditem--overview)
  */
 declare const GridItem: ({ children, xs, sm, md, lg, align, id, element: Element, className, ...props }: GridItemProps) => import("react/jsx-runtime").JSX.Element | null;
 export default GridItem;

package/dist/components/HeroBanner/HeroBanner.d.ts

@@ -28,5 +28,14 @@ export interface HeroBannerProps {
      */
     id?: string;
 }
+/**
+ * ## Overview
+ *
+ * Hero Banner UI component
+ *
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=6532-691&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-herobanner--overview)
+ */
 declare const HeroBanner: ({ prehead, date, headerText, subHeadText, association, background, id }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
 export default HeroBanner;

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,12 @@
+export interface IconButtonProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'children'> {
+    /**
+     * Button contents
+     */
+    children?: React.ReactElement<SVGElement>;
+    /**
+     * How large should the button be?
+     */
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const IconButton: ({ children, size, className, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default IconButton;

package/dist/components/IconButton/IconButton.js

@@ -0,0 +1,16 @@
+import { jsx as p } from "react/jsx-runtime";
+import s from "../../node_modules/classnames/index.js";
+import a from "../Button/Button.js";
+import { px as o } from "../../utils/index.js";
+const f = ({ children: t, size: r = "md", className: m, ...n }) => /* @__PURE__ */ p(
+  a,
+  {
+    buttonType: "primary",
+    className: s(`${o}-icon-button`, `${o}-icon-button--${r}`, m),
+    ...n,
+    children: t
+  }
+);
+export {
+  f as default
+};

package/dist/components/Input/Input.d.ts

@@ -73,5 +73,18 @@ export interface InputProps extends Record<string, unknown> {
      */
     warnText?: React.ReactNode;
 }
+/**
+ * ## Overview
+ *
+ * A page will usually contain multiple Rows.  The Row component will apply paddings to the contents within it.  Usually a Grid will be rendered within a Row to align to the grid, but other elements are supported.
+ *
+ * [Figma Input Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=4433-163016&m=dev)
+ *
+ * [Figma Toggle Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=4612-77490&m=dev)
+ *
+ * [Storybook Input Link](https://phillips-seldon.netlify.app/?path=/docs/components-input--overview)
+ *
+ * [Storybook Toggle Link](https://phillips-seldon.netlify.app/?path=/docs/components-toggle--overview)
+ */
 declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/components/Link/Link.d.ts

@@ -29,7 +29,9 @@ export interface LinkProps extends HTMLAttributes<HTMLAnchorElement> {
  *
  * A component that can be used to navigate to different pages or external websites. Renders a standard anchor tag by default.
  *
- * [Figma Link](https://www.figma.com/file/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=5736%3A13364&mode=dev)
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=4612-79026&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-links-link--overview)
  */
 declare const Link: ({ children, id, className, element: Element, variant, href, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
 export default Link;

package/dist/components/Link/Link.js

@@ -1,30 +1,32 @@
-import { jsx as k } from "react/jsx-runtime";
-import c from "../../node_modules/classnames/index.js";
-import { px as p } from "../../utils/index.js";
-import { getLinkVariantClassName as f, isLinkExternal as x, LinkVariants as d } from "./utils.js";
-const V = ({
-  children: s,
+import { jsx as n } from "react/jsx-runtime";
+import f from "../../node_modules/classnames/index.js";
+import { px as x } from "../../utils/index.js";
+import { getLinkVariantClassName as d, isLinkExternal as L, LinkVariants as s } from "./utils.js";
+import { TextVariants as o } from "../Text/types.js";
+import N from "../Text/Text.js";
+const j = ({
+  children: i,
   id: a,
-  className: r,
+  className: m,
   element: t = "a",
-  variant: e = d.standalone,
-  href: n,
-  ...o
+  variant: r = s.standalone,
+  href: e,
+  ...l
 }) => {
-  const i = c(`${p}-link`, f(e), r), l = a ? `link-${a}` : "link", m = x(n);
-  return /* @__PURE__ */ k(
+  const c = f(`${x}-link`, d(r), m), p = a ? `link-${a}` : "link", k = L(e);
+  return /* @__PURE__ */ n(
     t,
     {
-      ...o,
-      href: n,
-      "data-testid": l,
+      ...l,
+      href: e,
+      "data-testid": p,
       id: a,
-      className: i,
-      ...m && t === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
-      children: s
+      className: c,
+      ...k && t === "a" ? { rel: "noopener noreferrer", target: "_blank" } : {},
+      children: /* @__PURE__ */ n(N, { variant: r === s.email ? o.email : o.ctaSm, children: i })
     }
   );
 };
 export {
-  V as default
+  j as default
 };

package/dist/components/LinkBlock/LinkBlock.d.ts

@@ -10,7 +10,9 @@ export interface LinkBlockProps extends React.HTMLAttributes<HTMLDivElement> {
  *
  * The LinkBlock component is used to render a link with a description underneath it. Usually this is used in a list of links.
  *
- * [Figma Link](https://www.figma.com/file/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?type=design&node-id=5709-8035&mode=design&t=CTNssP89Nrnt6Jkw-0)
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=4612-79026&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-links-linkblock--overview)
  *
  */
 declare const LinkBlock: ({ linkProps, description, className: classNameProp, id, ...props }: LinkBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/LinkList/LinkList.d.ts

@@ -9,7 +9,9 @@ export interface LinkListProps extends React.HTMLAttributes<HTMLUListElement> {
  *
  * The LinkList component is used to display a list of LinkBlocks in a 3 column list on some breakpoints and 1 column list on others.
  *
- * [Figma Link](https://www.figma.com/file/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?type=design&node-id=5709-8035&mode=design&t=jOnrmrqnE8lCQvGR-4)
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=4612-79026&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-links-linklist--overview)
  */
 declare const LinkList: ({ children, id, ...props }: LinkListProps) => import("react/jsx-runtime").JSX.Element;
 export default LinkList;

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,23 @@
+import ReactModal from 'react-modal';
+export interface ModalProps extends ReactModal.Props {
+    /**
+     * Boolean to determine if the modal is open
+     */
+    isOpen: boolean;
+    /**
+     * Function to close the modal
+     */
+    onClose?: () => void;
+    /**
+     * The selector for aria-hide
+     */
+    appElementSelector?: string;
+}
+/**
+ * ## Overview
+ *
+ * A component for displaying a modal.
+ *
+ */
+declare const Modal: ({ children, className, isOpen, onClose, appElementSelector, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Modal;

package/dist/components/Modal/Modal.js

@@ -0,0 +1,45 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import a from "../../node_modules/classnames/index.js";
+import { px as r, noOp as c } from "../../utils/index.js";
+import u from "../../assets/close.svg.js";
+import f from "../../node_modules/react-modal/lib/index.js";
+import p from "../IconButton/IconButton.js";
+import { useMemo as v } from "react";
+const b = ({
+  children: s,
+  className: i,
+  isOpen: e = !1,
+  onClose: l = c,
+  appElementSelector: m = "main",
+  ...d
+}) => {
+  const o = v(() => document.querySelector(m), [m]);
+  return !e || !o ? null : /* @__PURE__ */ n(
+    f,
+    {
+      isOpen: e,
+      onRequestClose: l,
+      className: a(`${r}-modal`, i),
+      overlayClassName: a(`${r}-modal__overlay`),
+      appElement: o != null ? o : void 0,
+      ariaHideApp: !o,
+      ...d,
+      children: [
+        /* @__PURE__ */ t(
+          p,
+          {
+            "data-testid": "modal-button",
+            onClick: l,
+            "aria-label": "Close Modal",
+            className: a(`${r}-modal__close`),
+            children: /* @__PURE__ */ t(u, {})
+          }
+        ),
+        s
+      ]
+    }
+  );
+};
+export {
+  b as default
+};

package/dist/components/Row/Row.d.ts

@@ -21,7 +21,9 @@ export interface RowProps extends React.HTMLAttributes<HTMLElement> {
  *
  * A page will usually contain multiple Rows.  The Row component will apply paddings to the contents within it.  Usually a Grid will be rendered within a Row to align to the grid, but other elements are supported.
  *
- * [Figma Link](https://www.figma.com/design/Hp2FyltbOmRxTuw9kSwBAd/EPIC-About-Us?node-id=912-5904&t=WzvEYp5zbnGnRFUf-4)
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=6741-6223&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-layouts-row--overview)
  */
 declare const Row: ({ children, id, element: CustomElement, padding, className, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
 export default Row;

package/dist/components/Select/Select.d.ts

@@ -6,5 +6,14 @@ export interface SelectProps extends InputProps {
      */
     children: React.ReactNode;
 }
+/**
+ * ## Overview
+ *
+ * A component for adding a Select component.
+ *
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=5608-57898&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-select--overview)
+ */
 declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
 export default Select;

package/dist/components/Social/Social.d.ts

@@ -9,7 +9,9 @@ export interface SocialProps extends React.HTMLAttributes<HTMLElement> {
  *
  * A component for displaying our social icons. Expects children to be an unordered list of social icons.
  *
- * [Figma Link](https://www.figma.com/file/npS5ECbNut8hevUkGWSzUN/Site-Furniture-(Navigation)---SP24?type=design&node-id=4357-7418&mode=design&t=D7PpghvLOEpBYd3n-0)
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=6651-2641&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-social--overview)
  */
 declare const Social: ({ className, children, id, titleText }: SocialProps) => import("react/jsx-runtime").JSX.Element;
 export default Social;

package/dist/components/Subscribe/Subscribe.d.ts

@@ -51,7 +51,9 @@ export interface SubscribeProps extends React.HTMLAttributes<HTMLFormElement> {
  *
  * A component for adding an email signup form.
  *
- * [Figma Link](https://www.figma.com/file/npS5ECbNut8hevUkGWSzUN/Site-Furniture-(Navigation)---SP24?node-id=4347%3A4194&mode=dev)
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=6651-2641&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-subscribe--overview)
  */
 declare const Subscribe: ({ blurb, buttonText, buttonProps, className, element: Element, id, inputLabelText, inputPlaceholder, title, loadingText, invalidText, successText, subscriptionState, ...props }: SubscribeProps) => import("react/jsx-runtime").JSX.Element;
 export default Subscribe;

package/dist/components/Text/Text.d.ts

@@ -15,7 +15,9 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement> {
  *
  * All text rendered in the UI can be wrapped in this component to enforce consistent styling and semantic HTML.
  *
- * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=6344-139&t=BUiWETQbkkWoDZ5V-4)
+ * [Figma Link](https://www.figma.com/design/xMuOXOAKVt5HC7hgYjF3ot/Components-v2.0?node-id=7263-1361&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-text--overview)
  */
 declare const Text: ({ children, id, element: CustomElement, variant, className, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export default Text;

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

@@ -4,7 +4,7 @@ export declare enum TextVariants {
     display2 = "display2",
     display3 = "display3",
     display4 = "display4",
-    heading1 = "heading1",
+    blockquote = "blockquote",
     heading2 = "heading2",
     heading3 = "heading3",
     heading4 = "heading4",
@@ -16,5 +16,5 @@ export declare enum TextVariants {
     ctaSm = "ctaSm",
     email = "email",
     label = "label",
-    textBadge = "textBadge"
+    badge = "badge"
 }

package/dist/components/Text/types.js

@@ -1,4 +1,4 @@
-var l = /* @__PURE__ */ ((d) => (d.display0 = "display0", d.display1 = "display1", d.display2 = "display2", d.display3 = "display3", d.display4 = "display4", d.heading1 = "heading1", d.heading2 = "heading2", d.heading3 = "heading3", d.heading4 = "heading4", d.body1 = "body1", d.body2 = "body2", d.body3 = "body3", d.button = "button", d.ctaLg = "ctaLg", d.ctaSm = "ctaSm", d.email = "email", d.label = "label", d.textBadge = "textBadge", d))(l || {});
+var l = /* @__PURE__ */ ((d) => (d.display0 = "display0", d.display1 = "display1", d.display2 = "display2", d.display3 = "display3", d.display4 = "display4", d.blockquote = "blockquote", d.heading2 = "heading2", d.heading3 = "heading3", d.heading4 = "heading4", d.body1 = "body1", d.body2 = "body2", d.body3 = "body3", d.button = "button", d.ctaLg = "ctaLg", d.ctaSm = "ctaSm", d.email = "email", d.label = "label", d.badge = "badge", d))(l || {});
 export {
   l as TextVariants
 };

package/dist/components/Text/utils.js

@@ -1,10 +1,10 @@
-import { px as a } from "../../utils/index.js";
-import { TextVariants as r } from "./types.js";
-const c = (e = r.body1) => {
-  const t = e.replace("labelText", "label-text").replace("textBadge", "text-badge").replace("ctaSm", "cta-sm").replace("ctaLg", "cta-lg");
-  return `${a}-text--${t.charAt(0).toLowerCase() + t.slice(1)}`;
-}, s = (e = r.body1) => e.includes("body") ? "p" : e === r.label ? "label" : e.includes("heading") ? `h${isNaN(parseInt(e.slice(-1))) ? 3 : parseInt(e.slice(-1))}` : "span";
+import { px as s } from "../../utils/index.js";
+import { TextVariants as t } from "./types.js";
+const n = (e = t.body1) => {
+  const r = e.replace("ctaSm", "cta-sm").replace("ctaLg", "cta-lg");
+  return `${s}-text--${r.charAt(0).toLowerCase() + r.slice(1)}`;
+}, c = (e = t.body1) => [t.display0, t.display1].includes(e) ? "h1" : [t.display2, t.display3, t.display4].includes(e) ? "h3" : e === t.blockquote ? "blockquote" : e.includes("body") ? "p" : e === t.label ? "label" : e.includes("heading") ? `h${isNaN(parseInt(e.slice(-1))) ? 3 : parseInt(e.slice(-1))}` : "span";
 export {
-  s as determineDefaultTextElement,
-  c as determineTextClassName
+  c as determineDefaultTextElement,
+  n as determineTextClassName
 };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { default as Button, type ButtonProps } from './components/Button/Button';
+export { default as IconButton } from './components/IconButton/IconButton';
 export { default as ErrorBoundary, type ErrorBoundaryProps } from './components/ErrorBoundary/ErrorBoundary';
 export { default as Footer, type FooterProps } from './components/Footer/Footer';
 export { default as Grid, type GridProps } from './components/Grid/Grid';
@@ -17,6 +18,7 @@ export { default as SplitPanel, type SplitPanelProps } from './components/SplitP
 export { default as Subscribe, type SubscribeProps } from './components/Subscribe/Subscribe';
 export { default as Social, type SocialProps } from './components/Social/Social';
 export { default as ViewingsList, type ViewingsListProps } from './components/ViewingsList/ViewingsList';
+export { default as Modal, type ModalProps } from './components/Modal/Modal';
 export { default as StatefulViewingsList, type StatefulViewingsListProps, } from './components/ViewingsList/StatefulViewingsList';
 export * from './components/Text';
 export * from './utils';