@courtneyring/components-library 1.0.30 → 1.0.31

package/dist/components/Map/Map.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { A as _, M as p, a as d } from "../../index.modern-DPbS1w7M.js";
+import { c as b } from "../../index-B2JRaoNz.js";
+import u from "../Button/Button.js";
+import '../../assets/Map.css';const k = "_container_1i0kz_1", f = "_button_1i0kz_7", z = "_map_1i0kz_12", v = "_marker_1i0kz_18", N = "_pin_1i0kz_18", h = "_above_1i0kz_27", M = "_below_1i0kz_44", o = {
+  container: k,
+  button: f,
+  map: z,
+  marker: v,
+  pin: N,
+  above: h,
+  below: M
+}, P = ({ apiKey: e, mapId: s, defaultZoom: t, defaultCenter: i, markers: r, cta: l }) => /* @__PURE__ */ m("div", { className: o.container, children: [
+  /* @__PURE__ */ a(_, { apiKey: e, children: /* @__PURE__ */ a(
+    p,
+    {
+      className: o.map,
+      defaultZoom: t,
+      mapId: s,
+      gestureHandling: "none",
+      defaultCenter: i,
+      zoomControl: !1,
+      panControl: !1,
+      disableDefaultUI: !0,
+      children: r.map((n, c) => /* @__PURE__ */ a(
+        d,
+        {
+          position: n.position,
+          className: b(o.marker, o[n.dialogPos]),
+          children: /* @__PURE__ */ a("div", { className: o.pin, children: n.label })
+        },
+        `${c}-${n.label}`
+      ))
+    }
+  ) }),
+  /* @__PURE__ */ a(u, { ...l, className: o.button })
+] });
+export {
+  P as default
+};

package/dist/components/Map/Map.stories.js

@@ -0,0 +1,16 @@
+"use client";
+import e from "./Map.js";
+const s = {
+  title: "Components/Map",
+  component: e,
+  parameters: { layout: "centered" },
+  tags: ["autodocs"]
+}, t = {
+  args: {
+    sourceUrl: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2837.8505399802675!2d-84.71720358452077!3d44.66140519466946!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882011411ddf3bef%3A0x22e70df983887b6!2sCrawford+County+Historical+Museum!5e0!3m2!1sen!2sus!4v1460244247057"
+  }
+};
+export {
+  t as Primary,
+  s as default
+};

package/dist/components/MenuButton/MenuButton.js

@@ -1,38 +1,38 @@
 "use client";
-import { jsxs as i, jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../index-BIlioXmW.js";
-import '../../assets/MenuButton.css';const a = "_button_zo0en_1", c = "_isOpen_zo0en_6", _ = "_top_zo0en_6", d = "_bottom_zo0en_7", m = "_middle_zo0en_25", p = "_line_zo0en_33", o = {
-  button: a,
-  isOpen: c,
-  top: _,
-  bottom: d,
-  middle: m,
-  line: p
-}, u = ({ isOpen: e, clickFn: l, theme: n }) => /* @__PURE__ */ i(
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { c as o } from "../../index-B2JRaoNz.js";
+import '../../assets/MenuButton.css';const m = "_button_y3m6p_1", a = "_isOpen_y3m6p_6", c = "_top_y3m6p_6", _ = "_bottom_y3m6p_7", p = "_middle_y3m6p_25", d = "_line_y3m6p_33", t = {
+  button: m,
+  isOpen: a,
+  top: c,
+  bottom: _,
+  middle: p,
+  line: d
+}, u = ({ isOpen: l, clickFn: e, theme: s }) => /* @__PURE__ */ i(
   "button",
   {
-    className: t(o.button, e && o.isOpen),
-    onClick: l,
+    className: o(t.button, l && t.isOpen),
+    onClick: e,
     children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n(
         "div",
         {
-          className: t(o.top, o.line),
-          "data-color": n
+          className: o(t.top, t.line),
+          "data-color": s
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n(
         "div",
         {
-          className: t(o.middle, o.line),
-          "data-color": n
+          className: o(t.middle, t.line),
+          "data-color": s
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ n(
         "div",
         {
-          className: t(o.bottom, o.line),
-          "data-color": n
+          className: o(t.bottom, t.line),
+          "data-color": s
         }
       )
     ]

package/dist/components/Navbar/Navbar.js

@@ -1,78 +1,85 @@
 "use client";
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { useRef as h, useState as l, useEffect as g, cloneElement as k } from "react";
-import w from "../MenuButton/MenuButton.js";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import { useRef as p, useState as l, useEffect as g, cloneElement as w } from "react";
+import k from "../MenuButton/MenuButton.js";
 import { r as N } from "../../index-DyQs5aC7.js";
 import D from "../Overlay/Overlay.js";
 import x from "../Container/Container.js";
-import { c as E } from "../../index-BIlioXmW.js";
-import { useNavColor as C } from "../../hooks/useNavColor.js";
-import '../../assets/Navbar.css';const O = "_navbar_15cfv_1", Y = "_hide_15cfv_4", y = "_background_15cfv_24", S = "_open_15cfv_24", $ = "_navbar__link_15cfv_27", j = "_navbar__logo_15cfv_31", B = "_component_15cfv_41", F = "_navbar__links_15cfv_71", L = "_navbar__mobileDialog_15cfv_83", M = "_navbar__toggle_15cfv_99", o = {
-  navbar: O,
-  hide: Y,
-  background: y,
+import { c as E } from "../../index-B2JRaoNz.js";
+import '../../assets/Navbar.css';const y = "_navbar_hb3wf_1", O = "_hide_hb3wf_4", Y = "_background_hb3wf_27", S = "_open_hb3wf_27", $ = "_navbar__link_hb3wf_31", j = "_navbar__logo_hb3wf_35", B = "_component_hb3wf_48", C = "_navbar__links_hb3wf_52", F = "_navbar__mobileDialog_hb3wf_110", L = "_navbar__toggle_hb3wf_123", n = {
+  navbar: y,
+  hide: O,
+  background: Y,
   open: S,
   navbar__link: $,
   navbar__logo: j,
   component: B,
-  navbar__links: F,
-  navbar__mobileDialog: L,
-  navbar__toggle: M
-}, I = {}, T = ({ links: t, logoImage: s, color: P, logoComponent: _ }) => {
-  const e = h(0), [b, m] = l("up"), [n, i] = l(!1), [u, R] = C(), [c, f] = l(!1);
-  g(() => (window.addEventListener("scroll", v), () => window.removeEventListener("scroll", v)), []);
-  const v = () => {
-    f(window.scrollY > 30);
+  navbar__links: C,
+  navbar__mobileDialog: F,
+  navbar__toggle: L
+}, M = {}, Q = ({
+  links: c,
+  logoImage: s,
+  backgroundColor: I,
+  color: P,
+  logoComponent: t,
+  hidden: d,
+  position: v = "absolute"
+}) => {
+  const o = p(0), [R, m] = l("up"), [r, _] = l(!1), [u, h] = l(!1);
+  g(() => (window.addEventListener("scroll", i), () => window.removeEventListener("scroll", i)), []);
+  const i = () => {
+    h(window.scrollY > 30);
     const a = window.scrollY;
-    a - e.current !== 0 && m(a > e.current ? "down" : "up"), e.current = a > 0 ? a : 0;
+    a - o.current !== 0 && m(a > o.current ? "down" : "up"), o.current = a > 0 ? a : 0;
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ b(
     "nav",
     {
       className: E(
-        o.navbar,
-        c && o.background,
-        n && o.open,
-        b === "down" && o.hide
+        n.navbar,
+        u && n.background,
+        r && n.open,
+        // (direction === "down" || hidden) && styles.hide
+        d && n.hide
       ),
+      style: r ? {} : { position: v },
       children: [
-        /* @__PURE__ */ d("a", { className: o.navbar__logo, href: "/", children: [
-          s && /* @__PURE__ */ r("img", { src: s }),
-          _ && k(_, {
-            className: o.component,
-            "data-color": !c || n ? "color-white" : "color-neutral-dark"
+        /* @__PURE__ */ b("a", { className: n.navbar__logo, href: "/", children: [
+          s && /* @__PURE__ */ e("img", { src: s }),
+          t && w(t, {
+            className: n.component
           })
         ] }),
-        /* @__PURE__ */ r("div", { className: o.navbar__toggle, children: /* @__PURE__ */ r(
-          w,
+        /* @__PURE__ */ e("div", { className: n.navbar__toggle, children: /* @__PURE__ */ e(
+          k,
           {
-            clickFn: () => i(!n),
-            isOpen: n,
-            theme: !c || n ? "color-white" : "color-neutral-dark"
+            clickFn: () => _(!r),
+            isOpen: r,
+            theme: "color-white"
           }
         ) }),
-        /* @__PURE__ */ r("div", { className: o.navbar__links, children: t.map((a, p) => /* @__PURE__ */ r(
+        /* @__PURE__ */ e("div", { className: n.navbar__links, children: c.map((a, f) => /* @__PURE__ */ e(
           "a",
           {
-            className: `${o.navbar__link}`,
+            className: `${n.navbar__link}`,
             href: a.value,
-            "data-color": u,
             children: a.label
           },
           `navbar-d-${a.value}`
         )) }),
-        n && N.createPortal(
-          /* @__PURE__ */ r(
+        r && N.createPortal(
+          /* @__PURE__ */ e(
             D,
             {
-              closeFn: () => i(!1),
+              closeFn: () => _(!1),
               hideClose: !0,
-              background: I.white,
+              background: M.white,
               fullscreen: !0,
-              children: /* @__PURE__ */ r(x, { color: "color-white", children: /* @__PURE__ */ r("div", { className: o.navbar__mobileDialog, children: t.map((a, p) => /* @__PURE__ */ r(
+              children: /* @__PURE__ */ e(x, { color: "color-white", children: /* @__PURE__ */ e("div", { className: n.navbar__mobileDialog, children: c.map((a, f) => /* @__PURE__ */ e(
                 "a",
                 {
-                  className: o.navbar__link,
+                  className: n.navbar__link,
                   href: a.value,
                   children: a.label
                 },
@@ -87,5 +94,5 @@ import '../../assets/Navbar.css';const O = "_navbar_15cfv_1", Y = "_hide_15cfv_4
   );
 };
 export {
-  T as default
+  Q as default
 };

package/dist/components/Note/Note.js

@@ -1,26 +1,30 @@
 "use client";
-import { jsx as o, jsxs as e } from "react/jsx-runtime";
-import l from "../../utils/parse.js";
-import i from "../../animations/FadeInMotion.js";
-import '../../assets/Note.css';const m = "_salutation_13agx_2", _ = "_opener_13agx_43", d = "_from_13agx_48", p = "_body_13agx_90", g = "_close_13agx_137", u = "_signature_13agx_179", s = {
-  salutation: m,
-  opener: _,
-  from: d,
-  body: p,
-  close: g,
-  signature: u
-}, N = ({ salutation: a, from: n, body: t, signature: r, close: c }) => /* @__PURE__ */ o(i, { children: /* @__PURE__ */ e("div", { className: s.note, children: [
-  /* @__PURE__ */ e("p", { className: s.salutation, children: [
-    /* @__PURE__ */ e("span", { className: s.opener, children: [
-      a,
-      " "
+import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { useReveal as i } from "../../hooks/useReveal.js";
+import { appleReveal as m } from "../../presets/animations.js";
+import _ from "../../utils/parse.js";
+import '../../assets/Note.css';const p = "_salutation_tq8oj_2", d = "_opener_tq8oj_49", u = "_from_tq8oj_54", f = "_body_tq8oj_96", j = "_close_tq8oj_149", N = "_signature_tq8oj_197", o = {
+  salutation: p,
+  opener: d,
+  from: u,
+  body: f,
+  close: j,
+  signature: N
+}, g = ({ salutation: t, from: a, body: n, signature: r, close: c }) => {
+  const l = i(m);
+  return /* @__PURE__ */ e("div", { className: o.note, ref: l, children: [
+    /* @__PURE__ */ e("p", { className: o.salutation, children: [
+      /* @__PURE__ */ e("span", { className: o.opener, children: [
+        t,
+        " "
+      ] }),
+      /* @__PURE__ */ s("span", { className: o.from, children: a })
     ] }),
-    /* @__PURE__ */ o("span", { className: s.from, children: n })
-  ] }),
-  /* @__PURE__ */ o("div", { className: s.body, children: l(t) }),
-  /* @__PURE__ */ o("p", { className: s.close, children: c }),
-  /* @__PURE__ */ o("p", { className: s.signature, children: r })
-] }) });
+    /* @__PURE__ */ s("div", { className: o.body, children: _(n) }),
+    /* @__PURE__ */ s("p", { className: o.close, children: c }),
+    /* @__PURE__ */ s("p", { className: o.signature, children: r })
+  ] });
+};
 export {
-  N as default
+  g as default
 };

package/dist/components/Overlay/Overlay.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { useState as v, useEffect as u } from "react";
-import { c as m } from "../../index-BIlioXmW.js";
+import { c as m } from "../../index-B2JRaoNz.js";
 import '../../assets/Overlay.css';const i = "_overlay_m36se_17", y = "_hideNav_m36se_43", f = "_overlay__dialog_m36se_43", N = "_overlay__background_m36se_47", h = "_fadeIn_m36se_1", O = "_fadeOut_m36se_57", g = "_overlay__close_m36se_80", b = "_fullscreen_m36se_103", e = {
   overlay: i,
   hideNav: y,

package/dist/components/OverlayHero/OverlayHero.js

@@ -2,12 +2,12 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import s from "../../utils/parse.js";
 import "react";
-import '../../assets/OverlayHero.css';const n = "_hero_1f1qw_5", _ = "_overlay_1f1qw_17", d = "_eyebrow_1f1qw_42", m = "_title_1f1qw_49", h = "_subtitle_1f1qw_67", e = {
+import '../../assets/OverlayHero.css';const n = "_hero_18ghz_5", h = "_overlay_18ghz_17", _ = "_eyebrow_18ghz_46", d = "_title_18ghz_53", m = "_subtitle_18ghz_71", e = {
   hero: n,
-  overlay: _,
-  eyebrow: d,
-  title: m,
-  subtitle: h
+  overlay: h,
+  eyebrow: _,
+  title: d,
+  subtitle: m
 }, v = ({ text: y, image: l, pos: a, eyebrow: r, title: i, subtitle: o }) => /* @__PURE__ */ t(
   "div",
   {

package/dist/components/PageContainer/PageContainer.js

@@ -1,15 +1,15 @@
 "use client";
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import '../../assets/PageContainer.css';const s = "_container__inner_1f10x_2", l = "_removePadding_1f10x_47", m = "_container__body_1f10x_51", y = "_container__copy_1f10x_66", n = {
+import '../../assets/PageContainer.css';const s = "_container__inner_9nloq_2", l = "_removePadding_9nloq_47", m = "_container__body_9nloq_51", y = "_container__copy_9nloq_66", n = {
   container__inner: s,
   removePadding: l,
   container__body: m,
   container__copy: y
-}, x = ({
-  heroImage: f,
+}, P = ({
+  heroImage: g,
   pageTitle: r,
   children: t,
-  hero: g,
+  hero: h,
   copy: e,
   excludePadding: c = []
 }) => {
@@ -35,5 +35,5 @@ import '../../assets/PageContainer.css';const s = "_container__inner_1f10x_2", l
   ] });
 };
 export {
-  x as default
+  P as default
 };

package/dist/components/ParallaxImageGrid/ParallaxImageGrid.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as a, jsxs as _ } from "react/jsx-runtime";
 import { useRef as o, useEffect as b } from "react";
-import { g as i, S as w } from "../../ScrollTrigger-DDbij8gI.js";
+import { g as i } from "../../index-BmTo-IS6.js";
+import { S as w } from "../../ScrollTrigger-6HnikosL.js";
 import '../../assets/ParallaxImageGrid.css';const h = "_container_1tu23_1", R = "_center_1tu23_10", T = "_wrapper_1tu23_17", k = "_box_1tu23_29", n = {
   container: h,
   center: R,
@@ -9,7 +10,7 @@ import '../../assets/ParallaxImageGrid.css';const h = "_container_1tu23_1", R =
   box: k
 };
 i.registerPlugin(w);
-const N = ({ images: y, center: l }) => {
+const A = ({ images: y, center: l }) => {
   const c = o(null), u = o([]), p = o(), g = o(), x = [
     { x: -500, y: -200 },
     { x: -75, y: -200 },
@@ -87,5 +88,5 @@ const N = ({ images: y, center: l }) => {
   ] }) });
 };
 export {
-  N as default
+  A as default
 };

package/dist/components/PinnedImage/PinnedImage.js

@@ -1,29 +1,30 @@
 "use client";
 import { jsxs as _, jsx as t } from "react/jsx-runtime";
-import { useRef as i, useEffect as x, createElement as y } from "react";
-import v from "../IconDetail/IconDetail.js";
-import { g as a, S as N } from "../../ScrollTrigger-DDbij8gI.js";
-import b from "../../utils/parse.js";
-import '../../assets/PinnedImage.css';const k = "_container_trrr1_2", P = "_content_trrr1_114", R = "_copy_trrr1_122", S = "_text_trrr1_158", T = "_title_trrr1_207", E = "_background_trrr1_253", H = "_section_trrr1_265", I = "_details_trrr1_297", e = {
-  container: k,
-  content: P,
-  copy: R,
-  text: S,
-  title: T,
-  background: E,
-  section: H,
-  details: I
+import { useRef as s, useEffect as k, createElement as x } from "react";
+import y from "../IconDetail/IconDetail.js";
+import { g as i } from "../../index-BmTo-IS6.js";
+import { S as q } from "../../ScrollTrigger-6HnikosL.js";
+import v from "../../utils/parse.js";
+import '../../assets/PinnedImage.css';const N = "_container_19qak_2", b = "_content_19qak_114", P = "_copy_19qak_122", R = "_text_19qak_162", S = "_title_19qak_218", T = "_background_19qak_264", E = "_section_19qak_276", H = "_details_19qak_308", e = {
+  container: N,
+  content: b,
+  copy: P,
+  text: R,
+  title: S,
+  background: T,
+  section: E,
+  details: H
 };
-a.registerPlugin(N);
+i.registerPlugin(q);
 const W = ({ image: m, title: g, sections: f }) => {
-  const o = i(null);
-  i(null);
-  const l = i([]), p = i();
-  return x(() => {
-    const r = a.context(() => {
-      const n = l.current, c = Math.max(...n.map((s) => s.offsetHeight));
-      a.set(p.current, { minHeight: c });
-      const d = o.current.offsetTop, h = a.timeline({
+  const o = s(null);
+  s(null);
+  const l = s([]), p = s();
+  return k(() => {
+    const n = i.context(() => {
+      const c = l.current, r = Math.max(...c.map((a) => a.offsetHeight));
+      i.set(p.current, { minHeight: r });
+      const d = o.current.offsetTop, h = i.timeline({
         scrollTrigger: {
           trigger: o.current,
           start: `top-=${d} top`,
@@ -34,19 +35,19 @@ const W = ({ image: m, title: g, sections: f }) => {
           anticipatePin: 1
         }
       });
-      n.forEach((s, u) => {
+      c.forEach((a, u) => {
         h.fromTo(
-          s,
+          a,
           { opacity: u === 0 ? 1 : 0 },
           { opacity: 1, duration: 0.5 }
         ).to(
-          s,
-          { opacity: u === n.length - 1 ? 1 : 0, duration: 0.5 },
+          a,
+          { opacity: u === c.length - 1 ? 1 : 0, duration: 0.5 },
           "+=0.75"
         );
       });
     }, o);
-    return () => r.revert();
+    return () => n.revert();
   }, []), /* @__PURE__ */ _(
     "div",
     {
@@ -56,18 +57,18 @@ const W = ({ image: m, title: g, sections: f }) => {
       children: [
         /* @__PURE__ */ t("h2", { className: e.title, children: g }),
         /* @__PURE__ */ t("div", { className: e.background, children: /* @__PURE__ */ t("img", { src: m }) }),
-        /* @__PURE__ */ t("div", { className: e.content, ref: p, children: /* @__PURE__ */ t("div", { className: e.copy, children: f.map((r, n) => /* @__PURE__ */ _(
+        /* @__PURE__ */ t("div", { className: e.content, ref: p, children: /* @__PURE__ */ t("div", { className: e.copy, children: f.map((n, c) => /* @__PURE__ */ _(
           "div",
           {
             className: e.section,
-            ref: (c) => l.current[n] = c,
+            ref: (r) => l.current[c] = r,
             children: [
-              /* @__PURE__ */ t("h3", { children: r.header }),
-              /* @__PURE__ */ t("div", { className: e.text, children: b(r.description) }),
-              /* @__PURE__ */ t("div", { className: e.details, children: r.details && r.details.map((c, d) => /* @__PURE__ */ y(v, { ...c, key: d })) })
+              /* @__PURE__ */ t("h3", { children: n.header }),
+              /* @__PURE__ */ t("div", { className: e.text, children: v(n.description) }),
+              /* @__PURE__ */ t("div", { className: e.details, children: n.details && n.details.map((r, d) => /* @__PURE__ */ x(y, { ...r, key: d })) })
             ]
           },
-          n
+          c
         )) }) })
       ]
     }