@scrippsproduct/networks-ui-library 1.1.0-alpha.1 → 1.1.0-alpha.3

package/dist/components/ImageCard/ImageCardCore.js

@@ -1,129 +1,155 @@
-import { jsxs as i, Fragment as v, jsx as l } from "react/jsx-runtime";
-import { forwardRef as R } from "react";
-import { p as w } from "../../index-VjANCDXC.mjs";
-import { AnchorTag as x } from "../AnchorTag/AnchorTag.js";
-import { ButtonAnchor as c } from "../ButtonAnchor/ButtonAnchor.js";
-import { ResponsiveImage as k } from "../ResponsiveImage/ResponsiveImage.js";
+import { jsxs as i, Fragment as N, jsx as n } from "react/jsx-runtime";
+import { forwardRef as C } from "react";
+import { p as R } from "../../index-VjANCDXC.mjs";
 import { classes as a } from "../../utils/helpers.js";
-const G = R(function({
-  image: m = { url: "", altText: "", aspectRatio: 1, sources: [] },
-  mobileImage: t = { url: "", altText: "", aspectRatio: 1 },
-  fullSizeImagePosition: M = [50, 50],
-  mobileImagePosition: P = [50, 50],
-  lazyLoad: g = !0,
-  fetchPriority: f = null,
-  decoding: _ = "async",
-  title: y = "",
-  content: n = "",
-  clampContentLines: A = !0,
-  numberOfLinesToClamp: B = 3,
+import { AnchorTag as _ } from "../AnchorTag/AnchorTag.js";
+import { ButtonAnchor as y } from "../ButtonAnchor/ButtonAnchor.js";
+import { ResponsiveImage as I } from "../ResponsiveImage/ResponsiveImage.js";
+const L = C(function({
+  image: s = { url: "", altText: "", aspectRatio: 1, sources: [] },
+  mobileImage: m = { url: "", altText: "", aspectRatio: 1 },
+  lazyLoad: h = !0,
+  fetchPriority: f = void 0,
+  decoding: v = "async",
+  title: T = "",
+  content: l = "",
   overlayContent: p = "",
-  overlayPosition: z = "left",
-  overlayTextColor: L = "#fff",
-  relatedResourceId: S = "",
   cta: e = {
     label: "",
     href: "",
     type: "",
     relatedResourceId: "",
     position: "end"
+    // inline - in the content | end | start
   },
-  displayCTA: d = !0,
-  handleClicks: N = () => {
+  displayCTA: t = !0,
+  handleClicks: A = (g) => {
   },
-  fullCardClickable: h = !1,
-  displayInline: V = !1,
-  classname: j = "",
+  fullCardClickable: w = !1,
   styles: o = {}
-}, O) {
-  var b;
-  const T = /* @__PURE__ */ new Map([
+}, V) {
+  var x;
+  const g = /* @__PURE__ */ new Map([
     ["play-video", {
       label: "View Promo",
-      component: c
+      component: y
     }],
     ["internal-link", {
       label: "View More",
-      component: x
+      component: _
     }],
     ["external-link", {
       label: "Learn More",
-      component: x
+      component: _
     }],
     ["info-panel", {
       label: "View More",
-      component: c
+      component: y
     }],
     ["show-modal", {
       label: "See More",
-      component: c
+      component: y
     }]
-  ]), I = (b = T.get(e.type)) == null ? void 0 : b.component, u = (r) => /* @__PURE__ */ l(
-    I,
-    {
-      classname: a([o["image-card__cta"], "image-card__cta"]),
-      href: r.href,
-      label: r.label ? r.label : T.get(r.type).label,
-      onClick: r.type !== "internal-link" && r.type !== "external-link" ? s : () => !0,
-      "data-resource-id": r.relatedResourceId,
-      type: r.type
-    }
-  ), s = (r) => {
-    r.stopPropagation(), N({
+  ]), u = (x = g.get(e.type)) == null ? void 0 : x.component, d = (r) => {
+    r.stopPropagation(), A({
       type: e.type,
       resourceId: e.relatedResourceId,
       resourceType: e.relatedResourceType,
       target: r.target,
       currentTarget: r.currentTarget
     });
+  }, c = (r) => {
+    var k;
+    if (!u) return null;
+    const b = u === _, M = r.type === "internal-link" || r.type === "external-link";
+    return /* @__PURE__ */ n(
+      u,
+      {
+        classname: a([o["image-card__cta"], "image-card__cta"]),
+        "data-resource-id": r.relatedResourceId,
+        ...b && { href: r.href },
+        label: r.label ? r.label : ((k = g.get(r.type)) == null ? void 0 : k.label) ?? "",
+        ...b && M && r.type && { type: r.type },
+        onClick: r.type !== "internal-link" && r.type !== "external-link" ? d : void 0
+      }
+    );
   };
-  return /* @__PURE__ */ i(v, { children: [
-    /* @__PURE__ */ i("div", { className: a([o["image-card__img-wrapper"], "image-card__img-wrapper"]), children: [
-      t.url !== "" && /* @__PURE__ */ l(
-        "img",
-        {
-          className: o["image-card__mobile-image"],
-          src: t.url,
-          alt: t.altText,
-          onClick: (e.type === "play-video" || e.type === "show-modal") && !h ? s : () => !0,
-          loading: g ? "lazy" : null,
-          fetchpriority: f,
-          decoding: _
-        }
-      ),
-      /* @__PURE__ */ l(
-        k,
-        {
-          classname: o["image-card__image"],
-          sources: m.sources,
-          fullSizeUrl: m.url,
-          altText: m.altText,
-          loading: g ? "lazy" : null,
-          fetchpriority: f,
-          decoding: _,
-          handleClick: (e.type === "play-video" || e.type === "show-modal") && !h ? s : () => !0
-        }
-      ),
-      p !== "" && /* @__PURE__ */ l("div", { className: a([o["image-card__overlay-content"], "image-card__overlay-content"]), children: typeof p == "string" ? w(p) : p }),
-      (e == null ? void 0 : e.type) === "play-video" && /* @__PURE__ */ i("button", { type: "button", onClick: s, className: a([o["image-card__play-icon"], "image-card__play-icon"]), children: [
-        /* @__PURE__ */ l("span", { className: "sr-only", children: "PLAY BUTTON" }),
-        /* @__PURE__ */ l("div", { className: `${o["play-icon__triangle"]}` })
-      ] })
-    ] }),
-    n !== "" && /* @__PURE__ */ i("div", { className: a([o["image-card__content"], "image-card__content"]), children: [
-      y !== "" && /* @__PURE__ */ l("h2", { className: "h4", children: y }),
-      typeof n == "string" && /* @__PURE__ */ i("div", { children: [
-        w(n),
-        d && (e == null ? void 0 : e.type) && e.position === "inline" && u(e)
+  return /* @__PURE__ */ i(N, { children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: a([
+          o["image-card__img-wrapper"],
+          "image-card__img-wrapper"
+        ]),
+        children: [
+          m.url !== "" && /* @__PURE__ */ n(
+            "img",
+            {
+              alt: m.altText,
+              className: o["image-card__mobile-image"],
+              decoding: v,
+              fetchPriority: f,
+              loading: h ? "lazy" : void 0,
+              src: m.url,
+              onClick: (e.type === "play-video" || e.type === "show-modal") && !w ? d : void 0
+            }
+          ),
+          /* @__PURE__ */ n(
+            I,
+            {
+              altText: s.altText,
+              classname: o["image-card__image"],
+              decoding: v,
+              fetchPriority: f,
+              fullSizeUrl: s.url,
+              handleClick: (e.type === "play-video" || e.type === "show-modal") && !w ? (r) => (d(r), !1) : () => !0,
+              loading: h ? "lazy" : void 0,
+              sources: s.sources
+            }
+          ),
+          p !== "" && /* @__PURE__ */ n(
+            "div",
+            {
+              className: a([
+                o["image-card__overlay-content"],
+                "image-card__overlay-content"
+              ]),
+              children: typeof p == "string" ? R(p) : p
+            }
+          ),
+          (e == null ? void 0 : e.type) === "play-video" && /* @__PURE__ */ i(
+            "button",
+            {
+              className: a([
+                o["image-card__play-icon"],
+                "image-card__play-icon"
+              ]),
+              type: "button",
+              onClick: d,
+              children: [
+                /* @__PURE__ */ n("span", { className: "sr-only", children: "PLAY BUTTON" }),
+                /* @__PURE__ */ n("div", { className: `${o["play-icon__triangle"]}` })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    l !== "" && /* @__PURE__ */ i("div", { className: a([o["image-card__content"], "image-card__content"]), children: [
+      T !== "" && /* @__PURE__ */ n("h2", { className: "h4", children: T }),
+      typeof l == "string" && /* @__PURE__ */ i("div", { children: [
+        R(l),
+        t && (e == null ? void 0 : e.type) && e.position === "inline" && c(e)
       ] }),
-      typeof n != "string" && /* @__PURE__ */ i(v, { children: [
-        n,
-        d && (e == null ? void 0 : e.type) && e.position === "inline" && u(e)
+      typeof l != "string" && /* @__PURE__ */ i(N, { children: [
+        l,
+        t && (e == null ? void 0 : e.type) && e.position === "inline" && c(e)
       ] })
     ] }),
-    d && (e == null ? void 0 : e.type) && (e == null ? void 0 : e.position) === "end" && /* @__PURE__ */ l("div", { className: o["image-card__cta-wrapper"], children: u(e) })
+    t && (e == null ? void 0 : e.type) && (e == null ? void 0 : e.position) === "end" && /* @__PURE__ */ n("div", { className: o["image-card__cta-wrapper"], children: c(e) })
   ] });
 });
 export {
-  G as default
+  L as default
 };

package/dist/components/ImageReplacementAnchor/ImageReplacementAnchor.d.ts

@@ -1,15 +1,12 @@
-export function ImageReplacementAnchor({ href, target, image, text, height, baselineAdjustment, classname }: {
-    href?: string | undefined;
-    target?: string | undefined;
-    image?: {
-        url: string;
-        width: number;
-        height: number;
-        altText: string;
-    } | undefined;
-    text?: string | undefined;
-    height?: number | undefined;
-    baselineAdjustment?: number | undefined;
-    classname?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+import { Image } from '../../types';
+type ImageReplacementAnchorProps = {
+    href?: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    image?: Image;
+    text?: string;
+    height?: number;
+    baselineAdjustment?: number;
+    classname?: string;
+};
+export declare function ImageReplacementAnchor({ href, target, image, text, height, baselineAdjustment, classname, }: ImageReplacementAnchorProps): JSX.Element;
 export default ImageReplacementAnchor;

package/dist/components/ImageReplacementAnchor/ImageReplacementAnchor.js

@@ -1,6 +1,5 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import "react";
-import { classes as o } from "../../utils/helpers.js";
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { classes as n } from "../../utils/helpers.js";
 import '../../assets/ImageReplacementAnchor.css';const a = {
   "image-replacement-anchor": "_image-replacement-anchor_hx29b_1",
   "image-replacement-anchor__text": "_image-replacement-anchor__text_hx29b_14"
@@ -8,40 +7,48 @@ import '../../assets/ImageReplacementAnchor.css';const a = {
 function x({
   href: l = "",
   target: t = "_self",
-  image: e = { url: "", width: 1, height: 1, altText: "" },
-  text: n = "",
-  height: c = 4,
+  image: e = {
+    url: "",
+    altText: "",
+    aspectRatio: 1
+  },
+  text: c = "",
+  height: i = 4,
   baselineAdjustment: m = 0,
-  classname: i = ""
+  classname: o = ""
 }) {
-  return /* @__PURE__ */ s(
+  const s = e.width && e.height ? e.width / e.height : 1;
+  return /* @__PURE__ */ h(
     "a",
     {
-      className: o([
+      className: n([
         a["image-replacement-anchor"],
         "image-replacement-anchor",
-        i
+        o
       ]),
       href: l,
-      target: t,
-      rel: t === "_blank" ? "noreferrer" : null,
+      rel: t === "_blank" ? "noreferrer" : void 0,
       style: {
-        "--ira-aspect-ratio": e.width / e.height,
-        "--ira-height": `${c}rem`,
+        "--ira-aspect-ratio": s,
+        "--ira-height": `${i}rem`,
         "--ira-baseline-adjustment": `${m}rem`
       },
+      target: t,
       children: [
         /* @__PURE__ */ r(
           "img",
           {
-            src: e.url,
-            className: a["image-replacement-anchor__image"],
             alt: e.altText,
+            className: n([
+              a["image-replacement-anchor__image"],
+              "image-replacement-anchor__image"
+            ]),
+            loading: "lazy",
             role: "presentation",
-            loading: "lazy"
+            src: e.url
           }
         ),
-        e.altText === "" || e.altText === void 0 ? /* @__PURE__ */ r("span", { className: a["image-replacement-anchor__text"], children: n }) : null
+        e.altText === "" || e.altText === void 0 ? /* @__PURE__ */ r("span", { className: a["image-replacement-anchor__text"], children: c }) : null
       ]
     }
   );

package/dist/components/InfoPanel/InfoPanel.d.ts

@@ -1,10 +1,12 @@
-export function InfoPanel({ layoutComponent, onBackClicked, backButtonLabel, classname }: {
-    layoutComponent?: {
+type InfoPanelProps = {
+    layoutComponent: {
         layout: string;
-        props: {};
-    } | undefined;
-    onBackClicked?: (() => void) | undefined;
-    backButtonLabel?: string | undefined;
-    classname?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+        props: Record<string, unknown>;
+    };
+    onBackClicked: (e: React.MouseEvent<Element, MouseEvent> | null) => void;
+    backButtonLabel?: string;
+    classname?: string;
+    className?: string;
+};
+export declare function InfoPanel({ layoutComponent, onBackClicked, backButtonLabel, classname, }: InfoPanelProps): JSX.Element;
 export default InfoPanel;

package/dist/components/InfoPanel/InfoPanel.js

@@ -15,10 +15,10 @@ function N({
   classname: y = ""
 }) {
   const [f, L] = b(null), [t, u] = b("entering"), n = d(null), p = d(null), _ = (o) => {
-    p.current = o, u("exiting"), n.current.scrollTo({
+    p.current = o, u("exiting"), n.current !== null && n.current.scrollTo({
       top: n.current.offsetTop,
       left: 0,
-      behaviour: "instant"
+      behavior: "instant"
     });
   };
   return m(() => {

package/dist/components/InfoPanel/index.d.ts

@@ -1 +1,2 @@
-export { InfoPanel, InfoPanel as default } from './InfoPanel';
+export { InfoPanel } from './InfoPanel';
+export { InfoPanel as default } from './InfoPanel';

package/dist/components/InlineNavigation/InlineNavigation.d.ts

@@ -1,6 +1,8 @@
-export function InlineNavigation({ links, classname, position }: {
-    links?: never[] | undefined;
-    classname?: string | undefined;
-    position?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+import { AnchorLink } from '../../types';
+type InlineNavigationProps = {
+    links?: AnchorLink[];
+    classname?: string;
+    position?: 'left' | 'right' | 'center';
+};
+export declare function InlineNavigation({ links, classname, position, }: InlineNavigationProps): JSX.Element;
 export default InlineNavigation;

package/dist/components/InlineNavigation/InlineNavigation.js

@@ -1,10 +1,13 @@
 import { jsx as n } from "react/jsx-runtime";
-import "react";
-import { NavList as o } from "../NavList/NavList.js";
-import '../../assets/InlineNavigation.css';const l = {
-  "inline-navigation": "_inline-navigation_3u114_1"
+import { NavList as l } from "../NavList/NavList.js";
+import '../../assets/InlineNavigation.css';const o = {
+  "inline-navigation": "_inline-navigation_138l2_1"
 };
-function c({ links: t = [], classname: i = "", position: e = "left" }) {
+function f({
+  links: t = [],
+  classname: e = "",
+  position: i = "left"
+}) {
   const a = /* @__PURE__ */ new Map([
     ["left", "flex-start"],
     ["right", "flex-end"],
@@ -13,15 +16,15 @@ function c({ links: t = [], classname: i = "", position: e = "left" }) {
   return /* @__PURE__ */ n(
     "nav",
     {
-      className: l["inline-navigation"],
+      className: o["inline-navigation"],
       style: {
-        "--inline-nav-justify-content": a.get(e)
+        "--inline-nav-justify-content": a.get(i)
       },
-      children: /* @__PURE__ */ n(o, { links: t, classname: i })
+      children: /* @__PURE__ */ n(l, { classname: e, links: t })
     }
   );
 }
 export {
-  c as InlineNavigation,
-  c as default
+  f as InlineNavigation,
+  f as default
 };

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

@@ -1,10 +1,11 @@
-export function Input({ name, label, helpText, type, width, showValidation, ...attributes }: {
-    [x: string]: any;
-    name: any;
-    label?: string | undefined;
-    helpText?: string | undefined;
-    type?: string | undefined;
-    width?: number | undefined;
-    showValidation?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    name: string;
+    label?: string;
+    helpText?: string;
+    type?: string;
+    width?: number;
+    showValidation?: boolean;
+};
+export declare function Input({ name, label, helpText, type, width, showValidation, ...attributes }: InputProps): JSX.Element;
 export default Input;

package/dist/components/Input/Input.js

@@ -1,9 +1,9 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
 import { useState as s, useRef as b } from "react";
 import { classes as m, areaCodePhoneNumberMask as M } from "../../utils/helpers.js";
 import { s as t, C as V, A as $ } from "../../Form.module-Cd8qH2rj.mjs";
 function B({
-  name: i,
+  name: a,
   label: h = "",
   helpText: p = "",
   type: x = "text",
@@ -11,45 +11,52 @@ function B({
   showValidation: n = !0,
   ...v
 }) {
-  var u, d, f;
-  const [y, C] = s(`${t["form-field__input"]}`), e = b(), [c, a] = s(""), [o, N] = s("clean"), g = `input-width--${_}`, k = () => {
-    N("touched"), C(`${t["form-field__input"]} ${t["input--touched"]}`), e.current.type === "tel" && (e.current.value = M(e.current.value)), e.current.checkValidity() ? a("") : e.current.type === "email" ? a("Please enter a vaild email.") : e.current.type === "tel" ? a("Please match the requested format: (xxx) xxx-xxxx") : a(e.current.validationMessage);
+  var o, d, f;
+  const [y, C] = s(`${t["form-field__input"]}`), e = b(null), [c, r] = s(""), [u, N] = s("clean"), g = `input-width--${_}`, k = () => {
+    N("touched"), C(`${t["form-field__input"]} ${t["input--touched"]}`), e.current !== null && (e.current.type === "tel" && (e.current.value = M(e.current.value)), e.current.checkValidity() ? r("") : e.current.type === "email" ? r("Please enter a vaild email.") : e.current.type === "tel" ? r("Please match the requested format: (xxx) xxx-xxxx") : r(e.current.validationMessage));
   };
-  return /* @__PURE__ */ r("label", { htmlFor: i, className: m([t["form-field"], t[g]]), children: [
-    n && /* @__PURE__ */ r(
-      "i",
-      {
-        className: m([
-          t["form-field__icon"],
-          (u = e.current) != null && u.validity.valid ? "" : t["form-field__icon--invalid"]
-        ]),
-        children: [
-          ((d = e.current) == null ? void 0 : d.checkValidity()) && o === "touched" && /* @__PURE__ */ l(V, {}),
-          !((f = e.current) != null && f.checkValidity()) && o === "touched" && /* @__PURE__ */ l($, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ r("span", { className: t["form-field__label"], children: [
-      h,
-      " ",
-      /* @__PURE__ */ l("span", { className: t["form-field__label-help"], children: p })
-    ] }),
-    /* @__PURE__ */ l(
-      "input",
-      {
-        className: y,
-        name: i,
-        id: i,
-        type: x,
-        ref: e,
-        onBlur: () => {
-          k();
-        },
-        ...v
-      }
-    ),
-    c !== "" && n && /* @__PURE__ */ l("div", { className: t["form-field__error-message"], children: c })
-  ] });
+  return /* @__PURE__ */ i(
+    "label",
+    {
+      className: m([t["form-field"], t[g]]),
+      htmlFor: a,
+      children: [
+        n && /* @__PURE__ */ i(
+          "i",
+          {
+            className: m([
+              t["form-field__icon"],
+              (o = e.current) != null && o.validity.valid ? "" : t["form-field__icon--invalid"]
+            ]),
+            children: [
+              ((d = e.current) == null ? void 0 : d.checkValidity()) && u === "touched" && /* @__PURE__ */ l(V, {}),
+              !((f = e.current) != null && f.checkValidity()) && u === "touched" && /* @__PURE__ */ l($, {})
+            ]
+          }
+        ),
+        /* @__PURE__ */ i("span", { className: t["form-field__label"], children: [
+          h,
+          " ",
+          /* @__PURE__ */ l("span", { className: t["form-field__label-help"], children: p })
+        ] }),
+        /* @__PURE__ */ l(
+          "input",
+          {
+            className: y,
+            id: a,
+            name: a,
+            ref: e,
+            type: x,
+            onBlur: () => {
+              k();
+            },
+            ...v
+          }
+        ),
+        c !== "" && n && /* @__PURE__ */ l("div", { className: t["form-field__error-message"], children: c })
+      ]
+    }
+  );
 }
 export {
   B as Input,

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

@@ -1 +1,2 @@
-export { Input, Input as default } from './Input';
+export { Input } from './Input';
+export { Input as default } from './Input';

package/dist/components/InstructionsList/InstructionsList.d.ts

@@ -1,5 +1,6 @@
-export function InstructionsList({ headerHtml, instructions }: {
-    headerHtml?: string | undefined;
-    instructions?: never[] | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+type InstructionsListProps = {
+    headerHtml?: string;
+    instructions?: string[];
+};
+export declare function InstructionsList({ headerHtml, instructions, }: InstructionsListProps): JSX.Element;
 export default InstructionsList;

package/dist/components/InstructionsList/InstructionsList.js

@@ -1,17 +1,27 @@
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import "react";
-import { p as n } from "../../index-VjANCDXC.mjs";
-import '../../assets/InstructionsList.css';const s = {
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { p as r } from "../../index-VjANCDXC.mjs";
+import { classes as s } from "../../utils/helpers.js";
+import '../../assets/InstructionsList.css';const t = {
   "instructions-list__list": "_instructions-list__list_suf45_1",
   "instructions-list__item": "_instructions-list__item_suf45_5"
 };
-function u({ headerHtml: t = "", instructions: r = [] }) {
-  return /* @__PURE__ */ o("div", { className: [s["instructions-list"], "instructions-list"].join(" "), children: [
-    t !== "" && /* @__PURE__ */ i("h3", { className: [s["instructions-list__header"], "instructions-list__header"].join(" "), children: n(t) }),
-    /* @__PURE__ */ i("ol", { className: [s["instructions-list__list"], "instructions-list__list"].join(" "), children: r.map((l) => /* @__PURE__ */ i("li", { className: [s["instructions-list__item"], "instructions-list__item"].join(" "), children: n(l) }, `${Math.random() * 1e6}`)) })
+function a({
+  headerHtml: n = "",
+  instructions: l = []
+}) {
+  return /* @__PURE__ */ c("div", { className: s([t["instructions-list"], "instructions-list"]), children: [
+    n !== "" && /* @__PURE__ */ i("h3", { className: s([t["instructions-list__header"], "instructions-list__header"]), children: r(n) }),
+    /* @__PURE__ */ i("ol", { className: s([t["instructions-list__list"], "instructions-list__list"]), children: l.map((_) => /* @__PURE__ */ i(
+      "li",
+      {
+        className: s([t["instructions-list__item"], "instructions-list__item"]),
+        children: r(_)
+      },
+      `${Math.random() * 1e6}`
+    )) })
   ] });
 }
 export {
-  u as InstructionsList,
-  u as default
+  a as InstructionsList,
+  a as default
 };

package/dist/components/InstructionsList/index.d.ts

@@ -1 +1,2 @@
-export { InstructionsList, InstructionsList as default } from './InstructionsList';
+export { InstructionsList } from './InstructionsList';
+export { InstructionsList as default } from './InstructionsList';