@courtneyring/components-library 1.0.1 → 1.0.3

package/dist/components/PinnedImage/PinnedImage.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useRef as o, useEffect as p, createElement as h } from "react";
+import N from "../IconDetail/IconDetail.js";
+import '../../assets/PinnedImage.css';const b = "_container_1odbn_1", g = "_content_1odbn_5", u = "_title_1odbn_9", v = "_image_1odbn_35", x = "_section_1odbn_46", y = "_copy_1odbn_57", R = "_text_1odbn_70", e = {
+  container: b,
+  content: g,
+  title: u,
+  image: v,
+  section: x,
+  copy: y,
+  text: R
+}, k = ({ image: a, title: l, sections: r }) => {
+  const d = o(null), m = o(null), _ = o([]);
+  return p(() => {
+  }, []), /* @__PURE__ */ s("div", { className: e.container, ref: d, children: [
+    /* @__PURE__ */ t("div", { className: e.title, children: l }),
+    /* @__PURE__ */ s("div", { className: e.content, children: [
+      /* @__PURE__ */ t("div", { className: e.image, ref: m, children: /* @__PURE__ */ t("img", { src: a }) }),
+      /* @__PURE__ */ t("div", { className: e.copy, children: r.map((n, i) => /* @__PURE__ */ s(
+        "div",
+        {
+          className: e.section,
+          ref: (c) => _.current[i] = c,
+          children: [
+            /* @__PURE__ */ t("h3", { children: n.header }),
+            /* @__PURE__ */ t("p", { className: e.text, children: n.description }),
+            /* @__PURE__ */ t("div", { className: e.details, children: n.details && n.details.map((c, f) => /* @__PURE__ */ h(N, { ...c, key: f })) })
+          ]
+        },
+        i
+      )) })
+    ] })
+  ] });
+};
+export {
+  k as default
+};

package/dist/components/Promo/Promo.js

@@ -1,24 +1,33 @@
 "use client";
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import '../../assets/Promo.css';const n = "_promo_h75tv_1", d = "_promo__header_h75tv_52", h = "_promo__body_h75tv_61", p = "_stat_h75tv_82", i = "_statText_h75tv_92", s = {
-  promo: n,
-  promo__header: d,
-  promo__body: h,
-  stat: p,
-  statText: i
-}, g = ({ icon: a, header: m, body: c, cta: t, color: l, stats: r }) => /* @__PURE__ */ e(t ? "a" : "div", { className: ` ${s.promo}`, href: t?.value, "data-color": l, children: [
-  a && /* @__PURE__ */ o("img", { src: `assets/icons/${a}.svg` }),
-  /* @__PURE__ */ o("h3", { className: s.promo__header, children: m }),
-  /* @__PURE__ */ o("p", { className: s.promo__body, children: c }),
-  t && /* @__PURE__ */ e("div", { className: s.promo__cta, children: [
-    t.label,
-    /* @__PURE__ */ o("img", { src: "assets/icons/chevron-right.svg" })
-  ] }),
-  r && r.map((_) => /* @__PURE__ */ e("div", { className: s.stat, children: [
-    /* @__PURE__ */ o("span", { className: "material-symbols-outlined", children: _.icon }),
-    /* @__PURE__ */ o("span", { className: s.statText, children: _.text })
-  ] }))
-] });
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import i from "../Button/Button.js";
+import '../../assets/Promo.css';const p = "_promo_1fkmj_1", h = "_image_1fkmj_48", f = "_promo__header_1fkmj_53", x = "_promo__body_1fkmj_76", j = "_stat_1fkmj_88", N = "_statText_1fkmj_98", s = {
+  promo: p,
+  image: h,
+  promo__header: f,
+  promo__body: x,
+  stat: j,
+  statText: N
+}, k = ({ icon: e, header: m, body: c, cta: a, color: n, stats: t, image: r, textAlign: d }) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: ` ${s.promo}`,
+    href: a?.value,
+    "data-color": n,
+    "data-text-align": d,
+    children: [
+      e && /* @__PURE__ */ o("span", { className: "material-symbols-outlined", children: e }),
+      r && /* @__PURE__ */ o("img", { className: s.image, src: r }),
+      m && /* @__PURE__ */ o("h3", { className: s.promo__header, children: m }),
+      /* @__PURE__ */ o("p", { className: s.promo__body, children: c }),
+      a && /* @__PURE__ */ o(i, { ...a }),
+      t && t.map((_) => /* @__PURE__ */ l("div", { className: s.stat, children: [
+        /* @__PURE__ */ o("span", { className: "material-symbols-outlined", children: _.icon }),
+        /* @__PURE__ */ o("span", { className: s.statText, children: _.text })
+      ] }))
+    ]
+  }
+);
 export {
-  g as default
+  k as default
 };

package/dist/components/PromoGroup/PromoGroup.js

@@ -1,9 +1,13 @@
 "use client";
-import { jsx as p } from "react/jsx-runtime";
-import { Children as s } from "react";
-import '../../assets/PromoGroup.css';const t = "_group_p635f_1", e = {
-  group: t
-}, n = ({ children: o }) => /* @__PURE__ */ p("div", { className: e.group, children: s.map(o, (r, m) => r) });
+import { jsxs as m, Fragment as t, jsx as r } from "react/jsx-runtime";
+import { Children as d, Fragment as c } from "react";
+import '../../assets/PromoGroup.css';const h = "_group_fnbmk_1", l = "_header_fnbmk_8", e = {
+  group: h,
+  header: l
+}, g = ({ header: o, children: a }) => /* @__PURE__ */ m(t, { children: [
+  /* @__PURE__ */ r("h2", { className: e.header, children: o }),
+  /* @__PURE__ */ r("div", { className: e.group, children: d.map(a, (n, s) => /* @__PURE__ */ r(c, { children: n }, s)) })
+] });
 export {
-  n as default
+  g as default
 };

package/dist/index.js

@@ -0,0 +1,40 @@
+import { default as r } from "./components/Background/Background.js";
+import { default as t } from "./components/Banner/Banner.js";
+import { default as u } from "./components/BorderedBackground/BorderedBackground.js";
+import { default as l } from "./components/Button/Button.js";
+import { default as p } from "./components/Container/Container.js";
+import { default as x } from "./components/Fifty/Fifty.js";
+import { default as B } from "./components/Footer/Footer.js";
+import { default as c } from "./components/ImageTextBlock/ImageTextBlock.js";
+import { default as v } from "./components/List/List.js";
+import { default as k } from "./components/OverlayHero/OverlayHero.js";
+import { default as O } from "./components/Note/Note.js";
+import { default as F } from "./components/Promo/Promo.js";
+import { default as N } from "./components/PromoGroup/PromoGroup.js";
+import { default as C } from "./components/MenuButton/MenuButton.js";
+import { default as H } from "./components/Navbar/Navbar.js";
+import { default as M } from "./components/PinnedImage/PinnedImage.js";
+import { default as h } from "./components/IconDetail/IconDetail.js";
+import { default as q } from "./components/Overlay/Overlay.js";
+import { default as z } from "./components/GenericOverlay/GenericOverlay.js";
+export {
+  r as Background,
+  t as Banner,
+  u as BorderedBackground,
+  l as Button,
+  p as Container,
+  x as Fifty,
+  B as Footer,
+  z as GenericOverlay,
+  h as IconDetail,
+  c as ImageTextBlock,
+  v as List,
+  C as MenuButton,
+  H as Navbar,
+  O as Note,
+  q as Overlay,
+  k as OverlayHero,
+  M as PinnedImage,
+  F as Promo,
+  N as PromoGroup
+};

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@courtneyring/components-library",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "default": "./dist/main.jsx"
+      "default": "./dist/index.js"
     }
   },
   "files": [

package/dist/main.js

@@ -1,30 +0,0 @@
-import { default as e } from "./components/Background/Background.js";
-import { default as a } from "./components/Banner/Banner.js";
-import { default as u } from "./components/BorderedBackground/BorderedBackground.js";
-import { default as m } from "./components/Button/Button.js";
-import { default as p } from "./components/Container/Container.js";
-import { default as x } from "./components/Fifty/Fifty.js";
-import { default as B } from "./components/Footer/Footer.js";
-import { default as g } from "./components/ImageTextBlock/ImageTextBlock.js";
-import { default as k } from "./components/List/List.js";
-import { default as F } from "./components/OverlayHero/OverlayHero.js";
-import { default as v } from "./components/Note/Note.js";
-import { default as G } from "./components/Promo/Promo.js";
-import { default as I } from "./components/PromoGroup/PromoGroup.js";
-import { default as M } from "./components/MenuButton/MenuButton.js";
-export {
-  e as Background,
-  a as Banner,
-  u as BorderedBackground,
-  m as Button,
-  p as Container,
-  x as Fifty,
-  B as Footer,
-  g as ImageTextBlock,
-  k as List,
-  M as MenuButton,
-  v as Note,
-  F as OverlayHero,
-  G as Promo,
-  I as PromoGroup
-};