@courtneyring/components-library 1.0.0 → 1.0.2

package/dist/components/Promo/Promo.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import c from "../Button/Button.js";
+import '../../assets/Promo.css';const d = "_promo_jirwp_1", h = "_image_jirwp_47", x = "_promo__header_jirwp_52", j = "_promo__body_jirwp_79", N = "_stat_jirwp_100", g = "_statText_jirwp_110", a = {
+  promo: d,
+  image: h,
+  promo__header: x,
+  promo__body: j,
+  stat: N,
+  statText: g
+}, w = ({ icon: r, header: e, body: l, cta: s, color: p, stats: t, image: m, textAlign: n }) => /* @__PURE__ */ i(
+  s ? "a" : "div",
+  {
+    className: ` ${a.promo}`,
+    href: s?.value,
+    "data-color": p,
+    "data-text-align": n,
+    children: [
+      r && /* @__PURE__ */ o("span", { className: "material-symbols-outlined", children: r }),
+      m && /* @__PURE__ */ o("img", { className: a.image, src: m }),
+      e && /* @__PURE__ */ o("h3", { className: a.promo__header, children: e }),
+      /* @__PURE__ */ o("p", { className: a.promo__body, children: l }),
+      s && /* @__PURE__ */ o(c, { ...s }),
+      t && t.map((_) => /* @__PURE__ */ i("div", { className: a.stat, children: [
+        /* @__PURE__ */ o("span", { className: "material-symbols-outlined", children: _.icon }),
+        /* @__PURE__ */ o("span", { className: a.statText, children: _.text })
+      ] }))
+    ]
+  }
+);
+export {
+  w as default
+};

package/dist/components/PromoGroup/PromoGroup.js

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

package/dist/components/Timeline/Timeline.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as c, Fragment as h, jsx as t } from "react/jsx-runtime";
-import { useRef as a, useEffect as u } from "react";
+import { jsxs as l, Fragment as g, jsx as t } from "react/jsx-runtime";
+import { useRef as a, useEffect as h } from "react";
 import { g as o, S as p } from "../../ScrollTrigger-DDbij8gI.js";
-import '../../assets/Timeline.css';const f = "_spacer_9nrlt_750", x = "_timelineWrapper_9nrlt_755", g = "_linePin_9nrlt_761", v = "_timelineLine_9nrlt_771", N = "_items_9nrlt_782", y = "_item_9nrlt_782", P = "_text_9nrlt_798", n = {
-  spacer: f,
-  timelineWrapper: x,
-  linePin: g,
+import '../../assets/Timeline.css';const u = "_spacer_1g76i_1", f = "_timelineWrapper_1g76i_6", x = "_linePin_1g76i_12", v = "_timelineLine_1g76i_22", N = "_items_1g76i_33", y = "_item_1g76i_33", P = "_text_1g76i_49", i = {
+  spacer: u,
+  timelineWrapper: f,
+  linePin: x,
   timelineLine: v,
   items: N,
   item: y,
@@ -19,8 +19,8 @@ const W = [
 ];
 function L() {
   const s = a(null), d = a(null), m = a(null);
-  return u(() => {
-    const e = window.innerHeight, l = o.context(() => {
+  return h(() => {
+    const e = window.innerHeight, c = o.context(() => {
       p.create({
         trigger: s.current,
         start: "top top",
@@ -29,23 +29,23 @@ function L() {
         pin: d.current,
         scrub: !0,
         onUpdate: (_) => {
-          const r = _.progress;
-          let i;
-          r < 0.25 ? i = r / 0.25 * 0.5 * e : r < 0.75 ? i = 0.5 * e : i = 0.5 * e + (r - 0.75) / 0.25 * 0.5 * e, o.set(m.current, { height: i });
+          const n = _.progress;
+          let r;
+          n < 0.25 ? r = n / 0.25 * 0.5 * e : n < 0.75 ? r = 0.5 * e : r = 0.5 * e + (n - 0.75) / 0.25 * 0.5 * e, o.set(m.current, { height: r });
         }
       });
     }, s);
-    return () => l.revert();
-  }, []), /* @__PURE__ */ c(h, { children: [
-    /* @__PURE__ */ t("div", { className: n.spacer }),
-    /* @__PURE__ */ c("section", { className: n.timelineWrapper, ref: s, children: [
-      /* @__PURE__ */ t("div", { className: n.linePin, children: /* @__PURE__ */ t("div", { className: n.timelineLine, ref: m }) }),
-      /* @__PURE__ */ t("div", { className: n.items, children: W.map((e, l) => /* @__PURE__ */ t("div", { className: n.item, children: /* @__PURE__ */ c("div", { className: n.text, children: [
+    return () => c.revert();
+  }, []), /* @__PURE__ */ l(g, { children: [
+    /* @__PURE__ */ t("div", { className: i.spacer }),
+    /* @__PURE__ */ l("section", { className: i.timelineWrapper, ref: s, children: [
+      /* @__PURE__ */ t("div", { className: i.linePin, children: /* @__PURE__ */ t("div", { className: i.timelineLine, ref: m }) }),
+      /* @__PURE__ */ t("div", { className: i.items, children: W.map((e, c) => /* @__PURE__ */ t("div", { className: i.item, children: /* @__PURE__ */ l("div", { className: i.text, children: [
         /* @__PURE__ */ t("h3", { children: e.year }),
         /* @__PURE__ */ t("p", { children: e.text })
-      ] }) }, l)) })
+      ] }) }, c)) })
     ] }),
-    /* @__PURE__ */ t("div", { className: n.spacer })
+    /* @__PURE__ */ t("div", { className: i.spacer })
   ] });
 }
 export {

package/dist/index.js

@@ -0,0 +1,52 @@
+import { default as y } from "./components/Background/Background.js";
+import { default as _ } from "./components/Banner/Banner.js";
+import { default as g } from "./components/BorderedBackground/BorderedBackground.js";
+import t from "./components/Button/Button.js";
+import { default as k } from "./components/Container/Container.js";
+import { default as O } from "./components/Fifty/Fifty.js";
+import { default as j } from "./components/Footer/Footer.js";
+import { default as z } from "./components/ImageTextBlock/ImageTextBlock.js";
+import { default as G } from "./components/List/List.js";
+import { default as D } from "./components/OverlayHero/OverlayHero.js";
+import { default as L } from "./components/Note/Note.js";
+import { default as T } from "./components/Promo/Promo.js";
+import { default as A } from "./components/PromoGroup/PromoGroup.js";
+import { default as J } from "./components/MenuButton/MenuButton.js";
+import { default as Q } from "./components/Navbar/Navbar.js";
+import { default as S } from "./components/PinnedImage/PinnedImage.js";
+import { default as V } from "./components/IconDetail/IconDetail.js";
+import { default as X } from "./components/Overlay/Overlay.js";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import d from "./utils/parse.js";
+import './assets/index.css';const m = "_overlay_10zq6_2", u = "_ctas_10zq6_54", f = {
+  overlay: m,
+  ctas: u
+}, c = ({ header: s, body: l, primaryCta: o, secondaryCta: r }) => /* @__PURE__ */ a("div", { className: f.overlay, children: [
+  /* @__PURE__ */ e("h2", { children: s }),
+  /* @__PURE__ */ e("div", { children: d(l) }),
+  /* @__PURE__ */ a("div", { className: f.ctas, children: [
+    o && /* @__PURE__ */ e(t, { ...o }),
+    r && /* @__PURE__ */ e(t, { ...r })
+  ] })
+] });
+export {
+  y as Background,
+  _ as Banner,
+  g as BorderedBackground,
+  t as Button,
+  k as Container,
+  O as Fifty,
+  j as Footer,
+  c as GenericOverlay,
+  V as IconDetail,
+  z as ImageTextBlock,
+  G as List,
+  J as MenuButton,
+  Q as Navbar,
+  L as Note,
+  X as Overlay,
+  D as OverlayHero,
+  S as PinnedImage,
+  T as Promo,
+  A as PromoGroup
+};

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@courtneyring/components-library",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "default": "./dist/main.js"
+      "default": "./dist/index.js"
     }
   },
   "files": [
@@ -23,6 +26,7 @@
     "classnames": "^2.5.1",
     "gsap": "^3.13.0",
     "moment": "^2.30.1",
+    "motion": "^12.26.2",
     "react": "^19.1.1",
     "react-dom": "^19.1.1"
   },
@@ -32,12 +36,12 @@
     "@storybook/addon-a11y": "^9.1.10",
     "@storybook/addon-docs": "^9.1.10",
     "@storybook/react-vite": "^9.1.10",
-    "@vitejs/plugin-react": "^5.0.4",
+    "@vitejs/plugin-react": "^5.1.2",
     "eslint": "^9.36.0",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.22",
     "eslint-plugin-storybook": "^9.1.10",
-    "glob": "^11.0.3",
+    "glob": "^11.1.0",
     "globals": "^16.4.0",
     "sass-embedded": "^1.93.2",
     "storybook": "^9.1.10",

package/dist/main.js

@@ -1,24 +0,0 @@
-import { default as r } from "./components/Background/Background.js";
-import { default as a } from "./components/Banner/Banner.js";
-import { default as d } from "./components/BorderedBackground/BorderedBackground.js";
-import { default as l } from "./components/Button/Button.js";
-import { default as s } from "./components/Container/Container.js";
-import { default as p } 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 C } from "./components/Note/Note.js";
-export {
-  r as Background,
-  a as Banner,
-  d as BorderedBackground,
-  l as Button,
-  s as Container,
-  p as Fifty,
-  B as Footer,
-  g as ImageTextBlock,
-  k as List,
-  C as Note,
-  F as OverlayHero
-};