@courtneyring/components-library 1.0.19 → 1.0.21

package/dist/components/PromoGroup/PromoGroup.js

@@ -5,7 +5,7 @@ import "../../index-BlCqcUwj.js";
 import "../../hooks/useFadeIn.js";
 import d from "../Button/Button.js";
 import { c as m } from "../../index-BIlioXmW.js";
-import "../../Particles-O0-WQKRj.js";
+import "../../Particles-CKNJUrOc.js";
 import "../../index-DyQs5aC7.js";
 import "../PinnedImage/PinnedImage.js";
 import "../ParallaxImageGrid/ParallaxImageGrid.js";
@@ -22,27 +22,34 @@ import '../../assets/PromoGroup.css';const n = "_group_qbcz0_2", h = "_slider_qb
   statText: z
 }, P = ({ header: i, promos: s }) => /* @__PURE__ */ c(l, { children: [
   /* @__PURE__ */ t("h2", { className: e.header, children: i }),
-  /* @__PURE__ */ t("div", { className: m(e.group, s.length > 3 && e.slider), style: { "--promos": s.length }, children: s.map((a, r) => /* @__PURE__ */ c(
+  /* @__PURE__ */ t(
     "div",
     {
-      delay: 0.1 * r,
-      className: e.promo,
-      "data-color": a.color,
-      "data-text-align": a.textAlign,
-      children: [
-        a.icon && /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: a.icon }),
-        a.image && /* @__PURE__ */ t("img", { className: e.image, src: a.image }),
-        a.header && /* @__PURE__ */ t("h3", { className: e.promo__header, children: a.header }),
-        /* @__PURE__ */ t("p", { className: e.promo__body, children: a.body }),
-        a.cta && /* @__PURE__ */ t("div", { className: e.cta, children: /* @__PURE__ */ t(d, { ...a.cta }) }),
-        a.stats && /* @__PURE__ */ t("div", { className: e.stats, children: a.stats.map((o, _) => /* @__PURE__ */ c("div", { className: e.stat, children: [
-          /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: o.icon }),
-          /* @__PURE__ */ t("span", { className: e.statText, children: o.text })
-        ] }, `stat-${_}`)) })
-      ]
-    },
-    `promo-${r}`
-  )) })
+      className: m(e.group, s.length > 3 && e.slider),
+      style: { "--promos": s.length },
+      children: s.map((a, r) => /* @__PURE__ */ c(
+        "div",
+        {
+          delay: 0.1 * r,
+          className: e.promo,
+          "data-color": a.color,
+          "data-text-align": a.textAlign,
+          children: [
+            a.icon && /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: a.icon }),
+            a.image && /* @__PURE__ */ t("img", { className: e.image, src: a.image }),
+            a.header && /* @__PURE__ */ t("h3", { className: e.promo__header, children: a.header }),
+            /* @__PURE__ */ t("p", { className: e.promo__body, children: a.body }),
+            a.cta && /* @__PURE__ */ t("div", { className: e.cta, children: /* @__PURE__ */ t(d, { ...a.cta }) }),
+            a.stats && /* @__PURE__ */ t("div", { className: e.stats, children: a.stats.map((o, _) => /* @__PURE__ */ c("div", { className: e.stat, children: [
+              /* @__PURE__ */ t("span", { className: "material-symbols-outlined", children: o.icon }),
+              /* @__PURE__ */ t("span", { className: e.statText, children: o.text })
+            ] }, `stat-${_}`)) })
+          ]
+        },
+        `promo-${r}`
+      ))
+    }
+  )
 ] });
 export {
   P as default

package/dist/components/RSVPEmbed/RSVPEmbed.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { useRef as c, useEffect as s } from "react";
+import '../../assets/RSVPEmbed.css';const p = "_wrapper_1mgkx_1", a = {
+  wrapper: p
+};
+function f({ embedUrl: t }) {
+  const r = c(null);
+  return s(() => {
+    const e = document.createElement("script");
+    return e.src = t, e.async = !0, r.current?.appendChild(e), () => {
+      r.current && (r.current.innerHTML = "");
+    };
+  }, []), /* @__PURE__ */ n("div", { ref: r, className: a.wrapper });
+}
+export {
+  f as default
+};

package/dist/components/TextBlock/TextBlock.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import { createElement as d } from "react";
+import n from "../../utils/parse.js";
+import m from "../IconDetail/IconDetail.js";
+import '../../assets/TextBlock.css';const h = "_title_1v9uh_1", _ = "_blocks_1v9uh_47", p = "_block_1v9uh_47", k = "_blockHeader_1v9uh_58", v = "_description_1v9uh_88", e = {
+  title: h,
+  blocks: _,
+  block: p,
+  blockHeader: k,
+  description: v
+}, x = ({ header: t, blocks: i }) => /* @__PURE__ */ l("div", { className: e.container, children: [
+  /* @__PURE__ */ c("h2", { className: e.title, children: t }),
+  /* @__PURE__ */ c("div", { className: e.blocks, children: i.map((s, o) => (
+    // <div className={styles.block} key={`block-${idx}`}>
+    /* @__PURE__ */ l("div", { className: e.block, children: [
+      /* @__PURE__ */ c("h3", { className: e.blockHeader, children: s.header }),
+      /* @__PURE__ */ l("div", { className: e.content, children: [
+        /* @__PURE__ */ c("div", { className: e.description, children: n(s.description) }),
+        /* @__PURE__ */ c("div", { className: e.details, children: s.details && s.details.map((a, r) => /* @__PURE__ */ d(m, { ...a, key: r })) })
+      ] })
+    ] }, `block-${o}`)
+  )) })
+] });
+export {
+  x as default
+};

package/dist/components/Toolbar/Toolbar.js

@@ -5,17 +5,17 @@ import { useState as l, useEffect as c } from "react";
 import '../../assets/Toolbar.css';const h = "_toolbar_17thg_1", m = {
   toolbar: h
 }, g = () => {
-  const [e, n] = l(!0), r = d(), s = (t) => {
-    console.log(t.code), t.code === "KeyI" && (t.preventDefault(), t.stopPropagation(), n(!e));
+  const [t, n] = l(!1), s = d(), r = (e) => {
+    e.code === "KeyI" && (e.preventDefault(), e.stopPropagation(), n(!t));
   };
-  return c(() => (window.addEventListener("keyup", s), () => window.removeEventListener("keyup", s)), [e]), e ? /* @__PURE__ */ o("div", { className: m.toolbar, children: [
+  return c(() => (window.addEventListener("keyup", r), () => window.removeEventListener("keyup", r)), [t]), t ? /* @__PURE__ */ o("div", { className: m.toolbar, children: [
     /* @__PURE__ */ o("div", { children: [
       "Width: ",
-      r.innerWidth
+      s.innerWidth
     ] }),
     /* @__PURE__ */ o("div", { children: [
       "Height: ",
-      r.innerHeight
+      s.innerHeight
     ] })
   ] }) : /* @__PURE__ */ i(a, {});
 };

package/dist/index.js

@@ -1,67 +1,71 @@
-import { default as g } from "./components/PromoGroup/PromoGroup.js";
-import { default as H } from "./components/Background/Background.js";
-import { default as O } from "./components/Banner/Banner.js";
-import { default as T } from "./components/BorderedBackground/BorderedBackground.js";
-import { default as F } from "./components/Button/Button.js";
-import { default as D } from "./components/Container/Container.js";
-import { default as L } from "./components/Fifty/Fifty.js";
-import { default as $ } from "./components/Footer/Footer.js";
-import { default as w } from "./components/ImageTextBlock/ImageTextBlock.js";
-import { default as A } from "./components/List/List.js";
-import { default as K } from "./components/OverlayHero/OverlayHero.js";
-import { default as R } from "./components/Note/Note.js";
-import { default as U } from "./components/MenuButton/MenuButton.js";
-import { default as W } from "./components/Navbar/Navbar.js";
-import { default as Y } from "./components/PinnedImage/PinnedImage.js";
-import f from "./components/IconDetail/IconDetail.js";
-import { default as ee } from "./components/Overlay/Overlay.js";
-import { default as oe } from "./components/GenericOverlay/GenericOverlay.js";
-import { default as te } from "./components/Toolbar/Toolbar.js";
-import { default as se } from "./components/GridGallery/GridGallery.js";
-import { default as ce } from "./components/ParallaxImageGrid/ParallaxImageGrid.js";
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { createElement as i } from "react";
-import m from "./utils/parse.js";
-import './assets/index.css';const n = "_title_1v9uh_1", p = "_blocks_1v9uh_47", u = "_block_1v9uh_47", x = "_blockHeader_1v9uh_58", h = "_description_1v9uh_88", e = {
-  title: n,
-  blocks: p,
-  block: u,
-  blockHeader: x,
-  description: h
-}, N = ({ header: t, blocks: l }) => /* @__PURE__ */ a("div", { className: e.container, children: [
-  /* @__PURE__ */ r("h2", { className: e.title, children: t }),
-  /* @__PURE__ */ r("div", { className: e.blocks, children: l.map((o, s) => (
-    // <div className={styles.block} key={`block-${idx}`}>
-    /* @__PURE__ */ a("div", { className: e.block, children: [
-      /* @__PURE__ */ r("h3", { className: e.blockHeader, children: o.header }),
-      /* @__PURE__ */ a("div", { className: e.content, children: [
-        /* @__PURE__ */ r("div", { className: e.description, children: m(o.description) }),
-        /* @__PURE__ */ r("div", { className: e.details, children: o.details && o.details.map((d, c) => /* @__PURE__ */ i(f, { ...d, key: c })) })
-      ] })
-    ] }, `block-${s}`)
-  )) })
+import { default as v } from "./components/PromoGroup/PromoGroup.js";
+import { default as B } from "./components/Background/Background.js";
+import { default as y } from "./components/Banner/Banner.js";
+import { default as G } from "./components/BorderedBackground/BorderedBackground.js";
+import { default as I } from "./components/Button/Button.js";
+import { default as b } 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 A } from "./components/ImageTextBlock/ImageTextBlock.js";
+import { default as D } from "./components/List/List.js";
+import { default as H } from "./components/OverlayHero/OverlayHero.js";
+import { default as M } from "./components/Note/Note.js";
+import { default as V } from "./components/MenuButton/MenuButton.js";
+import { default as J } from "./components/Navbar/Navbar.js";
+import { default as Q } from "./components/PinnedImage/PinnedImage.js";
+import { default as W } from "./components/IconDetail/IconDetail.js";
+import { default as Y } from "./components/Overlay/Overlay.js";
+import { default as $ } from "./components/GenericOverlay/GenericOverlay.js";
+import { default as ae } from "./components/Toolbar/Toolbar.js";
+import { default as te } from "./components/GridGallery/GridGallery.js";
+import { default as le } from "./components/ParallaxImageGrid/ParallaxImageGrid.js";
+import { default as se } from "./components/TextBlock/TextBlock.js";
+import { default as fe } from "./components/RSVPEmbed/RSVPEmbed.js";
+import { default as ne } from "./components/Accordion/Accordion.js";
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { Fragment as s } from "react";
+import './assets/index.css';const m = "_schedule_3q4gz_2", f = "_timeline_3q4gz_75", i = "_time_3q4gz_75", n = "_dot_3q4gz_88", c = "_diagram_3q4gz_96", u = "_line_3q4gz_102", e = {
+  schedule: m,
+  timeline: f,
+  time: i,
+  dot: n,
+  diagram: c,
+  line: u
+}, _ = ({ slots: o, header: l }) => /* @__PURE__ */ r("div", { className: e.schedule, children: [
+  /* @__PURE__ */ a("h3", { children: l }),
+  /* @__PURE__ */ a("div", { className: e.timeline, children: o.map((t, d) => /* @__PURE__ */ r(s, { children: [
+    /* @__PURE__ */ a("div", { className: e.time, children: t.time }),
+    /* @__PURE__ */ r("div", { className: e.diagram, children: [
+      /* @__PURE__ */ a("span", { className: e.line }),
+      /* @__PURE__ */ a("div", { className: e.dot })
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.description, children: t.description })
+  ] }, d)) })
 ] });
 export {
-  H as Background,
-  O as Banner,
-  T as BorderedBackground,
-  F as Button,
-  D as Container,
-  L as Fifty,
-  $ as Footer,
-  oe as GenericOverlay,
-  se as GridGallery,
-  f as IconDetail,
-  w as ImageTextBlock,
-  A as List,
-  U as MenuButton,
-  W as Navbar,
-  R as Note,
-  ee as Overlay,
-  K as OverlayHero,
-  ce as ParallaxImageGrid,
-  Y as PinnedImage,
-  g as PromoGroup,
-  N as TextBlock,
-  te as Toolbar
+  ne as Accordion,
+  B as Background,
+  y as Banner,
+  G as BorderedBackground,
+  I as Button,
+  b as Container,
+  O as Fifty,
+  j as Footer,
+  $ as GenericOverlay,
+  te as GridGallery,
+  W as IconDetail,
+  A as ImageTextBlock,
+  D as List,
+  V as MenuButton,
+  J as Navbar,
+  M as Note,
+  Y as Overlay,
+  H as OverlayHero,
+  le as ParallaxImageGrid,
+  Q as PinnedImage,
+  v as PromoGroup,
+  fe as RSVPEmbed,
+  _ as Schedule,
+  se as TextBlock,
+  ae as Toolbar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@courtneyring/components-library",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -19,7 +19,8 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "publish-package": "npm publish --access public"
   },
   "dependencies": {
     "@gsap/react": "^2.1.2",
@@ -46,6 +47,7 @@
     "eslint-plugin-storybook": "^9.1.10",
     "glob": "^11.1.0",
     "globals": "^16.4.0",
+    "prettier": "^3.8.1",
     "sass-embedded": "^1.93.2",
     "storybook": "^9.1.10",
     "vite": "^7.1.7",